{"version":3,"file":"openmrs-esm-styleguide.css","mappings":"AAIA,6BAEE,YADA,UACA,CAEA,0DACE,eC0CS,CDtCb,4BAME,wBEjBM,CFmBN,oCAPA,aAGA,UAGA,mBAJA,eAEA,QAHA,YAMA,CAGF,6BACE,cAGF,4BAIE,aGfQ,CHaR,YACA,qBAFA,UGZQ,CHiBR,kCACE,wBGmIY,CCrKd,wCACE,qBC6DE,4BCTJ,wIDuBI,6BCvBJ,uGDqCM,6BCrCN,qEDqCM,4BCrCN,qEDSI,4BCTJ,sIDuBI,6BCvBJ,qGDqCM,4BCrCN,mEDqCM,4BCrCN,mEDSI,4BCTJ,wIDuBI,4BCvBJ,uGDqCM,4BCrCN,qEDqCM,6BCrCN,qEDSI,6BCTJ,sIDuBI,8BCvBJ,qGDqCM,4BCrCN,mEDqCM,4BCrCN,mEDSI,4BCTJ,sIDuBI,6BCvBJ,qGDqCM,4BCrCN,mEDqCM,4BCrCN,mEDSI,6BCTJ,uIDuBI,4BCvBJ,sGDqCM,4BCrCN,oEDqCM,4BCrCN,oEDSI,4BCTJ,2LDuBI,4BCvBJ,+IDqCM,6BCrCN,kGDqCM,4BCrCN,kGDSI,4BCTJ,sLDuBI,+BCvBJ,0IDqCM,4BCrCN,6FDqCM,4BCrCN,6FCvCF,mCDuCE,wxBCnCF,4BDmCE,kxBC/BF,6BD+BE,wxBEpCF,sCACE,GAVA,UACA,mBAaA,GATA,UACA,mBAaF,sCACE,GAfA,UACA,kBAkBA,GAxBA,UACA,oBA4BF,uCACE,GACE,WACA,oBACA,sBAGF,IACE,UACA,oBACA,sBAGF,IACE,oBACA,uBAGF,IACE,oBACA,uBAGF,IACE,oBACA,uBAGF,IACE,oBACA,uBAGF,IACE,oBACA,sBAGF,IACE,oBACA,sBAGF,GACE,WACA,oBACA,uBC3DJ,yDAQE,mBADA,eAFA,SAIA,gBAHA,YAHA,gBACA,UAFA,kBAQA,mBACA,mBC4CA,4BACE,qBAMF,8DACE,kBAMF,yDJxCA,2HIoDA,sFAGE,6CAIF,4BJ3DA,8BImEA,6BAGE,0CA1EkB,CA2ElB,QACA,oBAJA,kBACA,YAGA,CAIF,4BJ5EA,qGI+FE,qEAzGuB,CC/BzB,SDuIE,kDA/FoB,CC1CtB,sBD2IE,mEA9FiB,CA2FjB,aCpIF,oBACA,eDuIE,wBCzIF,SD0IE,sBC5IF,UD6IE,oBARA,kBChIF,wBDiIE,YAOA,CEhFI,wDNnBN,0DMmBM,wDNnBN,0DMmBM,yDNnBN,0DKnCA,qGAGE,mBDsIF,sFAGE,cAOF,mCAGE,WADA,aADA,iBAEA,CAGF,6FAGE,cAIF,sFAKE,qEA5IuB,CA2IvB,aAFA,kBAOA,sBANA,YAMA,CAUF,4RAIE,cAGF,uFAGE,aAQF,wHAGE,kBACA,uBACA,uEAGF,kIAIE,sEAGF,+OAME,kBACA,qBACA,2GAMF,mQAQE,mBACA,wBAGF,8OAME,kBACA,mBACA,8FAGF,gPAME,kBACA,mBACA,wBAGF,wHAGE,kBACA,sBACA,qBACA,+DAGF,wHAGE,kBACA,sBACA,qBACA,kEAGF,kQAQE,qBAIF,8cAeE,sCApQa,CAqQb,oBACA,eACA,4BAIF,gbAeE,kDAjRmB,CAkRnB,0CACA,iDAvRkB,CAwRlB,kBACA,uBACA,sDAGF,keAoBE,qDAIF,wsBAoBE,kDArUmB,CAsUnB,0CACA,iDA3UkB,CAmVpB,yHAGE,oBACA,uBACA,wEAGF,mIAIE,uEAGF,8OAME,oBACA,qBACA,4GAMF,kQAQE,mBACA,wBAGF,8OAME,oBACA,mBACA,+FAGF,kQAQE,qBAIF,8cAeE,sCAvaa,CAwab,kBACA,eACA,2BAIF,gbAaE,kDAlbmB,CAmbnB,uCACA,iDAxbkB,CAyblB,oBACA,uBACA,mEAGF,4oBAoBE,kEAIF,wsBAoBE,kDAtemB,CAuenB,uCACA,iDA5ekB,CAofpB,uHAGE,sBACA,wBAGA,sDAGF,8OAME,sBACA,wBACA,qGAMF,8OAME,oBACA,wBACA,kGAGF,qoBAoBE,sBACA,wBAIF,4cAeE,uCApkBa,CAqkBb,cACA,qBACA,4BAIF,wlBAeE,gDArlBkB,CAslBlB,0CACA,mDAnlBmB,CAolBnB,sBACA,wBACA,uEAGF,0oBAoBE,sBACA,wBAIF,ssBAoBE,gDA1oBkB,CA2oBlB,0CACA,mDAxoBmB,CAgpBrB,wHAGE,sBACA,sBAGA,0EAGF,gPAME,sBACA,sBAGA,gHAMF,+OAME,oBACA,sBAGA,+GAMF,yoBAoBE,sBACA,wBAIF,gdAeE,uCA3uBa,CA4uBb,cACA,mBACA,2BAIF,4lBAeE,gDA5vBkB,CA6vBlB,uCACA,mDA1vBmB,CA2vBnB,sBACA,sBACA,0EAGF,8oBAoBE,sBACA,wBAIF,0sBAoBE,gDAjzBkB,CAkzBlB,uCACA,mDA/yBmB,CAqzBrB,sFAGE,gBAGF,0DACE,mBAGF,6BAKE,mBG13BF,gBACA,gBH23BE,gBG73BF,SFPA,sBEUA,eALA,qBH43BE,oBC73BF,oBACA,eESE,iBHu3BA,iBAFA,uBCh4BF,SEGA,UH03BE,kBGr3BF,iBFLA,uBD+3BE,CC73BF,wGAGE,mBEMF,+CACE,SHq3BA,mCIr3BA,2CACA,oBAEA,qCJk3BA,mCIj3BE,sBJq3BF,mCACE,uCK53BQ,CLg4BZ,sFAEE,2BKp4BI,CLq4BJ,oCAGF,wGAIE,2BK54BI,CL64BJ,eACA,WACA,iBACA,kBANA,kBACA,YAKA,CAGF,iCACE,oCMzrBW,CCvNb,4BXyBA,0BWrBA,6BCi0BE,wMD7zBA,sBADA,oFACA,CAkCF,6BXjBA,qIWiCA,0DC2wBE,wODxzBF,4BJvBA,gBACA,gBAFA,SI4BE,qDADA,gBNlCF,sBMoCE,qCDkJW,CH5Kb,eALA,qBFDA,oBACA,eESE,iBFXF,SEGA,UAKA,iBFLA,uBKgLa,CL9Kb,qGAGE,mBEMF,8CACE,SIqBF,kCAGE,4DDsIiB,CF3KjB,0CE2KiB,CFzKjB,qCGgCF,kCH/BI,sBGqCJ,kCACE,4DDkIiB,CC/HnB,4BAKE,eCiyBA,wMDlyBA,sBADA,mBAGA,sBE1CF,4Bb8BA,0dc7BA,kEAMA,2EAOA,kGTzBA,SSqCA,eC5BqB,CVXrB,sBS0CA,eANA,oBACA,cTjCA,oBACA,eOk1BE,8GE5yBF,wBALA,8BFizBE,0HE9yBF,SAGA,sBACA,mDACA,aT7CA,US+CA,sHAIA,iJAjBA,kBAuBA,iBACA,qBACA,6KACE,CTvDF,wBS2DA,mBTzDA,qGAGE,mBSwDF,4SAOE,6CEoVc,CFrVd,+CEqVc,CFnVd,gBACA,+CJ+HqB,CI9HrB,mBAGF,yDAGE,gBADA,cAEA,iBAEA,+GAMA,gEACA,4BAZA,iBAYA,CDxEF,8CAEE,SADA,SACA,CAGF,4BCqFA,kDEoPe,CFrPf,4BDjFI,CCmFJ,mCJwFc,CItFd,kCACE,wDE4RmB,CFzRrB,kCACE,mEA7GiB,CA8GjB,4HACE,CAIJ,mCACE,yDE6PoB,CF1PtB,8JAEE,iBDnGE,CASJ,+DAJI,mCHmKU,CG/Jd,6BCsEA,oDEsPiB,CFvPjB,4BJ0Fc,CItFd,mCACE,0DEiSqB,CF9RvB,mCACE,mEA7GiB,CA8GjB,4HACE,CAIJ,oCACE,2DEkQsB,CF/PxB,gKAEE,iBDpFE,CAIF,sEAEE,mCHmJU,CG/Id,4BCsDA,4BDpDI,CCiDJ,mDCzCqB,CD6CrB,wCE0PgB,CFxPhB,kCACE,yDEsSoB,CFnStB,kCACE,mEA7GiB,CA8GjB,4HACE,CAQJ,8JAEE,iBDpEE,CAQF,oEAHE,kCHiIS,CG9HX,kCACE,mDH6HS,CGzHX,mCAEE,0DGuTmB,CHxTnB,yBAEA,kCHsHS,CGnHX,4SAME,uBACA,gDHqHU,CGpHV,aAIJ,6BCiBA,4BDfI,CCcJ,4BDbI,CCeJ,qCJiGa,CGzGX,mFCUF,mCACE,+DJ5Fe,CI+FjB,mCACE,mEA7GiB,CA8GjB,4HACE,CAQJ,gKAEE,iBD/BE,CAQF,0DAEE,kBACA,yBlBrGO,CkBmGP,elBnGO,CkBwGT,uEAEE,2CHgGe,CG7FjB,oCACE,+DH1Gc,CG6GhB,kTAOE,uBADA,yBAEA,gDH2EU,CG1EV,aAGF,iDACE,oCHiGS,CG7Fb,6BAGE,+CACA,gDAHA,uBACA,UAIA,iHAOA,0CACE,qBAGF,0DACE,gBAGF,4KAEE,SAGF,yDACE,+EAOJ,uLAEE,qBAGF,wDACE,2DHnKkB,CGsKpB,4DACE,UAGF,wNAIE,oCH0CW,CGvCb,6WAOE,8CH4CqB,CGnCvB,8HACE,mBAGF,qEACE,oBAGF,+BC3GA,yDE6PsB,CF9PtB,4BD+GI,CC7GJ,mCJwFc,CItFd,qCACE,uDEuRkB,CFpRpB,qCACE,mEA7GiB,CA8GjB,4HACE,CAIJ,sCACE,wDEwPmB,CFrPrB,oKAEE,iBD6FE,CAIF,qCACE,mCH7BU,CGgCZ,4BCzHF,4BD2HM,CC9HN,2DCzCqB,CD6CrB,gDEiQwB,CF/PxB,kCACE,uDEuRkB,CFpRpB,kCACE,mEA7GiB,CA8GjB,4HACE,CAQJ,8JAEE,iBD2GI,CAIF,kCACE,mDGuJc,CHtJd,mCH5CQ,CG+CV,kCACE,yDGoHgB,CHnHhB,mCHjDQ,CGoDV,mCAEE,wDGwHe,CHzHf,oDGyHe,CHvHf,mCHvDQ,CG0DV,4SAME,uBACA,gDH3DQ,CG4DR,aAIJ,6BC/JF,4BDiKM,CClKN,4BDmKM,CCjKN,gDEiQwB,CHzFpB,mFCtKJ,mCACE,uDEuRkB,CFpRpB,mCACE,mEA7GiB,CA8GjB,4HACE,CAIJ,oCACE,wDEwPmB,CFrPrB,gKAEE,iBDiJI,CAQF,0DAEE,yBlBpRK,CkBmRL,elBnRK,CkBuRP,uEAEE,mCH3FQ,CG8FV,kTAOE,uBADA,yBAEA,gDHhGQ,CGiGR,aAMN,4BDkiBE,+NC/hBA,iIAUF,wDACE,kBAIF,oFACE,mBACA,oBAGF,oFACE,sBAIF,wDIzUA,iDPoaoB,COrapB,YAEA,gBJ2UE,qBI9UF,UAIA,oBALA,iBJ+UE,CIxUF,2LAGE,YACA,eACA,aAGF,+DAEE,8DACA,8CPwZe,COvZf,gBACA,WACA,iBACA,qBANA,kBAOA,+CAEA,sCAVF,+DAWI,gBJyTJ,6BACE,aAGF,4BACE,sBAGF,yDACE,iBAEA,yBAEA,qEACE,+DAQJ,8KACE,mBAGF,oEACE,+DAGF,kFACE,mBAGF,oFACE,qEAEA,kGACE,gBAIJ,mFACE,sEAEA,iGACE,gBAIJ,qFAEE,6BADA,yBAEA,gBAKF,yDACE,yBlB9YS,CkB+YT,wBlB/YS,CuBHX,oELsZA,kCKhZI,gBACA,4BLqZJ,wNK1ZI,gBAKA,CL6ZJ,+EACE,8DMxaJ,4BACE,YAEA,mGAGE,gBACA,eAGF,wCAEE,cAEA,CAGF,gFPu0BE,wOO30BA,kBACA,qBAOA,CAJF,wCAEE,cAEA,CAEA,4CACE,cAGF,yFACE,uCVXQ,CUcV,6DACE,wBvB7BY,CuB8BZ,UvBlCU,CuBqCZ,wDACE,gDT0KU,CSzKV,eAKN,4BAEE,4CTTS,CUhCT,sDD0CA,gBACA,4BAGF,6BAEE,yBdjDA,SAFA,sBcoDA,oBdhDA,oBACA,eAFA,SAFA,UAKA,uBc8CA,Cd5CA,wGAGE,mBc2CF,mEACE,uCVvCU,CU0CZ,iCACE,cACA,YACA,kBAIJ,gDACE,kDAGF,4BACE,axBnCW,CwBoCX,YxBpCW,CwBuCb,4BAGE,aACA,mBACA,iBACA,8BAJA,mBxBlEW,CwBiEX,gBAKA,CAGF,6BACE,mBACA,kCACA,oDACA,8BACA,aACA,kBAEA,kGXzEE,2CACA,oBAEA,qCWsEF,kGXrEI,sBW0EJ,2CAEE,sCT4JY,CF1NZ,mDACA,mBEyNY,CFvNZ,qCWyDF,2CXxDI,sBW8DN,4BACE,kBACA,gBxBpFW,CwBsFX,gBADA,eACA,CAEA,wDACE,oCAEA,8DAEE,gDV/FiB,CU8FjB,aV9FiB,CUkGnB,0EACE,gDTyFU,CStFZ,2EACE,0DAQJ,qEACE,gDT4EY,CSzEd,+DACE,gDTwEY,CSrEd,sCACE,MAEE,mCAEF,IACE,wBAKN,6BACE,iBxBlHW,CwBqHb,4BdtJE,SAFA,sBAIA,oBACA,eOk1BE,oPO3rBF,gBxBlJW,CwBmJX,wBxB7JW,CUCX,Uc6JA,kBdxJA,uBcwJA,CdtJA,qGAGE,mBcqJF,iCACE,kBxB5JS,CwB6JT,mBxB7JS,CwBgKX,8DACE,eAEA,uFAGE,kCdzKJ,SAFA,sBAIA,oBACA,eOk1BE,oHO3qBE,kBxBzIO,CiBozBT,gIPp1BF,Sc2KI,+BdxKJ,uBcwKI,CdtKJ,sRAGE,mBcqKE,oOAGE,wBADA,QACA,CAGF,6FXjLF,2CAEA,qCW+KE,6FX9KA,sBWkLA,qGXtJF,mDACA,oBAEA,qCWmJE,qGXlJA,sBWsJA,kNAEE,4CT7JG,CS8JH,gDTaQ,CSZR,oBAGF,uHACE,iETQQ,CSPR,mETOQ,CSJV,uHACE,UAIJ,8Ed7MF,SAFA,sBciNI,ed7MJ,oBACA,eAFA,SAFA,UciNI,kBd5MJ,uBc4MI,Cd1MJ,2PAGE,mBc0MA,2EACE,UAGF,qEAKE,eADA,Yd7NJ,sBc+NI,ed3NJ,oBACA,ec2NI,kBxBjNO,CwBkNP,yBxB9LO,CwB+LP,gBd/NJ,ScgOI,UAPA,2BADA,kBdrNJ,uBc6NI,Cd3NJ,gOAGE,mBc0NE,2EAEE,2CACA,6CACA,WAHA,cAIA,sBAGF,iF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BACA,wDADA,2BACA,4CADA,2BACA,2EADA,2BACA,yEADA,2BACA,2EADA,2BACA,uDADA,2BACA,2EADA,2BACA,yEADA,2BACA,uDADA,2BACA,4EADA,2BACA,2EADA,2BACA,0EADA,2BACA,wEADA,2BACA,wDADA,2BACA,uDADA,2BACA,sDADA,2BACA,wDADA,2BACA,2EADA,2BACA,2EADA,2BACA,4EADA,2BACA,4CADA,2BACA,2EADA,2BACA,wEADA,2BACA,sDADA,2BACA,uDADA,2BACA,2EADA,2BACA,wEADA,2BACA,wDADA,4BACA,4EADA,4BACA,6EADA,4BACA,6CADA,4BACA,4EADA,4BACA,2EADA,4BACA,yEADA,4BACA,2EADA,4BACA,uDADA,4BACA,6EADA,6BACA,yDADA,6BACA,yDADA,6BACA,2EADA,6BACA,wDADA,6BACA,0DADA,2BACA,wDADA,8BACA,4DADA,8BACA,4DADA,8BACA,qDADA,8BACA,2DADA,8BACA,2DADA,8BACA,uEADA,8BACA,8EADA,8BACA,4DADA,+BACA,8EADA,+BACA,2DADA,2BACA,wDADA,8BACA,4DADA,8BACA,4DADA,8BACA,4DADA,8BACA,2DADA,8BACA,2DADA,8BACA,6EADA,8BACA,yDADA,8BACA,yDADA,+BACA,yDADA,+BACA,wDADA,2BACA,wDADA,8BACA,4DADA,8BACA,4DADA,8BACA,qDADA,8BACA,mDADA,8BACA,+EADA,8BACA,yDADA,8BACA,yDADA,8BACA,wDADA,+BACA,6EADA,+BACA,2DADA,2BACA,wDADA,8BACA,qDADA,8BACA,iEADA,8BACA,+EADA,8BACA,8EADA,8BACA,0DADA,8BACA,kDADA,8BACA,+CADA,8BACA,iDADA,+BACA,wDADA,+BACA,2EADA,iCACA,gFADA,iCACA,iFADA,iCACA,iFADA,iCACA,gFADA,iCACA,8DADA,iCACA,+DADA,iCACA,wDADA,iCACA,sDADA,8BACA,2DADA,kCACA,gEADA,kCACA,gEADA,kCACA,yDADA,kCACA,uDADA,kCACA,mFADA,kCACA,6DADA,kCACA,6DADA,kCACA,4DADA,iCACA,+DADA,iCACA,iFADA,iCACA,0EADA,iCACA,8DADA,iCACA,8DADA,iCACA,wDADA,iCACA,+DADA,iCACA,+DADA,8BACA,2DADA,kCACA,yDADA,kCACA,qEADA,kCACA,mFADA,kCACA,kFADA,kCACA,8DADA,kCACA,sDADA,kCACA,mDADA,kCACA,oDC8OF,CDzOA,qFAGE,2BACA,kDADA,2BACA,wDADA,2BACA,gDADA,2BACA,2EADA,2BACA,oEADA,2BACA,2EADA,2BACA,oEADA,2BACA,wDADA,2BACA,wDADA,2BACA,gDADA,2BACA,wDADA,2BACA,yDADA,2BACA,+CADA,2BACA,4EADA,2BACA,oEADA,2BACA,2EADA,2BACA,yDADA,2BACA,oEADA,2BACA,wDADA,2BACA,gDADA,2BACA,wDADA,2BACA,2EADA,2BACA,kDADA,2BACA,wDADA,2BACA,4EADA,2BACA,gDADA,2BACA,+CADA,2BACA,4EADA,2BACA,yDADA,2BACA,oEADA,2BACA,2EADA,2BACA,yDADA,2BACA,wDADA,2BACA,wDADA,2BACA,2EADA,2BACA,kDADA,2BACA,gDADA,2BACA,+CADA,2BACA,gDADA,2BACA,gDADA,2BACA,4EADA,2BACA,oEADA,2BACA,2EADA,2BACA,yDADA,2BACA,wDADA,2BACA,wDADA,2BACA,wDADA,2BACA,2EADA,2BACA,kDADA,2BACA,gDADA,2BACA,4EADA,4BACA,qEADA,4BACA,iDADA,4BACA,gDADA,4BACA,yDADA,4BACA,2EADA,4BACA,iDADA,4BACA,6EADA,4BACA,yDADA,4BACA,4EADA,6BACA,6EADA,6BACA,6EADA,6BACA,2DADA,6BACA,wDADA,6BACA,oDADA,2BACA,wDADA,8BACA,4DADA,8BACA,4DADA,8BACA,qDADA,8BACA,2DADA,8BACA,2DADA,8BACA,uEADA,8BACA,8EADA,8BACA,4DADA,+BACA,8EADA,+BACA,2DADA,2BACA,wDADA,8BACA,4DADA,8BACA,4DADA,8BACA,4DADA,8BACA,2DADA,8BACA,2DADA,8BACA,6EADA,8BACA,yDADA,8BACA,yDADA,+BACA,yDADA,+BACA,wDADA,2BACA,wDADA,8BACA,4DADA,8BACA,4DADA,8BACA,qDADA,8BACA,mDADA,8BACA,+EADA,8BACA,yDADA,8BACA,yDADA,8BACA,wDADA,+BACA,6EADA,+BACA,2DADA,2BACA,wDADA,8BACA,qDADA,8BACA,iEADA,8BACA,+EADA,8BACA,8EADA,8BACA,0DADA,8BACA,kDADA,8BACA,+CADA,8BACA,iDADA,+BACA,wDADA,+BACA,2EADA,iCACA,gFADA,iCACA,iFADA,iCACA,iFADA,iCACA,gFADA,iCACA,8DADA,iCACA,+DADA,iCACA,wDADA,iCACA,sDADA,8BACA,2DADA,kCACA,gEADA,kCACA,gEADA,kCACA,yDADA,kCACA,uDADA,kCACA,mFADA,kCACA,6DADA,kCACA,6DADA,kCACA,4DADA,iCACA,+DADA,iCACA,iFADA,iCACA,0EADA,iCACA,8DADA,iCACA,8DADA,iCACA,wDADA,iCACA,+DADA,iCACA,+DADA,8BACA,2DADA,kCACA,yDADA,kCACA,qEADA,kCACA,mFADA,kCACA,kFADA,kCACA,8DADA,kCACA,sDADA,kCACA,mDADA,kCACA,oDCugBF,CDhgBE,oCACC,oCCmgBH,CDjgBG,4CACC,6CEnEH,2BDukBD,CD/fE,0CACC,gDCigBH,CD/fG,kDACC,yDE5EH,2BD8kBD,CD7fE,sCACC,sCC+fH,CD5fE,0CACC,0CC8fH,CDrhBE,oCACC,oCCuhBH,CDrhBG,4CACC,6CEnEH,2BD2lBD,CDnhBE,0CACC,gDCqhBH,CDnhBG,kDACC,yDE5EH,2BDkmBD,CDjhBE,sCACC,sCCmhBH,CDhhBE,0CACC,0CCkhBH,CDziBE,oCACC,oCC2iBH,CDziBG,4CACC,6CEnEH,2BD+mBD,CDviBE,0CACC,gDCyiBH,CDviBG,kDACC,yDE5EH,2BDsnBD,CDriBE,sCACC,sCCuiBH,CDpiBE,0CACC,0CCsiBH,CD7jBE,oCACC,oCC+jBH,CD7jBG,4CACC,6CEnEH,2BDmoBD,CD3jBE,0CACC,gDC6jBH,CD3jBG,kDACC,yDE5EH,2BD0oBD,CDzjBE,sCACC,sCC2jBH,CDxjBE,0CACC,0CC0jBH,CDjlBE,oCACC,oCCmlBH,CDjlBG,4CACC,6CEnEH,2BDupBD,CD/kBE,0CACC,gDCilBH,CD/kBG,kDACC,yDE5EH,2BD8pBD,CD7kBE,sCACC,sCC+kBH,CD5kBE,0CACC,0CC8kBH,CDrmBE,oCACC,oCCumBH,CDrmBG,4CACC,6CEnEH,2BD2qBD,CDnmBE,0CACC,gDCqmBH,CDnmBG,kDACC,yDE5EH,2BDkrBD,CDjmBE,sCACC,sCCmmBH,CDhmBE,0CACC,0CCkmBH,CDznBE,oCACC,oCC2nBH,CDznBG,4CACC,6CEnEH,2BD+rBD,CDvnBE,0CACC,gDCynBH,CDvnBG,kDACC,yDE5EH,2BDssBD,CDrnBE,sCACC,sCCunBH,CDpnBE,0CACC,0CCsnBH,CD7oBE,oCACC,oCC+oBH,CD7oBG,4CACC,6CEnEH,2BDmtBD,CD3oBE,0CACC,gDC6oBH,CD3oBG,kDACC,yDE5EH,2BD0tBD,CDzoBE,sCACC,sCC2oBH,CDxoBE,0CACC,0CC0oBH,CDjqBE,oCACC,oCCmqBH,CDjqBG,4CACC,6CEnEH,2BDuuBD,CD/pBE,0CACC,gDCiqBH,CD/pBG,kDACC,yDE5EH,2BD8uBD,CD7pBE,sCACC,sCC+pBH,CD5pBE,0CACC,0CC8pBH,CDrrBE,oCACC,oCCurBH,CDrrBG,4CACC,6CEnEH,2BD2vBD,CDnrBE,0CACC,gDCqrBH,CDnrBG,kDACC,yDE5EH,2BDkwBD,CDjrBE,sCACC,sCCmrBH,CDhrBE,0CACC,0CCkrBH,CDzsBE,oCACC,oCC2sBH,CDzsBG,4CACC,6CEnEH,2BD+wBD,CDvsBE,0CACC,gDCysBH,CDvsBG,kDACC,yDE5EH,2BDsxBD,CDrsBE,sCACC,sCCusBH,CDpsBE,0CACC,0CCssBH,CD7tBE,oCACC,oCC+tBH,CD7tBG,4CACC,6CEnEH,2BDmyBD,CD3tBE,0CACC,gDC6tBH,CD3tBG,kDACC,yDE5EH,2BD0yBD,CDztBE,sCACC,sCC2tBH,CDxtBE,0CACC,0CC0tBH,CDjvBE,oCACC,oCCmvBH,CDjvBG,4CACC,6CEnEH,2BDuzBD,CD/uBE,0CACC,gDCivBH,CD/uBG,kDACC,yDE5EH,2BD8zBD,CD7uBE,sCACC,sCC+uBH,CD5uBE,0CACC,0CC8uBH,CDrwBE,oCACC,oCCuwBH,CDrwBG,4CACC,6CEnEH,2BD20BD,CDnwBE,0CACC,gDCqwBH,CDnwBG,kDACC,yDE5EH,2BDk1BD,CDjwBE,sCACC,sCCmwBH,CDhwBE,0CACC,0CCkwBH,CDzxBE,oCACC,oCC2xBH,CDzxBG,4CACC,6CEnEH,2BD+1BD,CDvxBE,0CACC,gDCyxBH,CDvxBG,kDACC,yDE5EH,2BDs2BD,CDrxBE,sCACC,sCCuxBH,CDpxBE,0CACC,0CCsxBH,CD7yBE,oCACC,oCC+yBH,CD7yBG,4CACC,6CEnEH,2BDm3BD,CD3yBE,0CACC,gDC6yBH,CD3yBG,kDACC,yDE5EH,2BD03BD,CDzyBE,sCACC,sCC2yBH,CDxyBE,0CACC,0CC0yBH,CDj0BE,oCACC,oCCm0BH,CDj0BG,4CACC,6CEnEH,2BDu4BD,CD/zBE,0CACC,gDCi0BH,CD/zBG,kDACC,yDE5EH,2BD84BD,CD7zBE,sCACC,sCC+zBH,CD5zBE,0CACC,0CC8zBH,CDr1BE,oCACC,oCCu1BH,CDr1BG,4CACC,6CEnEH,2BD25BD,CDn1BE,0CACC,gDCq1BH,CDn1BG,kDACC,yDE5EH,2BDk6BD,CDj1BE,sCACC,sCCm1BH,CDh1BE,0CACC,0CCk1BH,CDz2BE,oCACC,oCC22BH,CDz2BG,4CACC,6CEnEH,2BD+6BD,CDv2BE,0CACC,gDCy2BH,CDv2BG,kDACC,yDE5EH,2BDs7BD,CDr2BE,sCACC,sCCu2BH,CDp2BE,0CACC,0CCs2BH,CD73BE,oCACC,oCC+3BH,CD73BG,4CACC,6CEnEH,2BDm8BD,CD33BE,0CACC,gDC63BH,CD33BG,kDACC,yDE5EH,2BD08BD,CDz3BE,sCACC,sCC23BH,CDx3BE,0CACC,0CC03BH,CDj5BE,oCACC,oCCm5BH,CDj5BG,4CACC,6CEnEH,2BDu9BD,CD/4BE,0CACC,gDCi5BH,CD/4BG,kDACC,yDE5EH,2BD89BD,CD74BE,sCACC,sCC+4BH,CD54BE,0CACC,0CC84BH,CDr6BE,oCACC,oCCu6BH,CDr6BG,4CACC,6CEnEH,2BD2+BD,CDn6BE,0CACC,gDCq6BH,CDn6BG,kDACC,yDE5EH,2BDk/BD,CDj6BE,sCACC,sCCm6BH,CDh6BE,0CACC,0CCk6BH,CDz7BE,oCACC,oCC27BH,CDz7BG,4CACC,6CEnEH,2BD+/BD,CDv7BE,0CACC,gDCy7BH,CDv7BG,kDACC,yDE5EH,2BDsgCD,CDr7BE,sCACC,sCCu7BH,CDp7BE,0CACC,0CCs7BH,CD78BE,oCACC,oCC+8BH,CD78BG,4CACC,6CEnEH,2BDmhCD,CD38BE,0CACC,gDC68BH,CD38BG,kDACC,yDE5EH,2BD0hCD,CDz8BE,sCACC,sCC28BH,CDx8BE,0CACC,0CC08BH,CDj+BE,oCACC,oCCm+BH,CDj+BG,4CACC,6CEnEH,2BDuiCD,CD/9BE,0CACC,gDCi+BH,CD/9BG,kDACC,yDE5EH,2BD8iCD,CD79BE,sCACC,sCC+9BH,CD59BE,0CACC,0CC89BH,CDr/BE,oCACC,oCCu/BH,CDr/BG,4CACC,6CEnEH,2BD2jCD,CDn/BE,0CACC,gDCq/BH,CDn/BG,kDACC,yDE5EH,2BDkkCD,CDj/BE,sCACC,sCCm/BH,CDh/BE,0CACC,0CCk/BH,CDzgCE,oCACC,oCC2gCH,CDzgCG,4CACC,6CEnEH,2BD+kCD,CDvgCE,0CACC,gDCygCH,CDvgCG,kDACC,yDE5EH,2BDslCD,CDrgCE,sCACC,sCCugCH,CDpgCE,0CACC,0CCsgCH,CD7hCE,oCACC,oCC+hCH,CD7hCG,4CACC,6CEnEH,2BDmmCD,CD3hCE,0CACC,gDC6hCH,CD3hCG,kDACC,yDE5EH,2BD0mCD,CDzhCE,sCACC,sCC2hCH,CDxhCE,0CACC,0CC0hCH,CDjjCE,oCACC,oCCmjCH,CDjjCG,4CACC,6CEnEH,2BDunCD,CD/iCE,0CACC,gDCijCH,CD/iCG,kDACC,yDE5EH,2BD8nCD,CD7iCE,sCACC,sCC+iCH,CD5iCE,0CACC,0CC8iCH,CDrkCE,oCACC,oCCukCH,CDrkCG,4CACC,6CEnEH,2BD2oCD,CDnkCE,0CACC,gDCqkCH,CDnkCG,kDACC,yDE5EH,2BDkpCD,CDjkCE,sCACC,sCCmkCH,CDhkCE,0CACC,0CCkkCH,CDzlCE,oCACC,oCC2lCH,CDzlCG,4CACC,6CEnEH,2BD+pCD,CDvlCE,0CACC,gDCylCH,CDvlCG,kDACC,yDE5EH,2BDsqCD,CDrlCE,sCACC,sCCulCH,CDplCE,0CACC,0CCslCH,CD7mCE,oCACC,oCC+mCH,CD7mCG,4CACC,6CEnEH,2BDmrCD,CD3mCE,0CACC,gDC6mCH,CD3mCG,kDACC,yDE5EH,2BD0rCD,CDzmCE,sCACC,sCC2mCH,CDxmCE,0CACC,0CC0mCH,CDjoCE,oCACC,oCCmoCH,CDjoCG,4CACC,6CEnEH,2BDusCD,CD/nCE,0CACC,gDCioCH,CD/nCG,kDACC,yDE5EH,2BD8sCD,CD7nCE,sCACC,sCC+nCH,CD5nCE,0CACC,0CC8nCH,CDrpCE,oCACC,oCCupCH,CDrpCG,4CACC,6CEnEH,2BD2tCD,CDnpCE,0CACC,gDCqpCH,CDnpCG,kDACC,yDE5EH,2BDkuCD,CDjpCE,sCACC,sCCmpCH,CDhpCE,0CACC,0CCkpCH,CDzqCE,oCACC,oCC2qCH,CDzqCG,4CACC,6CEnEH,2BD+uCD,CDvqCE,0CACC,gDCyqCH,CDvqCG,kDACC,yDE5EH,2BDsvCD,CDrqCE,sCACC,sCCuqCH,CDpqCE,0CACC,0CCsqCH,CD7rCE,oCACC,oCC+rCH,CD7rCG,4CACC,6CEnEH,2BDmwCD,CD3rCE,0CACC,gDC6rCH,CD3rCG,kDACC,yDE5EH,2BD0wCD,CDzrCE,sCACC,sCC2rCH,CDxrCE,0CACC,0CC0rCH,CDjtCE,oCACC,oCCmtCH,CDjtCG,4CACC,6CEnEH,2BDuxCD,CD/sCE,0CACC,gDCitCH,CD/sCG,kDACC,yDE5EH,2BD8xCD,CD7sCE,sCACC,sCC+sCH,CD5sCE,0CACC,0CC8sCH,CDruCE,oCACC,oCCuuCH,CDruCG,4CACC,6CEnEH,2BD2yCD,CDnuCE,0CACC,gDCquCH,CDnuCG,kDACC,yDE5EH,2BDkzCD,CDjuCE,sCACC,sCCmuCH,CDhuCE,0CACC,0CCkuCH,CDzvCE,oCACC,oCC2vCH,CDzvCG,4CACC,6CEnEH,2BD+zCD,CDvvCE,0CACC,gDCyvCH,CDvvCG,kDACC,yDE5EH,2BDs0CD,CDrvCE,sCACC,sCCuvCH,CDpvCE,0CACC,0CCsvCH,CD7wCE,oCACC,oCC+wCH,CD7wCG,4CACC,6CEnEH,2BDm1CD,CD3wCE,0CACC,gDC6wCH,CD3wCG,kDACC,yDE5EH,2BD01CD,CDzwCE,sCACC,sCC2wCH,CDxwCE,0CACC,0CC0wCH,CDjyCE,oCACC,oCCmyCH,CDjyCG,4CACC,6CEnEH,2BDu2CD,CD/xCE,0CACC,gDCiyCH,CD/xCG,kDACC,yDE5EH,2BD82CD,CD7xCE,sCACC,sCC+xCH,CD5xCE,0CACC,0CC8xCH,CDrzCE,oCACC,oCCuzCH,CDrzCG,4CACC,6CEnEH,2BD23CD,CDnzCE,0CACC,gDCqzCH,CDnzCG,kDACC,yDE5EH,2BDk4CD,CDjzCE,sCACC,sCCmzCH,CDhzCE,0CACC,0CCkzCH,CDz0CE,oCACC,oCC20CH,CDz0CG,4CACC,6CEnEH,2BD+4CD,CDv0CE,0CACC,gDCy0CH,CDv0CG,kDACC,yDE5EH,2BDs5CD,CDr0CE,sCACC,sCCu0CH,CDp0CE,0CACC,0CCs0CH,CD71CE,oCACC,oCC+1CH,CD71CG,4CACC,6CEnEH,2BDm6CD,CD31CE,0CACC,gDC61CH,CD31CG,kDACC,yDE5EH,2BD06CD,CDz1CE,sCACC,sCC21CH,CDx1CE,0CACC,0CC01CH,CDj3CE,oCACC,oCCm3CH,CDj3CG,4CACC,6CEnEH,2BDu7CD,CD/2CE,0CACC,gDCi3CH,CD/2CG,kDACC,yDE5EH,2BD87CD,CD72CE,sCACC,sCC+2CH,CD52CE,0CACC,0CC82CH,CDr4CE,oCACC,oCCu4CH,CDr4CG,4CACC,6CEnEH,2BD28CD,CDn4CE,0CACC,gDCq4CH,CDn4CG,kDACC,yDE5EH,2BDk9CD,CDj4CE,sCACC,sCCm4CH,CDh4CE,0CACC,0CCk4CH,CDz5CE,oCACC,oCC25CH,CDz5CG,4CACC,6CEnEH,2BD+9CD,CDv5CE,0CACC,gDCy5CH,CDv5CG,kDACC,yDE5EH,2BDs+CD,CDr5CE,sCACC,sCCu5CH,CDp5CE,0CACC,0CCs5CH,CD76CE,oCACC,oCC+6CH,CD76CG,4CACC,6CEnEH,2BDm/CD,CD36CE,0CACC,gDC66CH,CD36CG,kDACC,yDE5EH,2BD0/CD,CDz6CE,sCACC,sCC26CH,CDx6CE,0CACC,0CC06CH,CDj8CE,oCACC,oCCm8CH,CDj8CG,4CACC,6CEnEH,2BDugDD,CD/7CE,0CACC,gDCi8CH,CD/7CG,kDACC,yDE5EH,2BD8gDD,CD77CE,sCACC,sCC+7CH,CD57CE,0CACC,0CC87CH,CDr9CE,oCACC,oCCu9CH,CDr9CG,4CACC,6CEnEH,2BD2hDD,CDn9CE,0CACC,gDCq9CH,CDn9CG,kDACC,yDE5EH,2BDkiDD,CDj9CE,sCACC,sCCm9CH,CDh9CE,0CACC,0CCk9CH,CDz+CE,oCACC,oCC2+CH,CDz+CG,4CACC,6CEnEH,2BD+iDD,CDv+CE,0CACC,gDCy+CH,CDv+CG,kDACC,yDE5EH,2BDsjDD,CDr+CE,sCACC,sCCu+CH,CDp+CE,0CACC,0CCs+CH,CD7/CE,qCACC,qCC+/CH,CD7/CG,6CACC,8CEnEH,2BDmkDD,CD3/CE,2CACC,iDC6/CH,CD3/CG,mDACC,0DE5EH,2BD0kDD,CDz/CE,uCACC,uCC2/CH,CDx/CE,2CACC,2CC0/CH,CDjhDE,qCACC,qCCmhDH,CDjhDG,6CACC,8CEnEH,2BDulDD,CD/gDE,2CACC,iDCihDH,CD/gDG,mDACC,0DE5EH,2BD8lDD,CD7gDE,uCACC,uCC+gDH,CD5gDE,2CACC,2CC8gDH,CDriDE,qCACC,qCCuiDH,CDriDG,6CACC,8CEnEH,2BD2mDD,CDniDE,2CACC,iDCqiDH,CDniDG,mDACC,0DE5EH,2BDknDD,CDjiDE,uCACC,uCCmiDH,CDhiDE,2CACC,2CCkiDH,CDzjDE,qCACC,qCC2jDH,CDzjDG,6CACC,8CEnEH,2BD+nDD,CDvjDE,2CACC,iDCyjDH,CDvjDG,mDACC,0DE5EH,2BDsoDD,CDrjDE,uCACC,uCCujDH,CDpjDE,2CACC,2CCsjDH,CD7kDE,qCACC,qCC+kDH,CD7kDG,6CACC,8CEnEH,2BDmpDD,CD3kDE,2CACC,iDC6kDH,CD3kDG,mDACC,0DE5EH,2BD0pDD,CDzkDE,uCACC,uCC2kDH,CDxkDE,2CACC,2CC0kDH,CDjmDE,qCACC,qCCmmDH,CDjmDG,6CACC,8CEnEH,2BDuqDD,CD/lDE,2CACC,iDCimDH,CD/lDG,mDACC,0DE5EH,2BD8qDD,CD7lDE,uCACC,uCC+lDH,CD5lDE,2CACC,2CC8lDH,CDrnDE,qCACC,qCCunDH,CDrnDG,6CACC,8CEnEH,2BD2rDD,CDnnDE,2CACC,iDCqnDH,CDnnDG,mDACC,0DE5EH,2BDksDD,CDjnDE,uCACC,uCCmnDH,CDhnDE,2CACC,2CCknDH,CDzoDE,qCACC,qCC2oDH,CDzoDG,6CACC,8CEnEH,2BD+sDD,CDvoDE,2CACC,iDCyoDH,CDvoDG,mDACC,0DE5EH,2BDstDD,CDroDE,uCACC,uCCuoDH,CDpoDE,2CACC,2CCsoDH,CD7pDE,qCACC,qCC+pDH,CD7pDG,6CACC,8CEnEH,2BDmuDD,CD3pDE,2CACC,iDC6pDH,CD3pDG,mDACC,0DE5EH,2BD0uDD,CDzpDE,uCACC,uCC2pDH,CDxpDE,2CACC,2CC0pDH,CDjrDE,sCACC,sCCmrDH,CDjrDG,8CACC,+CEnEH,2BDuvDD,CD/qDE,4CACC,kDCirDH,CD/qDG,oDACC,2DE5EH,2BD8vDD,CD7qDE,wCACC,wCC+qDH,CD5qDE,4CACC,4CC8qDH,CDrsDE,sCACC,sCCusDH,CDrsDG,8CACC,+CEnEH,2BD2wDD,CDnsDE,4CACC,kDCqsDH,CDnsDG,oDACC,2DE5EH,2BDkxDD,CDjsDE,wCACC,wCCmsDH,CDhsDE,4CACC,4CCksDH,CDztDE,sCACC,sCC2tDH,CDztDG,8CACC,+CEnEH,2BD+xDD,CDvtDE,4CACC,kDCytDH,CDvtDG,oDACC,2DE5EH,2BDsyDD,CDrtDE,wCACC,wCCutDH,CDptDE,4CACC,4CCstDH,CD7uDE,sCACC,sCC+uDH,CD7uDG,8CACC,+CEnEH,2BDmzDD,CD3uDE,4CACC,kDC6uDH,CD3uDG,oDACC,2DE5EH,2BD0zDD,CDzuDE,wCACC,wCC2uDH,CDxuDE,4CACC,4CC0uDH,CDjwDE,sCACC,sCCmwDH,CDjwDG,8CACC,+CEnEH,2BDu0DD,CD/vDE,4CACC,kDCiwDH,CD/vDG,oDACC,2DE5EH,2BD80DD,CD7vDE,wCACC,wCC+vDH,CD5vDE,4CACC,4CC8vDH,CDrxDE,uCACC,oCCuxDH,CDrxDG,+CACC,6CEnEH,2BD21DD,CDnxDE,6CACC,gDCqxDH,CDnxDG,qDACC,yDE5EH,2BDk2DD,CDjxDE,yCACC,sCCmxDH,CDhxDE,6CACC,0CCkxDH,CDzyDE,uCACC,uCC2yDH,CDzyDG,+CACC,gDEnEH,2BD+2DD,CDvyDE,6CACC,mDCyyDH,CDvyDG,qDACC,4DE5EH,2BDs3DD,CDryDE,yCACC,yCCuyDH,CDpyDE,6CACC,6CCsyDH,CD7zDE,uCACC,uCC+zDH,CD7zDG,+CACC,gDEnEH,2BDm4DD,CD3zDE,6CACC,mDC6zDH,CD3zDG,qDACC,4DE5EH,2BD04DD,CDzzDE,yCACC,yCC2zDH,CDxzDE,6CACC,6CC0zDH,CDj1DE,uCACC,uCCm1DH,CDj1DG,+CACC,gDEnEH,2BDu5DD,CD/0DE,6CACC,mDCi1DH,CD/0DG,qDACC,4DE5EH,2BD85DD,CD70DE,yCACC,yCC+0DH,CD50DE,6CACC,6CC80DH,CDr2DE,uCACC,uCCu2DH,CDr2DG,+CACC,gDEnEH,2BD26DD,CDn2DE,6CACC,mDCq2DH,CDn2DG,qDACC,4DE5EH,2BDk7DD,CDj2DE,yCACC,yCCm2DH,CDh2DE,6CACC,6CCk2DH,CDz3DE,uCACC,uCC23DH,CDz3DG,+CACC,gDEnEH,2BD+7DD,CDv3DE,6CACC,mDCy3DH,CDv3DG,qDACC,4DE5EH,2BDs8DD,CDr3DE,yCACC,yCCu3DH,CDp3DE,6CACC,6CCs3DH,CD74DE,uCACC,uCC+4DH,CD74DG,+CACC,gDEnEH,2BDm9DD,CD34DE,6CACC,mDC64DH,CD34DG,qDACC,4DE5EH,2BD09DD,CDz4DE,yCACC,yCC24DH,CDx4DE,6CACC,6CC04DH,CDj6DE,uCACC,uCCm6DH,CDj6DG,+CACC,gDEnEH,2BDu+DD,CD/5DE,6CACC,mDCi6DH,CD/5DG,qDACC,4DE5EH,2BD8+DD,CD75DE,yCACC,yCC+5DH,CD55DE,6CACC,6CC85DH,CDr7DE,uCACC,uCCu7DH,CDr7DG,+CACC,gDEnEH,2BD2/DD,CDn7DE,6CACC,mDCq7DH,CDn7DG,qDACC,4DE5EH,2BDkgED,CDj7DE,yCACC,yCCm7DH,CDh7DE,6CACC,6CCk7DH,CDz8DE,wCACC,wCC28DH,CDz8DG,gDACC,iDEnEH,2BD+gED,CDv8DE,8CACC,oDCy8DH,CDv8DG,sDACC,6DE5EH,2BDshED,CDr8DE,0CACC,0CCu8DH,CDp8DE,8CACC,8CCs8DH,CD79DE,wCACC,wCC+9DH,CD79DG,gDACC,iDEnEH,2BDmiED,CD39DE,8CACC,oDC69DH,CD39DG,sDACC,6DE5EH,2BD0iED,CDz9DE,0CACC,0CC29DH,CDx9DE,8CACC,8CC09DH,CDj/DE,uCACC,oCCm/DH,CDj/DG,+CACC,6CEnEH,2BDujED,CD/+DE,6CACC,gDCi/DH,CD/+DG,qDACC,yDE5EH,2BD8jED,CD7+DE,yCACC,sCC++DH,CD5+DE,6CACC,0CC8+DH,CDrgEE,uCACC,uCCugEH,CDrgEG,+CACC,gDEnEH,2BD2kED,CDngEE,6CACC,mDCqgEH,CDngEG,qDACC,4DE5EH,2BDklED,CDjgEE,yCACC,yCCmgEH,CDhgEE,6CACC,6CCkgEH,CDzhEE,uCACC,uCC2hEH,CDzhEG,+CACC,gDEnEH,2BD+lED,CDvhEE,6CACC,mDCyhEH,CDvhEG,qDACC,4DE5EH,2BDsmED,CDrhEE,yCACC,yCCuhEH,CDphEE,6CACC,6CCshEH,CD7iEE,uCACC,uCC+iEH,CD7iEG,+CACC,gDEnEH,2BDmnED,CD3iEE,6CACC,mDC6iEH,CD3iEG,qDACC,4DE5EH,2BD0nED,CDziEE,yCACC,yCC2iEH,CDxiEE,6CACC,6CC0iEH,CDjkEE,uCACC,uCCmkEH,CDjkEG,+CACC,gDEnEH,2BDuoED,CD/jEE,6CACC,mDCikEH,CD/jEG,qDACC,4DE5EH,2BD8oED,CD7jEE,yCACC,yCC+jEH,CD5jEE,6CACC,6CC8jEH,CDrlEE,uCACC,uCCulEH,CDrlEG,+CACC,gDEnEH,2BD2pED,CDnlEE,6CACC,mDCqlEH,CDnlEG,qDACC,4DE5EH,2BDkqED,CDjlEE,yCACC,yCCmlEH,CDhlEE,6CACC,6CCklEH,CDzmEE,uCACC,uCC2mEH,CDzmEG,+CACC,gDEnEH,2BD+qED,CDvmEE,6CACC,mDCymEH,CDvmEG,qDACC,4DE5EH,2BDsrED,CDrmEE,yCACC,yCCumEH,CDpmEE,6CACC,6CCsmEH,CD7nEE,uCACC,uCC+nEH,CD7nEG,+CACC,gDEnEH,2BDmsED,CD3nEE,6CACC,mDC6nEH,CD3nEG,qDACC,4DE5EH,2BD0sED,CDznEE,yCACC,yCC2nEH,CDxnEE,6CACC,6CC0nEH,CDjpEE,uCACC,uCCmpEH,CDjpEG,+CACC,gDEnEH,2BDutED,CD/oEE,6CACC,mDCipEH,CD/oEG,qDACC,4DE5EH,2BD8tED,CD7oEE,yCACC,yCC+oEH,CD5oEE,6CACC,6CC8oEH,CDrqEE,wCACC,wCCuqEH,CDrqEG,gDACC,iDEnEH,2BD2uED,CDnqEE,8CACC,oDCqqEH,CDnqEG,sDACC,6DE5EH,2BDkvED,CDjqEE,0CACC,0CCmqEH,CDhqEE,8CACC,8CCkqEH,CDzrEE,wCACC,wCC2rEH,CDzrEG,gDACC,iDEnEH,2BD+vED,CDvrEE,8CACC,oDCyrEH,CDvrEG,sDACC,6DE5EH,2BDswED,CDrrEE,0CACC,0CCurEH,CDprEE,8CACC,8CCsrEH,CD7sEE,uCACC,oCC+sEH,CD7sEG,+CACC,6CEnEH,2BDmxED,CD3sEE,6CACC,gDC6sEH,CD3sEG,qDACC,yDE5EH,2BD0xED,CDzsEE,yCACC,sCC2sEH,CDxsEE,6CACC,0CC0sEH,CDjuEE,uCACC,uCCmuEH,CDjuEG,+CACC,gDEnEH,2BDuyED,CD/tEE,6CACC,mDCiuEH,CD/tEG,qDACC,4DE5EH,2BD8yED,CD7tEE,yCACC,yCC+tEH,CD5tEE,6CACC,6CC8tEH,CDrvEE,uCACC,uCCuvEH,CDrvEG,+CACC,gDEnEH,2BD2zED,CDnvEE,6CACC,mDCqvEH,CDnvEG,qDACC,4DE5EH,2BDk0ED,CDjvEE,yCACC,yCCmvEH,CDhvEE,6CACC,6CCkvEH,CDzwEE,uCACC,uCC2wEH,CDzwEG,+CACC,gDEnEH,2BD+0ED,CDvwEE,6CACC,mDCywEH,CDvwEG,qDACC,4DE5EH,2BDs1ED,CDrwEE,yCACC,yCCuwEH,CDpwEE,6CACC,6CCswEH,CD7xEE,uCACC,uCC+xEH,CD7xEG,+CACC,gDEnEH,2BDm2ED,CD3xEE,6CACC,mDC6xEH,CD3xEG,qDACC,4DE5EH,2BD02ED,CDzxEE,yCACC,yCC2xEH,CDxxEE,6CACC,6CC0xEH,CDjzEE,uCACC,uCCmzEH,CDjzEG,+CACC,gDEnEH,2BDu3ED,CD/yEE,6CACC,mDCizEH,CD/yEG,qDACC,4DE5EH,2BD83ED,CD7yEE,yCACC,yCC+yEH,CD5yEE,6CACC,6CC8yEH,CDr0EE,uCACC,uCCu0EH,CDr0EG,+CACC,gDEnEH,2BD24ED,CDn0EE,6CACC,mDCq0EH,CDn0EG,qDACC,4DE5EH,2BDk5ED,CDj0EE,yCACC,yCCm0EH,CDh0EE,6CACC,6CCk0EH,CDz1EE,uCACC,uCC21EH,CDz1EG,+CACC,gDEnEH,2BD+5ED,CDv1EE,6CACC,mDCy1EH,CDv1EG,qDACC,4DE5EH,2BDs6ED,CDr1EE,yCACC,yCCu1EH,CDp1EE,6CACC,6CCs1EH,CD72EE,uCACC,uCC+2EH,CD72EG,+CACC,gDEnEH,2BDm7ED,CD32EE,6CACC,mDC62EH,CD32EG,qDACC,4DE5EH,2BD07ED,CDz2EE,yCACC,yCC22EH,CDx2EE,6CACC,6CC02EH,CDj4EE,wCACC,wCCm4EH,CDj4EG,gDACC,iDEnEH,2BDu8ED,CD/3EE,8CACC,oDCi4EH,CD/3EG,sDACC,6DE5EH,2BD88ED,CD73EE,0CACC,0CC+3EH,CD53EE,8CACC,8CC83EH,CDr5EE,wCACC,wCCu5EH,CDr5EG,gDACC,iDEnEH,2BD29ED,CDn5EE,8CACC,oDCq5EH,CDn5EG,sDACC,6DE5EH,2BDk+ED,CDj5EE,0CACC,0CCm5EH,CDh5EE,8CACC,8CCk5EH,CDz6EE,uCACC,oCC26EH,CDz6EG,+CACC,6CEnEH,2BD++ED,CDv6EE,6CACC,gDCy6EH,CDv6EG,qDACC,yDE5EH,2BDs/ED,CDr6EE,yCACC,sCCu6EH,CDp6EE,6CACC,0CCs6EH,CD77EE,uCACC,uCC+7EH,CD77EG,+CACC,gDEnEH,2BDmgFD,CD37EE,6CACC,mDC67EH,CD37EG,qDACC,4DE5EH,2BD0gFD,CDz7EE,yCACC,yCC27EH,CDx7EE,6CACC,6CC07EH,CDj9EE,uCACC,uCCm9EH,CDj9EG,+CACC,gDEnEH,2BDuhFD,CD/8EE,6CACC,mDCi9EH,CD/8EG,qDACC,4DE5EH,2BD8hFD,CD78EE,yCACC,yCC+8EH,CD58EE,6CACC,6CC88EH,CDr+EE,uCACC,uCCu+EH,CDr+EG,+CACC,gDEnEH,2BD2iFD,CDn+EE,6CACC,mDCq+EH,CDn+EG,qDACC,4DE5EH,2BDkjFD,CDj+EE,yCACC,yCCm+EH,CDh+EE,6CACC,6CCk+EH,CDz/EE,uCACC,uCC2/EH,CDz/EG,+CACC,gDEnEH,2BD+jFD,CDv/EE,6CACC,mDCy/EH,CDv/EG,qDACC,4DE5EH,2BDskFD,CDr/EE,yCACC,yCCu/EH,CDp/EE,6CACC,6CCs/EH,CD7gFE,uCACC,uCC+gFH,CD7gFG,+CACC,gDEnEH,2BDmlFD,CD3gFE,6CACC,mDC6gFH,CD3gFG,qDACC,4DE5EH,2BD0lFD,CDzgFE,yCACC,yCC2gFH,CDxgFE,6CACC,6CC0gFH,CDjiFE,uCACC,uCCmiFH,CDjiFG,+CACC,gDEnEH,2BDumFD,CD/hFE,6CACC,mDCiiFH,CD/hFG,qDACC,4DE5EH,2BD8mFD,CD7hFE,yCACC,yCC+hFH,CD5hFE,6CACC,6CC8hFH,CDrjFE,uCACC,uCCujFH,CDrjFG,+CACC,gDEnEH,2BD2nFD,CDnjFE,6CACC,mDCqjFH,CDnjFG,qDACC,4DE5EH,2BDkoFD,CDjjFE,yCACC,yCCmjFH,CDhjFE,6CACC,6CCkjFH,CDzkFE,uCACC,uCC2kFH,CDzkFG,+CACC,gDEnEH,2BD+oFD,CDvkFE,6CACC,mDCykFH,CDvkFG,qDACC,4DE5EH,2BDspFD,CDrkFE,yCACC,yCCukFH,CDpkFE,6CACC,6CCskFH,CD7lFE,wCACC,wCC+lFH,CD7lFG,gDACC,iDEnEH,2BDmqFD,CD3lFE,8CACC,oDC6lFH,CD3lFG,sDACC,6DE5EH,2BD0qFD,CDzlFE,0CACC,0CC2lFH,CDxlFE,8CACC,8CC0lFH,CDjnFE,wCACC,wCCmnFH,CDjnFG,gDACC,iDEnEH,2BDurFD,CD/mFE,8CACC,oDCinFH,CD/mFG,sDACC,6DE5EH,2BD8rFD,CD7mFE,0CACC,0CC+mFH,CD5mFE,8CACC,8CC8mFH,CDroFE,0CACC,0CCuoFH,CDroFG,kDACC,mDEnEH,2BD2sFD,CDnoFE,gDACC,sDCqoFH,CDnoFG,wDACC,+DE5EH,2BDktFD,CDjoFE,4CACC,4CCmoFH,CDhoFE,gDACC,gDCkoFH,CDzpFE,0CACC,0CC2pFH,CDzpFG,kDACC,mDEnEH,2BD+tFD,CDvpFE,gDACC,sDCypFH,CDvpFG,wDACC,+DE5EH,2BDsuFD,CDrpFE,4CACC,4CCupFH,CDppFE,gDACC,gDCspFH,CD7qFE,0CACC,0CC+qFH,CD7qFG,kDACC,mDEnEH,2BDmvFD,CD3qFE,gDACC,sDC6qFH,CD3qFG,wDACC,+DE5EH,2BD0vFD,CDzqFE,4CACC,4CC2qFH,CDxqFE,gDACC,gDC0qFH,CDjsFE,0CACC,0CCmsFH,CDjsFG,kDACC,mDEnEH,2BDuwFD,CD/rFE,gDACC,sDCisFH,CD/rFG,wDACC,+DE5EH,2BD8wFD,CD7rFE,4CACC,4CC+rFH,CD5rFE,gDACC,gDC8rFH,CDrtFE,0CACC,0CCutFH,CDrtFG,kDACC,mDEnEH,2BD2xFD,CDntFE,gDACC,sDCqtFH,CDntFG,wDACC,+DE5EH,2BDkyFD,CDjtFE,4CACC,4CCmtFH,CDhtFE,gDACC,gDCktFH,CDzuFE,0CACC,0CC2uFH,CDzuFG,kDACC,mDEnEH,2BD+yFD,CDvuFE,gDACC,sDCyuFH,CDvuFG,wDACC,+DE5EH,2BDszFD,CDruFE,4CACC,4CCuuFH,CDpuFE,gDACC,gDCsuFH,CD7vFE,0CACC,0CC+vFH,CD7vFG,kDACC,mDEnEH,2BDm0FD,CD3vFE,gDACC,sDC6vFH,CD3vFG,wDACC,+DE5EH,2BD00FD,CDzvFE,4CACC,4CC2vFH,CDxvFE,gDACC,gDC0vFH,CDjxFE,0CACC,0CCmxFH,CDjxFG,kDACC,mDEnEH,2BDu1FD,CD/wFE,gDACC,sDCixFH,CD/wFG,wDACC,+DE5EH,2BD81FD,CD7wFE,4CACC,4CC+wFH,CD5wFE,gDACC,gDC8wFH,CDryFE,0CACC,uCCuyFH,CDryFG,kDACC,gDEnEH,2BD22FD,CDnyFE,gDACC,mDCqyFH,CDnyFG,wDACC,4DE5EH,2BDk3FD,CDjyFE,4CACC,yCCmyFH,CDhyFE,gDACC,6CCkyFH,CDzzFE,2CACC,2CC2zFH,CDzzFG,mDACC,oDEnEH,2BD+3FD,CDvzFE,iDACC,uDCyzFH,CDvzFG,yDACC,gEE5EH,2BDs4FD,CDrzFE,6CACC,6CCuzFH,CDpzFE,iDACC,iDCszFH,CD70FE,2CACC,2CC+0FH,CD70FG,mDACC,oDEnEH,2BDm5FD,CD30FE,iDACC,uDC60FH,CD30FG,yDACC,gEE5EH,2BD05FD,CDz0FE,6CACC,6CC20FH,CDx0FE,iDACC,iDC00FH,CDj2FE,2CACC,2CCm2FH,CDj2FG,mDACC,oDEnEH,2BDu6FD,CD/1FE,iDACC,uDCi2FH,CD/1FG,yDACC,gEE5EH,2BD86FD,CD71FE,6CACC,6CC+1FH,CD51FE,iDACC,iDC81FH,CDr3FE,2CACC,2CCu3FH,CDr3FG,mDACC,oDEnEH,2BD27FD,CDn3FE,iDACC,uDCq3FH,CDn3FG,yDACC,gEE5EH,2BDk8FD,CDj3FE,6CACC,6CCm3FH,CDh3FE,iDACC,iDCk3FH,CDz4FE,2CACC,2CC24FH,CDz4FG,mDACC,oDEnEH,2BD+8FD,CDv4FE,iDACC,uDCy4FH,CDv4FG,yDACC,gEE5EH,2BDs9FD,CDr4FE,6CACC,6CCu4FH,CDp4FE,iDACC,iDCs4FH,CD75FE,2CACC,2CC+5FH,CD75FG,mDACC,oDEnEH,2BDm+FD,CD35FE,iDACC,uDC65FH,CD35FG,yDACC,gEE5EH,2BD0+FD,CDz5FE,6CACC,6CC25FH,CDx5FE,iDACC,iDC05FH,CDj7FE,2CACC,2CCm7FH,CDj7FG,mDACC,oDEnEH,2BDu/FD,CD/6FE,iDACC,uDCi7FH,CD/6FG,yDACC,gEE5EH,2BD8/FD,CD76FE,6CACC,6CC+6FH,CD56FE,iDACC,iDC86FH,CDr8FE,2CACC,2CCu8FH,CDr8FG,mDACC,oDEnEH,2BD2gGD,CDn8FE,iDACC,uDCq8FH,CDn8FG,yDACC,gEE5EH,2BDkhGD,CDj8FE,6CACC,6CCm8FH,CDh8FE,iDACC,iDCk8FH,CDz9FE,0CACC,0CC29FH,CDz9FG,kDACC,mDEnEH,2BD+hGD,CDv9FE,gDACC,sDCy9FH,CDv9FG,wDACC,+DE5EH,2BDsiGD,CDr9FE,4CACC,4CCu9FH,CDp9FE,gDACC,gDCs9FH,CD7+FE,0CACC,0CC++FH,CD7+FG,kDACC,mDEnEH,2BDmjGD,CD3+FE,gDACC,sDC6+FH,CD3+FG,wDACC,+DE5EH,2BD0jGD,CDz+FE,4CACC,4CC2+FH,CDx+FE,gDACC,gDC0+FH,CDjgGE,0CACC,0CCmgGH,CDjgGG,kDACC,mDEnEH,2BDukGD,CD//FE,gDACC,sDCigGH,CD//FG,wDACC,+DE5EH,2BD8kGD,CD7/FE,4CACC,4CC+/FH,CD5/FE,gDACC,gDC8/FH,CDrhGE,0CACC,0CCuhGH,CDrhGG,kDACC,mDEnEH,2BD2lGD,CDnhGE,gDACC,sDCqhGH,CDnhGG,wDACC,+DE5EH,2BDkmGD,CDjhGE,4CACC,4CCmhGH,CDhhGE,gDACC,gDCkhGH,CDziGE,0CACC,0CC2iGH,CDziGG,kDACC,mDEnEH,2BD+mGD,CDviGE,gDACC,sDCyiGH,CDviGG,wDACC,+DE5EH,2BDsnGD,CDriGE,4CACC,4CCuiGH,CDpiGE,gDACC,gDCsiGH,CD7jGE,0CACC,0CC+jGH,CD7jGG,kDACC,mDEnEH,2BDmoGD,CD3jGE,gDACC,sDC6jGH,CD3jGG,wDACC,+DE5EH,2BD0oGD,CDzjGE,4CACC,4CC2jGH,CDxjGE,gDACC,gDC0jGH,CDjlGE,0CACC,0CCmlGH,CDjlGG,kDACC,mDEnEH,2BDupGD,CD/kGE,gDACC,sDCilGH,CD/kGG,wDACC,+DE5EH,2BD8pGD,CD7kGE,4CACC,4CC+kGH,CD5kGE,gDACC,gDC8kGH,CDrmGE,0CACC,0CCumGH,CDrmGG,kDACC,mDEnEH,2BD2qGD,CDnmGE,gDACC,sDCqmGH,CDnmGG,wDACC,+DE5EH,2BDkrGD,CDjmGE,4CACC,4CCmmGH,CDhmGE,gDACC,gDCkmGH,CDznGE,0CACC,uCC2nGH,CDznGG,kDACC,gDEnEH,2BD+rGD,CDvnGE,gDACC,mDCynGH,CDvnGG,wDACC,4DE5EH,2BDssGD,CDrnGE,4CACC,yCCunGH,CDpnGE,gDACC,6CCsnGH,CD7oGE,2CACC,2CC+oGH,CD7oGG,mDACC,oDEnEH,2BDmtGD,CD3oGE,iDACC,uDC6oGH,CD3oGG,yDACC,gEE5EH,2BD0tGD,CDzoGE,6CACC,6CC2oGH,CDxoGE,iDACC,iDC0oGH,CDjqGE,2CACC,2CCmqGH,CDjqGG,mDACC,oDEnEH,2BDuuGD,CD/pGE,iDACC,uDCiqGH,CD/pGG,yDACC,gEE5EH,2BD8uGD,CD7pGE,6CACC,6CC+pGH,CD5pGE,iDACC,iDC8pGH,CDrrGE,2CACC,2CCurGH,CDrrGG,mDACC,oDEnEH,2BD2vGD,CDnrGE,iDACC,uDCqrGH,CDnrGG,yDACC,gEE5EH,2BDkwGD,CDjrGE,6CACC,6CCmrGH,CDhrGE,iDACC,iDCkrGH,CDzsGE,2CACC,2CC2sGH,CDzsGG,mDACC,oDEnEH,2BD+wGD,CDvsGE,iDACC,uDCysGH,CDvsGG,yDACC,gEE5EH,2BDsxGD,CDrsGE,6CACC,6CCusGH,CDpsGE,iDACC,iDCssGH,CD7tGE,2CACC,2CC+tGH,CD7tGG,mDACC,oDEnEH,2BDmyGD,CD3tGE,iDACC,uDC6tGH,CD3tGG,yDACC,gEE5EH,2BD0yGD,CDztGE,6CACC,6CC2tGH,CDxtGE,iDACC,iDC0tGH,CDjvGE,2CACC,2CCmvGH,CDjvGG,mDACC,oDEnEH,2BDuzGD,CD/uGE,iDACC,uDCivGH,CD/uGG,yDACC,gEE5EH,2BD8zGD,CD7uGE,6CACC,6CC+uGH,CD5uGE,iDACC,iDC8uGH,CDrwGE,2CACC,2CCuwGH,CDrwGG,mDACC,oDEnEH,2BD20GD,CDnwGE,iDACC,uDCqwGH,CDnwGG,yDACC,gEE5EH,2BDk1GD,CDjwGE,6CACC,6CCmwGH,CDhwGE,iDACC,iDCkwGH,CDzxGE,2CACC,2CC2xGH,CDzxGG,mDACC,oDEnEH,2BD+1GD,CDvxGE,iDACC,uDCyxGH,CDvxGG,yDACC,gEE5EH,2BDs2GD,CDrxGE,6CACC,6CCuxGH,CDpxGE,iDACC,iDCsxGH,CD7wGE,iCACC,gDCgxGH,CDjxGE,iCACC,gDCmxGH,CDpxGE,iCACC,gDCsxGH,CDvxGE,iCACC,gDCyxGH,CD1xGE,iCACC,gDC4xGH,CD7xGE,iCACC,gDC+xGH,CDhyGE,iCACC,gDCkyGH,CDnyGE,iCACC,gDCqyGH,CDtyGE,iCACC,gDCwyGH,CDzyGE,iCACC,gDC2yGH,CD5yGE,iCACC,gDC8yGH,CD/yGE,iCACC,gDCizGH,CDlzGE,iCACC,gDCozGH,CDrzGE,iCACC,gDCuzGH,CDxzGE,iCACC,gDC0zGH,CD3zGE,iCACC,gDC6zGH,CD9zGE,iCACC,gDCg0GH,CDj0GE,iCACC,gDCm0GH,CDp0GE,iCACC,gDCs0GH,CDv0GE,iCACC,gDCy0GH,CD10GE,iCACC,gDC40GH,CD70GE,iCACC,gDC+0GH,CDh1GE,iCACC,gDCk1GH,CDn1GE,iCACC,gDCq1GH,CDt1GE,iCACC,gDCw1GH,CDz1GE,iCACC,gDC21GH,CD51GE,iCACC,gDC81GH,CD/1GE,iCACC,gDCi2GH,CDl2GE,iCACC,gDCo2GH,CDr2GE,iCACC,gDCu2GH,CDx2GE,iCACC,gDC02GH,CD32GE,iCACC,gDC62GH,CD92GE,iCACC,gDCg3GH,CDj3GE,iCACC,gDCm3GH,CDp3GE,iCACC,gDCs3GH,CDv3GE,iCACC,gDCy3GH,CD13GE,iCACC,gDC43GH,CD73GE,iCACC,gDC+3GH,CDh4GE,iCACC,gDCk4GH,CDn4GE,iCACC,gDCq4GH,CDt4GE,iCACC,gDCw4GH,CDz4GE,iCACC,gDC24GH,CD54GE,iCACC,gDC84GH,CD/4GE,iCACC,gDCi5GH,CDl5GE,iCACC,gDCo5GH,CDr5GE,iCACC,gDCu5GH,CDx5GE,iCACC,gDC05GH,CD35GE,iCACC,gDC65GH,CD95GE,iCACC,gDCg6GH,CDj6GE,iCACC,gDCm6GH,CDp6GE,iCACC,gDCs6GH,CDv6GE,kCACC,iDCy6GH,CD16GE,kCACC,iDC46GH,CD76GE,kCACC,iDC+6GH,CDh7GE,kCACC,iDCk7GH,CDn7GE,kCACC,iDCq7GH,CDt7GE,kCACC,iDCw7GH,CDz7GE,kCACC,iDC27GH,CD57GE,kCACC,iDC87GH,CD/7GE,kCACC,iDCi8GH,CDl8GE,mCACC,kDCo8GH,CDr8GE,mCACC,kDCu8GH,CDx8GE,mCACC,kDC08GH,CD38GE,mCACC,kDC68GH,CD98GE,mCACC,kDCg9GH,CDz8GE,2CACC,oCG8RY,CH7RZ,wCC48GH,CDz8GE,2CACC,oCG2RY,CH1RZ,wCC28GH,CDx8GE,2CACC,oCGwRY,CHvRZ,wCC08GH,CDt8GG,qDACC,oCGgRW,CH/QX,wCCw8GJ,CDr8GG,kDACC,2CCu8GJ,CGnkHA,eACC,oDACA,gBHskHD,CGnkHE,wCACC,iBHqkHH,CGlkHE,oDACC,iBACA,mBACA,gBHokHH,CG/jHG,oHACC,8CCsEqB,CDrErB,gDCqEqB,CDpErB,gBHkkHJ,CG/jHG,4FACC,8BHkkHJ,CG9jHE,kCACC,sCCoKc,CDnKd,mDHgkHH,CG9jHG,sDACC,eHgkHJ,CG7jHG,6CACC,eH+jHJ,CG3jHE,kCACC,YH6jHH,CG1jHE,kCACC,0CH4jHH,CGzjHE,kCACC,0CAGA,gBACA,oCHyjHH,CK/mHA,mCACC,wCLknHD,CMnnHA,0BACC,aACA,gBNsnHD,CMpnHC,8CACC,2CNsnHF,CO5mHA,oBACC,aACA,kBACA,4CHyBU,CGxBV,UACA,sBACA,0CACA,WACA,YACA,mBACA,0DP+mHD,CO5mHA,mDAEC,gBACA,kBACA,mBACA,cACA,qBACA,cP+mHD,CO5mHA,4BACC,0CACA,gBACA,UP+mHD,CO5mHA,8HAIC,qEP+mHD,CO5mHA,+DCzBI,2CACA,mBR0oHJ,CQxoHI,qCDsBJ,+DCrBM,oBR4oHJ,CACF,COlnHC,oCAEC,cACA,eP4nHF,COznHC,uEA1DA,WACA,YACA,WACA,kBACA,UACA,4DACA,8DACA,mBPwrHD,COroHC,mCAEC,cACA,ePkoHF,CO9nHA,4BACC,ePioHD,CO9nHA,qCACC,gBPioHD,CO9nHA,2BEixBI,gQF/wBH,QPooHD,COjoHA,8BE4wBI,gOF1wBH,QPuoHD,COpoHA,2BACC,cEswBG,2MFpwBH,uCHsGgB,CGrGhB,kBP0oHD,CUnuHA,qBACC,aACA,uBACA,mBACA,4CNoCU,CMnCV,sBACA,0CACA,WACA,YACA,iBVsuHD,CUnuHA,6BACC,kBVsuHD,CUnuHA,6BACC,eVsuHD,CUnuHA,qCACC,mBVsuHD,CUnuHA,qDAEC,YACA,cACA,qBACA,cVsuHD,CUnuHA,6BACC,0CACA,gBACA,UVsuHD,CUnuHA,kIAIC,qEVsuHD,CUpuHC,gfAIC,eV0uHF,CUpuHC,6EACC,aACA,6CVwuHF,CUpuHA,2BACC,kBACA,yBACA,iBVuuHD,CUpuHA,+BACC,sBC9DY,CFu1BT,gOCvxBH,qCV0uHD,CUvuHA,2BACC,YV0uHD,CUvuHA,4BDgxBI,gOC9wBH,qCN6Gc,CM5Gd,mBC1EY,CD2EZ,iBV6uHD,CY/zHA,eACC,gBZk0HD,CY/zHA,0BACC,mBD2BY,CC1BZ,mBACA,qBZk0HD,CY/zHA,sBACC,sBACA,0CZk0HD,CY/zHA,sBACC,uBACA,kBZk0HD,CY9zHC,2CACC,sBZi0HF,CY7zHA,wBACC,oBZg0HD,CY7zHA,wBACC,oBZg0HD,CY7zHA,wBACC,oBZg0HD,CY7zHA,wBACC,qBZg0HD,CY5zHC,6CACC,yCRiDgB,CQhDhB,oBZ+zHF,CY1zHC,6CACC,iCZ6zHF,CY1zHC,6CACC,wCR6He,CQ5Hf,sBZ4zHF,Car3HA,iBACC,sCbw3HD,Ccv3HC,wCACC,4Bd03HF,Ccn3HC,2EACC,yCdw3HF,Ccn3HE,wEACC,oBACA,iBACA,yCds3HH,Ccn3HE,sFACC,qBACA,+Bds3HH,Ce14HE,iDACC,UACA,eACA,Wf64HH,Cev4HC,yCACC,uCXgFgB,CW/EhB,gBACA,yCf04HF,CgBz5HC,uCACC,oBACA,YC4DW,CD3DX,chB45HF,CkBh6HC,qBACC,aACA,kBlBm6HF,CkBh6HC,wBACC,aACA,qBlBk6HF,CkB/5HC,6BACC,aACA,0BlBi6HF,CkB95HC,gCACC,aACA,6BlBg6HF,CkB75HC,mCACC,kBlB+5HF,CkB35HA,sCACC,gBlB85HD,CkB35HA,+CACC,eACA,cACA,gBlB85HD,CmB77HA,oBACC,oDACA,aACA,iBACA,uBACA,cnBg8HD,CmB97HC,4CACC,WACA,WnBg8HF,CmB77HC,oCACC,aACA,mBACA,UnB+7HF,CmB77HE,iDACC,WACA,YACA,iBACA,kBACA,4CACA,gCnB+7HH,CmB77HG,8BARD,iDASE,wBnBg8HF,CACF,CmB97HG,8DACC,8CfkKa,CejKb,qCnBg8HJ,CmB77HG,qDACC,aACA,wBACA,+BfnBS,CeoBT,iCnB+7HJ,CmB17HG,wDACC,gBnB47HJ,CmBx7HE,sCACC,eACA,sCf8Ic,Ce7Id,gBnB07HH,CmBt7HC,mCACC,sBnBw7HF,CmBr7HC,kCACC,wBnBu7HF,CmBj7HI,2EACC,anBm7HL,CmB76HC,6BACC,YACA,qBnB+6HF,CmB76HE,6CACC,eACA,kBnB+6HH,CmB36HC,qEACC,cnB66HF,CmB36HE,kFACC,4CACA,4BnB66HH,CmB36HG,+FACC,8CnB66HJ,CoBvgIA,sBACC,gBpB0gID,CoBxgIC,wLAIC,oCpB0gIF,CoBtgIE,sEACC,qCpBwgIH,CoBpgIG,uEACC,uCpBsgIJ,CoBngIG,wEACC,SpBqgIJ,CoBjgIE,uEACC,uCpBmgIH,CoBhgIE,wDACC,sCpBkgIH,CqBhiIC,uEACC,6CnB4WuB,CmB3WvB,iBACA,mBACA,mBrBoiIF,CsBjiIC,gDACC,4BtBoiIF,CsBjiIC,yCACC,gBtBmiIF,CsBhiIC,6CACC,gBtBkiIF,CsB/hIC,sCACC,iBACA,yCtBiiIF,CsB7hIE,mDACC,6CtB+hIH,CsB5hIE,gDACC,etB8hIH,CsB1hIC,sCACC,wBtB4hIF,CsBxhIE,mDACC,8BtB0hIH,CsBvhIE,gDACC,8BtByhIH,CuB9jIC,sDACC,4BvBikIF,CuB9jIC,+CACC,gBvBgkIF,CuB7jIC,mDACC,gBvB+jIF,CuB5jIC,4CACC,iBACA,yCvB8jIF,CuB1jIE,yDACC,6CvB4jIH,CuBzjIE,sDACC,evB2jIH,CwBxlIC,wCACC,cPyFO,COxFP,eACA,mBACA,eACA,mBxB2lIF,CwBxlIC,+CACC,cxB0lIF,CwBvlIC,kDACC,YACA,4BACA,eACA,gBxBylIF,CwBvlIE,yDACC,yCxBylIH,CwBplIA,2BACC,wBPiEQ,COhER,oBAGA,eACA,sCACA,kBACA,qBACA,aACA,oDAEA,qCpBuJc,CoBtJd,iBACA,eACA,YACA,cxBslID,CwBplIC,6DAfA,uBCqBC,oDzBmlIF,CwBzlIC,kCACC,SxBwlIF,C0BroIC,wBACC,qCtB4La,CsB3Lb,eACA,0CAGA,gBACA,mBACA,gBACA,uBACA,kB1BsoIF,C0BjoIC,uCACC,uBACA,e1BooIF,C2BtpIC,qCACC,Y3BypIF,C2BvpIE,iEACC,sBACA,UACA,SACA,SACA,oBACA,eACA,wBACA,sDACA,kBACA,aACA,aACA,kCACA,YACA,sBACA,uBACA,SACA,qBACA,e3BypIH,C2BvpIG,oNAGC,kB3BypIJ,C2BtpIG,qGACC,sBACA,SACA,SACA,oBACA,eACA,wBACA,aACA,mBACA,UACA,6BACA,kBACA,iBACA,yD3BwpIJ,C2BtpII,2GACC,uC3BwpIL,C2BrpII,sIACC,uDACA,uDACA,2DACA,+DACA,8BACA,oBACA,oBACA,mBACA,eACA,YACA,6BACA,gBACA,wCACA,eACA,oBACA,gBACA,iBACA,yBACA,iBACA,mI3BupIL,C2BnpIK,4IACC,2CACA,mB3BqpIN,C2BjpII,gUAGC,kB3BmpIL,C2B9oIE,+DACC,QACA,U3BgpIH,C2B7oIG,uEACC,a3B+oIJ,C2B5oIG,kEACC,SACA,UACA,e3B8oIJ,C2B1oIE,2HAEC,WACA,YACA,gBACA,gBACA,kBACA,SACA,sBACA,eACA,aACA,oBACA,eACA,mBACA,mBACA,uBACA,SACA,kBACA,8BACA,oBACA,UACA,kBACA,iBACA,+FACC,CAED,uB3B0oIH,C2BxoIG,uIACC,uC3B2oIJ,C2BxoIG,uIACC,2CACA,mB3B2oIJ,C2BxoIG,mZAGC,kB3B6oIJ,C2B1oIG,qJACC,oB3B6oIJ,C2B1oIG,+KACC,gBACA,qCACA,gB3B6oIJ,C4BtyIA,mBACC,iCAEA,yCACA,4CACA,gDACA,oDACA,gC5ByyID,C4BvyIC,+BACC,eACA,aACA,aACA,mBACA,uBACA,sDACA,iBACA,WACA,kBACA,oBACA,qBACA,UACA,2EACC,CAED,iB5BuyIF,C4BryIE,0CACC,cAEA,UACA,oEACC,CAED,kB5BoyIH,C4BlyIG,gEACC,wBACA,gD5BoyIJ,C4BhyIE,qDACC,eACA,MACA,aACA,gBACA,WACA,YACA,gBACA,kCACA,2BACA,iCACA,8BACA,oBACA,iCACA,4BACA,kD5BkyIH,C4BhyIG,yBAjBD,qDAkBE,c5BmyIF,CACF,C4BjyIG,yBArBD,qDAsBE,gBACA,UACA,YACA,c5BoyIF,CACF,C4BlyIG,yBA5BD,qDA6BE,UACA,c5BqyIF,CACF,C4BnyIG,yBAjCD,qDAkCE,S5BsyIF,CACF,C4BpyIG,wEACC,iBACA,mBACA,kBACA,oBACA,iBACA,Y5BsyIJ,C4BpyII,+EAIC,sBACA,UACA,SACA,SACA,oBACA,wBACA,+CACA,gDACA,oDACA,wDACA,wCAGA,yBACA,+B5BmyIL,C4BhyII,iFACC,2BACA,6BAEA,sBAEA,SACA,SACA,oBACA,wBACA,kDACA,kDACA,kDACA,sDACA,+BACA,sCAGA,yBACA,+B5B+xIL,C4B5xII,0FACC,kBACA,UACA,MACA,QACA,gBACA,WACA,YACA,eACA,6BACA,6BACA,eACA,2DAGA,SACA,gBACA,mB5B4xIL,C4B1xIK,gGACC,uC5B4xIN,C4BzxIK,gGACC,sCACA,Y5B2xIN,C4BxxIK,gGACC,cACA,eACA,oC5B0xIN,C4BrxIG,yEACC,oBACA,gBACA,2CACA,+CACA,mDACA,uDACA,kBACA,sCACA,gBACA,iBACA,cACA,e5BuxIJ,C4BrxII,0FACC,kBACA,yBACA,WACA,gB5BuxIL,C4BrxIK,gGACC,0DACA,0DACA,8DACA,kEACA,wC5BuxIN,C4BrxIM,mGACC,WACA,YACA,W5BuxIP,C4BrxIO,sGACC,gBACA,MACA,mBACA,kBACA,yCACA,sCAEA,iBACA,qB5BsxIR,C4BpxIQ,+HACC,e5BsxIT,C4BhxIK,gGACC,uDACA,uDACA,2DACA,+DACA,kCACA,U5BkxIN,C4BhxIM,mGACC,0DACA,UACA,YACA,W5BkxIP,C4BhxIO,yGACC,2C5BkxIR,C4B/wIO,sGACC,0DACA,mBACA,kBACA,sCACA,iDACA,wCACA,gBACA,qB5BixIR,C4B1wIG,wEACC,6BACA,aACA,YACA,yBACA,gBACA,iBACA,c5B4wIJ,C4B1wII,qGACC,S5B4wIL,C4BzwII,kFACC,eACA,YACA,aACA,qBAGA,SACA,yKAQA,oOAQA,kEACA,2EAGA,kGAGA,sBACA,UACA,SACA,oBACA,uDACA,uDACA,2DACA,+DACA,kBACA,oBACA,kBACA,gBACA,+CACA,8BACA,gBACA,eACA,aACA,sHAIA,qFAGA,qFAGA,gBACA,qBACA,6KACC,CAID,kB5BgwIL,C4B7vII,2FAGC,6BACA,mDACA,mC5B+vIL,C4B7vIK,iGACC,oCACA,wD5B+vIN,C4B5vIK,iGACC,oEACA,4H5B8vIN,C6BnlJA,kBACC,yCzBuDU,CyBtDV,oBJ+CC,qDI7CD,eACA,mBACA,sCACA,kBACA,qBACA,aACA,oDACA,+C7B2lJD,C6BvlJC,yBACC,UACA,kBACA,8CACC,CJ8BD,oDzB2jJF,C6BplJC,+BACC,qC7BslJF,C6BplJE,mEACC,iB7BslJH,C6BnlJE,8CACC,WACA,YACA,eACA,e7BqlJH,C6BnlJG,gDACC,WACA,eACA,gB7BqlJJ,C6BjlJE,kDACC,aACA,YACA,qBACA,WACA,eACA,2BACA,kB7BmlJH,C6BjlJG,4DACC,aACA,M7BmlJJ,C6BjlJI,8DACC,OACA,iB7BmlJL,C6BhlJI,gFACC,YACA,gBACA,mBACA,iBACA,WACA,2C7BklJL,C6B1kJI,mEACC,e7B4kJL,C6BxkJG,oDACC,mBACA,gBACA,uBACA,iBACA,eACA,qBACA,SACA,UACA,Q7B0kJJ,C6BxkJI,0DACC,WACA,e7B0kJL,C6BrkJE,gDACC,SACA,S7BukJH,C6BrkJG,mDACC,gBACA,iB7BukJJ,C6BrkJI,oEACC,8D7BukJL,C6BjkJG,oDACC,S7BmkJJ,C6B9jJC,iCACC,kBACA,OACA,MACA,UACA,W7BgkJF,C6B9jJE,8BAPD,iCAQE,wB7BikJD,CACF,C6B/jJE,6CACC,e7BikJH,C8BvsJA,gCACC,0C9B0sJD,C+BzsJC,gCACC,+B3BgBW,C2BfX,kC/B4sJF,C+BzsJC,uCACC,gC/B2sJF,C+BxsJC,kDACC,sC/B0sJF,C+BvsJC,yCACC,0C3BmJiB,C2BlJjB,c/BysJF,C+BtsJC,wCACC,uC3ByEgB,C2BxEhB,0C3B6IiB,C2B5IjB,c/BwsJF,C+BrsJC,mDACC,gC3BgBS,C2BfT,W/BusJF,C+BnsJE,gDACC,sC/BqsJH,C+BlsJE,oDACC,6B/BosJH,C+BhsJE,mDACC,UACA,W/BksJH,C+B9rJC,2CACC,YdeW,CcdX,c/BgsJF,CgC/uJC,kEAEC,2ChCkvJF,CgC/uJC,kCACC,sChCivJF,CgC9uJC,sCACC,gChCgvJF,CiC7vJA,0DAEC,mBjCgwJD,CkC/vJC,oCACC,eACA,mBT+CA,oDzBotJF,CkC/vJC,qCACC,gClCiwJF,CkC9vJC,mCACC,uBlCgwJF,CmC5wJC,gCACC,mBnC+wJF,CmC7wJE,wCACC,oCjCgYY,CiC/XZ,wCnC+wJH,CmC5wJE,wCACC,oCjC6XY,CiC5XZ,wCnC8wJH,CmC3wJE,wCACC,oCjC0XY,CiCzXZ,wCnC6wJH,CmCzwJC,4DAEC,oBACA,mBACA,6CnC2wJF,CmCxwJC,wCACC,wCnC0wJF,CoCjyJC,0EAHC,mDpC4yJF,CoCzyJC,yCAEC,+BpCuyJF,CoCpyJC,+CACC,0ChCwJiB,CgCvJjB,iBpCsyJF,CqCjzJC,kCACC,kBrCozJF,CqClzJE,0CACC,crCozJH,CqCjzJE,4CACC,gDjCuPa,CiCtPb,iBACA,kDrCmzJH,CqChzJE,4CACC,crCkzJH,CqC7yJA,kCACC,erCgzJD,CqC7yJG,kFACC,0BrC+yJJ,CqC5yJG,8EACC,erC8yJJ,CsC30JA,gCACC,gBtCk1JD,CsCh1JC,oCACC,gCtCk1JF,CsC90JE,kDACC,qCtCg1JH,CsC70JE,mDACC,uCtC+0JH,CsC50JE,mDACC,uCtC80JH,CuC91JC,uCACC,iBvCi2JF,CuC71JE,wCACC,YACA,gBvC+1JH,CuC11JE,gCACC,YACA,0BvC41JH,CuCv1JE,oCACC,YACA,gBvCy1JH,CuCr1JC,oCACC,wCvCu1JF,CuCn1JE,qCACC,oCvCq1JH,CuCl1JE,sCACC,mCvCo1JH,CuCj1JE,sCACC,oCvCm1JH,CuCh1JE,uCACC,mCvCk1JH,CuC90JC,4BACC,iBACA,iCvCg1JF,CuC70JC,kCACC,iCvC+0JF,CwCh4JC,yBACC,oBACA,UACA,gBxCm4JF,CwCh4JC,2CACC,sCxCk4JF,CwCj4JE,mBACC,GACC,yCxCm4JF,CwCj4JC,IACC,WvBqGM,CuBpGN,UxCm4JF,CwCj4JC,GACC,yCxCm4JF,CACF,CyC15JC,6BACC,mBzC65JF,CyC15JC,8BACC,gBzC45JF,C0C/5JC,+BACC,gC1Ck6JF,C0C/5JC,oCACC,+CxCkXsB,CwCjXtB,gB1Ci6JF,C0C75JE,0CACC,qC1C+5JH,C0C55JE,2CACC,uCtC2Pe,CsC1Pf,iBACA,sC1C85JH,C0C35JE,2CACC,uC1C65JH,C0Cz5JC,0BACC,wCtCyJe,CsCxJf,gB1C25JF,C2Cz7JA,cACC,gB3C47JD,C4C17JC,4BACC,kB5C67JF,C4C17JC,0DAEC,iBACA,yC5C47JF,C4Cz7JC,qCACC,6C5C27JF,C6Ct8JC,qCACC,eACA,mBpB+CA,oDzB25JF,C6Ct8JC,sCACC,gCzCkCS,CyCjCT,gB7Cw8JF,C6Cr8JC,+CACC,c7Cu8JF,C6Cp8JC,oCACC,uB7Cs8JF,C8Cv9JC,8CACC,gC1CyCS,C0CxCT,gB9C09JF,C8Cv9JC,uDACC,c9Cy9JF,C+C79JC,+CACC,UACA,0C3C8JiB,C2C7JjB,kBACA,gB/Cg+JF,C+C79JC,mDACC,c/C+9JF,C+C59JG,8DAGC,e/C49JJ,C+Cz9JG,gEACC,oC3CyKW,CH/Ld,2BDk/JD,C+Cr9JE,qDACC,sC/Cu9JH,C+Cp9JE,oDACC,wC/Cs9JH,C+Cl9JC,4CACC,oC/Co9JF,C+Cl9JE,wDACC,mC3CoKY,C2CnKZ,gB/Co9JH,CgD9/JC,uBACC,mBhDigKF,CiDjgKE,oCAGC,ejDkgKH,CkDrgKA,mBACC,mHACA,uIACA,yClDwgKD,CkDpgKC,0BACC,UACA,SACA,eAGA,gBACA,uClDqgKF,CkDlgKC,6BACC,eAGA,gBACA,sClDkgKF,CkD//JC,gEACC,0CAGA,elD+/JF,CkD5/JC,oFAEC,cCxBe,CDyBf,yClD8/JF,CkD3/JC,yCAGC,elD2/JF,CoDliKA,mBACC,kBACA,cACA,WACA,WpDqiKD,CoD/hKE,gKACC,2CpDoiKH,CoD/hKC,sDACC,gBACA,SpDiiKF,CoD7hKA,mBCyFI,w5dC/DF,uxBtD46KF,CoDl8KA,0CCqFI,q5dC/DF,uxBtDq1LF,CoDv2LA,0CCiFI,w+dC/DF,uxBtD8vMF,CoD5wMA,2CC6EI,+9dC/DF,uxBtDuqNF,CoDjrNA,8BAEC,qBACA,sBACA,0BACA,2BACA,WpDmrND,CuDnuNA,wBACC,iBACA,mDvDsuND,CwDzuNQ,2ZCmGJ,8BACA,CAJA,QACA,CACA,YACA,CACA,cACA,CAJA,QACA,CAnFF,SAiFE,CAKA,uBACA,8BAIF,eAIE,oBACA,+EAIF,aAWE,MAGF,2CAEI,sCACA,cAGF,OAGF,eAEE,cAGF,WAEE,qDAGF,YAIE,OAGF,wBACE,iBACA,MAIF,qBACE,kBAGF,kBAGE,MCpJF,cACE,MAJiB,iCAWjB,mCACA,CCyEF,kGDrFmB,CAOnB,eC8EA,CDzEE,iCACA,MAGF,iGAfmB,QAmBnB,eCiEA,8CFyEA,IACE,eACE,KGpKJ,kDpFo1BE,gKoFh1BF,8CpFg1BE,+JoF50BF,iDpF40BE,kKoFx0BF,iDpFw0BE,8JoFp0BF,8CpFo0BE,8JoFh0BF,iDpFg0BE,qKoF5zBF,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CX,oBADW,wBACX,4CADW,oBACX,wBADW,oBACX,4CADW,qBACX,iBADW,qBAMb,iBACE,qBAGF,iBACE,sCAQI,qBADW,iBACX,qBADW,iBACX,qBADW,iBACX,qBADW,kBACX,qBADW,gFACX,kBADW,sBACX,kBADW,sBACX,kBADW,sBACX,kBADW,sBACX,kBADW,sBACX,kBADW,0BACX,sBADW,wBACX,oBADW,yBACX,sBADW,mBACX,uBADW,mBAQX,uBADW,mBACX,uBADW,mBACX,uBADW,mBACX,0CADW,uBACX,mBADW,uBACX,mBADW,uBACX,mBADW,wBACX,oBADW,4CACX,wBADW,oBACX,wBADW,oBACX,wBADW,oBACX,wBADW,oBACX,4CADW,sCAMb,qBACE,iBAGF,qBACE,kBCzRF,qCD+RI,qBADW,iBACX,qBADW,iBACX,qBADW,iBACX,qBADW,kBACX,qBADW,gFACX,kBADW,sBACX,kBADW,sBACX,kBADW,sBACX,kBADW,sBACX,kBADW,sBACX,kBADW,0BACX,sBADW,wBACX,oBADW,0BACX,sBADW,mBACX,uBADW,mBAQX,uBADW,mBACX,uBADW,mBACX,uBADW,mBACX,CADW,sBACX,mBADW,uBACX,mBADW,uBACX,mBADW,uBACX,mBADW,wBACX,oBADW,4CACX,wBADW,oBACX,wBADW,oBACX,wBADW,oBACX,wBADW,oBACX,CADW,uBACX,oBADW,sCAMb,qBACE,iBAGF,qBACE,kBChTJ,qCD+RI,qBADW,iBACX,qBADW,iBACX,qBADW,iBACX,qBADW,kBACX,qBADW,gFACX,kBADW,sBACX,kBADW,sBACX,kBADW,sBACX,kBADW,sBACX,kBADW,sBACX,kBADW,0BACX,sBADW,wBACX,oBADW,0BACX,uBADW,mBACX,wBADW,mBAQX,wBADW,mBACX,wBADW,mBACX,CADW,uBACX,mBADW,wBACX,mBADW,wBACX,mBADW,sFACX,yBADW,oBACX,yBADW,oBACX,yBADW,oBACX,CADW,wBACX,oBADW,yBACX,oBADW,yBACX,oBADW,yBACX,oBADW,sBAMb,iBACE,sBA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","sources":["webpack://@openmrs/esm-styleguide/./src/custom-overflow-menu/custom-overflow-menu.module.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://@openmrs/esm-styleguide/./src/_vars.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/colors/index.scss","webpack://@openmrs/esm-styleguide/./src/icons/icons.module.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/_layout.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/utilities/_custom-property.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/_layer.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/utilities/_keyframes.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/utilities/_visually-hidden.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/popover/_popover.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/utilities/_component-reset.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/utilities/_layout.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/utilities/_button-reset.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/utilities/_focus-outline.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/theme/_theme.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/themes/scss/generated/_tokens.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/tooltip/_tooltip.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/type/scss/_styles.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/button/_button.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/button/_mixins.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/button/_vars.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/button/_tokens.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/utilities/_skeleton.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/utilities/_high-contrast-mode.scss","webpack://@openmrs/esm-styleguide/./src/datepicker/datepicker.module.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/utilities/_box-shadow.scss","webpack://@openmrs/esm-styleguide/./src/error-state/error-state.module.scss","webpack://@openmrs/esm-styleguide/./src/left-nav/left-nav.module.scss","webpack://@openmrs/esm-styleguide/./src/page-header/page-header.module.scss","webpack://@openmrs/esm-styleguide/./src/patient-banner/patient-info/patient-banner-patient-info.module.scss","webpack://@openmrs/esm-styleguide/./src/patient-banner/actions-menu/patient-banner-actions-menu.module.scss","webpack://@openmrs/esm-styleguide/./src/workspaces/action-menu-button/action-menu-button.module.scss","webpack://@openmrs/esm-styleguide/./src/workspaces/notification/workspace-notification.module.scss","webpack://@openmrs/esm-styleguide/./src/workspaces/container/workspace.module.scss","webpack://@openmrs/esm-styleguide/./src/workspaces/container/action-menu.module.scss","webpack://@openmrs/esm-styleguide/./src/snackbars/snackbar.module.scss","webpack://@openmrs/esm-styleguide/./src/patient-photo/patient-photo.module.scss","webpack://@openmrs/esm-styleguide/./src/pictograms/pictograms.module.scss","webpack://@openmrs/esm-styleguide/./src/location-picker/location-picker.module.scss","webpack://@openmrs/esm-styleguide/./src/patient-banner/contact-details/patient-banner-contact-details.module.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/_colors.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/dist/styles.css","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/_transition.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/_tokens.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/components/_axis.scss","webpack://@openmrs/esm-styleguide/./node_modules/node_modules/@carbon/themes/scss/generated/_tokens.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/components/_callouts.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/components/_color-legend.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/components/diagrams/_card-node.scss","webpack://@openmrs/esm-styleguide/./node_modules/node_modules/@carbon/styles/scss/utilities/_focus-outline.scss","webpack://@openmrs/esm-styleguide/./node_modules/node_modules/@carbon/type/scss/_styles.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/components/diagrams/_shape-node.scss","webpack://@openmrs/esm-styleguide/./node_modules/node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/components/diagrams/_edge.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/components/diagrams/_marker.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/components/_grid.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/components/_grid-brush.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/components/_highlights.scss","webpack://@openmrs/esm-styleguide/./node_modules/node_modules/@carbon/colors/index.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/components/_layout.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/components/_legend.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/components/_meter-title.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/components/_ruler.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/components/_skeleton.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/components/_skeleton-lines.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/components/_threshold.scss","webpack://@openmrs/esm-styleguide/./node_modules/node_modules/@carbon/motion/index.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/components/_title.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/components/toolbar/_buttons.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/components/toolbar/_modal.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/components/_tooltip.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/components/_zero-line.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/components/_zoom-bar.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/graphs/_alluvial.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/graphs/_area.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/graphs/_bubble.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/graphs/_bullet.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/graphs/_choropleth.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/graphs/_circle-pack.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/graphs/_gauge.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/graphs/_heatmap.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/graphs/_line.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/graphs/_lollipop.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/graphs/_meter.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/graphs/_pie.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/graphs/_radar.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/graphs/_scatter.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/graphs/_scatter-stacked.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/graphs/_tree.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/graphs/_treemap.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/graphs/_wordcloud.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/_type.scss","webpack://@openmrs/esm-styleguide/./node_modules/node_modules/@carbon/layout/scss/_convert.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/_chart-holder.scss","webpack://@openmrs/esm-styleguide/./node_modules/node_modules/@carbon/themes/scss/_theme.scss","webpack://@openmrs/esm-styleguide/./node_modules/node_modules/@carbon/styles/scss/utilities/_custom-property.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/charts/scss/_chart-wrapper.scss","webpack://@openmrs/esm-styleguide/./src/_all.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/_reset.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/type/scss/_reset.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/type/scss/_font-family.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/type/scss/_default-type.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/fonts/_mono.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/_config.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/fonts/_sans.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/fonts/_serif.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/grid/scss/_css-grid.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/grid/scss/_breakpoint.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/_zone.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/accordion/_accordion.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/toggletip/_toggletip.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/slug/_slug.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/utilities/_ai-gradient.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/aspect-ratio/_aspect-ratio.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/badge-indicator/_badge-indicator.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/overflow-menu/_overflow-menu.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/breadcrumb/_breadcrumb.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/link/_link.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/chat-button/_chat-button.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/form/_form.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/checkbox/_checkbox.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/copy-button/_copy-button.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/utilities/_tooltip.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/code-snippet/_code-snippet.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/code-snippet/_mixins.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/text-input/_text-input.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/utilities/_placeholder-colors.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/tag/_tag.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/tag/_mixins.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/tag/_tokens.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/list-box/_list-box.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/combo-box/_combo-box.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/menu/_menu.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/combo-button/_combo-button.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/contained-list/_contained-list.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/content-switcher/_content-switcher.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/radio-button/_radio-button.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/data-table/_data-table.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/data-table/_mixins.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/search/_search.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/data-table/action/_data-table-action.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/data-table/expandable/_data-table-expandable.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/data-table/skeleton/_data-table-skeleton.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/data-table/sort/_data-table-sort.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/date-picker/_flatpickr.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/date-picker/_date-picker.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/dialog/_dialog.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/dropdown/_dropdown.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/loading/_loading.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/loading/_animation.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/file-uploader/_file-uploader.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/fluid-list-box/_fluid-list-box.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/fluid-combo-box/_fluid-combo-box.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/fluid-date-picker/_fluid-date-picker.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/multiselect/_multiselect.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/fluid-multiselect/_fluid-multiselect.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/number-input/_number-input.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/fluid-number-input/_fluid-number-input.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/fluid-search/_fluid-search.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/select/_select.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/fluid-select/_fluid-select.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/text-area/_text-area.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/fluid-text-area/_fluid-text-area.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/fluid-text-input/_fluid-text-input.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/fluid-time-picker/_fluid-time-picker.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/icon-indicator/_icon-indicator.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/icon-indicator/_tokens.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/inline-loading/_keyframes.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/inline-loading/_inline-loading.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/list/_list.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/menu-button/_menu-button.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/utilities/_update_fields_on_layer.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/modal/_modal.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/notification/_inline-notification.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/notification/_mixins.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/notification/_tokens.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/notification/_toast-notification.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/notification/_actionable-notification.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/page-header/_page-header.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/pagination/_pagination.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/pagination/_unstable_pagination.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/pagination-nav/_pagination-nav.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/pagination-nav/_mixins.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/progress-bar/_progress-bar.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/progress-indicator/_progress-indicator.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/shape-indicator/_shape-indicator.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/skeleton-styles/_ai-skeleton-styles.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/skeleton-styles/_skeleton-styles.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/slider/_slider.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/stack/_stack.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/structured-list/_mixins.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/structured-list/_structured-list.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/tabs/_tabs.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/tile/_tile.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/time-picker/_time-picker.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/toggle/_toggle.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/treeview/_treeview.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/ui-shell/content/_content.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/ui-shell/header/_header.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/ui-shell/header-panel/_header-panel.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/ui-shell/side-nav/_side-nav.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/ui-shell/_mixins.scss","webpack://@openmrs/esm-styleguide/./node_modules/@carbon/styles/scss/components/ui-shell/switcher/_switcher.scss","webpack://@openmrs/esm-styleguide/./src/components/_general.scss","webpack://@openmrs/esm-styleguide/./src/components/_canvas.scss","webpack://@openmrs/esm-styleguide/./src/components/_colors.scss","webpack://@openmrs/esm-styleguide/./src/components/_breadcrumbs.scss","webpack://@openmrs/esm-styleguide/./src/components/_main-content.scss","webpack://@openmrs/esm-styleguide/./src/logo/_logo.scss","webpack://@openmrs/esm-styleguide/./src/spinner/_spinner.scss","webpack://@openmrs/esm-styleguide/./src/notifications/_notifications.scss","webpack://@openmrs/esm-styleguide/./src/notifications/_actionable-notifications.scss","webpack://@openmrs/esm-styleguide/./src/toasts/_toasts.scss","webpack://@openmrs/esm-styleguide/./src/snackbars/_snackbars.scss","webpack://@openmrs/esm-styleguide/./src/modals/_modals.scss","webpack://@openmrs/esm-styleguide/./src/_overrides.scss"],"sourcesContent":["@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.container {\n  width: auto;\n  height: auto;\n\n  :global(.cds--overflow-menu__trigger) {\n    min-height: layout.$spacing-09;\n  }\n}\n\n.menu {\n  display: none;\n  top: 3.125rem;\n  min-width: initial;\n  left: auto;\n  right: 0;\n  background-color: $ui-01;\n  margin-right: 0.2rem;\n  box-shadow: 0 6px 6px rgb(0 0 0 / 30%);\n}\n\n.show {\n  display: block;\n}\n\n.overflowMenuButton {\n  width: auto;\n  height: auto;\n  padding: 0.875rem layout.$spacing-05;\n  color: colors.$blue-60;\n\n  &:hover {\n    background-color: colors.$gray-10-hover;\n  }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n  spacing-01: $spacing-01,\n  spacing-02: $spacing-02,\n  spacing-03: $spacing-03,\n  spacing-04: $spacing-04,\n  spacing-05: $spacing-05,\n  spacing-06: $spacing-06,\n  spacing-07: $spacing-07,\n  spacing-08: $spacing-08,\n  spacing-09: $spacing-09,\n  spacing-10: $spacing-10,\n  spacing-11: $spacing-11,\n  spacing-12: $spacing-12,\n  spacing-13: $spacing-13,\n);\n","@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n  #{$property}: #005d5d;\n  #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n  #{$property}: #004144;\n  #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n  #{$property}: #007d79;\n  #{$property}: var(--brand-03);\n}\n\n:root {\n  --brand-01: #005d5d;\n  --brand-02: #004144;\n  --brand-03: #007d79;\n  --bottom-nav-height: #{layout.$spacing-10};\n  --workspace-header-height: #{layout.$spacing-09};\n  --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n  --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","// Code generated by @carbon/colors. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$black: #000000 !default;\n$white: #ffffff !default;\n\n$black-100: #000000 !default;\n$blue-10: #edf5ff !default;\n$blue-20: #d0e2ff !default;\n$blue-30: #a6c8ff !default;\n$blue-40: #78a9ff !default;\n$blue-50: #4589ff !default;\n$blue-60: #0f62fe !default;\n$blue-70: #0043ce !default;\n$blue-80: #002d9c !default;\n$blue-90: #001d6c !default;\n$blue-100: #001141 !default;\n$cool-gray-10: #f2f4f8 !default;\n$cool-gray-20: #dde1e6 !default;\n$cool-gray-30: #c1c7cd !default;\n$cool-gray-40: #a2a9b0 !default;\n$cool-gray-50: #878d96 !default;\n$cool-gray-60: #697077 !default;\n$cool-gray-70: #4d5358 !default;\n$cool-gray-80: #343a3f !default;\n$cool-gray-90: #21272a !default;\n$cool-gray-100: #121619 !default;\n$cyan-10: #e5f6ff !default;\n$cyan-20: #bae6ff !default;\n$cyan-30: #82cfff !default;\n$cyan-40: #33b1ff !default;\n$cyan-50: #1192e8 !default;\n$cyan-60: #0072c3 !default;\n$cyan-70: #00539a !default;\n$cyan-80: #003a6d !default;\n$cyan-90: #012749 !default;\n$cyan-100: #061727 !default;\n$gray-10: #f4f4f4 !default;\n$gray-20: #e0e0e0 !default;\n$gray-30: #c6c6c6 !default;\n$gray-40: #a8a8a8 !default;\n$gray-50: #8d8d8d !default;\n$gray-60: #6f6f6f !default;\n$gray-70: #525252 !default;\n$gray-80: #393939 !default;\n$gray-90: #262626 !default;\n$gray-100: #161616 !default;\n$green-10: #defbe6 !default;\n$green-20: #a7f0ba !default;\n$green-30: #6fdc8c !default;\n$green-40: #42be65 !default;\n$green-50: #24a148 !default;\n$green-60: #198038 !default;\n$green-70: #0e6027 !default;\n$green-80: #044317 !default;\n$green-90: #022d0d !default;\n$green-100: #071908 !default;\n$magenta-10: #fff0f7 !default;\n$magenta-20: #ffd6e8 !default;\n$magenta-30: #ffafd2 !default;\n$magenta-40: #ff7eb6 !default;\n$magenta-50: #ee5396 !default;\n$magenta-60: #d02670 !default;\n$magenta-70: #9f1853 !default;\n$magenta-80: #740937 !default;\n$magenta-90: #510224 !default;\n$magenta-100: #2a0a18 !default;\n$orange-10: #fff2e8 !default;\n$orange-20: #ffd9be !default;\n$orange-30: #ffb784 !default;\n$orange-40: #ff832b !default;\n$orange-50: #eb6200 !default;\n$orange-60: #ba4e00 !default;\n$orange-70: #8a3800 !default;\n$orange-80: #5e2900 !default;\n$orange-90: #3e1a00 !default;\n$orange-100: #231000 !default;\n$purple-10: #f6f2ff !default;\n$purple-20: #e8daff !default;\n$purple-30: #d4bbff !default;\n$purple-40: #be95ff !default;\n$purple-50: #a56eff !default;\n$purple-60: #8a3ffc !default;\n$purple-70: #6929c4 !default;\n$purple-80: #491d8b !default;\n$purple-90: #31135e !default;\n$purple-100: #1c0f30 !default;\n$red-10: #fff1f1 !default;\n$red-20: #ffd7d9 !default;\n$red-30: #ffb3b8 !default;\n$red-40: #ff8389 !default;\n$red-50: #fa4d56 !default;\n$red-60: #da1e28 !default;\n$red-70: #a2191f !default;\n$red-80: #750e13 !default;\n$red-90: #520408 !default;\n$red-100: #2d0709 !default;\n$teal-10: #d9fbfb !default;\n$teal-20: #9ef0f0 !default;\n$teal-30: #3ddbd9 !default;\n$teal-40: #08bdba !default;\n$teal-50: #009d9a !default;\n$teal-60: #007d79 !default;\n$teal-70: #005d5d !default;\n$teal-80: #004144 !default;\n$teal-90: #022b30 !default;\n$teal-100: #081a1c !default;\n$warm-gray-10: #f7f3f2 !default;\n$warm-gray-20: #e5e0df !default;\n$warm-gray-30: #cac5c4 !default;\n$warm-gray-40: #ada8a8 !default;\n$warm-gray-50: #8f8b8b !default;\n$warm-gray-60: #726e6e !default;\n$warm-gray-70: #565151 !default;\n$warm-gray-80: #3c3838 !default;\n$warm-gray-90: #272525 !default;\n$warm-gray-100: #171414 !default;\n$white-0: #ffffff !default;\n$yellow-10: #fcf4d6 !default;\n$yellow-20: #fddc69 !default;\n$yellow-30: #f1c21b !default;\n$yellow-40: #d2a106 !default;\n$yellow-50: #b28600 !default;\n$yellow-60: #8e6a00 !default;\n$yellow-70: #684e00 !default;\n$yellow-80: #483700 !default;\n$yellow-90: #302400 !default;\n$yellow-100: #1c1500 !default;\n\n$white-hover: #e8e8e8 !default;\n$black-hover: #212121 !default;\n$blue-10-hover: #dbebff !default;\n$blue-20-hover: #b8d3ff !default;\n$blue-30-hover: #8ab6ff !default;\n$blue-40-hover: #5c97ff !default;\n$blue-50-hover: #1f70ff !default;\n$blue-60-hover: #0050e6 !default;\n$blue-70-hover: #0053ff !default;\n$blue-80-hover: #0039c7 !default;\n$blue-90-hover: #00258a !default;\n$blue-100-hover: #001f75 !default;\n$cool-gray-10-hover: #e4e9f1 !default;\n$cool-gray-20-hover: #cdd3da !default;\n$cool-gray-30-hover: #adb5bd !default;\n$cool-gray-40-hover: #9199a1 !default;\n$cool-gray-50-hover: #757b85 !default;\n$cool-gray-60-hover: #585e64 !default;\n$cool-gray-70-hover: #5d646a !default;\n$cool-gray-80-hover: #434a51 !default;\n$cool-gray-90-hover: #2b3236 !default;\n$cool-gray-100-hover: #222a2f !default;\n$cyan-10-hover: #cceeff !default;\n$cyan-20-hover: #99daff !default;\n$cyan-30-hover: #57beff !default;\n$cyan-40-hover: #059fff !default;\n$cyan-50-hover: #0f7ec8 !default;\n$cyan-60-hover: #005fa3 !default;\n$cyan-70-hover: #0066bd !default;\n$cyan-80-hover: #00498a !default;\n$cyan-90-hover: #013360 !default;\n$cyan-100-hover: #0b2947 !default;\n$gray-10-hover: #e8e8e8 !default;\n$gray-20-hover: #d1d1d1 !default;\n$gray-30-hover: #b5b5b5 !default;\n$gray-40-hover: #999999 !default;\n$gray-50-hover: #7a7a7a !default;\n$gray-60-hover: #5e5e5e !default;\n$gray-70-hover: #636363 !default;\n$gray-80-hover: #474747 !default;\n$gray-90-hover: #333333 !default;\n$gray-100-hover: #292929 !default;\n$green-10-hover: #b6f6c8 !default;\n$green-20-hover: #74e792 !default;\n$green-30-hover: #36ce5e !default;\n$green-40-hover: #3bab5a !default;\n$green-50-hover: #208e3f !default;\n$green-60-hover: #166f31 !default;\n$green-70-hover: #11742f !default;\n$green-80-hover: #05521c !default;\n$green-90-hover: #033b11 !default;\n$green-100-hover: #0d300f !default;\n$magenta-10-hover: #ffe0ef !default;\n$magenta-20-hover: #ffbdda !default;\n$magenta-30-hover: #ff94c3 !default;\n$magenta-40-hover: #ff57a0 !default;\n$magenta-50-hover: #e3176f !default;\n$magenta-60-hover: #b0215f !default;\n$magenta-70-hover: #bf1d63 !default;\n$magenta-80-hover: #8e0b43 !default;\n$magenta-90-hover: #68032e !default;\n$magenta-100-hover: #53142f !default;\n$orange-10-hover: #ffe2cc !default;\n$orange-20-hover: #ffc69e !default;\n$orange-30-hover: #ff9d57 !default;\n$orange-40-hover: #fa6800 !default;\n$orange-50-hover: #cc5500 !default;\n$orange-60-hover: #9e4200 !default;\n$orange-70-hover: #a84400 !default;\n$orange-80-hover: #753300 !default;\n$orange-90-hover: #522200 !default;\n$orange-100-hover: #421e00 !default;\n$purple-10-hover: #ede5ff !default;\n$purple-20-hover: #dcc7ff !default;\n$purple-30-hover: #c5a3ff !default;\n$purple-40-hover: #ae7aff !default;\n$purple-50-hover: #9352ff !default;\n$purple-60-hover: #7822fb !default;\n$purple-70-hover: #7c3dd6 !default;\n$purple-80-hover: #5b24ad !default;\n$purple-90-hover: #40197b !default;\n$purple-100-hover: #341c59 !default;\n$red-10-hover: #ffe0e0 !default;\n$red-20-hover: #ffc2c5 !default;\n$red-30-hover: #ff99a0 !default;\n$red-40-hover: #ff6168 !default;\n$red-50-hover: #ee0713 !default;\n$red-60-hover: #b81922 !default;\n$red-70-hover: #c21e25 !default;\n$red-80-hover: #921118 !default;\n$red-90-hover: #66050a !default;\n$red-100-hover: #540d11 !default;\n$teal-10-hover: #acf6f6 !default;\n$teal-20-hover: #57e5e5 !default;\n$teal-30-hover: #25cac8 !default;\n$teal-40-hover: #07aba9 !default;\n$teal-50-hover: #008a87 !default;\n$teal-60-hover: #006b68 !default;\n$teal-70-hover: #007070 !default;\n$teal-80-hover: #005357 !default;\n$teal-90-hover: #033940 !default;\n$teal-100-hover: #0f3034 !default;\n$warm-gray-10-hover: #f0e8e6 !default;\n$warm-gray-20-hover: #d8d0cf !default;\n$warm-gray-30-hover: #b9b3b1 !default;\n$warm-gray-40-hover: #9c9696 !default;\n$warm-gray-50-hover: #7f7b7b !default;\n$warm-gray-60-hover: #605d5d !default;\n$warm-gray-70-hover: #696363 !default;\n$warm-gray-80-hover: #4c4848 !default;\n$warm-gray-90-hover: #343232 !default;\n$warm-gray-100-hover: #2c2626 !default;\n$yellow-10-hover: #f8e6a0 !default;\n$yellow-20-hover: #fccd27 !default;\n$yellow-30-hover: #ddb00e !default;\n$yellow-40-hover: #bc9005 !default;\n$yellow-50-hover: #9e7700 !default;\n$yellow-60-hover: #755800 !default;\n$yellow-70-hover: #806000 !default;\n$yellow-80-hover: #5c4600 !default;\n$yellow-90-hover: #3d2e00 !default;\n$yellow-100-hover: #332600 !default;\n\n/// Colors from the IBM Design Language\n/// @access public\n/// @group @carbon/colors\n$colors: (\n  black: (\n    100: #000000,\n  ),\n  blue: (\n    10: #edf5ff,\n    20: #d0e2ff,\n    30: #a6c8ff,\n    40: #78a9ff,\n    50: #4589ff,\n    60: #0f62fe,\n    70: #0043ce,\n    80: #002d9c,\n    90: #001d6c,\n    100: #001141,\n  ),\n  cool-gray: (\n    10: #f2f4f8,\n    20: #dde1e6,\n    30: #c1c7cd,\n    40: #a2a9b0,\n    50: #878d96,\n    60: #697077,\n    70: #4d5358,\n    80: #343a3f,\n    90: #21272a,\n    100: #121619,\n  ),\n  cyan: (\n    10: #e5f6ff,\n    20: #bae6ff,\n    30: #82cfff,\n    40: #33b1ff,\n    50: #1192e8,\n    60: #0072c3,\n    70: #00539a,\n    80: #003a6d,\n    90: #012749,\n    100: #061727,\n  ),\n  gray: (\n    10: #f4f4f4,\n    20: #e0e0e0,\n    30: #c6c6c6,\n    40: #a8a8a8,\n    50: #8d8d8d,\n    60: #6f6f6f,\n    70: #525252,\n    80: #393939,\n    90: #262626,\n    100: #161616,\n  ),\n  green: (\n    10: #defbe6,\n    20: #a7f0ba,\n    30: #6fdc8c,\n    40: #42be65,\n    50: #24a148,\n    60: #198038,\n    70: #0e6027,\n    80: #044317,\n    90: #022d0d,\n    100: #071908,\n  ),\n  magenta: (\n    10: #fff0f7,\n    20: #ffd6e8,\n    30: #ffafd2,\n    40: #ff7eb6,\n    50: #ee5396,\n    60: #d02670,\n    70: #9f1853,\n    80: #740937,\n    90: #510224,\n    100: #2a0a18,\n  ),\n  orange: (\n    10: #fff2e8,\n    20: #ffd9be,\n    30: #ffb784,\n    40: #ff832b,\n    50: #eb6200,\n    60: #ba4e00,\n    70: #8a3800,\n    80: #5e2900,\n    90: #3e1a00,\n    100: #231000,\n  ),\n  purple: (\n    10: #f6f2ff,\n    20: #e8daff,\n    30: #d4bbff,\n    40: #be95ff,\n    50: #a56eff,\n    60: #8a3ffc,\n    70: #6929c4,\n    80: #491d8b,\n    90: #31135e,\n    100: #1c0f30,\n  ),\n  red: (\n    10: #fff1f1,\n    20: #ffd7d9,\n    30: #ffb3b8,\n    40: #ff8389,\n    50: #fa4d56,\n    60: #da1e28,\n    70: #a2191f,\n    80: #750e13,\n    90: #520408,\n    100: #2d0709,\n  ),\n  teal: (\n    10: #d9fbfb,\n    20: #9ef0f0,\n    30: #3ddbd9,\n    40: #08bdba,\n    50: #009d9a,\n    60: #007d79,\n    70: #005d5d,\n    80: #004144,\n    90: #022b30,\n    100: #081a1c,\n  ),\n  warm-gray: (\n    10: #f7f3f2,\n    20: #e5e0df,\n    30: #cac5c4,\n    40: #ada8a8,\n    50: #8f8b8b,\n    60: #726e6e,\n    70: #565151,\n    80: #3c3838,\n    90: #272525,\n    100: #171414,\n  ),\n  white: (\n    0: #ffffff,\n  ),\n  yellow: (\n    10: #fcf4d6,\n    20: #fddc69,\n    30: #f1c21b,\n    40: #d2a106,\n    50: #b28600,\n    60: #8e6a00,\n    70: #684e00,\n    80: #483700,\n    90: #302400,\n    100: #1c1500,\n  ),\n) !default;\n",":global([dir='rtl']) {\n  .icon {\n    transform: scaleX(-1);\n  }\n}\n","//\n// Copyright IBM Corp. 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:map';\n@use 'sass:list';\n\n@use './config' as *;\n@use './utilities/custom-property';\n@use './utilities/convert';\n@use './spacing' as *;\n\n$layout-tokens: (\n  size: (\n    height: (\n      xs: convert.to-rem(24px),\n      sm: convert.to-rem(32px),\n      md: convert.to-rem(40px),\n      lg: convert.to-rem(48px),\n      xl: convert.to-rem(64px),\n      2xl: convert.to-rem(80px),\n    ),\n  ),\n  density: (\n    padding-inline: (\n      condensed: $spacing-03,\n      normal: $spacing-05,\n    ),\n  ),\n);\n\n@mixin emit-layout-tokens {\n  @each $group, $properties in $layout-tokens {\n    @each $property, $steps in $properties {\n      @each $step, $value in $steps {\n        @include custom-property.declaration(\n          'layout-#{$group}-#{$property}-#{$step}',\n          $value\n        );\n      }\n\n      // CSS max() doesn't accept '0' as a value without a unit\n      // stylelint-disable length-zero-no-unit\n      @include custom-property.declaration(\n        'layout-#{$group}-#{$property}-min',\n        0px\n      );\n      // stylelint-enable length-zero-no-unit\n\n      @include custom-property.declaration(\n        'layout-#{$group}-#{$property}-max',\n        999999999px\n      );\n    }\n  }\n}\n\n@each $group, $properties in $layout-tokens {\n  @each $property, $steps in $properties {\n    @each $step, $value in $steps {\n      .#{$prefix}--layout--#{$group}-#{$step} {\n        @include custom-property.declaration(\n          'layout-#{$group}-#{$property}-context',\n          custom-property.get-var(\n            'layout-#{$group}-#{$property}-#{$step}',\n            $value\n          )\n        );\n        @include custom-property.declaration(\n          'layout-#{$group}-#{$property}',\n          custom-property.get-var('layout-#{$group}-#{$property}-context')\n        );\n      }\n\n      .#{$prefix}--layout-constraint--#{$group}__default-#{$step} {\n        @include custom-property.declaration(\n          'layout-#{$group}-#{$property}',\n          custom-property.get-var(\n            'layout-#{$group}-#{$property}-context',\n            custom-property.get-var(\n              'layout-#{$group}-#{$property}-#{$step}',\n              $value\n            )\n          )\n        );\n      }\n\n      @each $constraint in ('min', 'max') {\n        .#{$prefix}--layout-constraint--#{$group}__#{$constraint}-#{$step} {\n          @include custom-property.declaration(\n            'layout-#{$group}-#{$property}-#{$constraint}',\n            custom-property.get-var(\n              'layout-#{$group}-#{$property}-#{$step}',\n              $value\n            )\n          );\n        }\n      }\n    }\n  }\n}\n\n:root {\n  @include emit-layout-tokens();\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../config';\n\n// Some CSS Custom Property terminology\n// @see https://www.w3.org/TR/css-variables-1/\n//\n// <custom-property-name>:\n//   Any valid identifer that starts with two dashes (--)\n//\n// A declaration:\n//   CSS Custom Properties can be used as declarations in a CSS selector. They\n//   take on the form of:\n//\n//   <custom-property-name>: <declaration-value>;\n//\n// The var() notation:\n//   You can use a CSS Custom Property as a substitute for a value of another\n//   property using the var() function. This function has the following syntax:\n//\n//   var( <custom-property-name> [, <declarative-value> ]? )\n//\n//   This function takes in an optional fallback value if the CSS Custom\n//   Property has not been previously defined\n\n/// Get the <custom-property-name> for a given string\n/// @param {String} $name\n/// @returns {String}\n@function get-name($name) {\n  @return --#{config.$prefix}-#{$name};\n}\n\n/// Get the var() representation for a given token\n/// @param {String} $name\n/// @param {Any} $fallback\n/// @returns var()\n@function get-var($name, $fallback: false) {\n  @if $fallback {\n    @return var(--#{config.$prefix}-#{$name}, #{$fallback});\n  }\n  @return var(--#{config.$prefix}-#{$name});\n}\n\n/// Emit a declaration which sets the value of a CSS Custom Property using the\n/// $name as the <custom-property-name> and the $value as the\n/// <declaration-value>\n/// @param {String} $name\n/// @param {any} $value\n@mixin declaration($name, $value) {\n  #{get-name($name)}: #{$value};\n}\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@forward './layer/layer-sets';\n@use './config' as *;\n@use './layer/layer-tokens';\n\n:root {\n  @include layer-tokens.emit-layer-tokens(1);\n}\n\n.#{$prefix}--layer-one {\n  @include layer-tokens.emit-layer-tokens(1);\n}\n\n.#{$prefix}--layer-two {\n  @include layer-tokens.emit-layer-tokens(2);\n}\n\n.#{$prefix}--layer-three {\n  @include layer-tokens.emit-layer-tokens(3);\n}\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n@use '../config' as *;\n\n@mixin content-visible {\n  opacity: 1;\n  visibility: inherit;\n}\n\n@mixin content-hidden {\n  opacity: 0;\n  visibility: hidden;\n}\n\n@keyframes #{$prefix}--hide-feedback {\n  0% {\n    @include content-visible;\n  }\n\n  100% {\n    @include content-hidden;\n  }\n}\n\n@keyframes #{$prefix}--show-feedback {\n  0% {\n    @include content-hidden;\n  }\n\n  100% {\n    @include content-visible;\n  }\n}\n\n@keyframes #{$prefix}--skeleton {\n  0% {\n    opacity: 0.3;\n    transform: scaleX(0);\n    transform-origin: left;\n  }\n\n  20% {\n    opacity: 1;\n    transform: scaleX(1);\n    transform-origin: left;\n  }\n\n  28% {\n    transform: scaleX(1);\n    transform-origin: right;\n  }\n\n  51% {\n    transform: scaleX(0);\n    transform-origin: right;\n  }\n\n  58% {\n    transform: scaleX(0);\n    transform-origin: right;\n  }\n\n  82% {\n    transform: scaleX(1);\n    transform-origin: right;\n  }\n\n  83% {\n    transform: scaleX(1);\n    transform-origin: left;\n  }\n\n  96% {\n    transform: scaleX(0);\n    transform-origin: left;\n  }\n\n  100% {\n    opacity: 0.3;\n    transform: scaleX(0);\n    transform-origin: left;\n  }\n}\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../config' as *;\n\n/// Include styles for screen reader/assistive text\n/// @access public\n/// @group utilities\n@mixin visually-hidden {\n  position: absolute;\n  overflow: hidden;\n  padding: 0;\n  border: 0;\n  margin: -1px;\n  block-size: 1px;\n  clip: rect(0, 0, 0, 0);\n  inline-size: 1px;\n  visibility: inherit;\n  white-space: nowrap;\n}\n\n.#{$prefix}--assistive-text,\n.#{$prefix}--visually-hidden {\n  position: absolute;\n  overflow: hidden;\n  padding: 0;\n  border: 0;\n  margin: -1px;\n  block-size: 1px;\n  clip: rect(0, 0, 0, 0);\n  inline-size: 1px;\n  visibility: inherit;\n  white-space: nowrap;\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../config' as *;\n@use '../../layer' as *;\n@use '../../theme';\n@use '../../utilities/box-shadow' as *;\n@use '../../utilities/button-reset';\n@use '../../utilities/component-reset';\n@use '../../utilities/custom-property';\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/' as *;\n@use '../../utilities/convert';\n@use '../../utilities/layout';\n\n/// The Popover component is used for triggering a pop-up next to a trigger\n/// element, typically a button, in a given direction. It is made up of several\n/// parts and includes a handful of modifiers to change the appearance.\n///\n/// The parts of a popover include:\n///   The popover container `.cds-popover-container`\n///   This container contains the trigger and the popover and is used to\n///   coordinate positioning relative to the trigger button\n///\n///   The popover\n///   This is an intermediate container that is used for the\n///   `filter: drop-shadow()` effect on the popover content and the caret. It is\n///   an absolutely positioned container that matches the dimensions of the\n///   container so that popover content and caret can be positioned absolutely.\n///\n///   Popover content\n///   This is the containing element for user-provided content and sets the\n///   background and text color for the area.\n///\n///   Popover caret\n///   This caret is an optional modifier that displays a character centered with\n///   respect to the trigger element\n\n// The background color for the popover container\n$popover-background-color: custom-property.get-var(\n  'popover-background-color',\n  theme.$layer\n);\n\n// The drop shadow value used for the popover container\n$popover-drop-shadow: custom-property.get-var('popover-drop-shadow', 'none');\n\n// The border radius value for the popover container\n$popover-border-radius: custom-property.get-var('popover-border-radius', 2px);\n\n// The text color used for text placed inside of the popover\n$popover-text-color: custom-property.get-var(\n  'popover-text-color',\n  theme.$text-primary\n);\n\n// The distance between the popover container and the triggering element\n// Specify the distance between the popover and the trigger. This value must\n// have a unit otherwise the `calc()` expression will not work\n$popover-offset: custom-property.get-var('popover-offset', 0rem);\n\n// Customize the dimensions of the caret by specifying its width or height.\n// These values will be flipped in left or right directions to have the\n// correct dimensions\n$popover-caret-width: custom-property.get-var(\n  'popover-caret-width',\n  convert.to-rem(12px)\n);\n$popover-caret-height: custom-property.get-var(\n  'popover-caret-height',\n  convert.to-rem(6px)\n);\n\n@mixin popover {\n  // Container\n  .#{$prefix}--popover-container {\n    display: inline-block;\n  }\n\n  // Do not set position: relative on autoAlign popovers.\n  // Without this, autoAlign popovers will be clipped by containing elements\n  // (using overflow: hidden, etc) if position: relative is set on the container.\n  .#{$prefix}--popover-container:not(.#{$prefix}--popover--auto-align) {\n    position: relative;\n  }\n\n  /// Modifiers\n\n  // High contrast modifier\n  .#{$prefix}--popover--high-contrast .#{$prefix}--popover {\n    @include custom-property.declaration(\n      'popover-background-color',\n      theme.$background-inverse\n    );\n    @include custom-property.declaration(\n      'popover-text-color',\n      theme.$text-inverse\n    );\n  }\n\n  // Drop shadow modifier\n  .#{$prefix}--popover--drop-shadow\n    .#{$prefix}--popover\n    > .#{$prefix}--popover-content {\n    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));\n  }\n\n  // Caret tip modifier\n  .#{$prefix}--popover--caret {\n    @include custom-property.declaration(\n      'popover-offset',\n      convert.to-rem(10px)\n    );\n  }\n\n  // Popover, this element contains both the caret and the popover content\n  .#{$prefix}--popover {\n    position: absolute;\n    z-index: z('floating');\n    filter: $popover-drop-shadow;\n    inset: 0;\n    pointer-events: none;\n  }\n\n  // Popover content\n  .#{$prefix}--popover-content {\n    // The layout.redefine-tokens is been included here because it is been redifined in _tag.scss\n    @include layout.redefine-tokens(\n      (\n        size: (\n          height: (\n            sm: convert.to-rem(32px),\n            md: convert.to-rem(40px),\n            lg: convert.to-rem(48px),\n          ),\n        ),\n      )\n    );\n    @include component-reset.reset;\n\n    position: absolute;\n    z-index: z('floating');\n    display: none;\n    border-radius: $popover-border-radius;\n    background-color: $popover-background-color;\n    color: $popover-text-color;\n    inline-size: max-content;\n    max-inline-size: convert.to-rem(368px);\n    pointer-events: auto;\n  }\n\n  .#{$prefix}--popover--open\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content {\n    display: block;\n  }\n\n  // We use a pseudo element inside of the popover to create a space between the\n  // target and the popover. This helps in situations like toolcarets where you do\n  // not want the toolcaret to disappear when the user moves from the target to\n  // the popover.\n  .#{$prefix}--popover-content::before {\n    position: absolute;\n    display: none;\n    content: '';\n  }\n\n  .#{$prefix}--popover--open\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content::before {\n    display: block;\n  }\n\n  // Popover caret\n  .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--auto-align.#{$prefix}--popover-caret {\n    position: absolute;\n    z-index: z('floating');\n    display: none;\n    background-color: $popover-background-color;\n    // We use `will-change: transform` to prevent antialiasing when our caret\n    // has subpixel rendering. When this happens, a single pixel line appears\n    // between the caret and popover-content that we would like to avoid\n    will-change: transform;\n  }\n\n  .#{$prefix}--popover--caret.#{$prefix}--popover--open\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret {\n    display: block;\n  }\n\n  // autoAlign uses a different dom structure where the caret is within the content instead of a sibling\n  .#{$prefix}--popover--auto-align.#{$prefix}--popover--caret.#{$prefix}--popover--open\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret {\n    display: block;\n  }\n\n  .#{$prefix}--popover--tab-tip\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret {\n    display: none;\n  }\n\n  //-----------------------------------------------------------------------------\n  // Bottom\n  //-----------------------------------------------------------------------------\n\n  // Popover content placement\n  .#{$prefix}--popover--bottom:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content {\n    inset-block-end: 0;\n    inset-inline-start: 50%;\n    transform: translate(-50%, calc(100% + $popover-offset));\n  }\n\n  [dir='rtl']\n    .#{$prefix}--popover--bottom:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content {\n    transform: translate(50%, calc(100% + $popover-offset));\n  }\n\n  .#{$prefix}--popover--bottom-left:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content,\n  .#{$prefix}--popover--bottom-start:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content {\n    inset-block-end: 0;\n    inset-inline-start: 0;\n    transform: translate(\n      calc(-1 * $popover-offset),\n      calc(100% + $popover-offset)\n    );\n  }\n\n  [dir='rtl']\n    .#{$prefix}--popover--bottom-left:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content,\n  [dir='rtl']\n    .#{$prefix}--popover--bottom-start:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content {\n    inset-inline-end: 0;\n    inset-inline-start: initial;\n  }\n\n  .#{$prefix}--popover--bottom-right:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content,\n  .#{$prefix}--popover--bottom-end:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content {\n    inset-block-end: 0;\n    inset-inline-end: 0;\n    transform: translate($popover-offset, calc(100% + $popover-offset));\n  }\n\n  .#{$prefix}--popover--bottom-end:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--top-end:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret {\n    inset-block-end: 0;\n    inset-inline-end: 0;\n    inset-inline-start: auto;\n  }\n\n  .#{$prefix}--popover--bottom-start:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret {\n    inset-block-end: 0;\n    inset-inline-end: auto;\n    inset-inline-start: 0;\n    transform: translate(50%, calc($popover-offset));\n  }\n\n  .#{$prefix}--popover--top-start:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret {\n    inset-block-end: 0;\n    inset-inline-end: auto;\n    inset-inline-start: 0;\n    transform: translate(50%, calc(-1 * $popover-offset));\n  }\n\n  [dir='rtl']\n    .#{$prefix}--popover--bottom-right:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content,\n  [dir='rtl']\n    .#{$prefix}--popover--bottom-end:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content {\n    inset-inline-start: 0;\n  }\n\n  // Popover hover area placement\n  .#{$prefix}--popover--bottom\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content::before,\n  .#{$prefix}--popover--bottom-left\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content::before,\n  .#{$prefix}--popover--bottom-start\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content::before,\n  .#{$prefix}--popover--bottom-right\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content::before,\n  .#{$prefix}--popover--bottom-end\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content::before {\n    block-size: $popover-offset;\n    inset-block-start: 0;\n    inset-inline: 0;\n    transform: translateY(-100%);\n  }\n\n  // Caret placement\n  .#{$prefix}--popover--bottom\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--bottom-left\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--bottom-start\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--bottom-right\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--bottom-end\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret {\n    block-size: $popover-caret-height;\n    clip-path: polygon(0% 100%, 50% 0%, 100% 100%);\n    inline-size: $popover-caret-width;\n    inset-block-end: 0;\n    inset-inline-start: 50%;\n    transform: translate(-50%, $popover-offset);\n  }\n\n  [dir='rtl']\n    .#{$prefix}--popover--bottom\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  [dir='rtl']\n    .#{$prefix}--popover--bottom-left\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  [dir='rtl']\n    .#{$prefix}--popover--bottom-start\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  [dir='rtl']\n    .#{$prefix}--popover--bottom-right\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  [dir='rtl']\n    .#{$prefix}--popover--bottom-end\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret {\n    transform: translate(50%, $popover-offset);\n  }\n\n  // Caret placement for autoAlign\n  .#{$prefix}--popover--bottom.#{$prefix}--popover--auto-align\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--bottom-left.#{$prefix}--popover--auto-align\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--bottom-start.#{$prefix}--popover--auto-align\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--bottom-right.#{$prefix}--popover--auto-align\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--bottom-end.#{$prefix}--popover--auto-align\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret {\n    block-size: $popover-caret-height;\n    clip-path: polygon(0% 100%, 50% 0%, 100% 100%);\n    inline-size: $popover-caret-width;\n  }\n\n  //-----------------------------------------------------------------------------\n  // Top\n  //-----------------------------------------------------------------------------\n\n  // Popover content placement\n  .#{$prefix}--popover--top:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content {\n    inset-block-start: 0;\n    inset-inline-start: 50%;\n    transform: translate(-50%, calc(-100% - $popover-offset));\n  }\n\n  [dir='rtl']\n    .#{$prefix}--popover--top:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content {\n    transform: translate(50%, calc(-100% - $popover-offset));\n  }\n\n  .#{$prefix}--popover--top-left:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content,\n  .#{$prefix}--popover--top-start:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content {\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    transform: translate(\n      calc(-1 * $popover-offset),\n      calc(-100% - $popover-offset)\n    );\n  }\n\n  [dir='rtl']\n    .#{$prefix}--popover--top-left:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content,\n  [dir='rtl']\n    .#{$prefix}--popover--top-start:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content {\n    inset-inline-end: 0;\n    inset-inline-start: initial;\n  }\n\n  .#{$prefix}--popover--top-right:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content,\n  .#{$prefix}--popover--top-end:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content {\n    inset-block-start: 0;\n    inset-inline-end: 0;\n    transform: translate($popover-offset, calc(-100% - $popover-offset));\n  }\n\n  [dir='rtl']\n    .#{$prefix}--popover--top-right:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content,\n  [dir='rtl']\n    .#{$prefix}--popover--top-end:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content {\n    inset-inline-start: 0;\n  }\n\n  // Popover hover area placement\n  .#{$prefix}--popover--top\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content::before,\n  .#{$prefix}--popover--top-left\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content::before,\n  .#{$prefix}--popover--top-start\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content::before,\n  .#{$prefix}--popover--top-right\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content::before,\n  .#{$prefix}--popover--top-end\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content::before {\n    block-size: $popover-offset;\n    inset-block-end: 0;\n    inset-inline: 0;\n    transform: translateY(100%);\n  }\n\n  // Caret placement\n  .#{$prefix}--popover--top > .#{$prefix}--popover > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--top-left\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--top-start\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--top-right\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--top-end\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret {\n    block-size: $popover-caret-height;\n    clip-path: polygon(0% 0%, 50% 100%, 100% 0%);\n    inline-size: $popover-caret-width;\n    inset-block-start: 0;\n    inset-inline-start: 50%;\n    transform: translate(-50%, calc(-1 * $popover-offset));\n  }\n\n  [dir='rtl']\n    .#{$prefix}--popover--top:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  [dir='rtl']\n    .#{$prefix}--popover--top-left:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  [dir='rtl']\n    .#{$prefix}--popover--top-start:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  [dir='rtl']\n    .#{$prefix}--popover--top-right:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  [dir='rtl']\n    .#{$prefix}--popover--top-end:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret {\n    transform: translate(50%, calc(-1 * $popover-offset));\n  }\n\n  // Caret placement for autoAlign\n  .#{$prefix}--popover--top.#{$prefix}--popover--auto-align\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--top-left.#{$prefix}--popover--auto-align\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--top-start.#{$prefix}--popover--auto-align\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--top-right.#{$prefix}--popover--auto-align\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--top-end.#{$prefix}--popover--auto-align\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret {\n    block-size: $popover-caret-height;\n    clip-path: polygon(0% 0%, 50% 100%, 100% 0%);\n    inline-size: $popover-caret-width;\n  }\n\n  //-----------------------------------------------------------------------------\n  // Right\n  //-----------------------------------------------------------------------------\n\n  // Popover content placement\n  .#{$prefix}--popover--right:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content {\n    inset-block-start: 50%;\n    inset-inline-start: 100%;\n    // Add in 0.1px to prevent rounding errors where the content is\n    // moved farther than the caret\n    transform: translate($popover-offset, -50%);\n  }\n\n  .#{$prefix}--popover--right-top:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content,\n  .#{$prefix}--popover--right-start:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content {\n    inset-block-start: 50%;\n    inset-inline-start: 100%;\n    transform: translate(\n      $popover-offset,\n      calc(0.5 * $popover-offset * -1 - 16px)\n    );\n  }\n\n  .#{$prefix}--popover--right-bottom:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content,\n  .#{$prefix}--popover--right-end:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content {\n    inset-block-end: 50%;\n    inset-inline-start: 100%;\n    transform: translate($popover-offset, calc(0.5 * $popover-offset + 16px));\n  }\n\n  [dir='rtl']\n    .#{$prefix}--popover--right:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content,\n  [dir='rtl']\n    .#{$prefix}--popover--right-bottom:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content,\n  [dir='rtl']\n    .#{$prefix}--popover--right-end:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content,\n  [dir='rtl']\n    .#{$prefix}--popover--right-top:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content,\n  [dir='rtl']\n    .#{$prefix}--popover--right-start:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content {\n    inset-inline-end: 100%;\n    inset-inline-start: initial;\n  }\n\n  // Popover hover area placement\n  .#{$prefix}--popover--right\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content::before,\n  .#{$prefix}--popover--right-top\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content::before,\n  .#{$prefix}--popover--right-start\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content::before,\n  .#{$prefix}--popover--right-bottom\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content::before,\n  .#{$prefix}--popover--right-end\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content::before {\n    inline-size: $popover-offset;\n    inset-block: 0;\n    inset-inline-start: 0;\n    transform: translateX(-100%);\n  }\n\n  // Caret placement\n  .#{$prefix}--popover--right:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--right-top:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--right-start:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--right-bottom:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--right-end:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret {\n    block-size: $popover-caret-width;\n    clip-path: polygon(0% 50%, 100% 0%, 100% 100%);\n    inline-size: $popover-caret-height;\n    inset-block-start: 50%;\n    inset-inline-start: 100%;\n    transform: translate(calc($popover-offset - 100%), -50%);\n  }\n\n  [dir='rtl']\n    .#{$prefix}--popover--right:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  [dir='rtl']\n    .#{$prefix}--popover--right-top:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  [dir='rtl']\n    .#{$prefix}--popover--right-start:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  [dir='rtl']\n    .#{$prefix}--popover--right-bottom:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  [dir='rtl']\n    .#{$prefix}--popover--right-end:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret {\n    inset-inline-end: 100%;\n    inset-inline-start: initial;\n  }\n\n  // Caret placement for autoAlign\n  .#{$prefix}--popover--right.#{$prefix}--popover--auto-align\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--right-top.#{$prefix}--popover--auto-align\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--right-start.#{$prefix}--popover--auto-align\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--right-bottom.#{$prefix}--popover--auto-align\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--right-end.#{$prefix}--popover--auto-align\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret {\n    block-size: $popover-caret-width;\n    clip-path: polygon(0% 50%, 100% 0%, 100% 100%);\n    inline-size: $popover-caret-height;\n  }\n\n  //-----------------------------------------------------------------------------\n  // Left\n  //-----------------------------------------------------------------------------\n\n  // Popover content placement\n  .#{$prefix}--popover--left:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content {\n    inset-block-start: 50%;\n    inset-inline-end: 100%;\n    // Add in 0.1px to prevent rounding errors where the content is\n    // moved farther than the caret\n    transform: translate(calc(-1 * $popover-offset + 0.1px), -50%);\n  }\n\n  .#{$prefix}--popover--left-top:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content,\n  .#{$prefix}--popover--left-start:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content {\n    inset-block-start: 50%;\n    inset-inline-end: 100%;\n    // Add in 0.1px to prevent rounding errors where the content is\n    // moved farther than the caret\n    transform: translate(\n      calc(-1 * $popover-offset),\n      calc(-1 * 0.5 * $popover-offset - 16px)\n    );\n  }\n\n  .#{$prefix}--popover--left-bottom:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content,\n  .#{$prefix}--popover--left-end:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content {\n    inset-block-end: 50%;\n    inset-inline-end: 100%;\n    // Add in 0.1px to prevent rounding errors where the content is\n    // moved farther than the caret\n    transform: translate(\n      calc(-1 * $popover-offset),\n      calc(0.5 * $popover-offset + 16px)\n    );\n  }\n\n  [dir='rtl']\n    .#{$prefix}--popover--left:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content,\n  [dir='rtl']\n    .#{$prefix}--popover--left-bottom:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content,\n  [dir='rtl']\n    .#{$prefix}--popover--left-end:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content,\n  [dir='rtl']\n    .#{$prefix}--popover--left-top:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content,\n  [dir='rtl']\n    .#{$prefix}--popover--left-start:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content {\n    inset-inline-end: initial;\n    inset-inline-start: 100%;\n  }\n\n  // Popover hover area placement\n  .#{$prefix}--popover--left\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content::before,\n  .#{$prefix}--popover--left-top\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content::before,\n  .#{$prefix}--popover--left-start\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content::before,\n  .#{$prefix}--popover--left-bottom\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content::before,\n  .#{$prefix}--popover--left-end\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content::before {\n    inline-size: $popover-offset;\n    inset-block: 0;\n    inset-inline-end: 0;\n    transform: translateX(100%);\n  }\n\n  // Caret placement\n  .#{$prefix}--popover--left:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--left-top:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--left-start:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--left-bottom:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--left-end:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret {\n    block-size: $popover-caret-width;\n    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);\n    inline-size: $popover-caret-height;\n    inset-block-start: 50%;\n    inset-inline-end: 100%;\n    transform: translate(calc(-1 * $popover-offset + 100%), -50%);\n  }\n\n  [dir='rtl']\n    .#{$prefix}--popover--left:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  [dir='rtl']\n    .#{$prefix}--popover--left-top:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  [dir='rtl']\n    .#{$prefix}--popover--left-start:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  [dir='rtl']\n    .#{$prefix}--popover--left-bottom:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n  [dir='rtl']\n    .#{$prefix}--popover--left-end:not(.#{$prefix}--popover--auto-align)\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret {\n    inset-inline-end: initial;\n    inset-inline-start: 100%;\n  }\n\n  // Caret placement for autoAlign\n  .#{$prefix}--popover--left.#{$prefix}--popover--auto-align\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--left-top.#{$prefix}--popover--auto-align\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--left-start.#{$prefix}--popover--auto-align\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--left-bottom.#{$prefix}--popover--auto-align\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--popover--left-end.#{$prefix}--popover--auto-align\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret {\n    block-size: $popover-caret-width;\n    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);\n    inline-size: $popover-caret-height;\n  }\n\n  //-----------------------------------------------------------------------------\n  // Tab Tip Variant\n  //-----------------------------------------------------------------------------\n  .#{$prefix}--popover--tab-tip\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content {\n    border-radius: 0;\n  }\n\n  .#{$prefix}--popover--tab-tip .#{$prefix}--popover {\n    will-change: filter;\n  }\n\n  .#{$prefix}--popover--tab-tip__button {\n    @include button-reset.reset;\n\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    block-size: convert.to-rem(32px);\n    inline-size: convert.to-rem(32px);\n\n    &:focus {\n      @include focus-outline('outline');\n    }\n\n    &:hover {\n      background-color: theme.$layer-hover;\n    }\n  }\n\n  .#{$prefix}--popover--tab-tip.#{$prefix}--popover--open\n    .#{$prefix}--popover--tab-tip__button {\n    background: theme.$layer;\n    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);\n  }\n\n  .#{$prefix}--popover--tab-tip.#{$prefix}--popover--open\n    .#{$prefix}--popover--tab-tip__button:not(:focus)::after {\n    position: absolute;\n    z-index: z('floating') + 1;\n    background: theme.$layer;\n    block-size: 2px;\n    content: '';\n    inline-size: 100%;\n    inset-block-end: 0;\n  }\n\n  .#{$prefix}--popover--tab-tip__button svg {\n    fill: theme.$icon-primary;\n  }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// Resets default browser styling\n/// @access public\n/// @group utilities\n@mixin reset {\n  box-sizing: border-box;\n  padding: 0;\n  border: 0;\n  margin: 0;\n  font-family: inherit;\n  font-size: 100%;\n  vertical-align: baseline;\n\n  *,\n  *::before,\n  *::after {\n    box-sizing: inherit;\n  }\n}\n","//\n// Copyright IBM Corp. 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:map';\n\n@use '../config';\n@use '../layout' as *;\n@use './custom-property';\n\n/// Enables the use of contextual layout tokens within a component. This mixin should be\n/// included on the outermost selector of the component.\n/// @param {String} $group - The layout group to use for this component\n/// @param {String} $default - The default step if the component is not within a layout\n/// @param {String} $min - The minimum step supported by this component (optional)\n/// @param {String} $max - The maximum step supported by this component (optional)\n/// @example @include use('size', $default: 'md', $min: 'sm', $max: 'lg')\n/// @group utilities\n/// @access public\n@mixin use($group, $default, $min: null, $max: null) {\n  $properties: map.get($layout-tokens, $group);\n\n  @each $property, $steps in $properties {\n    $minValue: custom-property.get-var('layout-#{$group}-#{$property}-min');\n    @if $min {\n      $minValue: max(\n        $minValue,\n        custom-property.get-var('layout-#{$group}-#{$property}-#{$min}')\n      );\n    }\n\n    $maxValue: custom-property.get-var('layout-#{$group}-#{$property}-max');\n    @if $max {\n      $maxValue: min(\n        $maxValue,\n        custom-property.get-var('layout-#{$group}-#{$property}-#{$max}')\n      );\n    }\n\n    $value: clamp(\n      $minValue,\n      custom-property.get-var(\n        'layout-#{$group}-#{$property}',\n        custom-property.get-var('layout-#{$group}-#{$property}-#{$default}')\n      ),\n      $maxValue\n    );\n\n    @include custom-property.declaration(\n      'layout-#{$group}-#{$property}-local',\n      $value\n    );\n  }\n}\n\n/// Allows to redefine any token values of the layout module in case a component is using\n/// non-standard values and should still participate in the layout context\n/// @param {Map} $overrides - The map of overrides. Must follow ( group: ( property: ( step: value ) ) )\n/// @example @include redefine-tokens(( size: ( height: ( sm: 1.125rem, md: 1.5rem ) ) ))\n/// @group utilities\n/// @access public\n@mixin redefine-tokens($overrides) {\n  @each $group, $properties in $overrides {\n    @each $property, $steps in $properties {\n      @each $step, $value in $steps {\n        @include custom-property.declaration(\n          'layout-#{$group}-#{$property}-#{$step}',\n          $value\n        );\n\n        .#{config.$prefix}--layout--#{$group}-#{$step} & {\n          $token: custom-property.get-var(\n            'layout-#{$group}-#{$property}-#{$step}'\n          );\n          @include custom-property.declaration(\n            'layout-#{$group}-#{$property}',\n            $token\n          );\n        }\n      }\n    }\n  }\n}\n\n/// Internal base function for retrieving a property from a layout group.\n/// @param {String} $group - The group name as defined in the $layout-tokens\n/// @param {String} $property - The property name\n/// @example @include -group('size', $property)\n/// @group utilities\n/// @access private\n@function -group($group, $property) {\n  @return custom-property.get-var('layout-#{$group}-#{$property}-local');\n}\n\n/// Retrieves the current value for a property token in the layout size.\n/// @param {String} $property - The property name\n/// @example height: size('height');\n/// @group utilities\n/// @access public\n@function size($property) {\n  @return -group('size', $property);\n}\n\n/// Retrieves the current value for a property token in the layout density.\n/// @param {String} $property - The property name\n/// @example padding-inline: density('padding-inline');\n/// @group utilities\n/// @access public\n@function density($property) {\n  @return -group('density', $property);\n}\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n@use 'component-reset';\n\n/// Resets button styles\n/// @access public\n/// @param {Bool} $width [true] - Sets width to 100% if true\n/// @example @include button-reset($width: false);\n/// @group utilities\n@mixin reset($width: true) {\n  @include component-reset.reset;\n\n  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n\n  @if ($width == true) {\n    inline-size: 100%;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n}\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../theme';\n\n/// Adds outline styles depending on specific type\n/// @access public\n/// @param {String} $type ['border'] - Type of outline from: `border`, `blurred`, `outline`, `invalid`, `reset`\n/// @example @include focus-outline('outline');\n/// @group utilities\n@mixin focus-outline($type: 'border') {\n  @if ($type == 'border') {\n    outline: 1px solid theme.$focus;\n\n    @media screen and (prefers-contrast) {\n      outline-style: dotted;\n    }\n  }\n\n  @if ($type == 'blurred') {\n    box-shadow: 0 0 0 3px theme.$focus;\n    outline: 1px solid transparent;\n  }\n\n  @if ($type == 'outline') {\n    outline: 2px solid theme.$focus;\n    outline-offset: -2px;\n\n    @media screen and (prefers-contrast) {\n      outline-style: dotted;\n    }\n  }\n\n  @if ($type == 'outline-compat') {\n    box-sizing: border-box;\n    border: 2px solid theme.$focus;\n\n    @media screen and (prefers-contrast) {\n      border-style: dotted;\n    }\n  }\n\n  @if ($type == 'invalid') {\n    outline: 2px solid theme.$support-error;\n    outline-offset: -2px;\n\n    @media screen and (prefers-contrast) {\n      outline-style: dotted;\n    }\n  }\n\n  @if ($type == 'reset') {\n    outline: 2px solid transparent;\n    outline-offset: -2px;\n  }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../config' as *;\n@use '@carbon/themes/scss/config' with (\n  $prefix: $prefix\n);\n@use '../compat/themes' as compat;\n@use '../themes';\n\n@forward '@carbon/themes/scss/theme' with (\n  $fallback: themes.$white !default,\n  $theme: compat.$white !default\n);\n@forward '@carbon/themes/scss/tokens';\n\n@use '@carbon/themes/scss/tokens';\n@use '@carbon/themes/scss/theme';\n@use '../utilities/custom-property';\n\n// Layer sets\n$layer: custom-property.get-var('layer');\n$layer-active: custom-property.get-var('layer-active');\n$layer-hover: custom-property.get-var('layer-hover');\n$layer-selected: custom-property.get-var('layer-selected');\n$layer-selected-hover: custom-property.get-var('layer-selected-hover');\n$layer-accent: custom-property.get-var('layer-accent');\n$layer-accent-hover: custom-property.get-var('layer-accent-hover');\n$layer-accent-active: custom-property.get-var('layer-accent-active');\n\n$field: custom-property.get-var('field');\n$field-hover: custom-property.get-var('field-hover');\n\n$border-subtle: custom-property.get-var('border-subtle');\n$border-subtle-selected: custom-property.get-var('border-subtle-selected');\n$border-strong: custom-property.get-var('border-strong');\n$border-tile: custom-property.get-var('border-tile');\n","// Code generated by @carbon/themes. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:map';\n@use '../config';\n@use '../theme';\n\n/// Internal helper for generating CSS Custom Properties\n@function _get($token) {\n  @if config.$use-fallback-value == false {\n    @return var(--#{config.$prefix}-#{$token});\n  } @else {\n    @return var(--#{config.$prefix}-#{$token}, #{theme.get($token)});\n  }\n}\n\n/// The CSS Custom Property for the `background` token\n$background: _get('background') !default;\n\n/// The CSS Custom Property for the `background-active` token\n$background-active: _get('background-active') !default;\n\n/// The CSS Custom Property for the `background-selected` token\n$background-selected: _get('background-selected') !default;\n\n/// The CSS Custom Property for the `background-selected-hover` token\n$background-selected-hover: _get('background-selected-hover') !default;\n\n/// The CSS Custom Property for the `background-hover` token\n$background-hover: _get('background-hover') !default;\n\n/// The CSS Custom Property for the `background-brand` token\n$background-brand: _get('background-brand') !default;\n\n/// The CSS Custom Property for the `background-inverse` token\n$background-inverse: _get('background-inverse') !default;\n\n/// The CSS Custom Property for the `background-inverse-hover` token\n$background-inverse-hover: _get('background-inverse-hover') !default;\n\n/// The CSS Custom Property for the `layer-01` token\n$layer-01: _get('layer-01') !default;\n\n/// The CSS Custom Property for the `layer-active-01` token\n$layer-active-01: _get('layer-active-01') !default;\n\n/// The CSS Custom Property for the `layer-hover-01` token\n$layer-hover-01: _get('layer-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-01` token\n$layer-selected-01: _get('layer-selected-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-01` token\n$layer-selected-hover-01: _get('layer-selected-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-02` token\n$layer-02: _get('layer-02') !default;\n\n/// The CSS Custom Property for the `layer-active-02` token\n$layer-active-02: _get('layer-active-02') !default;\n\n/// The CSS Custom Property for the `layer-hover-02` token\n$layer-hover-02: _get('layer-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-02` token\n$layer-selected-02: _get('layer-selected-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-02` token\n$layer-selected-hover-02: _get('layer-selected-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-03` token\n$layer-03: _get('layer-03') !default;\n\n/// The CSS Custom Property for the `layer-active-03` token\n$layer-active-03: _get('layer-active-03') !default;\n\n/// The CSS Custom Property for the `layer-hover-03` token\n$layer-hover-03: _get('layer-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-03` token\n$layer-selected-03: _get('layer-selected-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-03` token\n$layer-selected-hover-03: _get('layer-selected-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-inverse` token\n$layer-selected-inverse: _get('layer-selected-inverse') !default;\n\n/// The CSS Custom Property for the `layer-selected-disabled` token\n$layer-selected-disabled: _get('layer-selected-disabled') !default;\n\n/// The CSS Custom Property for the `layer-accent-01` token\n$layer-accent-01: _get('layer-accent-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-01` token\n$layer-accent-active-01: _get('layer-accent-active-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-01` token\n$layer-accent-hover-01: _get('layer-accent-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-02` token\n$layer-accent-02: _get('layer-accent-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-02` token\n$layer-accent-active-02: _get('layer-accent-active-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-02` token\n$layer-accent-hover-02: _get('layer-accent-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-03` token\n$layer-accent-03: _get('layer-accent-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-03` token\n$layer-accent-active-03: _get('layer-accent-active-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-03` token\n$layer-accent-hover-03: _get('layer-accent-hover-03') !default;\n\n/// The CSS Custom Property for the `field-01` token\n$field-01: _get('field-01') !default;\n\n/// The CSS Custom Property for the `field-hover-01` token\n$field-hover-01: _get('field-hover-01') !default;\n\n/// The CSS Custom Property for the `field-02` token\n$field-02: _get('field-02') !default;\n\n/// The CSS Custom Property for the `field-hover-02` token\n$field-hover-02: _get('field-hover-02') !default;\n\n/// The CSS Custom Property for the `field-03` token\n$field-03: _get('field-03') !default;\n\n/// The CSS Custom Property for the `field-hover-03` token\n$field-hover-03: _get('field-hover-03') !default;\n\n/// The CSS Custom Property for the `interactive` token\n$interactive: _get('interactive') !default;\n\n/// The CSS Custom Property for the `border-subtle-00` token\n$border-subtle-00: _get('border-subtle-00') !default;\n\n/// The CSS Custom Property for the `border-subtle-01` token\n$border-subtle-01: _get('border-subtle-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-01` token\n$border-subtle-selected-01: _get('border-subtle-selected-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-02` token\n$border-subtle-02: _get('border-subtle-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-02` token\n$border-subtle-selected-02: _get('border-subtle-selected-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-03` token\n$border-subtle-03: _get('border-subtle-03') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-03` token\n$border-subtle-selected-03: _get('border-subtle-selected-03') !default;\n\n/// The CSS Custom Property for the `border-strong-01` token\n$border-strong-01: _get('border-strong-01') !default;\n\n/// The CSS Custom Property for the `border-strong-02` token\n$border-strong-02: _get('border-strong-02') !default;\n\n/// The CSS Custom Property for the `border-strong-03` token\n$border-strong-03: _get('border-strong-03') !default;\n\n/// The CSS Custom Property for the `border-tile-01` token\n$border-tile-01: _get('border-tile-01') !default;\n\n/// The CSS Custom Property for the `border-tile-02` token\n$border-tile-02: _get('border-tile-02') !default;\n\n/// The CSS Custom Property for the `border-tile-03` token\n$border-tile-03: _get('border-tile-03') !default;\n\n/// The CSS Custom Property for the `border-inverse` token\n$border-inverse: _get('border-inverse') !default;\n\n/// The CSS Custom Property for the `border-interactive` token\n$border-interactive: _get('border-interactive') !default;\n\n/// The CSS Custom Property for the `border-disabled` token\n$border-disabled: _get('border-disabled') !default;\n\n/// The CSS Custom Property for the `text-primary` token\n$text-primary: _get('text-primary') !default;\n\n/// The CSS Custom Property for the `text-secondary` token\n$text-secondary: _get('text-secondary') !default;\n\n/// The CSS Custom Property for the `text-placeholder` token\n$text-placeholder: _get('text-placeholder') !default;\n\n/// The CSS Custom Property for the `text-helper` token\n$text-helper: _get('text-helper') !default;\n\n/// The CSS Custom Property for the `text-error` token\n$text-error: _get('text-error') !default;\n\n/// The CSS Custom Property for the `text-inverse` token\n$text-inverse: _get('text-inverse') !default;\n\n/// The CSS Custom Property for the `text-on-color` token\n$text-on-color: _get('text-on-color') !default;\n\n/// The CSS Custom Property for the `text-on-color-disabled` token\n$text-on-color-disabled: _get('text-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `text-disabled` token\n$text-disabled: _get('text-disabled') !default;\n\n/// The CSS Custom Property for the `link-primary` token\n$link-primary: _get('link-primary') !default;\n\n/// The CSS Custom Property for the `link-primary-hover` token\n$link-primary-hover: _get('link-primary-hover') !default;\n\n/// The CSS Custom Property for the `link-secondary` token\n$link-secondary: _get('link-secondary') !default;\n\n/// The CSS Custom Property for the `link-inverse-visited` token\n$link-inverse-visited: _get('link-inverse-visited') !default;\n\n/// The CSS Custom Property for the `link-visited` token\n$link-visited: _get('link-visited') !default;\n\n/// The CSS Custom Property for the `link-inverse` token\n$link-inverse: _get('link-inverse') !default;\n\n/// The CSS Custom Property for the `link-inverse-active` token\n$link-inverse-active: _get('link-inverse-active') !default;\n\n/// The CSS Custom Property for the `link-inverse-hover` token\n$link-inverse-hover: _get('link-inverse-hover') !default;\n\n/// The CSS Custom Property for the `icon-primary` token\n$icon-primary: _get('icon-primary') !default;\n\n/// The CSS Custom Property for the `icon-secondary` token\n$icon-secondary: _get('icon-secondary') !default;\n\n/// The CSS Custom Property for the `icon-inverse` token\n$icon-inverse: _get('icon-inverse') !default;\n\n/// The CSS Custom Property for the `icon-on-color` token\n$icon-on-color: _get('icon-on-color') !default;\n\n/// The CSS Custom Property for the `icon-on-color-disabled` token\n$icon-on-color-disabled: _get('icon-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `icon-disabled` token\n$icon-disabled: _get('icon-disabled') !default;\n\n/// The CSS Custom Property for the `icon-interactive` token\n$icon-interactive: _get('icon-interactive') !default;\n\n/// The CSS Custom Property for the `support-error` token\n$support-error: _get('support-error') !default;\n\n/// The CSS Custom Property for the `support-success` token\n$support-success: _get('support-success') !default;\n\n/// The CSS Custom Property for the `support-warning` token\n$support-warning: _get('support-warning') !default;\n\n/// The CSS Custom Property for the `support-info` token\n$support-info: _get('support-info') !default;\n\n/// The CSS Custom Property for the `support-error-inverse` token\n$support-error-inverse: _get('support-error-inverse') !default;\n\n/// The CSS Custom Property for the `support-success-inverse` token\n$support-success-inverse: _get('support-success-inverse') !default;\n\n/// The CSS Custom Property for the `support-warning-inverse` token\n$support-warning-inverse: _get('support-warning-inverse') !default;\n\n/// The CSS Custom Property for the `support-info-inverse` token\n$support-info-inverse: _get('support-info-inverse') !default;\n\n/// The CSS Custom Property for the `support-caution-major` token\n$support-caution-major: _get('support-caution-major') !default;\n\n/// The CSS Custom Property for the `support-caution-minor` token\n$support-caution-minor: _get('support-caution-minor') !default;\n\n/// The CSS Custom Property for the `support-caution-undefined` token\n$support-caution-undefined: _get('support-caution-undefined') !default;\n\n/// The CSS Custom Property for the `ai-popover-background` token\n$ai-popover-background: _get('ai-popover-background') !default;\n\n/// The CSS Custom Property for the `ai-popover-shadow-outer-01` token\n$ai-popover-shadow-outer-01: _get('ai-popover-shadow-outer-01') !default;\n\n/// The CSS Custom Property for the `ai-popover-shadow-outer-02` token\n$ai-popover-shadow-outer-02: _get('ai-popover-shadow-outer-02') !default;\n\n/// The CSS Custom Property for the `ai-inner-shadow` token\n$ai-inner-shadow: _get('ai-inner-shadow') !default;\n\n/// The CSS Custom Property for the `ai-aura-start-sm` token\n$ai-aura-start-sm: _get('ai-aura-start-sm') !default;\n\n/// The CSS Custom Property for the `ai-aura-start` token\n$ai-aura-start: _get('ai-aura-start') !default;\n\n/// The CSS Custom Property for the `ai-aura-end` token\n$ai-aura-end: _get('ai-aura-end') !default;\n\n/// The CSS Custom Property for the `ai-aura-hover-background` token\n$ai-aura-hover-background: _get('ai-aura-hover-background') !default;\n\n/// The CSS Custom Property for the `ai-aura-hover-start` token\n$ai-aura-hover-start: _get('ai-aura-hover-start') !default;\n\n/// The CSS Custom Property for the `ai-aura-hover-end` token\n$ai-aura-hover-end: _get('ai-aura-hover-end') !default;\n\n/// The CSS Custom Property for the `ai-border-strong` token\n$ai-border-strong: _get('ai-border-strong') !default;\n\n/// The CSS Custom Property for the `ai-border-start` token\n$ai-border-start: _get('ai-border-start') !default;\n\n/// The CSS Custom Property for the `ai-border-end` token\n$ai-border-end: _get('ai-border-end') !default;\n\n/// The CSS Custom Property for the `ai-drop-shadow` token\n$ai-drop-shadow: _get('ai-drop-shadow') !default;\n\n/// The CSS Custom Property for the `ai-skeleton-background` token\n$ai-skeleton-background: _get('ai-skeleton-background') !default;\n\n/// The CSS Custom Property for the `ai-skeleton-element-background` token\n$ai-skeleton-element-background: _get(\n  'ai-skeleton-element-background'\n) !default;\n\n/// The CSS Custom Property for the `ai-overlay` token\n$ai-overlay: _get('ai-overlay') !default;\n\n/// The CSS Custom Property for the `ai-popover-caret-center` token\n$ai-popover-caret-center: _get('ai-popover-caret-center') !default;\n\n/// The CSS Custom Property for the `ai-popover-caret-bottom` token\n$ai-popover-caret-bottom: _get('ai-popover-caret-bottom') !default;\n\n/// The CSS Custom Property for the `ai-popover-caret-bottom-background` token\n$ai-popover-caret-bottom-background: _get(\n  'ai-popover-caret-bottom-background'\n) !default;\n\n/// The CSS Custom Property for the `ai-popover-caret-bottom-background-actions` token\n$ai-popover-caret-bottom-background-actions: _get(\n  'ai-popover-caret-bottom-background-actions'\n) !default;\n\n/// The CSS Custom Property for the `chat-prompt-background` token\n$chat-prompt-background: _get('chat-prompt-background') !default;\n\n/// The CSS Custom Property for the `chat-prompt-border-start` token\n$chat-prompt-border-start: _get('chat-prompt-border-start') !default;\n\n/// The CSS Custom Property for the `chat-prompt-border-end` token\n$chat-prompt-border-end: _get('chat-prompt-border-end') !default;\n\n/// The CSS Custom Property for the `chat-bubble-user` token\n$chat-bubble-user: _get('chat-bubble-user') !default;\n\n/// The CSS Custom Property for the `chat-bubble-agent` token\n$chat-bubble-agent: _get('chat-bubble-agent') !default;\n\n/// The CSS Custom Property for the `chat-bubble-border` token\n$chat-bubble-border: _get('chat-bubble-border') !default;\n\n/// The CSS Custom Property for the `chat-avatar-bot` token\n$chat-avatar-bot: _get('chat-avatar-bot') !default;\n\n/// The CSS Custom Property for the `chat-avatar-agent` token\n$chat-avatar-agent: _get('chat-avatar-agent') !default;\n\n/// The CSS Custom Property for the `chat-avatar-user` token\n$chat-avatar-user: _get('chat-avatar-user') !default;\n\n/// The CSS Custom Property for the `chat-shell-background` token\n$chat-shell-background: _get('chat-shell-background') !default;\n\n/// The CSS Custom Property for the `chat-header-background` token\n$chat-header-background: _get('chat-header-background') !default;\n\n/// The CSS Custom Property for the `chat-button` token\n$chat-button: _get('chat-button') !default;\n\n/// The CSS Custom Property for the `chat-button-hover` token\n$chat-button-hover: _get('chat-button-hover') !default;\n\n/// The CSS Custom Property for the `chat-button-text-hover` token\n$chat-button-text-hover: _get('chat-button-text-hover') !default;\n\n/// The CSS Custom Property for the `chat-button-active` token\n$chat-button-active: _get('chat-button-active') !default;\n\n/// The CSS Custom Property for the `chat-button-selected` token\n$chat-button-selected: _get('chat-button-selected') !default;\n\n/// The CSS Custom Property for the `chat-button-text-selected` token\n$chat-button-text-selected: _get('chat-button-text-selected') !default;\n\n/// The CSS Custom Property for the `highlight` token\n$highlight: _get('highlight') !default;\n\n/// The CSS Custom Property for the `overlay` token\n$overlay: _get('overlay') !default;\n\n/// The CSS Custom Property for the `toggle-off` token\n$toggle-off: _get('toggle-off') !default;\n\n/// The CSS Custom Property for the `shadow` token\n$shadow: _get('shadow') !default;\n\n/// The CSS Custom Property for the `focus` token\n$focus: _get('focus') !default;\n\n/// The CSS Custom Property for the `focus-inset` token\n$focus-inset: _get('focus-inset') !default;\n\n/// The CSS Custom Property for the `focus-inverse` token\n$focus-inverse: _get('focus-inverse') !default;\n\n/// The CSS Custom Property for the `skeleton-background` token\n$skeleton-background: _get('skeleton-background') !default;\n\n/// The CSS Custom Property for the `skeleton-element` token\n$skeleton-element: _get('skeleton-element') !default;\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../popover';\n@use '../../config' as *;\n@use '../../spacing';\n@use '../../theme';\n@use '../../type';\n@use '../../layer' as *;\n@use '../../utilities/custom-property';\n@use '../../utilities/convert';\n@use '../../utilities/button-reset';\n@use '../../utilities/focus-outline';\n\n$tooltip-padding-block: custom-property.get-var(\n  'tooltip-padding-block',\n  spacing.$spacing-05\n);\n\n$tooltip-padding-inline: custom-property.get-var(\n  'tooltip-padding-inline',\n  spacing.$spacing-05\n);\n\n@mixin tooltip {\n  .#{$prefix}--tooltip {\n    @include custom-property.declaration('popover-offset', 12px);\n  }\n\n  .#{$prefix}--tooltip-content {\n    @include type.type-style('body-01');\n\n    padding: $tooltip-padding-block $tooltip-padding-inline;\n    max-inline-size: convert.to-rem(288px);\n  }\n}\n\n@mixin definition-tooltip {\n  .#{$prefix}--definition-term {\n    @include button-reset.reset;\n\n    border-radius: 0;\n    border-block-end: 1px dotted theme.$border-strong;\n    color: theme.$text-primary;\n  }\n\n  .#{$prefix}--definition-term:focus {\n    @include focus-outline.focus-outline;\n\n    border-block-end-color: theme.$border-interactive;\n  }\n\n  .#{$prefix}--definition-term:hover {\n    border-block-end-color: theme.$border-interactive;\n  }\n\n  .#{$prefix}--definition-tooltip {\n    @include type.type-style('body-01');\n\n    padding: convert.to-rem(8px) convert.to-rem(16px);\n    max-inline-size: convert.to-rem(176px);\n    text-wrap: auto;\n    word-break: break-word;\n  }\n}\n\n@mixin icon-tooltip {\n  .#{$prefix}--icon-tooltip {\n    @include custom-property.declaration(\n      'tooltip-padding-block',\n      convert.to-rem(2px)\n    );\n    @include custom-property.declaration(\n      'popover-caret-width',\n      convert.to-rem(8px)\n    );\n    @include custom-property.declaration(\n      'popover-caret-height',\n      convert.to-rem(4px)\n    );\n    @include custom-property.declaration('popover-offset', convert.to-rem(8px));\n  }\n\n  .#{$prefix}--icon-tooltip .#{$prefix}--tooltip-content {\n    @include type.type-style('body-compact-01');\n  }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n  font-size: scale.type-scale(1),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.42857,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.375,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.5,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n  font-family: font-family.font-family('mono'),\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n  font-family: font-family.font-family('mono'),\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.42857,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.42857,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.5,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.375,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.4,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n  font-size: scale.type-scale(7),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.25,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  // Extra digit needed for precision in Chrome\n  line-height: 1.199,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n  font-size: scale.type-scale(12),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.4,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: scale.type-scale(5),\n      line-height: 1.4,\n    ),\n    max: (\n      font-size: scale.type-scale(6),\n      line-height: 1.334,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n  font-size: scale.type-scale(7),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n      font-weight: font-family.font-weight('regular'),\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      font-weight: font-family.font-weight('regular'),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      font-weight: font-family.font-weight('light'),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n  font-size: scale.type-scale(6),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.334,\n  letter-spacing: 0,\n  breakpoints: (\n    lg: (\n      font-size: scale.type-scale(7),\n      line-height: 1.28572,\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n  font-family: font-family.font-family('serif'),\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.3,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(5),\n    ),\n    lg: (\n      font-size: scale.type-scale(6),\n      line-height: 1.334,\n    ),\n    xlg: (\n      font-size: scale.type-scale(7),\n      line-height: 1.28572,\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n  font-family: font-family.font-family('serif'),\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(10),\n    ),\n    lg: (\n      font-size: scale.type-scale(12),\n    ),\n    xlg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(10),\n    ),\n    lg: (\n      font-size: scale.type-scale(12),\n    ),\n    xlg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.16,\n    ),\n    max: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(12),\n      line-height: 1.18,\n    ),\n    lg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.16,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: scale.type-scale(16),\n      line-height: 1.11,\n      letter-spacing: -0.96px,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(14),\n      line-height: 1.15,\n    ),\n    lg: (\n      font-size: scale.type-scale(17),\n      line-height: 1.11,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: scale.type-scale(20),\n      line-height: 1.07,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: scale.type-scale(23),\n      line-height: 1.05,\n      letter-spacing: -0.96px,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n  caption-01: $caption-01,\n  caption-02: $caption-02,\n  label-01: $label-01,\n  label-02: $label-02,\n  helper-text-01: $helper-text-01,\n  helper-text-02: $helper-text-02,\n  body-short-01: $body-short-01,\n  body-short-02: $body-short-02,\n  body-long-01: $body-long-01,\n  body-long-02: $body-long-02,\n  code-01: $code-01,\n  code-02: $code-02,\n  heading-01: $heading-01,\n  heading-02: $heading-02,\n  productive-heading-01: $productive-heading-01,\n  productive-heading-02: $productive-heading-02,\n  productive-heading-03: $productive-heading-03,\n  productive-heading-04: $productive-heading-04,\n  productive-heading-05: $productive-heading-05,\n  productive-heading-06: $productive-heading-06,\n  productive-heading-07: $productive-heading-07,\n  expressive-paragraph-01: $expressive-paragraph-01,\n  expressive-heading-01: $expressive-heading-01,\n  expressive-heading-02: $expressive-heading-02,\n  expressive-heading-03: $expressive-heading-03,\n  expressive-heading-04: $expressive-heading-04,\n  expressive-heading-05: $expressive-heading-05,\n  expressive-heading-06: $expressive-heading-06,\n  quotation-01: $quotation-01,\n  quotation-02: $quotation-02,\n  display-01: $display-01,\n  display-02: $display-02,\n  display-03: $display-03,\n  display-04: $display-04,\n  // V11 Tokens\n  legal-01: $legal-01,\n  legal-02: $legal-02,\n  body-compact-01: $body-compact-01,\n  body-compact-02: $body-compact-02,\n  heading-compact-01: $heading-compact-01,\n  heading-compact-02: $heading-compact-02,\n  body-01: $body-01,\n  body-02: $body-02,\n  heading-03: $heading-03,\n  heading-04: $heading-04,\n  heading-05: $heading-05,\n  heading-06: $heading-06,\n  heading-07: $heading-07,\n  fluid-heading-03: $fluid-heading-03,\n  fluid-heading-04: $fluid-heading-04,\n  fluid-heading-05: $fluid-heading-05,\n  fluid-heading-06: $fluid-heading-06,\n  fluid-paragraph-01: $fluid-paragraph-01,\n  fluid-quotation-01: $fluid-quotation-01,\n  fluid-quotation-02: $fluid-quotation-02,\n  fluid-display-01: $fluid-display-01,\n  fluid-display-02: $fluid-display-02,\n  fluid-display-03: $fluid-display-03,\n  fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n  @each $name, $value in $map {\n    #{$name}: $value;\n  }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n  @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n  // Include the initial styles for the given token by default without any\n  // media query guard. This includes `font-size` as a fallback in the case\n  // that a browser does not support `calc()`\n  @include properties(map.remove($type-styles, breakpoints));\n  // We also need to include the `sm` styles by default since they don't\n  // appear in the fluid styles for tokens\n  @include fluid-type-size($type-styles, sm, $breakpoints);\n\n  // Finally, we need to go through all the breakpoints defined in the type\n  // token and apply the properties and fluid type size for that given\n  // breakpoint\n  @each $name, $values in map.get($type-styles, breakpoints) {\n    @include grid.breakpoint($name) {\n      @include properties($values);\n      @include fluid-type-size($type-styles, $name, $breakpoints);\n    }\n  }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n  $type-styles,\n  $name,\n  $breakpoints: gridconfig.$grid-breakpoints\n) {\n  // Get the information about the breakpoint we're currently working in. Useful\n  // for getting initial width information\n  $breakpoint: map.get($breakpoints, $name);\n\n  // Our fluid styles are captured under the 'breakpoints' property in our type\n  // styles map. These define what values to treat as `max-` variables below\n  $fluid-sizes: map.get($type-styles, breakpoints);\n  $fluid-breakpoint: ();\n  // Special case for `sm` because the styles for small are on the type style\n  // directly\n  @if $name == sm {\n    $fluid-breakpoint: map.remove($type-styles, breakpoints);\n  } @else {\n    $fluid-breakpoint: map.get($fluid-sizes, $name);\n  }\n\n  // Initialize our font-sizes to the default size for the type style\n  $max-font-size: map.get($type-styles, font-size);\n  $min-font-size: map.get($type-styles, font-size);\n  @if map.has-key($fluid-breakpoint, font-size) {\n    $min-font-size: map.get($fluid-breakpoint, font-size);\n  }\n\n  // Initialize our min and max width to the width of the current breakpoint\n  $max-vw: map.get($breakpoint, width);\n  $min-vw: map.get($breakpoint, width);\n\n  // We can use `breakpoint-next` to see if there is another breakpoint we can\n  // use to update `max-font-size` and `max-vw` with larger values\n  $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n  $next-fluid-breakpoint-name: null;\n\n  // We need to figure out what the next available fluid breakpoint is for our\n  // given $type-styles. In this loop we try and iterate through breakpoints\n  // until we either manually set $next-breakpoint-available to null or\n  // `breakpoint-next` returns null.\n  @while $next-breakpoint-available {\n    @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n      $next-fluid-breakpoint-name: $next-breakpoint-available;\n      $next-breakpoint-available: null;\n    } @else {\n      $next-breakpoint-available: grid.breakpoint-next(\n        $next-breakpoint-available,\n        $breakpoints\n      );\n    }\n  }\n\n  // If we have found the next available fluid breakpoint name, then we know\n  // that we have values that we can use to set max-font-size and max-vw as both\n  // values derive from the next breakpoint\n  @if $next-fluid-breakpoint-name {\n    $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n    $max-font-size: map.get(\n      map.get($fluid-sizes, $next-fluid-breakpoint-name),\n      font-size\n    );\n    $max-vw: map.get($next-fluid-breakpoint, width);\n\n    // prettier-ignore\n    font-size: calc(#{$min-font-size} +\n      #{strip-unit($max-font-size - $min-font-size)} *\n      ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n    );\n  } @else {\n    // Otherwise, just default to setting the font size found from the type\n    // style or the given fluid breakpoint in the type style\n    font-size: $min-font-size;\n  }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n  @each $property, $value in $value {\n    #{$property}: var(\n      --#{$custom-property-prefix}-#{$name}-#{$property},\n      #{$value}\n    );\n  }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n  $name,\n  $fluid: false,\n  $breakpoints: gridconfig.$grid-breakpoints\n) {\n  @if not map.has-key($tokens, $name) {\n    @error 'Unable to find a token with the name: `#{$name}`';\n  }\n\n  $token: map.get($tokens, $name);\n\n  // If $fluid is set to true and the token has breakpoints defined for fluid\n  // styles, delegate to the fluid-type helper for the given token\n  @if $fluid == true and map.has-key($token, 'breakpoints') {\n    @include fluid-type($token, $breakpoints);\n  } @else {\n    @include custom-properties($name, $token);\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'tokens' as *;\n@use 'vars' as *;\n@use 'mixins' as *;\n@use '../tooltip';\n@use '../../config' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../layer' as *;\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline';\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/skeleton' as *;\n@use '../../utilities/visually-hidden' as *;\n@use '../../utilities/layout';\n\n@mixin button {\n  .#{$prefix}--btn {\n    @include layout.use('size', $min: 'sm', $default: 'lg', $max: '2xl');\n    @include layout.use('density', $default: 'normal');\n\n    @include button-base;\n  }\n\n  // Reset intrinsic padding in Firefox (see #731)\n  .#{$prefix}--btn::-moz-focus-inner {\n    padding: 0;\n    border: 0;\n  }\n\n  .#{$prefix}--btn--primary {\n    @include button-theme(\n      $button-primary,\n      transparent,\n      $text-on-color,\n      $button-primary-hover,\n      currentColor,\n      $button-primary-active\n    );\n\n    &:hover {\n      color: $text-on-color;\n    }\n  }\n\n  .#{$prefix}--btn--secondary {\n    @include button-theme(\n      $button-secondary,\n      transparent,\n      $text-on-color,\n      $button-secondary-hover,\n      currentColor,\n      $button-secondary-active\n    );\n\n    &:hover,\n    &:focus {\n      color: $text-on-color;\n    }\n  }\n\n  .#{$prefix}--btn--tertiary {\n    @include button-theme(\n      transparent,\n      $button-tertiary,\n      $button-tertiary,\n      $button-tertiary-hover,\n      currentColor,\n      $button-tertiary-active\n    );\n\n    &:hover {\n      color: $text-inverse;\n    }\n\n    &:focus {\n      background-color: $button-tertiary;\n      color: $text-inverse;\n    }\n\n    &:active {\n      border-color: transparent;\n      background-color: $button-tertiary-active;\n      color: $text-inverse;\n    }\n\n    &:disabled,\n    &:hover:disabled,\n    &:focus:disabled,\n    &.#{$prefix}--btn--disabled,\n    &.#{$prefix}--btn--disabled:hover,\n    &.#{$prefix}--btn--disabled:focus {\n      background: transparent;\n      color: $text-disabled;\n      outline: none;\n    }\n  }\n\n  .#{$prefix}--btn--ghost {\n    @include button-theme(\n      transparent,\n      transparent,\n      $link-primary,\n      $background-hover,\n      currentColor,\n      $background-active\n    );\n\n    padding-inline-end: calc(\n      layout.density('padding-inline') - convert.to-rem(1px)\n    );\n\n    .#{$prefix}--btn__icon {\n      position: static;\n      align-self: center;\n      margin-inline-start: $spacing-03;\n    }\n\n    &:hover,\n    &:active {\n      color: $link-primary-hover;\n    }\n\n    &:active {\n      background-color: $background-active;\n    }\n\n    &:disabled,\n    &:hover:disabled,\n    &:focus:disabled,\n    &.#{$prefix}--btn--disabled,\n    &.#{$prefix}--btn--disabled:hover,\n    &.#{$prefix}--btn--disabled:focus {\n      border-color: transparent;\n      background: transparent;\n      color: $text-disabled;\n      outline: none;\n    }\n\n    &:not([disabled]) svg {\n      fill: $icon-primary;\n    }\n  }\n\n  .#{$prefix}--btn--icon-only {\n    justify-content: center;\n    padding: 0;\n    block-size: layout.size('height');\n    inline-size: layout.size('height');\n    // -1px to compensate for border width\n    padding-block-start: min(\n      calc(\n        (layout.size('height') - convert.to-rem(16px)) / 2 - convert.to-rem(1px)\n      ),\n      var(--temp-padding-block-max)\n    );\n\n    > :first-child {\n      min-inline-size: convert.to-rem(16px);\n    }\n\n    .#{$prefix}--btn__icon {\n      position: static;\n    }\n\n    &.#{$prefix}--btn--ghost .#{$prefix}--btn__icon,\n    &.#{$prefix}--btn--danger--ghost .#{$prefix}--btn__icon {\n      margin: 0;\n    }\n\n    &.#{$prefix}--btn--danger--ghost {\n      padding-inline-end: calc(\n        layout.density('padding-inline') - convert.to-rem(16px)\n      );\n    }\n  }\n\n  // Adjust icon positioning in small, medium variants only\n  .#{$prefix}--btn--sm:not(.#{$prefix}--btn--icon-only) .#{$prefix}--btn__icon,\n  .#{$prefix}--btn--md:not(.#{$prefix}--btn--icon-only) .#{$prefix}--btn__icon {\n    margin-block-start: 0;\n  }\n\n  .#{$prefix}--btn--icon-only.#{$prefix}--btn--selected {\n    background: $background-selected;\n  }\n\n  .#{$prefix}--btn path[data-icon-path='inner-path'] {\n    fill: none;\n  }\n\n  .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only\n    .#{$prefix}--btn__icon\n    path:not([data-icon-path]):not([fill='none']),\n  .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only .#{$prefix}--btn__icon {\n    fill: $icon-primary;\n  }\n\n  .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only[disabled]\n    .#{$prefix}--btn__icon\n    path:not([data-icon-path]):not([fill='none']),\n  .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only[disabled]\n    .#{$prefix}--btn__icon,\n  .#{$prefix}--btn.#{$prefix}--btn--icon-only.#{$prefix}--btn--ghost[disabled]:hover\n    .#{$prefix}--btn__icon {\n    fill: $icon-on-color-disabled;\n  }\n\n  .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only[disabled] {\n    cursor: not-allowed;\n  }\n\n  // Workaround to ensure onMouseEnter events fire when moving\n  // from a disabled button to a non-disabled button (#13815)\n  .#{$prefix}--icon-tooltip--disabled .#{$prefix}--tooltip-trigger__wrapper {\n    cursor: not-allowed;\n  }\n\n  .#{$prefix}--icon-tooltip--disabled .#{$prefix}--btn--icon-only[disabled] {\n    pointer-events: none;\n  }\n\n  .#{$prefix}--btn--danger {\n    @include button-theme(\n      $button-danger-primary,\n      transparent,\n      $text-on-color,\n      $button-danger-hover,\n      currentColor,\n      $button-danger-active\n    );\n\n    &:hover {\n      color: $text-on-color;\n    }\n\n    &--tertiary {\n      @include button-theme(\n        transparent,\n        $button-danger-secondary,\n        $button-danger-secondary,\n        $button-danger-hover,\n        currentColor,\n        $button-danger-active\n      );\n\n      &:hover {\n        border-color: $button-danger-hover;\n        color: $text-on-color;\n      }\n\n      &:focus {\n        background-color: $button-danger-primary;\n        color: $text-on-color;\n      }\n\n      &:active {\n        border-color: $button-danger-active;\n        background-color: $button-danger-active;\n        color: $text-on-color;\n      }\n\n      &:disabled,\n      &:hover:disabled,\n      &:focus:disabled,\n      &.#{$prefix}--btn--disabled,\n      &.#{$prefix}--btn--disabled:hover,\n      &.#{$prefix}--btn--disabled:focus {\n        background: transparent;\n        color: $text-disabled;\n        outline: none;\n      }\n    }\n\n    &--ghost {\n      @include button-theme(\n        transparent,\n        transparent,\n        $button-danger-secondary,\n        $button-danger-hover,\n        currentColor,\n        $button-danger-active\n      );\n\n      padding-inline-end: calc(\n        layout.density('padding-inline') - convert.to-rem(1px)\n      );\n\n      .#{$prefix}--btn__icon {\n        position: static;\n        margin-inline-start: $spacing-03;\n      }\n\n      &:hover,\n      &:active {\n        color: $text-on-color;\n      }\n\n      &:disabled,\n      &:hover:disabled,\n      &:focus:disabled,\n      &.#{$prefix}--btn--disabled,\n      &.#{$prefix}--btn--disabled:hover,\n      &.#{$prefix}--btn--disabled:focus {\n        border-color: transparent;\n        background: transparent;\n        color: $text-disabled;\n        outline: none;\n      }\n    }\n  }\n\n  //expressive styles\n  .#{$prefix}--btn--expressive {\n    @include type-style('body-compact-02');\n\n    padding-block: min(\n      calc(\n        (layout.size('height') - var(--temp-expressive-1lh)) / 2 - convert.to-rem(\n            1px\n          )\n      ),\n      var(--temp-padding-block-max)\n    );\n  }\n\n  .#{$prefix}--btn--icon-only.#{$prefix}--btn--expressive {\n    padding: 12px 13px;\n    //default size 48px\n  }\n\n  .#{$prefix}--btn.#{$prefix}--btn--expressive .#{$prefix}--btn__icon {\n    block-size: convert.to-rem(20px);\n    inline-size: convert.to-rem(20px);\n  }\n\n  .#{$prefix}--btn-set .#{$prefix}--btn.#{$prefix}--btn--expressive {\n    max-inline-size: convert.to-rem(320px);\n  }\n\n  // Skeleton State\n  .#{$prefix}--btn.#{$prefix}--skeleton {\n    @include skeleton;\n\n    inline-size: convert.to-rem(150px);\n  }\n\n  // button set styles\n  .#{$prefix}--btn-set {\n    display: flex;\n  }\n\n  .#{$prefix}--btn-set--stacked {\n    flex-direction: column;\n  }\n\n  .#{$prefix}--btn-set .#{$prefix}--btn {\n    inline-size: 100%;\n    // 196px from design kit\n    max-inline-size: convert.to-rem(196px);\n\n    &:not(:focus) {\n      box-shadow: convert.to-rem(-1px) 0 0 0 $button-separator;\n    }\n\n    &:first-of-type:not(:focus) {\n      box-shadow: inherit;\n    }\n  }\n\n  .#{$prefix}--btn-set .#{$prefix}--btn:focus + .#{$prefix}--btn {\n    box-shadow: inherit;\n  }\n\n  .#{$prefix}--btn-set--stacked .#{$prefix}--btn:not(:focus) {\n    box-shadow: 0 convert.to-rem(-1px) 0 0 $button-separator;\n  }\n\n  .#{$prefix}--btn-set--stacked .#{$prefix}--btn:first-of-type:not(:focus) {\n    box-shadow: inherit;\n  }\n\n  .#{$prefix}--btn-set .#{$prefix}--btn.#{$prefix}--btn--disabled {\n    box-shadow: convert.to-rem(-1px) 0 0 0 $icon-on-color-disabled;\n\n    &:first-of-type {\n      box-shadow: none;\n    }\n  }\n\n  .#{$prefix}--btn-set--stacked .#{$prefix}--btn.#{$prefix}--btn--disabled {\n    box-shadow: 0 convert.to-rem(-1px) 0 0 $layer-selected-disabled;\n\n    &:first-of-type {\n      box-shadow: none;\n    }\n  }\n\n  .#{$prefix}--btn-set .#{$prefix}--btn.#{$prefix}--btn--loading {\n    border-color: transparent;\n    background-color: transparent;\n    box-shadow: none;\n  }\n\n  // badge indicator\n\n  .#{$prefix}--btn--sm .#{$prefix}--badge-indicator {\n    margin-block-start: $spacing-02;\n    margin-inline-end: $spacing-02;\n  }\n\n  // Windows HCM fix\n  .#{$prefix}--btn:focus {\n    @include high-contrast-mode('focus');\n  }\n\n  // Windows HCM fix\n\n  .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only\n    .#{$prefix}--btn__icon\n    path:not([data-icon-path]):not([fill='none']),\n  .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only .#{$prefix}--btn__icon {\n    @include high-contrast-mode('icon-fill');\n  }\n\n  // RTL overrides\n  [dir='rtl'] .#{$prefix}--btn-set .#{$prefix}--btn:not(:focus) {\n    box-shadow: convert.to-rem(1px) 0 0 0 $button-separator;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:map';\n\n@use 'vars' as *;\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/component-reset';\n@use '../../utilities/convert';\n@use '../../utilities/custom-property';\n@use '../../utilities/layout';\n@use 'tokens' as *;\n\n$button-focus-color: custom-property.get-var('button-focus-color', $focus);\n\n@mixin button-base {\n  // https://caniuse.com/mdn-css_types_length_lh\n  --temp-1lh: (\n    #{custom-property.get-var(\n        'body-compact-01-line-height',\n        map.get($body-compact-01, line-height)\n      )} * 1em\n  );\n  --temp-expressive-1lh: (\n    #{custom-property.get-var(\n        'body-compact-02-line-height',\n        map.get($body-compact-02, line-height)\n      )} * 1em\n  );\n  // -1px to compensate for border width\n  --temp-padding-block-max: calc(\n    (#{custom-property.get-var('layout-size-height-lg')} - var(--temp-1lh)) / 2 -\n      #{convert.to-rem(1px)}\n  );\n\n  @include component-reset.reset;\n  @include type-style('body-compact-01');\n\n  position: relative;\n  display: inline-flex;\n  flex-shrink: 0;\n  justify-content: space-between;\n  border-radius: $button-border-radius;\n  // Fix to remove added margins on buttons in safari (see #5155)\n  margin: 0;\n  cursor: pointer;\n  inline-size: max-content;\n  max-inline-size: convert.to-rem(320px);\n  min-block-size: layout.size('height');\n  outline: none;\n  // -1px to compensate for border width\n  padding-block: min(\n    calc((layout.size('height') - var(--temp-1lh)) / 2 - convert.to-rem(1px)),\n    var(--temp-padding-block-max)\n  );\n  padding-inline: calc(layout.density('padding-inline') - convert.to-rem(1px))\n    calc(\n      layout.density('padding-inline') * 3 + convert.to-rem(16px) - convert.to-rem(\n          1px\n        )\n    );\n  text-align: start;\n  text-decoration: none;\n  transition:\n    background $duration-fast-01 motion(entrance, productive),\n    box-shadow $duration-fast-01 motion(entrance, productive),\n    border-color $duration-fast-01 motion(entrance, productive),\n    outline $duration-fast-01 motion(entrance, productive);\n  vertical-align: top;\n\n  &:disabled,\n  &:hover:disabled,\n  &:focus:disabled,\n  &.#{$prefix}--btn--disabled,\n  &.#{$prefix}--btn--disabled:hover,\n  &.#{$prefix}--btn--disabled:focus {\n    border-color: $button-disabled;\n    background: $button-disabled;\n    box-shadow: none;\n    color: $text-on-color-disabled;\n    cursor: not-allowed;\n  }\n\n  .#{$prefix}--btn__icon {\n    position: absolute;\n    flex-shrink: 0;\n    block-size: convert.to-rem(16px);\n    inline-size: convert.to-rem(16px);\n    // -1px to compensate for border width\n    inset-block-start: min(\n      calc(\n        (layout.size('height') - convert.to-rem(16px)) / 2 - convert.to-rem(1px)\n      ),\n      var(--temp-padding-block-max)\n    );\n    inset-inline-end: layout.density('padding-inline');\n    margin-block-start: convert.to-rem(1px);\n  }\n}\n\n/// Button variant styles\n/// @access private\n/// @group button\n@mixin button-theme(\n  $bg-color,\n  $border-color,\n  $font-color,\n  $hover-bg-color,\n  $icon-color,\n  $active-color\n) {\n  border-width: $button-outline-width;\n  border-style: solid;\n  border-color: $border-color;\n  background-color: $bg-color;\n  color: $font-color;\n\n  &:hover {\n    background-color: $hover-bg-color;\n  }\n\n  &:focus {\n    border-color: $button-focus-color;\n    box-shadow:\n      inset 0 0 0 $button-outline-width $button-focus-color,\n      inset 0 0 0 $button-border-width $background;\n  }\n\n  &:active {\n    background-color: $active-color;\n  }\n\n  .#{$prefix}--btn__icon,\n  .#{$prefix}--btn__icon path:not([data-icon-path]):not([fill='none']) {\n    fill: $icon-color;\n  }\n}\n\n@mixin button-padding-large {\n  align-items: baseline;\n  padding-block-start: $spacing-05;\n  padding-inline: $spacing-05 $spacing-10;\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../spacing' as *;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-font-weight: 400 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-font-size: 0.875rem !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-border-radius: 0 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-height: 3rem !default;\n\n/// @type Value\n/// @access public\n/// @group button\n$button-padding: calc(0.875rem - 3px) calc(#{$spacing-10} - 1px)\n  calc(0.875rem - 3px) calc(#{$spacing-05} - 1px) !default;\n\n/// @type Value\n/// @access public\n/// @group button\n$button-padding-field: calc(0.675rem - 3px) calc(#{$spacing-10} - 4px)\n  calc(0.675rem - 3px) calc(#{$spacing-05} - 4px) !default;\n\n/// @type Value\n/// @access public\n/// @group button\n$button-padding-sm: calc(0.375rem - 3px) calc(#{$spacing-10} - 4px)\n  calc(0.375rem - 3px) calc(#{$spacing-05} - 4px) !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-padding-lg: $spacing-04 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n/// Uses the same padding-y as normal buttons, but removes extra padding-right\n$button-padding-ghost: calc(0.875rem - 3px) $spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n/// Uses the same padding-y as field buttons, but removes extra padding-right\n$button-padding-ghost-field: calc(0.675rem - 3px) $spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n/// Uses the same padding-y as small buttons, but removes extra padding-right\n$button-padding-ghost-sm: calc(0.375rem - 3px) $spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-border-width: 2px !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-outline-width: 1px !default;\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:map';\n@use '../../config';\n@use '../../themes';\n@use '../../utilities/component-tokens';\n@use '@carbon/themes/scss/component-tokens' as button;\n\n$button-separator: (\n  fallback: map.get(button.$button-separator, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(button.$button-separator, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(button.$button-separator, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(button.$button-separator, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(button.$button-separator, g-100),\n    ),\n  ),\n) !default;\n\n$button-primary: (\n  fallback: map.get(button.$button-primary, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(button.$button-primary, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(button.$button-primary, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(button.$button-primary, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(button.$button-primary, g-100),\n    ),\n  ),\n) !default;\n\n$button-secondary: (\n  fallback: map.get(button.$button-secondary, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(button.$button-secondary, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(button.$button-secondary, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(button.$button-secondary, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(button.$button-secondary, g-100),\n    ),\n  ),\n) !default;\n\n$button-tertiary: (\n  fallback: map.get(button.$button-tertiary, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(button.$button-tertiary, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(button.$button-tertiary, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(button.$button-tertiary, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(button.$button-tertiary, g-100),\n    ),\n  ),\n) !default;\n\n$button-danger-primary: (\n  fallback: map.get(button.$button-danger-primary, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(button.$button-danger-primary, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(button.$button-danger-primary, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(button.$button-danger-primary, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(button.$button-danger-primary, g-100),\n    ),\n  ),\n) !default;\n\n$button-danger-secondary: (\n  fallback: map.get(button.$button-danger-secondary, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(button.$button-danger-secondary, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(button.$button-danger-secondary, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(button.$button-danger-secondary, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(button.$button-danger-secondary, g-100),\n    ),\n  ),\n) !default;\n\n$button-danger-active: (\n  fallback: map.get(button.$button-danger-active, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(button.$button-danger-active, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(button.$button-danger-active, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(button.$button-danger-active, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(button.$button-danger-active, g-100),\n    ),\n  ),\n) !default;\n\n$button-primary-active: (\n  fallback: map.get(button.$button-primary-active, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(button.$button-primary-active, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(button.$button-primary-active, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(button.$button-primary-active, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(button.$button-primary-active, g-100),\n    ),\n  ),\n) !default;\n\n$button-secondary-active: (\n  fallback: map.get(button.$button-secondary-active, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(button.$button-secondary-active, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(button.$button-secondary-active, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(button.$button-secondary-active, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(button.$button-secondary-active, g-100),\n    ),\n  ),\n) !default;\n\n$button-tertiary-active: (\n  fallback: map.get(button.$button-tertiary-active, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(button.$button-tertiary-active, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(button.$button-tertiary-active, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(button.$button-tertiary-active, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(button.$button-tertiary-active, g-100),\n    ),\n  ),\n) !default;\n\n$button-danger-hover: (\n  fallback: map.get(button.$button-danger-hover, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(button.$button-danger-hover, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(button.$button-danger-hover, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(button.$button-danger-hover, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(button.$button-danger-hover, g-100),\n    ),\n  ),\n) !default;\n\n$button-primary-hover: (\n  fallback: map.get(button.$button-primary-hover, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(button.$button-primary-hover, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(button.$button-primary-hover, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(button.$button-primary-hover, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(button.$button-primary-hover, g-100),\n    ),\n  ),\n) !default;\n\n$button-secondary-hover: (\n  fallback: map.get(button.$button-secondary-hover, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(button.$button-secondary-hover, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(button.$button-secondary-hover, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(button.$button-secondary-hover, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(button.$button-secondary-hover, g-100),\n    ),\n  ),\n) !default;\n\n$button-tertiary-hover: (\n  fallback: map.get(button.$button-tertiary-hover, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(button.$button-tertiary-hover, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(button.$button-tertiary-hover, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(button.$button-tertiary-hover, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(button.$button-tertiary-hover, g-100),\n    ),\n  ),\n) !default;\n\n$button-disabled: (\n  fallback: map.get(button.$button-disabled, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(button.$button-disabled, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(button.$button-disabled, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(button.$button-disabled, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(button.$button-disabled, g-100),\n    ),\n  ),\n) !default;\n\n$button-tokens: (\n  button-separator: $button-separator,\n  button-primary: $button-primary,\n  button-secondary: $button-secondary,\n  button-tertiary: $button-tertiary,\n  button-danger-primary: $button-danger-primary,\n  button-danger-secondary: $button-danger-secondary,\n  button-danger-active: $button-danger-active,\n  button-primary-active: $button-primary-active,\n  button-secondary-active: $button-secondary-active,\n  button-tertiary-active: $button-tertiary-active,\n  button-danger-hover: $button-danger-hover,\n  button-primary-hover: $button-primary-hover,\n  button-secondary-hover: $button-secondary-hover,\n  button-tertiary-hover: $button-tertiary-hover,\n  button-disabled: $button-disabled,\n);\n\n$button-separator: component-tokens.get-var(\n  $button-separator,\n  'button-separator'\n);\n\n$button-primary: component-tokens.get-var($button-primary, 'button-primary');\n\n$button-secondary: component-tokens.get-var(\n  $button-secondary,\n  'button-secondary'\n);\n\n$button-tertiary: component-tokens.get-var($button-tertiary, 'button-tertiary');\n\n$button-danger-primary: component-tokens.get-var(\n  $button-danger-primary,\n  'button-danger-primary'\n);\n\n$button-danger-secondary: component-tokens.get-var(\n  $button-danger-secondary,\n  'button-danger-secondary'\n);\n\n$button-danger-active: component-tokens.get-var(\n  $button-danger-active,\n  'button-danger-active'\n);\n\n$button-primary-active: component-tokens.get-var(\n  $button-primary-active,\n  'button-primary-active'\n);\n\n$button-secondary-active: component-tokens.get-var(\n  $button-secondary-active,\n  'button-secondary-active'\n);\n\n$button-tertiary-active: component-tokens.get-var(\n  $button-tertiary-active,\n  'button-tertiary-active'\n);\n\n$button-danger-hover: component-tokens.get-var(\n  $button-danger-hover,\n  'button-danger-hover'\n);\n\n$button-primary-hover: component-tokens.get-var(\n  $button-primary-hover,\n  'button-primary-hover'\n);\n\n$button-secondary-hover: component-tokens.get-var(\n  $button-secondary-hover,\n  'button-secondary-hover'\n);\n\n$button-tertiary-hover: component-tokens.get-var(\n  $button-tertiary-hover,\n  'button-tertiary-hover'\n);\n\n$button-disabled: component-tokens.get-var($button-disabled, 'button-disabled');\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'keyframes';\n@use '../theme' as *;\n@use '../config' as *;\n\n/// Skeleton loading animation\n/// @access public\n/// @example @include skeleton;\n/// @group utilities\n@mixin skeleton {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: $skeleton-background;\n  box-shadow: none;\n  pointer-events: none;\n\n  &:hover,\n  &:focus,\n  &:active {\n    border: none;\n    cursor: default;\n    outline: none;\n  }\n\n  &::before {\n    position: absolute;\n    animation: 3000ms ease-in-out #{$prefix}--skeleton infinite;\n    background: $skeleton-element;\n    block-size: 100%;\n    content: '';\n    inline-size: 100%;\n    inset-inline-start: 0;\n    will-change: transform-origin, transform, opacity;\n\n    @media (prefers-reduced-motion: reduce) {\n      animation: none;\n    }\n  }\n}\n\n/// Circular Skeleton loading animation\n/// @access public\n/// @example @include circular-skeleton;\n/// @group utilities\n@mixin circular-skeleton {\n  position: relative;\n  overflow: hidden;\n  border-radius: 50%;\n  background: $skeleton-background;\n\n  &::before {\n    position: absolute;\n    animation: 3000ms ease-in-out #{$prefix}--skeleton infinite;\n    background: $skeleton-element;\n    block-size: 100%;\n    content: '';\n    inline-size: 200%;\n    will-change: transform-origin, transform, opacity;\n\n    @media (prefers-reduced-motion: reduce) {\n      animation: none;\n    }\n  }\n}\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// High Contrast Mode mixin for Windows and macOS\n/// @access public\n/// @example @include high-contrast-mode;\n/// @group utilities\n/// Set HCM styles at the end of each file to ensure they are not overwritten\n@mixin high-contrast-mode($type: '') {\n  @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n    @if ($type == 'icon-fill') {\n      fill: ButtonText;\n    }\n\n    @if ($type == 'focus') {\n      color: Highlight;\n      outline: 1px solid Highlight;\n    }\n\n    @if ($type == 'outline') {\n      outline: 1px solid transparent;\n    }\n\n    @if ($type == 'disabled') {\n      color: GrayText;\n      fill: GrayText;\n    }\n\n    @content;\n  }\n}\n","@use '@carbon/styles/scss/motion';\n@use '@carbon/layout';\n@use '@carbon/styles/scss/theme';\n@use '@carbon/type';\n@use '@carbon/styles/scss/components/button';\n@use '@carbon/styles/scss/utilities/box-shadow';\n@use '@carbon/styles/scss/utilities/component-reset';\n@use '@carbon/styles/scss/utilities/focus-outline' as focus;\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.calendarGrid {\n  width: 17rem;\n\n  tr,\n  tr > th,\n  tr > td {\n    height: 2.428rem;\n    width: 2.428rem;\n  }\n\n  > thead > tr > th {\n    @include type.type-style('body-compact-01');\n    cursor: default;\n    text-align: center;\n    vertical-align: middle;\n  }\n\n  > tbody > tr > td {\n    @include type.type-style('body-compact-01');\n    cursor: pointer;\n    text-align: center;\n    vertical-align: middle;\n\n    > div {\n      outline: unset;\n    }\n\n    &:hover:not(:has([aria-disabled], [data-selected])) {\n      background-color: theme.$layer-hover;\n    }\n\n    &:has([data-selected]) {\n      background-color: $color-blue-60-2;\n      color: $ui-background;\n    }\n\n    [aria-disabled] {\n      color: theme.$text-disabled;\n      cursor: default;\n    }\n  }\n}\n\n.dialog {\n  @include box-shadow.box-shadow;\n  background-color: theme.$layer-01;\n  overflow: hidden;\n  padding: layout.$spacing-02 layout.$spacing-02 layout.$spacing-03 layout.$spacing-02;\n}\n\n.flatButton {\n  @include component-reset.reset;\n  background-color: inherit;\n  display: inline-flex;\n\n  &:hover:not(:has([aria-disabled='true'])) {\n    background-color: theme.$layer-hover;\n  }\n\n  > svg {\n    display: block;\n    margin: auto;\n    text-align: center;\n  }\n}\n\n[data-invalid] > .flatButton > svg {\n  --omrs-icon-fill: #{theme.$support-error};\n}\n\n.flatButtonMd {\n  height: layout.$spacing-08;\n  width: layout.$spacing-08;\n}\n\n.header {\n  margin-top: layout.$spacing-03;\n  margin-bottom: layout.$spacing-03;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n}\n\n.inputGroup {\n  align-items: center;\n  background-color: var(--cds-field);\n  border-block-end: 1px solid var(--cds-border-strong);\n  color: var(--cds-text-primary);\n  display: flex;\n  position: relative;\n\n  &:focus-within,\n  &.cds--focused {\n    @include focus.focus-outline('outline');\n  }\n\n  &[data-invalid] {\n    @include focus.focus-outline('invalid');\n    color: theme.$support-error;\n  }\n}\n\n.inputWrapper {\n  inline-size: 15rem;\n  margin-left: layout.$spacing-05;\n  min-width: layout.$spacing-13;\n  max-width: 15rem;\n\n  .inputSegment {\n    caret-color: var(--cds-text-primary);\n\n    &:focus {\n      outline: unset;\n      background-color: theme.$layer-selected-hover;\n    }\n\n    &[data-placeholder] {\n      color: theme.$text-disabled;\n    }\n\n    &[data-focused='true'] {\n      animation: cursor-blink 1s step-end infinite;\n    }\n  }\n\n  /*\n   * These next two style rules try to render the read-only parts of the date in the disabled color\n   * unless they ware surrounded by two filled-in entries.\n   */\n  [data-readonly]:has(+ [data-placeholder]) {\n    color: theme.$text-disabled;\n  }\n\n  [data-placeholder] + [data-readonly] {\n    color: theme.$text-disabled;\n  }\n\n  @keyframes cursor-blink {\n    from,\n    to {\n      border-right: 1px solid transparent;\n    }\n    50% {\n      border-right: 1px solid currentColor;\n    }\n  }\n}\n\n.inputWrapperMd {\n  block-size: layout.$spacing-08;\n}\n\n.monthYear {\n  @include component-reset.reset;\n  @include type.type-style('heading-compact-01');\n\n  margin-top: layout.$spacing-03;\n  margin-block-end: layout.$spacing-01;\n  text-align: center;\n\n  > span {\n    margin-left: layout.$spacing-02;\n    margin-right: layout.$spacing-02;\n  }\n\n  div:has(input[inputmode='numeric']) {\n    display: inline;\n\n    > input[inputmode='numeric'] {\n      @include component-reset.reset;\n      @include type.type-style('heading-compact-01');\n      background-color: var(--cds-field);\n      inline-size: layout.$spacing-08;\n      padding: layout.$spacing-02;\n      padding-right: 0;\n\n      &::-webkit-outer-spin-button,\n      &::-webkit-inner-spin-button {\n        margin: 0;\n        -webkit-appearance: none;\n      }\n\n      &:focus {\n        @include focus.focus-outline('border');\n      }\n\n      &[data-invalid] {\n        @include focus.focus-outline('invalid');\n      }\n\n      &[data-disabled],\n      &[data-disabled]:hover {\n        background-color: theme.$layer-01;\n        color: theme.$text-disabled;\n        pointer-events: none;\n      }\n\n      &[data-disabled] + div > button::after {\n        border-block-end-color: theme.$text-disabled;\n        border-block-start-color: theme.$text-disabled;\n      }\n\n      &[data-disabled] + div > button:hover {\n        opacity: 0;\n      }\n    }\n\n    div[role='group'] {\n      @include component-reset.reset;\n      display: inline;\n      position: relative;\n    }\n\n    &:hover button {\n      opacity: 1;\n    }\n\n    button {\n      @include component-reset.reset;\n      position: absolute;\n      padding: 0 layout.$spacing-02 0 layout.$spacing-01;\n      border: none;\n      block-size: 50%;\n      cursor: pointer;\n      inline-size: layout.$spacing-04;\n      inset-inline-start: layout.$spacing-08;\n      line-height: 50%;\n      opacity: 0;\n\n      &::after {\n        display: block;\n        border-inline-end: layout.$spacing-02 solid transparent;\n        border-inline-start: layout.$spacing-02 solid transparent;\n        content: '';\n        inset-block-start: 33%;\n      }\n\n      &:hover::after {\n        border-block-end-color: button.$button-primary;\n        border-block-start-color: button.$button-primary;\n      }\n\n      &:active::after {\n        border-block-end-color: theme.$border-interactive;\n        border-block-start-color: theme.$border-interactive;\n      }\n\n      &[slot='increment'] {\n        top: 0;\n        left: 0;\n      }\n\n      &[slot='decrement'] {\n        top: layout.$spacing-04;\n        left: 0;\n      }\n    }\n  }\n}\n\n@keyframes fade-in-down {\n  from {\n    opacity: 0;\n    transform: translate3d(0, -20px, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n\n.popover[data-entering] {\n  animation: fade-in-down motion.$duration-fast-02 motion.motion(entrance, productive);\n\n  @media screen and (prefers-reduced-motion: reduce) {\n    animation: none;\n  }\n}\n\n:global([dir='rtl']) {\n  .inputWrapper {\n    padding-left: unset;\n    padding-right: layout.$spacing-04;\n  }\n\n  .monthYear {\n    div:has(input[inputmode='numeric']) {\n      > input[inputmode='numeric'] {\n        padding-right: layout.$spacing-02;\n      }\n    }\n\n    button {\n      &[slot='increment'] {\n        top: 0;\n        left: unset;\n        right: 0;\n      }\n\n      &[slot='decrement'] {\n        top: layout.$spacing-04;\n        left: unset;\n        right: 0;\n      }\n    }\n  }\n}\n\n.invalidText {\n  color: theme.$text-error !important;\n  font-size: layout.$spacing-04;\n  font-weight: 400 !important;\n  margin: layout.$spacing-02 0 0;\n  overflow: hidden;\n}\n\n.today:not([data-selected]) {\n  position: relative;\n  color: $color-blue-60-2;\n  font-weight: 600;\n  font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n  line-height: var(--cds-body-compact-01-line-height, 1.28572);\n  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  block-size: layout.$spacing-08;\n  cursor: pointer;\n  inline-size: layout.$spacing-08;\n\n  &::after {\n    position: absolute;\n    display: block;\n    block-size: layout.$spacing-02;\n    content: '';\n    inline-size: layout.$spacing-02;\n    inset-block-end: 0.4375rem;\n    inset-inline-start: 50%;\n    -webkit-transform: translateX(-50%);\n    transform: translateX(-50%);\n  }\n\n  &[data-disabled]::after {\n    background-color: theme.$text-disabled;\n  }\n\n  &:not([data-disabled])::after {\n    background-color: var(--cds-link-primary, theme.$link-primary);\n  }\n}\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../theme';\n\n/// Adds box shadow\n/// @access public\n/// @example @include box-shadow;\n/// @group utilities\n@mixin box-shadow {\n  box-shadow: 0 2px 6px theme.$shadow;\n}\n\n@mixin box-shadow-top {\n  box-shadow: 0 -2px 6px theme.$shadow;\n}\n","@use '@carbon/layout';\n@use '@carbon/type';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.errorMessage {\n  @include type.type-style('heading-compact-02');\n\n  margin-top: 2.25rem;\n  margin-bottom: layout.$spacing-03;\n}\n\n.errorCopy {\n  margin-bottom: layout.$spacing-03;\n  @include type.type-style('body-01');\n  color: $text-02;\n}\n\n.desktopHeading {\n  h4 {\n    @include type.type-style('heading-compact-02');\n    color: $text-02;\n  }\n}\n\n.tabletHeading {\n  h4 {\n    @include type.type-style('heading-03');\n    color: $text-02;\n  }\n}\n\n.desktopHeading,\n.tabletHeading {\n  text-align: left;\n  text-transform: capitalize;\n  margin-bottom: layout.$spacing-05;\n\n  h4:after {\n    content: '';\n    display: block;\n    width: layout.$spacing-07;\n    padding-top: 0.188rem;\n    border-bottom: 0.375rem solid var(--brand-03);\n  }\n}\n\n.tile {\n  text-align: center;\n  border: 1px solid $ui-03;\n}\n","@use '@carbon/type';\n@use '@carbon/layout';\n@use '../vars' as *;\n\n.leftNav {\n  border-right: 1px solid $ui-03;\n  padding-top: layout.$spacing-05;\n\n  // Left nav menu item\n  :global(.cds--side-nav__link) {\n    color: $text-02;\n    @include type.type-style('heading-compact-01');\n    padding: 0 1rem;\n\n    &:focus,\n    &:hover {\n      background-color: $ui-01;\n    }\n\n    // Active menu item\n    &:global(.active-left-nav-link) {\n      color: $ui-05;\n      border-left: layout.$spacing-02 solid var(--brand-01);\n      background-color: $ui-03;\n      outline: none;\n      padding: 0 layout.$spacing-04;\n    }\n  }\n}\n\n/* Desktop */\n:global(.omrs-breakpoint-gt-tablet) {\n  :global(.cds--side-nav__link) {\n    height: layout.$spacing-07;\n  }\n}\n\n/* Tablet */\n:global(.omrs-breakpoint-lt-desktop) {\n  :global(.cds--side-nav__link) {\n    height: layout.$spacing-09;\n  }\n}\n","@use '@carbon/layout';\n@use '@carbon/type';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.pageHeader {\n  @include type.type-style('body-compact-02');\n  color: $text-02;\n  height: layout.$spacing-12;\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n}\n\n.pageHeaderContent {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.pageName {\n  @include type.type-style('heading-04');\n}\n\n.pageLabels {\n  p:first-of-type {\n    margin-bottom: layout.$spacing-02;\n  }\n}\n","@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.container {\n  border-top: 1px solid $ui-03;\n  border-bottom: 1px solid $ui-03;\n  background-color: $ui-01;\n}\n\n.activePatientContainer {\n  background-color: $ui-01;\n}\n\n.patientBanner {\n  display: flex;\n}\n\n.patientName {\n  @include type.type-style('heading-03');\n  color: colors.$gray-100;\n  font-weight: 600;\n  margin-right: layout.$spacing-02;\n}\n\n.patientAvatar {\n  width: 3.5rem;\n  height: 3.5rem;\n  margin: layout.$spacing-05;\n  border-radius: 1px;\n}\n\n.patientAvatarButton {\n  cursor: pointer;\n  border: none;\n  padding: 0;\n  background: none;\n}\n\n.patientInfo {\n  display: flex;\n  flex-direction: column;\n  padding: layout.$spacing-05 layout.$spacing-03 layout.$spacing-05 0;\n  width: 100%;\n}\n\n.demographics {\n  @include type.type-style('body-compact-02');\n  color: $text-02;\n  display: flex;\n  align-items: center;\n  gap: layout.$spacing-02;\n  margin-top: layout.$spacing-02;\n  flex-wrap: wrap;\n}\n\n.row {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: baseline;\n}\n\n.flexRow {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center;\n}\n\n.tagsSlot {\n  @extend .flexRow;\n  margin: 0 layout.$spacing-03;\n}\n\n.identifiers {\n  @include type.type-style('body-compact-02');\n  color: colors.$gray-70;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n\n.identifier {\n  display: flex;\n  align-items: center;\n}\n\n.primaryIdentifier,\n.secondaryIdentifier {\n  @include type.type-style('body-compact-02');\n  display: flex;\n  align-items: center;\n  gap: layout.$spacing-02;\n}\n\n.primaryIdentifier {\n  color: colors.$gray-100;\n\n  .value {\n    font-weight: bold;\n  }\n}\n\n.secondaryIdentifier {\n  .identifier {\n    @include type.type-style('body-compact-02');\n    align-self: baseline;\n  }\n}\n\n.gender {\n  display: flex;\n  align-items: center;\n  color: colors.$gray-70;\n  gap: layout.$spacing-01;\n}\n\n.separator {\n  margin: layout.$spacing-01;\n}\n\n.tag {\n  font-size: inherit !important;\n  margin: 0 !important;\n}\n\n.tooltipPadding {\n  padding: layout.$spacing-02;\n}\n\n.tooltipSmallText {\n  font-size: 80%;\n}\n\n.actionsButtonText {\n  @include type.type-style('body-compact-01');\n  color: $interactive-01;\n}\n\n// Overriding styles for RTL support\nhtml[dir='rtl'] {\n  .demographics {\n    display: flex;\n    gap: layout.$spacing-02;\n  }\n\n  .tag {\n    margin: layout.$spacing-02 0 layout.$spacing-02 layout.$spacing-02;\n  }\n\n  .patientName {\n    margin-right: unset;\n    margin-left: layout.$spacing-02;\n  }\n}\n","@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.actionsButtonText {\n  @include type.type-style('body-compact-01');\n  color: $interactive-01;\n}\n\n// Overriding styles for RTL support\nhtml[dir='rtl'] {\n  .overflowMenuContainer {\n    & > div {\n      margin-left: unset;\n      margin-right: -(layout.$spacing-06);\n      & > div {\n        left: unset;\n        right: -6.025rem;\n      }\n    }\n  }\n}\n","@use '@carbon/layout';\n@use '@carbon/type';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.container {\n  margin-top: layout.$spacing-02;\n  margin-bottom: layout.$spacing-02;\n  border-radius: 50%;\n  color: $ui-05;\n  max-width: none;\n\n  &:hover {\n    background-color: $color-gray-30;\n    color: $text-02;\n  }\n\n  &:focus {\n    border-color: $interactive-01;\n  }\n\n  & > span {\n    margin-top: layout.$spacing-02;\n    @include type.type-style('body-compact-01');\n    color: $text-02;\n  }\n\n  & svg {\n    transform: scale(1.25);\n  }\n}\n\n.elementContainer {\n  display: flex;\n  align-items: center;\n  position: relative;\n  flex-direction: column;\n\n  .countTag {\n    position: absolute;\n    font-size: 10px;\n    text-align: center;\n    color: $ui-01;\n    background-color: $danger;\n    padding: 0 4px;\n    border-radius: 50%;\n    top: -14px;\n    right: -12px;\n  }\n\n  .interruptedTag {\n    @extend .countTag;\n    font-size: 10px;\n    padding: 0 5px;\n    width: 14px;\n    height: 14px;\n  }\n}\n\n/* Desktop */\n:global(.omrs-breakpoint-gt-tablet) {\n  .active {\n    border: layout.$spacing-01 solid;\n    @include brand-03(border-color);\n    border-radius: 50%;\n    background-color: $ui-02;\n\n    &:focus {\n      border-color: var(--brand-03) !important;\n    }\n  }\n\n  .container {\n    & svg {\n      transform: scale(1.25);\n    }\n  }\n}\n\n/* Tablet */\n:global(.omrs-breakpoint-lt-desktop) {\n  .container {\n    margin-bottom: 0;\n    margin-top: 0;\n    border-radius: unset;\n    color: $ui-05;\n    max-width: none;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 100%;\n  }\n\n  .active {\n    background-color: $color-blue-10;\n    color: $interactive-01;\n\n    &:hover {\n      color: $interactive-01;\n    }\n\n    & > span {\n      color: $interactive-01;\n      @include type.type-style('heading-compact-01');\n    }\n\n    svg {\n      fill: $interactive-01;\n    }\n  }\n}\n","@use '@carbon/type';\n\n.messageBody {\n  @include type.type-style('heading-compact-02');\n}\n","@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n$actionPanelOffset: layout.$spacing-09;\n$narrowWorkspaceWidth: 26.25rem;\n$widerWorkspaceWidth: 32.25rem;\n$extraWideWorkspaceWidth: 48.25rem;\n\n.loader {\n  display: flex;\n  background-color: $openmrs-background-grey;\n  justify-content: center;\n  min-height: layout.$spacing-09;\n}\n\n.hiddenExtraWorkspace {\n  display: none;\n}\n\n.workspaceInnerContainer {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n/* Desktop */\n:global(.omrs-breakpoint-gt-tablet) {\n  .workspaceContainerWithActionMenu {\n    height: 100%;\n\n    .workspaceFixedContainer {\n      right: $actionPanelOffset;\n    }\n  }\n\n  .workspaceContainerWithoutActionMenu {\n    height: 100%;\n\n    .workspaceFixedContainer {\n      right: 0;\n    }\n  }\n\n  .header {\n    position: relative;\n    box-sizing: content-box;\n    border-bottom: 1px solid $text-03;\n    background-color: $ui-03;\n    height: var(--workspace-header-height);\n\n    a {\n      @include type.type-style('heading-compact-02');\n\n      &:hover {\n        color: inherit;\n      }\n    }\n\n    &:not(.maximizedWindow) {\n      right: auto;\n      left: auto;\n    }\n  }\n\n  .headerButtons {\n    button {\n      background-color: $ui-02;\n      border-right: 1px solid colors.$gray-20;\n\n      > svg {\n        fill: colors.$cool-gray-100 !important;\n      }\n\n      &:hover {\n        background-color: $ui-01;\n      }\n    }\n  }\n\n  .maximizedWindow {\n    width: calc(100% - $actionPanelOffset) !important;\n  }\n\n  .workspaceWindowSpacer {\n    height: 100%;\n    transition: margin-right 0.5s ease-in-out;\n  }\n\n  .workspaceOverlayOuterContainer {\n    position: fixed;\n    z-index: 50;\n  }\n\n  .workspaceFixedContainer {\n    position: fixed;\n    top: var(--omrs-navbar-height);\n    bottom: 0;\n    border-left: 1px solid $text-03;\n    z-index: 50;\n    background-color: white;\n    transition:\n      width 0.5s ease-in-out,\n      right 0.5s ease-in-out;\n  }\n\n  .extraWideWorkspace {\n    width: $extraWideWorkspaceWidth;\n\n    .workspaceFixedContainer {\n      width: $extraWideWorkspaceWidth;\n    }\n\n    &.hiddenRelative {\n      margin-right: -$extraWideWorkspaceWidth !important;\n    }\n\n    .hiddenFixed {\n      right: -$extraWideWorkspaceWidth !important;\n    }\n  }\n\n  .widerWorkspace {\n    width: $widerWorkspaceWidth;\n\n    .workspaceFixedContainer {\n      width: $widerWorkspaceWidth;\n    }\n\n    &.hiddenRelative {\n      margin-right: -$widerWorkspaceWidth !important;\n    }\n\n    .hiddenFixed {\n      right: -$widerWorkspaceWidth !important;\n    }\n  }\n\n  .narrowWorkspace {\n    width: $narrowWorkspaceWidth;\n\n    .workspaceFixedContainer {\n      width: $narrowWorkspaceWidth;\n    }\n\n    &.hiddenRelative {\n      margin-right: -$narrowWorkspaceWidth !important;\n    }\n\n    .hiddenFixed {\n      right: -$narrowWorkspaceWidth !important;\n    }\n  }\n\n  .workspaceContent {\n    background-color: $ui-02;\n    overflow-y: auto;\n    flex-grow: 1;\n  }\n\n  .marginWorkspaceContent {\n    margin-right: $actionPanelOffset;\n  }\n\n  // The parcel makes a div, between the workspace container and the workspace itself\n  .workspaceContent > div {\n    height: 100%;\n  }\n\n  .overlay {\n    background-color: $ui-02;\n    display: flex;\n    flex-direction: column;\n    z-index: 1000;\n  }\n\n  .overlayHeaderSpacer {\n    flex-grow: 1;\n  }\n}\n\n/* Tablet */\n:global(.omrs-breakpoint-lt-desktop) {\n  .header {\n    position: relative;\n    background-color: var(--brand-02);\n\n    a {\n      color: $ui-02;\n    }\n\n    button {\n      color: $ui-02;\n      background-color: var(--brand-02);\n\n      &:hover {\n        background-color: var(--brand-03);\n      }\n    }\n  }\n\n  .hiddenFixed {\n    top: 100% !important;\n  }\n\n  .workspaceFixedContainer {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 8002;\n    transition: top 0.5s ease-in-out;\n  }\n\n  .workspaceContainerWithActionMenu {\n    .workspaceFixedContainer {\n      bottom: var(--bottom-nav-height);\n    }\n  }\n\n  .overlay {\n    background-color: $ui-02;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .overlayCloseButton {\n    order: 1;\n  }\n\n  .overlayTitle {\n    order: 2;\n  }\n\n  .workspaceContent {\n    background-color: $ui-01;\n    overflow-y: auto;\n    height: 100%;\n  }\n\n  // The parcel makes a div, between the workspace container and the workspace itself\n  .workspaceContent > div {\n    height: 100%;\n  }\n\n  .dynamicWidth {\n    width: 100%;\n  }\n\n  .marginWorkspaceContent {\n    margin-bottom: var(--bottom-nav-height);\n  }\n}\n\n// Overriding styles for RTL support\nhtml[dir='rtl'] {\n  :global(.omrs-breakpoint-gt-tablet) {\n    .workspaceContainerWithActionMenu {\n      .workspaceFixedContainer {\n        right: unset;\n        left: $actionPanelOffset;\n      }\n    }\n\n    .workspaceContainerWithoutActionMenu {\n      height: 100%;\n\n      .workspaceFixedContainer {\n        right: unset;\n        left: 0;\n      }\n    }\n  }\n}\n","@use '@carbon/layout';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n$icon-button-size: layout.$spacing-08;\n$actionPanelOffset: layout.$spacing-09;\n\n.sideRailHidden {\n  display: none;\n}\n\n.sideRailVisible {\n  display: flex;\n}\n\n/* Desktop */\n:global(.omrs-breakpoint-gt-tablet) {\n  .sideRail {\n    width: $actionPanelOffset;\n\n    .container {\n      position: fixed;\n      top: var(--omrs-navbar-height);\n      right: 0;\n      background: $ui-01;\n      height: 100%;\n      z-index: 1000;\n      width: $actionPanelOffset;\n      border-left: 1px solid $text-03;\n      display: flex;\n      align-items: center;\n      flex-direction: column;\n    }\n\n    &.withinWorkspace .container {\n      top: calc(var(--omrs-navbar-height) + var(--workspace-header-height));\n    }\n  }\n}\n\n/* Tablet */\n:global(.omrs-breakpoint-lt-desktop) {\n  .sideRail {\n    border-top: 1px solid $color-gray-30;\n    background-color: $ui-02;\n    position: fixed;\n    left: 0;\n    bottom: 0;\n    z-index: 8003;\n    width: 100%;\n    display: flex;\n    justify-content: stretch;\n  }\n\n  .chartExtensions {\n    background-color: $ui-02;\n    display: flex;\n    width: 100%;\n\n    > div {\n      flex: 1;\n      cursor: pointer;\n    }\n  }\n\n  .container {\n    display: flex;\n    align-items: center;\n    width: 100%;\n  }\n}\n\n.divider {\n  background-color: $text-03;\n  margin: layout.$spacing-04 0;\n  height: 1px;\n  width: layout.$spacing-08;\n}\n\n// Overriding styles for RTL support\nhtml[dir='rtl'] {\n  :global(.omrs-breakpoint-gt-tablet) {\n    .sideRail {\n      .container {\n        right: unset;\n        left: 0;\n      }\n    }\n  }\n}\n","@keyframes slideInFromLeft {\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(0);\n  }\n}\n\n@keyframes slideOutToLeft {\n  0% {\n    transform: translateX(0);\n  }\n  100% {\n    transform: translateX(-100%);\n  }\n}\n\n.animated {\n  animation-duration: 250ms;\n  animation-timing-function: ease-in-out;\n}\n\n.slideIn {\n  animation-name: slideInFromLeft;\n}\n\n.slideOut {\n  animation-name: slideOutToLeft;\n}\n",".skeleton {\n  height: 3.5rem;\n  width: 3.5rem;\n}\n",":global([dir='rtl']) {\n  .pictogram {\n    transform: scaleX(-1);\n  }\n}\n","@use '@carbon/layout';\n@use '@carbon/type';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.bodyCompact01 {\n  @include type.type-style('body-compact-01');\n}\n\n.searchResults {\n  @include type.type-style('body-compact-02');\n  max-height: 100%;\n  overflow-y: auto;\n  padding: 0 layout.$spacing-06;\n  background-color: $ui-01;\n  height: 25.5rem;\n}\n\n.resultsCount {\n  @extend .bodyCompact01;\n  color: $color-gray-70;\n}\n\n.locationResultsContainer {\n  display: flex;\n  overflow-y: auto;\n  padding: layout.$spacing-03 layout.$spacing-01 0;\n}\n\n.locationRadioButton {\n  display: flex;\n  height: layout.$spacing-09;\n  align-items: center;\n  @extend .bodyCompact01;\n}\n\n.locationNotFound {\n  @include type.type-style('heading-compact-01');\n  color: $text-02;\n  margin-bottom: layout.$spacing-05;\n}\n\n.confirmButton {\n  padding: layout.$spacing-06;\n\n  .savePreferenceCheckbox {\n    padding-bottom: layout.$spacing-05 !important;\n  }\n\n  button {\n    width: 100%;\n  }\n}\n\n.radioButtonSkeleton {\n  margin-right: 0 !important;\n  margin-bottom: layout.$spacing-07;\n}\n\n.radioButtonSkeleton span {\n  width: 100% !important;\n}\n\n.loadingIcon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  max-width: 50%;\n  margin: layout.$spacing-05 auto;\n\n  :global(.cds--loading__stroke) {\n    @include brand-03(stroke);\n  }\n}\n\n.loadingContainer {\n  margin-top: layout.$spacing-06;\n}\n\n.emptyState {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: layout.$spacing-06 auto 0;\n}\n","@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.contactDetails,\n.deceased {\n  color: $text-02;\n  width: 100%;\n  border-top: 1px solid $ui-03;\n}\n\n.heading {\n  @include type.type-style('heading-compact-01');\n  color: $text-02;\n}\n\n.row {\n  @include type.type-style('body-compact-01');\n  display: flex;\n\n  &:first-child {\n    border-bottom: 1px solid $ui-03;\n  }\n}\n\n.row > .col {\n  flex: 1;\n  padding: layout.$spacing-05;\n\n  &:nth-of-type(2n + 1) {\n    border-right: 1px solid $ui-03;\n  }\n}\n\n.row li {\n  margin: layout.$spacing-03 0;\n}\n\n.relationship {\n  display: flex;\n  flex-flow: row nowrap;\n}\n\n.relationship div {\n  flex: 1 1;\n}\n",null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,"@import '@carbon/styles';\n@import '@carbon/charts/styles.css';\n@import './vars';\n\n@import './components/general';\n@import './components/canvas';\n@import './components/colors';\n@import './components/breadcrumbs';\n@import './components/main-content';\n@import './logo/logo';\n@import './spinner/spinner';\n@import './notifications/notifications';\n@import './notifications/actionable-notifications';\n@import './toasts/toasts';\n@import './snackbars/snackbars';\n@import './modals/modals';\n\n@import './overrides';\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'config';\n@use 'type' as type;\n@use './utilities/custom-property';\n\n@mixin reset {\n  /// http://meyerweb.com/eric/tools/css/reset/\n  /// v2.0 | 20110126\n  /// License: none (public domain)\n  /// Start vendor reset\n  html,\n  body,\n  div,\n  span,\n  applet,\n  object,\n  iframe,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  p,\n  blockquote,\n  pre,\n  a,\n  abbr,\n  acronym,\n  address,\n  big,\n  cite,\n  code,\n  del,\n  dfn,\n  em,\n  img,\n  ins,\n  kbd,\n  q,\n  s,\n  samp,\n  small,\n  strike,\n  strong,\n  sub,\n  sup,\n  tt,\n  var,\n  b,\n  u,\n  i,\n  center,\n  dl,\n  dt,\n  dd,\n  ol,\n  ul,\n  li,\n  fieldset,\n  form,\n  label,\n  legend,\n  table,\n  caption,\n  tbody,\n  tfoot,\n  thead,\n  tr,\n  th,\n  td,\n  article,\n  aside,\n  canvas,\n  details,\n  embed,\n  figure,\n  figcaption,\n  footer,\n  header,\n  hgroup,\n  menu,\n  nav,\n  output,\n  ruby,\n  section,\n  summary,\n  time,\n  mark,\n  audio,\n  video {\n    padding: 0;\n    border: 0;\n    margin: 0;\n    font: inherit;\n    font-feature-settings: 'liga' 1;\n    font-size: 100%;\n    vertical-align: baseline;\n  }\n\n  // Chrome 62 fix\n  button,\n  select,\n  input,\n  textarea {\n    border-radius: 0;\n    font-family: inherit;\n  }\n\n  /* HTML5 display-role reset for older browsers */\n  article,\n  aside,\n  details,\n  figcaption,\n  figure,\n  footer,\n  header,\n  hgroup,\n  menu,\n  nav,\n  section {\n    display: block;\n  }\n\n  body {\n    @if config.$css--body == true {\n      background-color: custom-property.get-var('background', #ffffff);\n      color: custom-property.get-var('text-primary', #161616);\n    }\n\n    line-height: 1;\n  }\n\n  ol,\n  ul {\n    list-style: none;\n  }\n\n  blockquote,\n  q {\n    quotes: none;\n  }\n\n  blockquote::before,\n  blockquote::after,\n  q::before,\n  q::after {\n    content: none;\n  }\n\n  table {\n    border-collapse: collapse;\n    border-spacing: 0;\n  }\n\n  /// End vendor reset\n  html {\n    box-sizing: border-box;\n  }\n\n  *,\n  *::before,\n  *::after {\n    box-sizing: inherit;\n  }\n\n  @include type.reset();\n\n  /// Makes SVGs accessible in high contrast mode\n  /// @link https://github.com/IBM/carbon-elements/issues/345#issuecomment-466577293 Carbon-elements #345\n  @media screen and (-ms-high-contrast: active) {\n    svg {\n      fill: ButtonText;\n    }\n  }\n}\n\n@if config.$css--reset == true {\n  @include reset;\n}\n\n@if config.$css--default-type == true {\n  @include type.default-type();\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:map';\n@use 'sass:meta';\n@use '@carbon/layout';\n@use 'font-family' as *;\n\n/// Include a type reset for a given body and mono font family\n/// @param {String} $body-font-family [font-family('sans')] - The font family used on the `<body>` element\n/// @param {String} $mono-font-family [font-family('mono')] - The font family used on elements that require mono fonts, like the `<code>` element\n/// @access public\n/// @group @carbon/type\n@mixin reset(\n  $body-font-family: font-family('sans'),\n  $mono-font-family: font-family('mono')\n) {\n  html {\n    font-size: 100%;\n  }\n\n  body {\n    @include font-weight('regular');\n\n    font-family: $body-font-family;\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-font-smoothing: antialiased;\n    text-rendering: optimizeLegibility;\n  }\n\n  code {\n    font-family: $mono-font-family;\n  }\n\n  strong {\n    @include font-weight('semibold');\n  }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:string';\n@use 'sass:map';\n\n/// Font family fallbacks for: IBM Plex Mono, IBM Plex Sans, IBM Plex Sans\n/// Condensed, IBM Plex Sans Hebrew, and IBM Plex Serif\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$font-families: (\n  'mono':\n    string.unquote(\n      \"'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace\"\n    ),\n  'sans':\n    string.unquote(\n      \"'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif\"\n    ),\n  'sans-condensed':\n    string.unquote(\n      \"'IBM Plex Sans Condensed', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif\"\n    ),\n  'sans-arabic':\n    string.unquote(\n      \"'IBM Plex Sans Arabic', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif\"\n    ),\n  'sans-devanagari':\n    string.unquote(\n      \"'IBM Plex Sans Devanagari', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif\"\n    ),\n  'sans-hebrew':\n    string.unquote(\n      \"'IBM Plex Sans Hebrew', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif\"\n    ),\n  'sans-jp':\n    string.unquote(\n      \"'IBM Plex Sans JP', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif\"\n    ),\n  'sans-kr':\n    string.unquote(\n      \"'IBM Plex Sans KR', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif\"\n    ),\n  'sans-thai-looped':\n    string.unquote(\n      \"'IBM Plex Sans Thai Looped', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif\"\n    ),\n  'sans-thai':\n    string.unquote(\n      \"'IBM Plex Sans Thai', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif\"\n    ),\n  'serif':\n    string.unquote(\n      \"'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif\"\n    ),\n) !default;\n\n/// Get the font-family for an IBM Plex font\n/// @param {String} $name\n/// @return {String}\n/// @access public\n/// @group @carbon/type\n@function font-family($name) {\n  @return map.get($font-families, $name);\n}\n\n/// Include the `font-family` definition for the given name in your selector\n/// @param {String} $name\n/// @access public\n/// @group @carbon/type\n@mixin font-family($name) {\n  font-family: font-family($name);\n}\n\n/// Suggested font weights to be used in product\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$font-weights: (\n  'light': 300,\n  'regular': 400,\n  'semibold': 600,\n) !default;\n\n/// Retrieve the font-weight value for a given name\n/// @param {String} $weight\n/// @return {Number}\n/// @access public\n/// @group @carbon/type\n@function font-weight($weight) {\n  @return map.get($font-weights, $weight);\n}\n\n/// Set the `font-weight` property with the value for a given name\n/// @param {String} $weight\n/// @access public\n/// @group @carbon/type\n@mixin font-weight($weight) {\n  font-weight: font-weight($weight);\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n@use 'sass:meta';\n@use 'styles' as *;\n@use 'prefix' as *;\n\n/// Include default type styles\n/// @access public\n/// @group @carbon/type\n@mixin default-type {\n  h1 {\n    @include type-style('heading-06');\n  }\n\n  h2 {\n    @include type-style('heading-05');\n  }\n\n  h3 {\n    @include type-style('heading-04');\n  }\n\n  h4 {\n    @include type-style('heading-03');\n  }\n\n  h5 {\n    @include type-style('heading-02');\n  }\n\n  h6 {\n    @include type-style('heading-01');\n  }\n\n  p {\n    @include type-style('body-02');\n  }\n\n  a {\n    color: var(--#{$prefix}-link-primary, #0062fe);\n  }\n\n  em {\n    font-style: italic;\n  }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../config';\n@use './src';\n@use './unicode';\n\n$font-family: 'IBM Plex Mono';\n$name: 'IBM-Plex-Mono';\n$styles: (normal, italic);\n$unicode-ranges: (Cyrillic, Pi, Latin3, Latin2, Latin1);\n$formats: (woff2);\n$package-name: 'mono';\n\n@mixin thin($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @each $style in $styles {\n    @each $unicode-range in $unicode-ranges {\n      @font-face {\n        font-display: config.$font-display;\n        font-family: $font-family;\n        font-style: $style;\n        font-weight: 100;\n        src: src.get(\n          $name,\n          Thin,\n          $style,\n          $unicode-range,\n          $formats,\n          $package-name\n        );\n        unicode-range: unicode.get-range($unicode-range);\n      }\n    }\n  }\n}\n\n@mixin extralight($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @each $style in $styles {\n    @each $unicode-range in $unicode-ranges {\n      @font-face {\n        font-display: config.$font-display;\n        font-family: $font-family;\n        font-style: $style;\n        font-weight: 200;\n        src: src.get(\n          $name,\n          ExtraLight,\n          $style,\n          $unicode-range,\n          $formats,\n          $package-name\n        );\n        unicode-range: unicode.get-range($unicode-range);\n      }\n    }\n  }\n}\n\n@mixin light($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @each $style in $styles {\n    @each $unicode-range in $unicode-ranges {\n      @font-face {\n        font-display: config.$font-display;\n        font-family: $font-family;\n        font-style: $style;\n        font-weight: 300;\n        src: src.get(\n          $name,\n          Light,\n          $style,\n          $unicode-range,\n          $formats,\n          $package-name\n        );\n        unicode-range: unicode.get-range($unicode-range);\n      }\n    }\n  }\n}\n\n@mixin regular($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @each $style in $styles {\n    @each $unicode-range in $unicode-ranges {\n      @font-face {\n        font-display: config.$font-display;\n        font-family: $font-family;\n        font-style: $style;\n        font-weight: 400;\n        src: src.get(\n          $name,\n          Regular,\n          $style,\n          $unicode-range,\n          $formats,\n          $package-name\n        );\n        unicode-range: unicode.get-range($unicode-range);\n      }\n    }\n  }\n}\n\n@mixin text($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @each $style in $styles {\n    @each $unicode-range in $unicode-ranges {\n      @font-face {\n        font-display: config.$font-display;\n        font-family: $font-family;\n        font-style: $style;\n        font-weight: 450;\n        src: src.get(\n          $name,\n          Text,\n          $style,\n          $unicode-range,\n          $formats,\n          $package-name\n        );\n        unicode-range: unicode.get-range($unicode-range);\n      }\n    }\n  }\n}\n\n@mixin medium($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @each $style in $styles {\n    @each $unicode-range in $unicode-ranges {\n      @font-face {\n        font-display: config.$font-display;\n        font-family: $font-family;\n        font-style: $style;\n        font-weight: 500;\n        src: src.get(\n          $name,\n          Medium,\n          $style,\n          $unicode-range,\n          $formats,\n          $package-name\n        );\n        unicode-range: unicode.get-range($unicode-range);\n      }\n    }\n  }\n}\n\n@mixin semibold($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @each $style in $styles {\n    @each $unicode-range in $unicode-ranges {\n      @font-face {\n        font-display: config.$font-display;\n        font-family: $font-family;\n        font-style: $style;\n        font-weight: 600;\n        src: src.get(\n          $name,\n          SemiBold,\n          $style,\n          $unicode-range,\n          $formats,\n          $package-name\n        );\n        unicode-range: unicode.get-range($unicode-range);\n      }\n    }\n  }\n}\n\n@mixin bold($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @each $style in $styles {\n    @each $unicode-range in $unicode-ranges {\n      @font-face {\n        font-display: config.$font-display;\n        font-family: $font-family;\n        font-style: $style;\n        font-weight: 700;\n        src: src.get(\n          $name,\n          Bold,\n          $style,\n          $unicode-range,\n          $formats,\n          $package-name\n        );\n        unicode-range: unicode.get-range($unicode-range);\n      }\n    }\n  }\n}\n\n@mixin all($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @include thin($styles, $unicode-ranges);\n  @include extralight($styles, $unicode-ranges);\n  @include light($styles, $unicode-ranges);\n  @include regular($styles, $unicode-ranges);\n  @include text($styles, $unicode-ranges);\n  @include medium($styles, $unicode-ranges);\n  @include semibold($styles, $unicode-ranges);\n  @include bold($styles, $unicode-ranges);\n}\n\n@mixin default() {\n  @include light();\n  @include regular();\n  @include semibold();\n}\n","//\n// Copyright IBM Corp. 2018, 2025\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// Specify whether default styles should be emitted for the <body> element,\n/// specifically background and text color\n/// @access public\n/// @type Bool\n/// @group config\n$css--body: true !default;\n\n/// If true, includes font face mixins from scss/fonts\n/// @access public\n/// @type Bool\n/// @group config\n$css--font-face: true !default;\n\n/// If true, emit the custom type properties in :root\n/// @access public\n/// @type Bool\n/// @group config\n$css--emit-type-custom-props: false !default;\n\n/// If true, include reset CSS\n/// @access public\n/// @type Bool\n/// @group config\n$css--reset: true !default;\n\n/// If true, include default type\n/// @access public\n/// @type Bool\n/// @group config\n$css--default-type: true !default;\n\n/// Specify the default value for the `font-display` property used for fonts\n/// loaded with @font-face\n/// @access public\n/// @type String\n/// @group config\n$font-display: 'swap' !default;\n\n/// Specify the base path for loading IBM Plex\n/// @access public\n/// @type String\n/// @group config\n$font-path: '~@ibm/plex' !default;\n\n/// Specify if the new per-family plex packages (e.g. @ibm/plex-sans) should be used\n/// @access public\n/// @type Boolean\n/// @group config\n$use-per-family-plex: false !default;\n\n/// Specify if IBM Plex should be provided by the IBM Akamai CDN\n/// @access public\n/// @type String\n/// @group config\n$use-akamai-cdn: false !default;\n\n/// The value used to prefix selectors and CSS Custom Properties across the\n/// codebase\n/// @access public\n/// @type String\n/// @group config\n$prefix: 'cds' !default;\n\n/// Total columns used in the flex grid\n/// @type Number\n/// @access public\n/// @group @carbon/grid\n$flex-grid-columns: 16 !default;\n\n/// Specify if the flexbox grid styles should be emitted\n/// @type Boolean\n/// @group config\n$use-flexbox-grid: false !default;\n\n@forward '@carbon/grid/scss/config' hide $prefix,\n  $flex-grid-columns with (\n    $prefix: $prefix,\n    $flex-grid-columns: $flex-grid-columns\n  );\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../config';\n@use './src';\n@use './unicode';\n\n$font-family: 'IBM Plex Sans';\n$name: 'IBM-Plex-Sans';\n$styles: (normal, italic);\n$unicode-ranges: (Cyrillic, Pi, Latin3, Latin2, Latin1);\n$formats: (woff2);\n$package-name: 'sans';\n\n@mixin thin($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @each $style in $styles {\n    @each $unicode-range in $unicode-ranges {\n      @font-face {\n        font-display: config.$font-display;\n        font-family: $font-family;\n        font-style: $style;\n        font-weight: 100;\n        src: src.get(\n          $name,\n          Thin,\n          $style,\n          $unicode-range,\n          $formats,\n          $package-name\n        );\n        unicode-range: unicode.get-range($unicode-range);\n      }\n    }\n  }\n}\n\n@mixin extralight($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @each $style in $styles {\n    @each $unicode-range in $unicode-ranges {\n      @font-face {\n        font-display: config.$font-display;\n        font-family: $font-family;\n        font-style: $style;\n        font-weight: 200;\n        src: src.get(\n          $name,\n          ExtraLight,\n          $style,\n          $unicode-range,\n          $formats,\n          $package-name\n        );\n        unicode-range: unicode.get-range($unicode-range);\n      }\n    }\n  }\n}\n\n@mixin light($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @each $style in $styles {\n    @each $unicode-range in $unicode-ranges {\n      @font-face {\n        font-display: config.$font-display;\n        font-family: $font-family;\n        font-style: $style;\n        font-weight: 300;\n        src: src.get(\n          $name,\n          Light,\n          $style,\n          $unicode-range,\n          $formats,\n          $package-name\n        );\n        unicode-range: unicode.get-range($unicode-range);\n      }\n    }\n  }\n}\n\n@mixin regular($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @each $style in $styles {\n    @each $unicode-range in $unicode-ranges {\n      @font-face {\n        font-display: config.$font-display;\n        font-family: $font-family;\n        font-style: $style;\n        font-weight: 400;\n        src: src.get(\n          $name,\n          Regular,\n          $style,\n          $unicode-range,\n          $formats,\n          $package-name\n        );\n        unicode-range: unicode.get-range($unicode-range);\n      }\n    }\n  }\n}\n\n@mixin text($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @each $style in $styles {\n    @each $unicode-range in $unicode-ranges {\n      @font-face {\n        font-display: config.$font-display;\n        font-family: $font-family;\n        font-style: $style;\n        font-weight: 450;\n        src: src.get(\n          $name,\n          Text,\n          $style,\n          $unicode-range,\n          $formats,\n          $package-name\n        );\n        unicode-range: unicode.get-range($unicode-range);\n      }\n    }\n  }\n}\n\n@mixin medium($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @each $style in $styles {\n    @each $unicode-range in $unicode-ranges {\n      @font-face {\n        font-display: config.$font-display;\n        font-family: $font-family;\n        font-style: $style;\n        font-weight: 500;\n        src: src.get(\n          $name,\n          Medium,\n          $style,\n          $unicode-range,\n          $formats,\n          $package-name\n        );\n        unicode-range: unicode.get-range($unicode-range);\n      }\n    }\n  }\n}\n\n@mixin semibold($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @each $style in $styles {\n    @each $unicode-range in $unicode-ranges {\n      @font-face {\n        font-display: config.$font-display;\n        font-family: $font-family;\n        font-style: $style;\n        font-weight: 600;\n        src: src.get(\n          $name,\n          SemiBold,\n          $style,\n          $unicode-range,\n          $formats,\n          $package-name\n        );\n        unicode-range: unicode.get-range($unicode-range);\n      }\n    }\n  }\n}\n\n@mixin bold($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @each $style in $styles {\n    @each $unicode-range in $unicode-ranges {\n      @font-face {\n        font-display: config.$font-display;\n        font-family: $font-family;\n        font-style: $style;\n        font-weight: 700;\n        src: src.get(\n          $name,\n          Bold,\n          $style,\n          $unicode-range,\n          $formats,\n          $package-name\n        );\n        unicode-range: unicode.get-range($unicode-range);\n      }\n    }\n  }\n}\n\n@mixin all($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @include thin($styles, $unicode-ranges);\n  @include extralight($styles, $unicode-ranges);\n  @include light($styles, $unicode-ranges);\n  @include regular($styles, $unicode-ranges);\n  @include text($styles, $unicode-ranges);\n  @include medium($styles, $unicode-ranges);\n  @include semibold($styles, $unicode-ranges);\n  @include bold($styles, $unicode-ranges);\n}\n\n@mixin default() {\n  @include light();\n  @include regular();\n  @include semibold();\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../config';\n@use './src';\n@use './unicode';\n\n$font-family: 'IBM Plex Serif';\n$name: 'IBM-Plex-Serif';\n$styles: (normal, italic);\n$unicode-ranges: (Cyrillic, Pi, Latin3, Latin2, Latin1);\n$formats: (woff2);\n$package-name: 'serif';\n\n@mixin thin($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @each $style in $styles {\n    @each $unicode-range in $unicode-ranges {\n      @font-face {\n        font-display: config.$font-display;\n        font-family: $font-family;\n        font-style: $style;\n        font-weight: 100;\n        src: src.get(\n          $name,\n          Thin,\n          $style,\n          $unicode-range,\n          $formats,\n          $package-name\n        );\n        unicode-range: unicode.get-range($unicode-range);\n      }\n    }\n  }\n}\n\n@mixin extralight($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @each $style in $styles {\n    @each $unicode-range in $unicode-ranges {\n      @font-face {\n        font-display: config.$font-display;\n        font-family: $font-family;\n        font-style: $style;\n        font-weight: 200;\n        src: src.get(\n          $name,\n          ExtraLight,\n          $style,\n          $unicode-range,\n          $formats,\n          $package-name\n        );\n        unicode-range: unicode.get-range($unicode-range);\n      }\n    }\n  }\n}\n\n@mixin light($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @each $style in $styles {\n    @each $unicode-range in $unicode-ranges {\n      @font-face {\n        font-display: config.$font-display;\n        font-family: $font-family;\n        font-style: $style;\n        font-weight: 300;\n        src: src.get(\n          $name,\n          Light,\n          $style,\n          $unicode-range,\n          $formats,\n          $package-name\n        );\n        unicode-range: unicode.get-range($unicode-range);\n      }\n    }\n  }\n}\n\n@mixin regular($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @each $style in $styles {\n    @each $unicode-range in $unicode-ranges {\n      @font-face {\n        font-display: config.$font-display;\n        font-family: $font-family;\n        font-style: $style;\n        font-weight: 400;\n        src: src.get(\n          $name,\n          Regular,\n          $style,\n          $unicode-range,\n          $formats,\n          $package-name\n        );\n        unicode-range: unicode.get-range($unicode-range);\n      }\n    }\n  }\n}\n\n@mixin text($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @each $style in $styles {\n    @each $unicode-range in $unicode-ranges {\n      @font-face {\n        font-display: config.$font-display;\n        font-family: $font-family;\n        font-style: $style;\n        font-weight: 450;\n        src: src.get(\n          $name,\n          Text,\n          $style,\n          $unicode-range,\n          $formats,\n          $package-name\n        );\n        unicode-range: unicode.get-range($unicode-range);\n      }\n    }\n  }\n}\n\n@mixin medium($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @each $style in $styles {\n    @each $unicode-range in $unicode-ranges {\n      @font-face {\n        font-display: config.$font-display;\n        font-family: $font-family;\n        font-style: $style;\n        font-weight: 500;\n        src: src.get(\n          $name,\n          Medium,\n          $style,\n          $unicode-range,\n          $formats,\n          $package-name\n        );\n        unicode-range: unicode.get-range($unicode-range);\n      }\n    }\n  }\n}\n\n@mixin semibold($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @each $style in $styles {\n    @each $unicode-range in $unicode-ranges {\n      @font-face {\n        font-display: config.$font-display;\n        font-family: $font-family;\n        font-style: $style;\n        font-weight: 600;\n        src: src.get(\n          $name,\n          SemiBold,\n          $style,\n          $unicode-range,\n          $formats,\n          $package-name\n        );\n        unicode-range: unicode.get-range($unicode-range);\n      }\n    }\n  }\n}\n\n@mixin bold($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @each $style in $styles {\n    @each $unicode-range in $unicode-ranges {\n      @font-face {\n        font-display: config.$font-display;\n        font-family: $font-family;\n        font-style: $style;\n        font-weight: 700;\n        src: src.get(\n          $name,\n          Bold,\n          $style,\n          $unicode-range,\n          $formats,\n          $package-name\n        );\n        unicode-range: unicode.get-range($unicode-range);\n      }\n    }\n  }\n}\n\n@mixin all($styles: $styles, $unicode-ranges: $unicode-ranges) {\n  @include thin($styles, $unicode-ranges);\n  @include extralight($styles, $unicode-ranges);\n  @include light($styles, $unicode-ranges);\n  @include regular($styles, $unicode-ranges);\n  @include text($styles, $unicode-ranges);\n  @include medium($styles, $unicode-ranges);\n  @include semibold($styles, $unicode-ranges);\n  @include bold($styles, $unicode-ranges);\n}\n\n@mixin default() {\n  @include light();\n  @include regular();\n  @include semibold();\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:list';\n@use 'sass:map';\n@use 'sass:math';\n@use 'sass:meta';\n@use 'config' as *;\n@use 'breakpoint' as *;\n\n/// Emit all the styles related to the CSS Grid, these include:\n/// - The base grid class\n/// - The various gutter modes\n/// - The ability to specifiy column span\n/// - The ability to specifiy column start,end position\n/// - Support for subgrid\n/// - Support for hanging content on a grid column\n/// - Support for controlling grid gutter on a cell basis\n/// - Support for specifying content alignment\n///\n///\n/// In general, this mixin is structured in a way to emit the fewest CSS styles\n/// as possible. To do this, we will (as much as possible) not emit a value if\n/// one is already defined at a previous breakpoint.\n///\n/// In addition, this mixin will break down emitting styles into several stages:\n/// 1. Emit styles for the smallest breakpoint without any breakpoint. By\n/// default, these styles will be on\n/// 2. For every other breakpoint, wrap it in a breakpoint so that it only is\n/// triggered when that breakpoint is applied\n/// 3. In situations where it is appropriate, we also will emit \"unconditional\"\n/// selectors that will always apply. For example, if you wanted a column to\n/// always span four columns\n@mixin css-grid($breakpoints: $grid-breakpoints) {\n  /// The :root selector is responsible for setting several top-level CSS Custom\n  /// Properties, including the overall grid gutter, grid column count, and grid\n  /// margin\n  :root {\n    --cds-grid-gutter: #{$grid-gutter};\n\n    // Iterate through the grid breakpoints and only emit the grid-columns and\n    // grid-margin CSS Custom Properties if they've changed from the previous\n    // breakpoint. By default, we emit the smallest breakpoint values on the\n    // :root selector\n    @each $key, $value in $breakpoints {\n      @if is-smallest-breakpoint($key, $breakpoints) {\n        --cds-grid-columns: #{get-column-count($breakpoints, $key)};\n        --cds-grid-margin: #{get-margin($breakpoints, $key)};\n      } @else {\n        $previous-breakpoint: breakpoint-prev($key, $breakpoints);\n        $changes: ();\n\n        @if get-column-count($breakpoints, $key) !=\n          get-column-count($breakpoints, $previous-breakpoint)\n        {\n          $changes: map.set(\n            $changes,\n            grid-columns,\n            get-column-count($breakpoints, $key)\n          );\n        }\n\n        @if get-margin($breakpoints, $key) !=\n          get-margin($breakpoints, $previous-breakpoint)\n        {\n          $changes: map.set(\n            $changes,\n            grid-margin,\n            get-margin($breakpoints, $key)\n          );\n        }\n\n        @include breakpoint($key) {\n          @each $name, $value in $changes {\n            --cds-#{$name}: #{$value};\n          }\n        }\n      }\n    }\n  }\n\n  // -----------------------------------------------------------------------------\n  // Base CSS Grid\n  // -----------------------------------------------------------------------------\n  .#{$prefix}--css-grid {\n    --cds-grid-gutter-start: calc(var(--cds-grid-gutter) / 2);\n    --cds-grid-gutter-end: calc(var(--cds-grid-gutter) / 2);\n    // We split out a separate \"column hang\" since \"gutter-start\" is set\n    // dynamically and could be 0\n    --cds-grid-column-hang: calc(var(--cds-grid-gutter) / 2);\n\n    display: grid;\n    grid-template-columns: repeat(var(--cds-grid-columns), minmax(0, 1fr));\n    inline-size: 100%;\n    margin-inline: auto;\n    max-inline-size: get-grid-width(\n      $breakpoints,\n      largest-breakpoint-name($breakpoints)\n    );\n    padding-inline: var(--cds-grid-margin);\n  }\n\n  // -----------------------------------------------------------------------------\n  // Full width\n  // -----------------------------------------------------------------------------\n  .#{$prefix}--css-grid--full-width {\n    max-inline-size: 100%;\n  }\n\n  // -----------------------------------------------------------------------------\n  // Column\n  // -----------------------------------------------------------------------------\n\n  // Add gutter to columns in a CSS Grid. Unfortunately, we cannot use\n  // `grid-gap`, `column-gap`, etc. as we need to conditionally remove leading\n  // and trailing gutter from a column.\n  .#{$prefix}--css-grid-column {\n    // grid-mode-start, grid-mode-end are meant to capture the \"grid settings\"\n    // so that subgrids can correctly fit in parent grids by reverting the\n    // grid's outer padding\n    --cds-grid-mode-start: var(--cds-grid-gutter-start);\n    --cds-grid-mode-end: var(--cds-grid-gutter-end);\n\n    margin-inline: var(--cds-grid-gutter-start) var(--cds-grid-gutter-end);\n\n    [dir='rtl'] & {\n      margin-inline: var(--cds-grid-gutter-end) var(--cds-grid-gutter-start);\n    }\n  }\n\n  // -----------------------------------------------------------------------------\n  // Gutter modes\n  // -----------------------------------------------------------------------------\n\n  // Narrow\n  .#{$prefix}--css-grid--narrow {\n    --cds-grid-gutter-start: 0rem; /* stylelint-disable-line length-zero-no-unit */\n  }\n\n  // Condensed\n  .#{$prefix}--css-grid--condensed {\n    --cds-grid-gutter: #{$grid-gutter-condensed};\n    --cds-grid-column-hang: #{math.div($grid-gutter, 2) - math.div(\n        $grid-gutter-condensed,\n        2\n      )};\n  }\n\n  // -----------------------------------------------------------------------------\n  // Alignment\n  // -----------------------------------------------------------------------------\n\n  // Start\n  .#{$prefix}--css-grid--start {\n    margin-inline-start: 0;\n  }\n\n  // End\n  .#{$prefix}--css-grid--end {\n    margin-inline-end: 0;\n  }\n\n  // -----------------------------------------------------------------------------\n  // Subgrid\n  // -----------------------------------------------------------------------------\n  .#{$prefix}--subgrid {\n    display: grid;\n    grid-template-columns: repeat(var(--cds-grid-columns), minmax(0, 1fr));\n    margin-inline: calc(var(--cds-grid-mode-start) * -1)\n      calc(var(--cds-grid-mode-end) * -1);\n\n    [dir='rtl'] & {\n      margin-inline: calc(var(--cds-grid-mode-end) * -1)\n        calc(var(--cds-grid-mode-start) * -1);\n    }\n  }\n\n  // Support the gutter modes in subgrids\n  .#{$prefix}--subgrid--wide {\n    --cds-grid-gutter-start: #{math.div($grid-gutter, 2)};\n    --cds-grid-gutter-end: #{math.div($grid-gutter, 2)};\n    --cds-grid-column-hang: 0;\n  }\n\n  .#{$prefix}--subgrid--narrow {\n    --cds-grid-gutter-start: 0rem; /* stylelint-disable-line length-zero-no-unit */\n    --cds-grid-gutter-end: #{math.div($grid-gutter, 2)};\n    --cds-grid-column-hang: #{math.div($grid-gutter, 2)};\n  }\n\n  .#{$prefix}--subgrid--condensed {\n    --cds-grid-gutter-start: #{math.div($grid-gutter-condensed, 2)};\n    --cds-grid-gutter-end: #{math.div($grid-gutter-condensed, 2)};\n    --cds-grid-column-hang: #{math.div($grid-gutter, 2) - math.div(\n        $grid-gutter-condensed,\n        2\n      )};\n  }\n\n  // -----------------------------------------------------------------------------\n  // Column hang\n  // -----------------------------------------------------------------------------\n\n  // Helper class to allow for text alignment in columns where the leading\n  // gutter is missing (like narrow) or is reduced (like in condensed).\n  .#{$prefix}--grid-column-hang {\n    margin-inline-start: var(--cds-grid-column-hang);\n\n    [dir='rtl'] & {\n      margin-inline: initial var(--cds-grid-column-hang);\n    }\n  }\n\n  // -----------------------------------------------------------------------------\n  // Column span\n  // -----------------------------------------------------------------------------\n\n  // Generate col-span-{0-16} classes which unconditionally set column span\n  // regardless of breakpoint\n  @for $i from 0 through get-grid-columns($breakpoints) {\n    .#{$prefix}--col-span-#{$i} {\n      @include -column-span($i);\n    }\n  }\n\n  // Responsive column span\n  @each $name, $value in $breakpoints {\n    // Column span per breakpoint\n    @for $i from 0 through get-column-count($breakpoints, $name) {\n      @if is-smallest-breakpoint($name, $breakpoints) {\n        .#{$prefix}--#{$name}\\:col-span-#{$i} {\n          @include -column-span($i);\n        }\n      } @else {\n        @include breakpoint($name) {\n          .#{$prefix}--#{$name}\\:col-span-#{$i} {\n            @include -column-span($i);\n          }\n        }\n      }\n    }\n\n    // Percent column span per breakpoint\n    @if is-smallest-breakpoint($name, $breakpoints) {\n      .#{$prefix}--#{$name}\\:col-span-auto {\n        grid-column: auto;\n      }\n\n      .#{$prefix}--#{$name}\\:col-span-100 {\n        grid-column: 1 / -1;\n      }\n\n      $columns: get-column-count($breakpoints, $name);\n\n      .#{$prefix}--#{$name}\\:col-span-75 {\n        $span: $columns * 0.75;\n        --cds-grid-columns: #{$span};\n\n        grid-column: span list.slash($span, span) #{$span};\n      }\n\n      .#{$prefix}--#{$name}\\:col-span-50 {\n        $span: $columns * 0.5;\n        --cds-grid-columns: #{$span};\n\n        grid-column: span list.slash($span, span) #{$span};\n      }\n\n      .#{$prefix}--#{$name}\\:col-span-25 {\n        $span: $columns * 0.25;\n        --cds-grid-columns: #{$span};\n\n        grid-column: span list.slash($span, span) #{$span};\n      }\n    } @else {\n      @include breakpoint($name) {\n        .#{$prefix}--#{$name}\\:col-span-auto {\n          grid-column: auto;\n        }\n\n        .#{$prefix}--#{$name}\\:col-span-100 {\n          grid-column: 1 / -1;\n        }\n\n        $columns: get-column-count($breakpoints, $name);\n\n        .#{$prefix}--#{$name}\\:col-span-75 {\n          $span: $columns * 0.75;\n          --cds-grid-columns: #{$span};\n\n          grid-column: span list.slash($span, span) #{$span};\n        }\n\n        .#{$prefix}--#{$name}\\:col-span-50 {\n          $span: $columns * 0.5;\n          --cds-grid-columns: #{$span};\n\n          grid-column: span list.slash($span, span) #{$span};\n        }\n\n        .#{$prefix}--#{$name}\\:col-span-25 {\n          $span: $columns * 0.25;\n          --cds-grid-columns: #{$span};\n\n          grid-column: span list.slash($span, span) #{$span};\n        }\n      }\n    }\n  }\n\n  // -----------------------------------------------------------------------------\n  // Column percent span\n  // -----------------------------------------------------------------------------\n  .#{$prefix}--col-span-auto {\n    grid-column: auto;\n  }\n\n  .#{$prefix}--col-span-100 {\n    grid-column: 1 / -1;\n  }\n\n  .#{$prefix}--col-span-75 {\n    @include -percent-column-span($breakpoints, 0.75);\n  }\n\n  .#{$prefix}--col-span-50 {\n    @include -percent-column-span($breakpoints, 0.5);\n  }\n\n  .#{$prefix}--col-span-25 {\n    @include -percent-column-span($breakpoints, 0.25);\n  }\n\n  // -----------------------------------------------------------------------------\n  // Column offset\n  // -----------------------------------------------------------------------------\n  // Unconditional column start\n  // Note: we start at 1 and end at column-count to match grid lines. We do not\n  // start at column-count + 1 since starting at the end of the grid would mean\n  // a column would have no width available\n  @for $i from 1 through get-grid-columns($breakpoints) {\n    .#{$prefix}--col-start-#{$i} {\n      grid-column-start: $i;\n    }\n  }\n\n  // Unconditional column end\n  // Note: we start at 2 since a column ending at line 1 would have no width. We\n  // end at column-count + 1 since grid lines start at 1\n  @for $i from 2 through get-grid-columns($breakpoints) + 1 {\n    .#{$prefix}--col-end-#{$i} {\n      grid-column-end: $i;\n    }\n  }\n\n  .#{$prefix}--col-start-auto {\n    grid-column-start: auto;\n  }\n\n  .#{$prefix}--col-end-auto {\n    grid-column-end: auto;\n  }\n\n  // Responsive column start, end\n  @each $name, $value in $breakpoints {\n    @if is-smallest-breakpoint($name, $breakpoints) {\n      // Responsive column start\n      @for $i from 1 through get-grid-columns($breakpoints) {\n        .#{$prefix}--#{$name}\\:col-start-#{$i} {\n          grid-column-start: $i;\n        }\n      }\n\n      // Responsive column end\n      @for $i from 2 through get-grid-columns($breakpoints) + 1 {\n        .#{$prefix}--#{$name}\\:col-end-#{$i} {\n          grid-column-end: $i;\n        }\n      }\n\n      .#{$prefix}--#{$name}\\:col-start-auto {\n        grid-column-start: auto;\n      }\n\n      .#{$prefix}--#{$name}\\:col-end-auto {\n        grid-column-end: auto;\n      }\n    } @else {\n      @include breakpoint($name) {\n        // Responsive column start\n        @for $i from 1 through get-grid-columns($breakpoints) {\n          .#{$prefix}--#{$name}\\:col-start-#{$i} {\n            grid-column-start: $i;\n          }\n        }\n\n        // Responsive column end\n        @for $i from 2 through get-grid-columns($breakpoints) + 1 {\n          .#{$prefix}--#{$name}\\:col-end-#{$i} {\n            grid-column-end: $i;\n          }\n        }\n\n        .#{$prefix}--#{$name}\\:col-start-auto {\n          grid-column-start: auto;\n        }\n\n        .#{$prefix}--#{$name}\\:col-end-auto {\n          grid-column-end: auto;\n        }\n      }\n    }\n  }\n}\n\n/// Generate the styles for a grid column\n@mixin -column-span($i) {\n  @if $i == 0 {\n    display: none;\n  } @else {\n    --cds-grid-columns: #{$i};\n\n    display: block;\n    grid-column: span $i / span $i;\n  }\n}\n\n/// Generate the styles for an unconditional class that represents a percent\n/// span of a grid\n@mixin -percent-column-span($breakpoints, $percent) {\n  @each $key, $value in $breakpoints {\n    $columns: get-column-count($breakpoints, $key);\n    $span: $columns * $percent;\n\n    @if is-smallest-breakpoint($key, $breakpoints) {\n      --cds-grid-columns: #{$span};\n\n      grid-column: span list.slash($span, span) #{$span};\n    } @else {\n      $previous-breakpoint: breakpoint-prev($key, $breakpoints);\n      $previous-column-count: get-column-count(\n        $breakpoints,\n        $previous-breakpoint\n      );\n      $previous-span: $previous-column-count * $percent;\n\n      @if $span != $previous-span {\n        @include breakpoint($key) {\n          --cds-grid-columns: #{$span};\n\n          grid-column: span list.slash($span, span) #{$span};\n        }\n      }\n    }\n  }\n}\n\n/// Get the grid width for a specific breakpoint name\n@function get-grid-width($breakpoints, $breakpoint) {\n  @return map.get(map.get($breakpoints, $breakpoint), width);\n}\n\n/// Get the grid column count for a specific breakpoint name\n@function get-column-count($breakpoints, $breakpoint) {\n  @return map.get(map.get($breakpoints, $breakpoint), columns);\n}\n\n/// Get the grid margin for a specific breakpoint name\n@function get-margin($breakpoints, $breakpoint) {\n  $value: map.get(map.get($breakpoints, $breakpoint), margin);\n  @if $value == 0 {\n    @return 0;\n  }\n  @return $value;\n}\n\n/// Return the largest column count from a set of breakpoints\n@function get-grid-columns($breakpoints) {\n  @return get-column-count($breakpoints, largest-breakpoint-name($breakpoints));\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:list';\n@use 'sass:map';\n@use 'sass:meta';\n@use '@carbon/layout/scss/convert';\n@use 'config' as *;\n\n/// Provide a map and index, and get back the relevant key value\n/// @access public\n/// @param {Map} $map - Map\n/// @param {Integer} $index - Key chain\n/// @return {String} Desired value\n/// @group @carbon/layout\n@function -key-by-index($map, $index) {\n  $keys: map.keys($map);\n  @return list.nth($keys, $index);\n}\n\n/// Get the value of the next breakpoint, or null for the last breakpoint\n/// @param {String} $name - The name of the breakpoint\n/// @param {Map} $breakpoints [$grid-breakpoints] - A map of breakpoints where the key is the name of the breakpoint and the value is the values for the breakpoint\n/// @param {List} $breakpoint-names [map-keys($breakpoints)] - A list of names from the `$breakpoints` map\n/// @return {String}\n/// @access public\n/// @group @carbon/layout\n@function breakpoint-next(\n  $name,\n  $breakpoints: $grid-breakpoints,\n  $breakpoint-names: map.keys($breakpoints)\n) {\n  $n: list.index($breakpoint-names, $name);\n  @if $n != null and $n < list.length($breakpoint-names) {\n    @return list.nth($breakpoint-names, $n + 1);\n  }\n  @return null;\n}\n\n/// Get the value of the previous breakpoint, or null for the first breakpoint\n/// @param {String} $name - The name of the breakpoint\n/// @param {Map} $breakpoints [$grid-breakpoints] - A map of breakpoints where the key is the name of the breakpoint and the value is the values for the breakpoint\n/// @param {List} $breakpoint-names [map-keys($breakpoints)] - A list of names from the `$breakpoints` map\n/// @return {String}\n/// @access public\n/// @group @carbon/layout\n@function breakpoint-prev(\n  $name,\n  $breakpoints: $grid-breakpoints,\n  $breakpoint-names: map.keys($breakpoints)\n) {\n  $n: list.index($breakpoint-names, $name);\n  @if $n != null and $n > 1 {\n    @return list.nth($breakpoint-names, $n - 1);\n  }\n  @return null;\n}\n\n/// Check to see if the given breakpoint name\n/// @param {String} $name - The name of the breakpoint\n/// @param {Map} $breakpoints [$grid-breakpoints] - A map of breakpoints where the key is the name of the breakpoint and the value is the values for the breakpoint\n/// @return {Bool}\n/// @access public\n/// @group @carbon/layout\n@function is-smallest-breakpoint($name, $breakpoints: $grid-breakpoints) {\n  @return list.index(map.keys($breakpoints), $name) == 1;\n}\n\n/// Returns the largest breakpoint name\n/// @param {Map} $breakpoints [$grid-breakpoints] - A map of breakpoints where the key is the name\n/// @return {String}\n/// @access public\n/// @group @carbon/layout\n@function largest-breakpoint-name($breakpoints: $grid-breakpoints) {\n  $total-breakpoints: list.length($breakpoints);\n  @return -key-by-index($breakpoints, $total-breakpoints);\n}\n\n/// Get the infix for a given breakpoint in a list of breakpoints. Useful for generating the size part in a selector, for example: `.prefix--col-sm-2`.\n/// @param {String} $name - The name of the breakpoint\n/// @return {String}\n/// @access public\n/// @group @carbon/layout\n@function breakpoint-infix($name) {\n  @return '-#{$name}';\n}\n\n/// Generate a media query from the width of the given breakpoint to infinity\n/// @param {String | Number} $name\n/// @param {Map} $breakpoints [$grid-breakpoints] - A map of breakpoints where the key is the name\n/// @content\n/// @access public\n/// @group @carbon/layout\n@mixin breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  @if meta.type-of($name) == 'number' {\n    @media (min-width: $name) {\n      @content;\n    }\n  } @else if map.has-key($breakpoints, $name) {\n    $breakpoint: map.get($breakpoints, $name);\n    $width: map.get($breakpoint, width);\n    @if is-smallest-breakpoint($name, $breakpoints) {\n      @content;\n    } @else {\n      @media (min-width: $width) {\n        @content;\n      }\n    }\n  } @else {\n    @error 'Unable to find a breakpoint with name `#{$name}`. Expected one of: (#{map.keys($breakpoints)})';\n  }\n}\n\n/// Generate a media query for the maximum width of the given styles\n/// @param {String | Number} $name\n/// @param {Map} $breakpoints [$grid-breakpoints] - A map of breakpoints where the key is the name\n/// @content\n/// @access public\n/// @group @carbon/layout\n@mixin breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  @if meta.type-of($name) == 'number' {\n    @media (max-width: $name) {\n      @content;\n    }\n  } @else if map.has-key($breakpoints, $name) {\n    // We borrow this logic from bootstrap for specifying the value of the\n    // max-width. The maximum width is calculated by finding the breakpoint and\n    // subtracting .02 from its value. This value is used instead of .01 to\n    // avoid rounding issues in Safari\n    // https://github.com/twbs/bootstrap/blob/c5b1919deaf5393fcca9e9b9d7ce9c338160d99d/scss/mixins/_breakpoints.scss#L34-L46\n    $breakpoint: map.get($breakpoints, $name);\n    $width: map.get($breakpoint, width) - 0.02;\n    @media (max-width: $width) {\n      @content;\n    }\n  } @else {\n    @error 'Unable to find a breakpoint with name `#{$name}`. Expected one of: (#{map.keys($breakpoints)})';\n  }\n}\n\n/// Generate a media query for the range between the lower and upper breakpoints\n/// @param {String | Number} $lower\n/// @param {String | Number} $upper\n/// @param {Map} $breakpoints [$grid-breakpoints] - A map of breakpoints where the key is the name\n/// @content\n/// @access public\n/// @group @carbon/layout\n@mixin breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $is-number-lower: meta.type-of($lower) == 'number';\n  $is-number-upper: meta.type-of($upper) == 'number';\n  $min: if($is-number-lower, $lower, map.get($breakpoints, $lower));\n  $max: if($is-number-upper, $upper, map.get($breakpoints, $upper));\n\n  @if $min and $max {\n    $min-width: if(not $is-number-lower and $min, map.get($min, width), $min);\n    $max-width: if(not $is-number-upper and $max, map.get($max, width), $max);\n    @media (min-width: $min-width) and (max-width: $max-width) {\n      @content;\n    }\n  } @else if $min != null and $max == null {\n    @include breakpoint-up($lower) {\n      @content;\n    }\n  } @else if $min == null and $max != null {\n    @include breakpoint-down($upper) {\n      @content;\n    }\n  } @else {\n    @error 'Unable to find a breakpoint to satisfy: (#{$lower},#{$upper}). Expected both to be one of (#{map.keys($breakpoints)}).';\n  }\n}\n\n/// Generate media query for the largest breakpoint\n/// @param {Map} $breakpoints [$grid-breakpoints] - A map of breakpoints where the key is the name\n/// @content\n/// @access public\n/// @group @carbon/layout\n@mixin largest-breakpoint($breakpoints: $grid-breakpoints) {\n  @include breakpoint(largest-breakpoint-name()) {\n    @content;\n  }\n}\n\n/// Generate a media query for a given breakpoint\n/// @param {String | Number} $name\n/// @param {Map} $breakpoints [$grid-breakpoints] - A map of breakpoints where the key is the name\n/// @content\n/// @access public\n/// @group @carbon/layout\n@mixin breakpoint($name, $breakpoints: $grid-breakpoints) {\n  @include breakpoint-up($name, $breakpoints) {\n    @content;\n  }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:map';\n@use 'sass:meta';\n@use './config';\n@use './themes';\n@use './theme';\n// Inline themes depend on layer styles to property reset the layer level\n@use './layer/layer-tokens';\n@use './utilities/component-tokens';\n@use './utilities/custom-property';\n@use './components/button/tokens' as button;\n@use './components/notification/tokens' as notification;\n@use './components/tag/tokens' as tag;\n@use './components/icon-indicator/tokens' as icon-indicator;\n\n/// Specify a Map of zones where the key will be used as part of the selector\n/// and the value will be a map used to emit CSS Custom Properties for all color\n/// values\n$zones: (\n  white: themes.$white,\n  g10: themes.$g10,\n  g90: themes.$g90,\n  g100: themes.$g100,\n) !default;\n\n$-components: (\n  button.$button-tokens,\n  notification.$notification-tokens,\n  tag.$tag-tokens,\n  icon-indicator.$status-tokens\n);\n\n@each $name, $theme in $zones {\n  .#{config.$prefix}--#{'' + $name} {\n    background-color: custom-property.get-var('background');\n    color: custom-property.get-var('text-primary');\n\n    @each $key, $value in $theme {\n      @if meta.type-of($value) == color {\n        @include custom-property.declaration($key, $value);\n      }\n    }\n\n    // Note: we need to re-emit the contextual layer tokens as part of the theme\n    // mixin. Otherwise, the layer tokens are defined at the :root level and will\n    // not pick up the theme-specific, or zone-specific, value from the first\n    // layer.\n    //\n    // For example, in this situation:\n    //\n    // ```\n    // :root {\n    //   --layer-one: #000000;\n    //   --layer: var(--layer-one);\n    // }\n    // ```\n    //\n    // This will always evaluate to the value of `--layer-one` at the `:root`\n    // selector, even if `--layer-one` is redefined layer on in the cascade.\n    //\n    // ```\n    // .zone {\n    //   --layer-one: #ffffff;\n    // }\n    // ```\n    //\n    // Even though you would expect `--layer` to be redefined, it will keep the\n    // value defined at the `:root` level.\n    //\n    // @see https://github.com/carbon-design-system/carbon/issues/11138\n    @include layer-tokens.emit-layer-tokens(1);\n\n    @each $group in $-components {\n      @each $key, $value in $group {\n        @if meta.type-of($value) == map {\n          $fallback: map.get($value, fallback);\n          $theme-values: map.get($value, values);\n\n          @each $theme-value in $theme-values {\n            $value: map.get($theme-value, value);\n\n            @if theme.matches(map.get($theme-value, theme), $theme) and\n              meta.type-of($value) ==\n              color\n            {\n              @include custom-property.declaration($key, $value);\n            }\n          }\n        } @else if meta.type-of($value) == color {\n          @include custom-property.declaration($key, $value);\n        }\n      }\n    }\n  }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../config' as *;\n@use '../../breakpoint' as *;\n@use '../../motion' as *;\n@use '../../theme' as *;\n@use '../../spacing' as *;\n@use '../../type' as *;\n@use '../../layer' as *;\n@use '../../utilities/button-reset';\n@use '../../utilities/component-reset';\n@use '../../utilities/convert';\n@use '../../utilities/layout';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/high-contrast-mode' as *;\n\n/// @type Value\n/// @access public\n/// @group accordion\n$flex-direction: row-reverse !default;\n\n/// @type Value\n/// @access public\n/// @group accordion\n$justify-content: flex-start !default;\n\n/// @type Value\n/// @access public\n/// @group accordion\n$arrow-margin: 0 layout.density('padding-inline') 0 0 !default;\n\n/// @type Value\n/// @access public\n/// @group accordion\n$title-margin: 0 0 0 layout.density('padding-inline') !default;\n\n/// @type Value\n/// @access public\n/// @group accordion\n$content-padding: 0 0 0 $spacing-05 !default;\n\n@mixin accordion {\n  .#{$prefix}--accordion {\n    @include layout.use('size', $default: 'md', $min: 'sm', $max: 'lg');\n    @include layout.use('density', $default: 'normal');\n\n    @include component-reset.reset;\n\n    & {\n      inline-size: 100%;\n      list-style: none;\n    }\n  }\n\n  .#{$prefix}--accordion__item {\n    display: list-item;\n    overflow: visible;\n    border-block-start: 1px solid $border-subtle;\n    transition: border-color motion(standard, productive) $duration-fast-02;\n\n    &:last-child {\n      border-block-end: 1px solid $border-subtle;\n    }\n  }\n\n  .#{$prefix}--accordion__item:not(.#{$prefix}--accordion__item--active) {\n    // Blend border on hover\n    &:hover,\n    // Blend top border of the next component on hover\n    &:hover + .#{$prefix}--accordion__item {\n      border-block-start-color: $layer-hover;\n    }\n\n    // Blend bottom border of last item on hover\n    &:last-child:hover {\n      border-block-end-color: $layer-hover;\n    }\n  }\n\n  .#{$prefix}--accordion__heading {\n    transition: background-color motion(standard, productive) $duration-fast-02;\n    @include button-reset.reset;\n\n    & {\n      position: relative;\n      display: flex;\n      flex-direction: $flex-direction;\n      align-items: center;\n      justify-content: $justify-content;\n      margin: 0;\n      color: $text-primary;\n      cursor: pointer;\n      inline-size: 100%;\n      min-block-size: layout.size('height');\n      padding-inline-end: layout.density('padding-inline');\n    }\n\n    &:hover {\n      background-color: $layer-hover;\n      outline: none;\n    }\n\n    &:focus {\n      position: relative;\n      z-index: 2;\n      box-shadow:\n        /* Border top */\n        0 -1px 0 0 $focus,\n        inset 0 1px 0 0 $focus,\n        /* Border right */ inset 2px 0 0 0 $focus,\n        /* Border bottom */ 0 1px 0 0 $focus,\n        inset 0 -1px 0 0 $focus,\n        /* Border left */ inset -2px 0 0 0 $focus;\n      outline: none;\n    }\n  }\n\n  // Disabled styles\n  .#{$prefix}--accordion__heading[disabled] {\n    color: $text-disabled;\n    cursor: not-allowed;\n  }\n\n  .#{$prefix}--accordion__heading[disabled] .#{$prefix}--accordion__arrow {\n    fill: $icon-disabled;\n  }\n\n  .#{$prefix}--accordion__heading[disabled]:hover::before {\n    background-color: transparent;\n  }\n\n  .#{$prefix}--accordion__item--disabled,\n  .#{$prefix}--accordion__item--disabled + .#{$prefix}--accordion__item {\n    // v10 icon doesn't have 1:1 translation, keeping color same as enabled state\n    // https://github.com/carbon-design-system/carbon/issues/10373#issuecomment-1021638147\n    border-block-start: 1px solid $border-subtle;\n  }\n\n  li.#{$prefix}--accordion__item--disabled:last-of-type {\n    // v10 icon doesn't have 1:1 translation, keeping color same as enabled state\n    // https://github.com/carbon-design-system/carbon/issues/10373#issuecomment-1021638147\n    border-block-end: 1px solid $border-subtle;\n  }\n\n  .#{$prefix}--accordion__arrow {\n    @include focus-outline('reset');\n\n    transition: all $duration-fast-02 motion(standard, productive);\n\n    & {\n      flex: 0 0 1rem;\n      block-size: 1rem;\n      fill: $icon-primary;\n      inline-size: 1rem;\n      // Without flex basis and flex shrink being set here, our icon width can go\n      // <16px and cause the icon to render in the incorrect artboard size\n      transform: rotate(-270deg) #{'/*rtl:ignore*/'};\n    }\n  }\n\n  .#{$prefix}--accordion__title {\n    @include type-style('body-01');\n\n    & {\n      z-index: 1;\n      inline-size: 100%;\n      padding-inline-start: $spacing-05;\n      text-align: start;\n    }\n  }\n\n  .#{$prefix}--accordion__wrapper {\n    // Properties for when the accordion is closed\n    display: none;\n    overflow: hidden;\n    padding: 0;\n    max-block-size: 0;\n    opacity: 0;\n    transition: all $duration-fast-02 motion(entrance, productive)\n      allow-discrete;\n    writing-mode: horizontal-tb;\n  }\n\n  .#{$prefix}--accordion__content {\n    padding-inline: layout.density('padding-inline');\n\n    // Custom breakpoints based on issue #4993\n    @include breakpoint-up(480px) {\n      padding-inline-end: $spacing-09;\n    }\n\n    @include breakpoint-up(640px) {\n      padding-inline-end: 25%;\n    }\n\n    > p {\n      @include type-style('body-01');\n    }\n  }\n\n  .#{$prefix}--accordion--start .#{$prefix}--accordion__heading {\n    // Reverse `$flex-direction` token:\n    flex-direction: row;\n  }\n\n  .#{$prefix}--accordion--start .#{$prefix}--accordion__arrow {\n    // Alters `$arrow-margin` token:\n    margin: 2px 0 0 layout.density('padding-inline');\n  }\n\n  .#{$prefix}--accordion--start .#{$prefix}--accordion__title {\n    margin-inline-end: $spacing-05;\n  }\n\n  .#{$prefix}--accordion--start .#{$prefix}--accordion__content {\n    margin-inline-start: calc(\n      #{layout.density('padding-inline')} + #{$spacing-05}\n    );\n  }\n\n  .#{$prefix}--accordion__item--collapsing .#{$prefix}--accordion__content,\n  .#{$prefix}--accordion__item--expanding .#{$prefix}--accordion__content {\n    display: block;\n  }\n\n  .#{$prefix}--accordion__item--active {\n    overflow: visible;\n\n    > .#{$prefix}--accordion__wrapper {\n      // Properties for when the accordion is open\n      display: block;\n      overflow: visible;\n      max-block-size: fit-content;\n      opacity: 1;\n      padding-block: $spacing-03;\n      padding-block-end: $spacing-06;\n    }\n\n    > .#{$prefix}--accordion__heading {\n      > .#{$prefix}--accordion__arrow {\n        fill: $icon-primary;\n        transform: rotate(-90deg) #{'/*rtl:ignore*/'};\n      }\n    }\n  }\n  /** starting style also not supported widely\n    * https://caniuse.com/mdn-css_at-rules_starting-style\n    */\n  /* Needs to be after the previous accordion__item--active rule\n     to take effect, as the specificity is the same */\n\n  @starting-style {\n    .#{$prefix}--accordion__item--active {\n      > .#{$prefix}--accordion__wrapper {\n        padding: 0;\n        max-block-size: 0;\n        opacity: 0;\n      }\n    }\n  }\n\n  // flush\n  .#{$prefix}--accordion--flush .#{$prefix}--accordion__item {\n    position: relative;\n    border-color: transparent;\n\n    &:last-child,\n    &:hover,\n    &:last-child:hover,\n    &:hover + .#{$prefix}--accordion__item {\n      border-color: transparent;\n    }\n\n    &::before,\n    &::after {\n      position: absolute;\n      display: block;\n      block-size: 1px;\n      content: '';\n      inline-size: calc(100% - $spacing-05 - $spacing-05);\n      margin-inline-start: $spacing-05;\n      transition: background motion(standard, productive) $duration-fast-02;\n\n      @media screen and (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n\n    &::before {\n      background: $border-subtle;\n      inset-block-start: -1px;\n    }\n\n    &:last-child::after {\n      background: $border-subtle;\n      inset-block-end: -1px;\n    }\n  }\n\n  .#{$prefix}--accordion--flush .#{$prefix}--accordion__heading:hover {\n    position: relative;\n    z-index: 1;\n\n    // blend top/bottom border into heading hover state\n    &::before,\n    &::after {\n      position: absolute;\n      display: block;\n      background: $layer-hover;\n      block-size: 1px;\n      content: '';\n      inline-size: 100%;\n      inset-inline-start: 0;\n      transition: background motion(standard, productive) $duration-fast-02;\n\n      @media screen and (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n\n    &::before {\n      inset-block-start: -1px;\n    }\n\n    &::after {\n      inset-block-end: -1px;\n    }\n\n    &:focus::after,\n    &:focus::before {\n      background: none;\n    }\n  }\n\n  // Skeleton state\n  .#{$prefix}--accordion.#{$prefix}--skeleton .#{$prefix}--accordion__heading,\n  .#{$prefix}--accordion.#{$prefix}--skeleton .#{$prefix}--accordion__button {\n    cursor: default;\n  }\n\n  .#{$prefix}--accordion.#{$prefix}--skeleton .#{$prefix}--accordion__arrow {\n    cursor: default;\n    fill: $icon-primary;\n    pointer-events: none;\n\n    &:hover,\n    &:focus,\n    &:active {\n      border: none;\n      cursor: default;\n      outline: none;\n    }\n  }\n\n  .#{$prefix}--accordion.#{$prefix}--skeleton\n    .#{$prefix}--accordion__heading:hover::before,\n  .#{$prefix}--accordion.#{$prefix}--skeleton\n    .#{$prefix}--accordion__heading:hover {\n    background-color: transparent;\n  }\n\n  .#{$prefix}--accordion--end.#{$prefix}--skeleton\n    .#{$prefix}--accordion__arrow {\n    margin-inline-start: $spacing-05;\n  }\n\n  .#{$prefix}--skeleton\n    .#{$prefix}--accordion__heading:focus\n    .#{$prefix}--accordion__arrow {\n    border: none;\n    cursor: default;\n    outline: none;\n  }\n\n  .#{$prefix}--accordion__title.#{$prefix}--skeleton__text {\n    margin-block-end: 0;\n  }\n\n  .#{$prefix}--accordion.#{$prefix}--skeleton .#{$prefix}--accordion__title {\n    margin-inline-start: $spacing-05;\n  }\n\n  // Windows HCM fix\n  .#{$prefix}--accordion__arrow,\n  .#{$prefix}--accordion__item--active .#{$prefix}--accordion__arrow {\n    @include high-contrast-mode('icon-fill');\n  }\n\n  // RTL overrides\n  [dir='rtl'] .#{$prefix}--accordion--start .#{$prefix}--accordion__heading {\n    padding-inline: layout.density('padding-inline') 0;\n  }\n\n  [dir='rtl'] .#{$prefix}--accordion--start .#{$prefix}--accordion__title {\n    margin-inline-end: 0;\n    padding-inline-start: 0;\n  }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../button';\n@use '../../config' as *;\n@use '../../spacing';\n@use '../../theme';\n@use '../../type';\n@use '../../utilities/button-reset';\n@use '../../utilities/convert';\n@use '../../utilities/custom-property';\n@use '../../utilities/focus-outline';\n\n@mixin toggletip() {\n  .#{$prefix}--toggletip-label {\n    @include type.type-style('body-01');\n\n    color: theme.$text-secondary;\n    margin-inline-end: spacing.$spacing-03;\n  }\n\n  .#{$prefix}--toggletip-button {\n    @include button-reset.reset();\n\n    display: flex;\n    align-items: center;\n  }\n\n  .#{$prefix}--toggletip-button svg {\n    fill: theme.$icon-secondary;\n  }\n\n  .#{$prefix}--toggletip-button:hover svg,\n  .#{$prefix}--toggletip--open .#{$prefix}--toggletip-button svg {\n    fill: theme.$icon-primary;\n  }\n\n  .#{$prefix}--toggletip-button:focus {\n    @include focus-outline.focus-outline;\n  }\n\n  .#{$prefix}--toggletip {\n    @include custom-property.declaration(\n      'popover-offset',\n      convert.to-rem(13px)\n    );\n  }\n\n  .#{$prefix}--toggletip-content {\n    @include custom-property.declaration(\n      'button-focus-color',\n      theme.$focus-inverse\n    );\n    @include custom-property.declaration(\n      'link-text-color',\n      theme.$link-inverse\n    );\n    @include custom-property.declaration(\n      'link-hover-text-color',\n      theme.$link-inverse-hover\n    );\n    @include custom-property.declaration(\n      'link-visited-text-color',\n      theme.$link-inverse-visited\n    );\n    @include custom-property.declaration(\n      'link-focus-text-color',\n      theme.$focus-inverse\n    );\n    @include type.type-style('body-01');\n\n    display: grid;\n    padding: spacing.$spacing-05;\n    max-inline-size: 18rem;\n    row-gap: spacing.$spacing-05;\n  }\n\n  .#{$prefix}--toggletip-content p {\n    @include type.type-style('body-01');\n  }\n\n  .#{$prefix}--toggletip-actions {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    column-gap: spacing.$spacing-05;\n  }\n}\n","//\n// Copyright IBM Corp. 2023, 2024\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../config' as *;\n@use '../../colors' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/ai-gradient' as *;\n@use '../../utilities/convert';\n@use '../toggletip';\n@use '../popover';\n\n$sizes: (\n  mini: (\n    height: convert.to-rem(16px),\n    width: convert.to-rem(16px),\n    font-size: convert.to-rem(9px),\n    line-height: convert.to-rem(12px),\n  ),\n  2xs: (\n    height: convert.to-rem(20px),\n    width: convert.to-rem(20px),\n    font-size: convert.to-rem(12px),\n    line-height: convert.to-rem(16px),\n  ),\n  xs: (\n    height: convert.to-rem(24px),\n    width: convert.to-rem(24px),\n    font-size: convert.to-rem(12px),\n    line-height: convert.to-rem(16px),\n  ),\n  sm: (\n    height: convert.to-rem(32px),\n    width: convert.to-rem(32px),\n    font-size: convert.to-rem(16px),\n    line-height: convert.to-rem(21px),\n  ),\n  md: (\n    height: convert.to-rem(40px),\n    width: convert.to-rem(40px),\n    font-size: convert.to-rem(16px),\n    line-height: convert.to-rem(21px),\n  ),\n  lg: (\n    height: convert.to-rem(48px),\n    width: convert.to-rem(48px),\n    font-size: convert.to-rem(16px),\n    line-height: convert.to-rem(21px),\n  ),\n  xl: (\n    height: convert.to-rem(64px),\n    width: convert.to-rem(64px),\n    font-size: convert.to-rem(20px),\n    line-height: convert.to-rem(26px),\n  ),\n);\n\n/// Slug styles\n/// @access public\n/// @group AI\n@mixin slug {\n  .#{$prefix}--ai-label,\n  .#{$prefix}--slug {\n    display: flex;\n  }\n\n  .#{$prefix}--ai-label:has(> .#{$prefix}--popover--open),\n  .#{$prefix}--slug:has(> .#{$prefix}--popover--open) {\n    z-index: 2;\n  }\n\n  .#{$prefix}--ai-label .#{$prefix}--ai-label__button,\n  .#{$prefix}--slug .#{$prefix}--slug__button {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid $border-inverse;\n    background: transparent;\n    color: $text-primary;\n    font-weight: 600;\n    outline: none;\n    transition:\n      color $duration-fast-01 motion(entrance, productive),\n      border-color $duration-fast-01 motion(entrance, productive),\n      box-shadow $duration-fast-01 motion(entrance, productive),\n      background $duration-fast-01 motion(entrance, productive);\n\n    @each $group, $size in $sizes {\n      // Create a class for each size ai label\n      &--#{$group} {\n        @each $property, $value in $size {\n          // Set correct properties for each size\n          #{$property}: $value;\n        }\n      }\n    }\n  }\n\n  // Add 24px click target for mini, 2xs sizes\n  .#{$prefix}--ai-label__button--mini::after,\n  .#{$prefix}--ai-label__button--2xs::after,\n  .#{$prefix}--slug__button--mini::after,\n  .#{$prefix}--slug__button--2xs::after {\n    position: absolute;\n    display: block;\n    block-size: 24px;\n    content: '';\n    inline-size: 24px;\n  }\n\n  .#{$prefix}--ai-label .#{$prefix}--ai-label__button:focus,\n  .#{$prefix}--slug .#{$prefix}--slug__button:focus {\n    border: 1px solid $focus;\n    box-shadow: inset 0 0 0 1px $focus;\n  }\n\n  .#{$prefix}--ai-label .#{$prefix}--ai-label__button:hover,\n  .#{$prefix}--slug .#{$prefix}--slug__button:hover {\n    background: $border-inverse;\n    color: $text-inverse;\n  }\n\n  .#{$prefix}--ai-label .#{$prefix}--ai-label__button:hover:active,\n  .#{$prefix}--slug .#{$prefix}--slug__button:hover:active {\n    background: $border-inverse;\n    box-shadow:\n      inset 0 0 0 1px $focus,\n      inset 0 0 0 2px $focus-inset;\n    color: $text-inverse;\n  }\n\n  .#{$prefix}--ai-label\n    .#{$prefix}--ai-label__button.#{$prefix}--ai-label__button--mini:hover:active,\n  .#{$prefix}--ai-label\n    .#{$prefix}--ai-label__button.#{$prefix}--ai-label__button--2xs:hover:active,\n  .#{$prefix}--slug\n    .#{$prefix}--slug__button.#{$prefix}--slug__button--mini:hover:active,\n  .#{$prefix}--slug\n    .#{$prefix}--slug__button.#{$prefix}--slug__button--2xs:hover:active {\n    box-shadow: inset 0 0 0 1px $focus-inset;\n  }\n\n  .#{$prefix}--ai-label__text,\n  .#{$prefix}--slug__text {\n    position: relative;\n    z-index: 1;\n  }\n\n  // Inline slug\n  .#{$prefix}--ai-label .#{$prefix}--ai-label__button--inline,\n  .#{$prefix}--slug .#{$prefix}--slug__button--inline {\n    border: 1px solid transparent;\n    border-radius: convert.to-rem(1px);\n    background: transparent;\n    block-size: initial;\n    color: $text-primary;\n    font-size: convert.to-rem(14px);\n    inline-size: initial;\n    line-height: initial;\n    padding-inline: convert.to-rem(4px);\n  }\n\n  .#{$prefix}--ai-label__button--inline::before,\n  .#{$prefix}--slug__button--inline::before {\n    display: none;\n  }\n\n  .#{$prefix}--ai-label .#{$prefix}--ai-label__button--inline:focus,\n  .#{$prefix}--slug .#{$prefix}--slug__button--inline:focus {\n    border-color: $focus;\n    box-shadow: none;\n  }\n\n  .#{$prefix}--ai-label .#{$prefix}--ai-label__button--inline:hover,\n  .#{$prefix}--ai-label .#{$prefix}--ai-label__button--inline:hover:active,\n  .#{$prefix}--slug .#{$prefix}--slug__button--inline:hover,\n  .#{$prefix}--slug .#{$prefix}--slug__button--inline:hover:active {\n    border-color: $icon-secondary;\n    background: transparent;\n    box-shadow: none;\n    color: $text-secondary;\n  }\n\n  .#{$prefix}--ai-label .#{$prefix}--ai-label__button--inline:focus:hover,\n  .#{$prefix}--slug .#{$prefix}--slug__button--inline:focus:hover {\n    border-color: $focus;\n  }\n\n  .#{$prefix}--ai-label\n    .#{$prefix}--ai-label__button--inline:hover\n    .#{$prefix}--ai-label__text::before,\n  .#{$prefix}--slug\n    .#{$prefix}--slug__button--inline:hover\n    .#{$prefix}--slug__text::before {\n    background: $icon-secondary;\n  }\n\n  .#{$prefix}--ai-label__button--inline .#{$prefix}--ai-label__text,\n  .#{$prefix}--slug__button--inline .#{$prefix}--slug__text {\n    padding-inline-start: convert.to-rem(8px);\n  }\n\n  .#{$prefix}--ai-label__button--inline.#{$prefix}--ai-label__button--lg\n    .#{$prefix}--ai-label__text,\n  .#{$prefix}--ai-label__button--inline.#{$prefix}--ai-label__button--xl\n    .#{$prefix}--ai-label__text,\n  .#{$prefix}--slug__button--inline.#{$prefix}--slug__button--lg\n    .#{$prefix}--slug__text,\n  .#{$prefix}--slug__button--inline.#{$prefix}--slug__button--xl\n    .#{$prefix}--slug__text {\n    padding-inline-start: convert.to-rem(12px);\n  }\n\n  .#{$prefix}--ai-label__button--inline .#{$prefix}--ai-label__text::before,\n  .#{$prefix}--slug__button--inline .#{$prefix}--slug__text::before {\n    position: absolute;\n    display: inline-block;\n    background: $icon-primary;\n    block-size: convert.to-rem(4px);\n    content: '';\n    inline-size: convert.to-rem(4px);\n    inset-block-start: 50%;\n    inset-inline-start: 0;\n    opacity: 1;\n    transform: translateY(-50%);\n    transition:\n      background $duration-fast-01 motion(entrance, productive),\n      box-shadow $duration-fast-01 motion(entrance, productive);\n  }\n\n  .#{$prefix}--ai-label__button--lg .#{$prefix}--ai-label__text::before,\n  .#{$prefix}--ai-label__button--xl .#{$prefix}--ai-label__text::before,\n  .#{$prefix}--slug__button--lg .#{$prefix}--slug__text::before,\n  .#{$prefix}--slug__button--xl .#{$prefix}--slug__text::before {\n    block-size: convert.to-rem(8px);\n    inline-size: convert.to-rem(8px);\n  }\n\n  // Only allow sm, md, and lg sizes\n  .#{$prefix}--ai-label__button--inline.#{$prefix}--ai-label__button--mini,\n  .#{$prefix}--ai-label__button--inline.#{$prefix}--ai-label__button--mini\n    .#{$prefix}--ai-label__additional-text,\n  .#{$prefix}--ai-label__button--inline.#{$prefix}--ai-label__button--2xs,\n  .#{$prefix}--ai-label__button--inline.#{$prefix}--ai-label__button--2xs\n    .#{$prefix}--ai-label__additional-text,\n  .#{$prefix}--ai-label__button--inline.#{$prefix}--ai-label__button--xs,\n  .#{$prefix}--ai-label__button--inline.#{$prefix}--ai-label__button--xs\n    .#{$prefix}--ai-label__additional-text,\n  .#{$prefix}--ai-label__button--inline.#{$prefix}--ai-label__button--sm,\n  .#{$prefix}--ai-label__button--inline.#{$prefix}--ai-label__button--sm\n    .#{$prefix}--ai-label__additional-text,\n  .#{$prefix}--slug__button--inline.#{$prefix}--slug__button--mini,\n  .#{$prefix}--slug__button--inline.#{$prefix}--slug__button--mini\n    .#{$prefix}--slug__additional-text,\n  .#{$prefix}--slug__button--inline.#{$prefix}--slug__button--2xs,\n  .#{$prefix}--slug__button--inline.#{$prefix}--slug__button--2xs\n    .#{$prefix}--slug__additional-text,\n  .#{$prefix}--slug__button--inline.#{$prefix}--slug__button--xs,\n  .#{$prefix}--slug__button--inline.#{$prefix}--slug__button--xs\n    .#{$prefix}--slug__additional-text,\n  .#{$prefix}--slug__button--inline.#{$prefix}--slug__button--sm,\n  .#{$prefix}--slug__button--inline.#{$prefix}--slug__button--sm\n    .#{$prefix}--slug__additional-text {\n    font-size: convert.to-rem(12px);\n  }\n\n  .#{$prefix}--ai-label__button--inline.#{$prefix}--ai-label__button--lg,\n  .#{$prefix}--ai-label__button--inline.#{$prefix}--ai-label__button--xl,\n  .#{$prefix}--slug__button--inline.#{$prefix}--slug__button--lg,\n  .#{$prefix}--slug__button--inline.#{$prefix}--slug__button--xl {\n    font-size: convert.to-rem(16px);\n  }\n\n  // Inline slug with text\n  .#{$prefix}--ai-label .#{$prefix}--ai-label__button--inline-with-content,\n  .#{$prefix}--slug .#{$prefix}--slug__button--inline-with-content {\n    border: 1px solid $border-inverse;\n    padding-block: convert.to-rem(2px);\n    padding-inline: convert.to-rem(8px);\n  }\n\n  .#{$prefix}--ai-label__button--inline-with-content\n    .#{$prefix}--ai-label__additional-text,\n  .#{$prefix}--slug__button--inline-with-content\n    .#{$prefix}--slug__additional-text {\n    @include type-style('body-compact-02');\n\n    padding-inline-start: convert.to-rem(4px);\n  }\n\n  .#{$prefix}--ai-label__button--inline.#{$prefix}--ai-label__button--md\n    .#{$prefix}--ai-label__additional-text,\n  .#{$prefix}--slug__button--inline.#{$prefix}--slug__button--md\n    .#{$prefix}--slug__additional-text {\n    font-size: convert.to-rem(14px);\n  }\n\n  .#{$prefix}--ai-label\n    .#{$prefix}--ai-label__button--inline-with-content:focus,\n  .#{$prefix}--ai-label\n    .#{$prefix}--ai-label__button--inline-with-content:hover:focus,\n  .#{$prefix}--slug .#{$prefix}--slug__button--inline-with-content:focus,\n  .#{$prefix}--slug .#{$prefix}--slug__button--inline-with-content:hover:focus {\n    box-shadow: inset 0 0 0 1px $focus;\n  }\n\n  // Slug callout styles\n  .#{$prefix}--ai-label .#{$prefix}--ai-label-content,\n  .#{$prefix}--slug .#{$prefix}--slug-content {\n    @include ai-popover-gradient();\n\n    border: 1px solid transparent;\n    border-radius: convert.to-rem(8px);\n    // Need to make tokens\n    box-shadow:\n      inset 0 -80px 70px -65px $ai-inner-shadow,\n      -40px 44px 60px -24px $ai-popover-shadow-outer-01,\n      -56px 64px 64px -24px $ai-popover-shadow-outer-02;\n    color: $text-primary;\n    min-inline-size: convert.to-rem(280px);\n  }\n\n  // Slug callout caret styles\n  .#{$prefix}--ai-label\n    > .#{$prefix}--toggletip\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n    // autoAlign uses a different dom structure where the caret is within the content instead of a sibling\n    .#{$prefix}--ai-label\n    > .#{$prefix}--toggletip.#{$prefix}--popover--auto-align\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--slug\n    > .#{$prefix}--toggletip\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n    // autoAlign uses a different dom structure where the caret is within the content instead of a sibling\n    .#{$prefix}--slug\n    > .#{$prefix}--toggletip.#{$prefix}--popover--auto-align\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret {\n    background: transparent;\n    clip-path: none;\n  }\n\n  // Caret pseudo element base styles\n  .#{$prefix}--ai-label\n    > .#{$prefix}--toggletip:is(\n      .#{$prefix}--popover--top,\n      .#{$prefix}--popover--top-right,\n      .#{$prefix}--popover--top-left,\n      .#{$prefix}--popover--top-end,\n      .#{$prefix}--popover--top-start,\n      .#{$prefix}--popover--bottom,\n      .#{$prefix}--popover--bottom-right,\n      .#{$prefix}--popover--bottom-left,\n      .#{$prefix}--popover--bottom-start,\n      .#{$prefix}--popover--bottom-end,\n      .#{$prefix}--popover--left,\n      .#{$prefix}--popover--left-top,\n      .#{$prefix}--popover--left-bottom,\n      .#{$prefix}--popover--left-start,\n      .#{$prefix}--popover--left-end,\n      .#{$prefix}--popover--right,\n      .#{$prefix}--popover--right-top,\n      .#{$prefix}--popover--right-bottom,\n      .#{$prefix}--popover--right-start,\n      .#{$prefix}--popover--right-end\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret::before,\n    // autoAlign uses a different dom structure where the caret is within the content instead of a sibling\n    .#{$prefix}--ai-label\n    > .#{$prefix}--toggletip.#{$prefix}--popover--auto-align:is(\n      .#{$prefix}--popover--top,\n      .#{$prefix}--popover--top-right,\n      .#{$prefix}--popover--top-left,\n      .#{$prefix}--popover--top-end,\n      .#{$prefix}--popover--top-start,\n      .#{$prefix}--popover--bottom,\n      .#{$prefix}--popover--bottom-right,\n      .#{$prefix}--popover--bottom-left,\n      .#{$prefix}--popover--bottom-start,\n      .#{$prefix}--popover--bottom-end,\n      .#{$prefix}--popover--left,\n      .#{$prefix}--popover--left-top,\n      .#{$prefix}--popover--left-bottom,\n      .#{$prefix}--popover--left-start,\n      .#{$prefix}--popover--left-end,\n      .#{$prefix}--popover--right,\n      .#{$prefix}--popover--right-top,\n      .#{$prefix}--popover--right-bottom,\n      .#{$prefix}--popover--right-start,\n      .#{$prefix}--popover--right-end\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret::before,\n  .#{$prefix}--slug\n    > .#{$prefix}--toggletip:is(\n      .#{$prefix}--popover--top,\n      .#{$prefix}--popover--top-right,\n      .#{$prefix}--popover--top-left,\n      .#{$prefix}--popover--top-end,\n      .#{$prefix}--popover--top-start,\n      .#{$prefix}--popover--bottom,\n      .#{$prefix}--popover--bottom-right,\n      .#{$prefix}--popover--bottom-left,\n      .#{$prefix}--popover--bottom-start,\n      .#{$prefix}--popover--bottom-end,\n      .#{$prefix}--popover--left,\n      .#{$prefix}--popover--left-top,\n      .#{$prefix}--popover--left-bottom,\n      .#{$prefix}--popover--left-start,\n      .#{$prefix}--popover--left-end,\n      .#{$prefix}--popover--right,\n      .#{$prefix}--popover--right-top,\n      .#{$prefix}--popover--right-bottom,\n      .#{$prefix}--popover--right-start,\n      .#{$prefix}--popover--right-end\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret::before,\n    // autoAlign uses a different dom structure where the caret is within the content instead of a sibling\n    .#{$prefix}--slug\n    > .#{$prefix}--toggletip.#{$prefix}--popover--auto-align:is(\n      .#{$prefix}--popover--top,\n      .#{$prefix}--popover--top-right,\n      .#{$prefix}--popover--top-left,\n      .#{$prefix}--popover--top-end,\n      .#{$prefix}--popover--top-start,\n      .#{$prefix}--popover--bottom,\n      .#{$prefix}--popover--bottom-right,\n      .#{$prefix}--popover--bottom-left,\n      .#{$prefix}--popover--bottom-start,\n      .#{$prefix}--popover--bottom-end,\n      .#{$prefix}--popover--left,\n      .#{$prefix}--popover--left-top,\n      .#{$prefix}--popover--left-bottom,\n      .#{$prefix}--popover--left-start,\n      .#{$prefix}--popover--left-end,\n      .#{$prefix}--popover--right,\n      .#{$prefix}--popover--right-top,\n      .#{$prefix}--popover--right-bottom,\n      .#{$prefix}--popover--right-start,\n      .#{$prefix}--popover--right-end\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret::before {\n    position: absolute;\n    display: block;\n    border: 1px solid $ai-border-start;\n    background: $background;\n    block-size: convert.to-rem(12px);\n    clip-path: polygon(98% 0, 0 0, -52% 150%) border-box;\n    content: '';\n    inline-size: convert.to-rem(12px);\n    transform: rotate(45deg);\n  }\n\n  .#{$prefix}--ai-label\n    > .#{$prefix}--toggletip:is(\n      .#{$prefix}--popover--top,\n      .#{$prefix}--popover--top-right,\n      .#{$prefix}--popover--top-left,\n      .#{$prefix}--popover--top-end,\n      .#{$prefix}--popover--top-start,\n      .#{$prefix}--popover--bottom,\n      .#{$prefix}--popover--bottom-right,\n      .#{$prefix}--popover--bottom-left,\n      .#{$prefix}--popover--bottom-start,\n      .#{$prefix}--popover--bottom-end,\n      .#{$prefix}--popover--left,\n      .#{$prefix}--popover--left-top,\n      .#{$prefix}--popover--left-bottom,\n      .#{$prefix}--popover--left-start,\n      .#{$prefix}--popover--left-end,\n      .#{$prefix}--popover--right,\n      .#{$prefix}--popover--right-top,\n      .#{$prefix}--popover--right-bottom,\n      .#{$prefix}--popover--right-start,\n      .#{$prefix}--popover--right-end\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret::after,\n    // autoAlign uses a different dom structure where the caret is within the content instead of a sibling\n    .#{$prefix}--ai-label\n    > .#{$prefix}--toggletip.#{$prefix}--popover--auto-align:is(\n      .#{$prefix}--popover--top,\n      .#{$prefix}--popover--top-right,\n      .#{$prefix}--popover--top-left,\n      .#{$prefix}--popover--top-end,\n      .#{$prefix}--popover--top-start,\n      .#{$prefix}--popover--bottom,\n      .#{$prefix}--popover--bottom-right,\n      .#{$prefix}--popover--bottom-left,\n      .#{$prefix}--popover--bottom-start,\n      .#{$prefix}--popover--bottom-end,\n      .#{$prefix}--popover--left,\n      .#{$prefix}--popover--left-top,\n      .#{$prefix}--popover--left-bottom,\n      .#{$prefix}--popover--left-start,\n      .#{$prefix}--popover--left-end,\n      .#{$prefix}--popover--right,\n      .#{$prefix}--popover--right-top,\n      .#{$prefix}--popover--right-bottom,\n      .#{$prefix}--popover--right-start,\n      .#{$prefix}--popover--right-end\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret::after,\n  .#{$prefix}--slug\n    > .#{$prefix}--toggletip:is(\n      .#{$prefix}--popover--top,\n      .#{$prefix}--popover--top-right,\n      .#{$prefix}--popover--top-left,\n      .#{$prefix}--popover--top-end,\n      .#{$prefix}--popover--top-start,\n      .#{$prefix}--popover--bottom,\n      .#{$prefix}--popover--bottom-right,\n      .#{$prefix}--popover--bottom-left,\n      .#{$prefix}--popover--bottom-start,\n      .#{$prefix}--popover--bottom-end,\n      .#{$prefix}--popover--left,\n      .#{$prefix}--popover--left-top,\n      .#{$prefix}--popover--left-bottom,\n      .#{$prefix}--popover--left-start,\n      .#{$prefix}--popover--left-end,\n      .#{$prefix}--popover--right,\n      .#{$prefix}--popover--right-top,\n      .#{$prefix}--popover--right-bottom,\n      .#{$prefix}--popover--right-start,\n      .#{$prefix}--popover--right-end\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret::after,\n    // autoAlign uses a different dom structure where the caret is within the content instead of a sibling\n    .#{$prefix}--slug\n    > .#{$prefix}--toggletip.#{$prefix}--popover--auto-align:is(\n      .#{$prefix}--popover--top,\n      .#{$prefix}--popover--top-right,\n      .#{$prefix}--popover--top-left,\n      .#{$prefix}--popover--top-end,\n      .#{$prefix}--popover--top-start,\n      .#{$prefix}--popover--bottom,\n      .#{$prefix}--popover--bottom-right,\n      .#{$prefix}--popover--bottom-left,\n      .#{$prefix}--popover--bottom-start,\n      .#{$prefix}--popover--bottom-end,\n      .#{$prefix}--popover--left,\n      .#{$prefix}--popover--left-top,\n      .#{$prefix}--popover--left-bottom,\n      .#{$prefix}--popover--left-start,\n      .#{$prefix}--popover--left-end,\n      .#{$prefix}--popover--right,\n      .#{$prefix}--popover--right-top,\n      .#{$prefix}--popover--right-bottom,\n      .#{$prefix}--popover--right-start,\n      .#{$prefix}--popover--right-end\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret::after {\n    position: absolute;\n    display: block;\n    background: $background;\n    block-size: convert.to-rem(14px);\n    content: '';\n    inline-size: convert.to-rem(2px);\n  }\n\n  // Top\n  .#{$prefix}--ai-label\n    > .#{$prefix}--toggletip:is(\n      .#{$prefix}--popover--top,\n      .#{$prefix}--popover--top-right,\n      .#{$prefix}--popover--top-left,\n      .#{$prefix}--popover--top-end,\n      .#{$prefix}--popover--top-start\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n    // autoAlign uses a different dom structure where the caret is within the content instead of a sibling\n    .#{$prefix}--ai-label\n    > .#{$prefix}--toggletip.#{$prefix}--popover--auto-align:is(\n      .#{$prefix}--popover--top,\n      .#{$prefix}--popover--top-right,\n      .#{$prefix}--popover--top-left,\n      .#{$prefix}--popover--top-end,\n      .#{$prefix}--popover--top-start\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--slug\n    > .#{$prefix}--toggletip:is(\n      .#{$prefix}--popover--top,\n      .#{$prefix}--popover--top-right,\n      .#{$prefix}--popover--top-left,\n      .#{$prefix}--popover--top-end,\n      .#{$prefix}--popover--top-start\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n    // autoAlign uses a different dom structure where the caret is within the content instead of a sibling\n    .#{$prefix}--slug\n    > .#{$prefix}--toggletip.#{$prefix}--popover--auto-align:is(\n      .#{$prefix}--popover--top,\n      .#{$prefix}--popover--top-right,\n      .#{$prefix}--popover--top-left,\n      .#{$prefix}--popover--top-end,\n      .#{$prefix}--popover--top-start\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret {\n    &::before {\n      inset-block-end: convert.to-rem(1px);\n      transform: rotate(-135deg);\n    }\n\n    &::after {\n      background: $ai-popover-caret-bottom-background;\n      block-size: convert.to-rem(2px);\n      border-end-end-radius: 50%;\n      border-end-start-radius: 50%;\n      inline-size: convert.to-rem(14px);\n      inset-block-start: convert.to-rem(-2px);\n      inset-inline-start: convert.to-rem(-1px);\n    }\n  }\n\n  .#{$prefix}--ai-label\n    > .#{$prefix}--toggletip:is(\n      .#{$prefix}--popover--top,\n      .#{$prefix}--popover--top-right,\n      .#{$prefix}--popover--top-left,\n      .#{$prefix}--popover--top-end,\n      .#{$prefix}--popover--top-start\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--ai-label-content--with-actions\n    + .#{$prefix}--popover-caret::after,\n  .#{$prefix}--slug\n    > .#{$prefix}--toggletip:is(\n      .#{$prefix}--popover--top,\n      .#{$prefix}--popover--top-right,\n      .#{$prefix}--popover--top-left,\n      .#{$prefix}--popover--top-end,\n      .#{$prefix}--popover--top-start\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--slug-content--with-actions\n    + .#{$prefix}--popover-caret::after {\n    display: none;\n  }\n\n  // Right\n  .#{$prefix}--ai-label\n    > .#{$prefix}--toggletip:is(\n      .#{$prefix}--popover--right,\n      .#{$prefix}--popover--right-bottom,\n      .#{$prefix}--popover--right-top,\n      .#{$prefix}--popover--right-start,\n      .#{$prefix}--popover--right-end\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n    // autoAlign uses a different dom structure where the caret is within the content instead of a sibling\n    .#{$prefix}--ai-label\n    > .#{$prefix}--toggletip.#{$prefix}--popover--auto-align:is(\n      .#{$prefix}--popover--right,\n      .#{$prefix}--popover--right-bottom,\n      .#{$prefix}--popover--right-top,\n      .#{$prefix}--popover--right-start,\n      .#{$prefix}--popover--right-end\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--slug\n    > .#{$prefix}--toggletip:is(\n      .#{$prefix}--popover--right,\n      .#{$prefix}--popover--right-bottom,\n      .#{$prefix}--popover--right-top,\n      .#{$prefix}--popover--right-start,\n      .#{$prefix}--popover--right-end\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n    // autoAlign uses a different dom structure where the caret is within the content instead of a sibling\n    .#{$prefix}--slug\n    > .#{$prefix}--toggletip.#{$prefix}--popover--auto-align:is(\n      .#{$prefix}--popover--right,\n      .#{$prefix}--popover--right-bottom,\n      .#{$prefix}--popover--right-top,\n      .#{$prefix}--popover--right-start,\n      .#{$prefix}--popover--right-end\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret {\n    &::before {\n      inset-inline-start: convert.to-rem(1px);\n      transform: rotate(-45deg);\n    }\n\n    &::after {\n      border-end-start-radius: 50%;\n      border-start-start-radius: 50%;\n      inset-block-start: convert.to-rem(-1px);\n      inset-inline-start: convert.to-rem(6px);\n    }\n  }\n\n  // Bottom\n  .#{$prefix}--ai-label\n    > .#{$prefix}--toggletip:is(\n      .#{$prefix}--popover--bottom,\n      .#{$prefix}--popover--bottom-left,\n      .#{$prefix}--popover--bottom-right,\n      .#{$prefix}--popover--bottom-start,\n      .#{$prefix}--popover--bottom-end\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n    // autoAlign uses a different dom structure where the caret is within the content instead of a sibling\n    .#{$prefix}--ai-label\n    > .#{$prefix}--toggletip.#{$prefix}--popover--auto-align:is(\n      .#{$prefix}--popover--bottom,\n      .#{$prefix}--popover--bottom-left,\n      .#{$prefix}--popover--bottom-right,\n      .#{$prefix}--popover--bottom-start,\n      .#{$prefix}--popover--bottom-end\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--slug\n    > .#{$prefix}--toggletip:is(\n      .#{$prefix}--popover--bottom,\n      .#{$prefix}--popover--bottom-left,\n      .#{$prefix}--popover--bottom-right,\n      .#{$prefix}--popover--bottom-start,\n      .#{$prefix}--popover--bottom-end\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n    // autoAlign uses a different dom structure where the caret is within the content instead of a sibling\n    .#{$prefix}--slug\n    > .#{$prefix}--toggletip.#{$prefix}--popover--auto-align:is(\n      .#{$prefix}--popover--bottom,\n      .#{$prefix}--popover--bottom-left,\n      .#{$prefix}--popover--bottom-right,\n      .#{$prefix}--popover--bottom-start,\n      .#{$prefix}--popover--bottom-end\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret {\n    &::before {\n      inset-block-start: convert.to-rem(1px);\n      transform: rotate(45deg);\n    }\n\n    &::after {\n      block-size: convert.to-rem(2px);\n      border-start-end-radius: 50%;\n      border-start-start-radius: 50%;\n      inline-size: convert.to-rem(14px);\n      inset-block-end: convert.to-rem(-2.5px);\n      inset-inline-start: convert.to-rem(-1px);\n    }\n  }\n\n  // Left\n  .#{$prefix}--ai-label\n    > .#{$prefix}--toggletip:is(\n      .#{$prefix}--popover--left,\n      .#{$prefix}--popover--left-bottom,\n      .#{$prefix}--popover--left-top,\n      .#{$prefix}--popover--left-start,\n      .#{$prefix}--popover--left-end\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n    // autoAlign uses a different dom structure where the caret is within the content instead of a sibling\n    .#{$prefix}--ai-label\n    > .#{$prefix}--toggletip.#{$prefix}--popover--auto-align:is(\n      .#{$prefix}--popover--left,\n      .#{$prefix}--popover--left-bottom,\n      .#{$prefix}--popover--left-top,\n      .#{$prefix}--popover--left-start,\n      .#{$prefix}--popover--left-end\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--slug\n    > .#{$prefix}--toggletip:is(\n      .#{$prefix}--popover--left,\n      .#{$prefix}--popover--left-bottom,\n      .#{$prefix}--popover--left-top,\n      .#{$prefix}--popover--left-start,\n      .#{$prefix}--popover--left-end\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n    // autoAlign uses a different dom structure where the caret is within the content instead of a sibling\n    .#{$prefix}--slug\n    > .#{$prefix}--toggletip.#{$prefix}--popover--auto-align:is(\n      .#{$prefix}--popover--left,\n      .#{$prefix}--popover--left-bottom,\n      .#{$prefix}--popover--left-top,\n      .#{$prefix}--popover--left-start,\n      .#{$prefix}--popover--left-end\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret {\n    &::before {\n      inset-inline-end: convert.to-rem(1px);\n      transform: rotate(135deg);\n    }\n\n    &::after {\n      border-end-end-radius: 50%;\n      border-start-end-radius: 50%;\n      inset-block-start: convert.to-rem(-1px);\n      inset-inline-start: convert.to-rem(-2px);\n    }\n  }\n\n  // Override for specific alignments\n  .#{$prefix}--ai-label\n    > .#{$prefix}--toggletip:is(\n      .#{$prefix}--popover--left-bottom,\n      .#{$prefix}--popover--right-bottom,\n      .#{$prefix}--popover--left-end,\n      .#{$prefix}--popover--right-end\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret::after,\n    // autoAlign uses a different dom structure where the caret is within the content instead of a sibling\n    .#{$prefix}--ai-label\n    > .#{$prefix}--toggletip.#{$prefix}--popover--auto-align:is(\n      .#{$prefix}--popover--left-bottom,\n      .#{$prefix}--popover--right-bottom,\n      .#{$prefix}--popover--left-end,\n      .#{$prefix}--popover--right-end\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret::after,\n  .#{$prefix}--slug\n    > .#{$prefix}--toggletip:is(\n      .#{$prefix}--popover--left-bottom,\n      .#{$prefix}--popover--right-bottom,\n      .#{$prefix}--popover--left-end,\n      .#{$prefix}--popover--right-end\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret::after,\n    // autoAlign uses a different dom structure where the caret is within the content instead of a sibling\n    .#{$prefix}--slug\n    > .#{$prefix}--toggletip.#{$prefix}--popover--auto-align:is(\n      .#{$prefix}--popover--left-bottom,\n      .#{$prefix}--popover--right-bottom,\n      .#{$prefix}--popover--left-end,\n      .#{$prefix}--popover--right-end\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret::after {\n    background: transparent;\n  }\n\n  // Change caret color / border when it is near the bottom of the callout\n  .#{$prefix}--ai-label\n    > .#{$prefix}--toggletip:is(\n      .#{$prefix}--popover--left-bottom,\n      .#{$prefix}--popover--right-bottom,\n      .#{$prefix}--popover--left-end,\n      .#{$prefix}--popover--right-end,\n      .#{$prefix}--popover--top,\n      .#{$prefix}--popover--top-right,\n      .#{$prefix}--popover--top-left,\n      .#{$prefix}--popover--top-end,\n      .#{$prefix}--popover--top-start\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n    // autoAlign uses a different dom structure where the caret is within the content instead of a sibling\n    .#{$prefix}--ai-label\n    > .#{$prefix}--toggletip.#{$prefix}--popover--auto-align:is(\n      .#{$prefix}--popover--left-bottom,\n      .#{$prefix}--popover--right-bottom,\n      .#{$prefix}--popover--left-end,\n      .#{$prefix}--popover--right-end,\n      .#{$prefix}--popover--top,\n      .#{$prefix}--popover--top-right,\n      .#{$prefix}--popover--top-left,\n      .#{$prefix}--popover--top-end,\n      .#{$prefix}--popover--top-start\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--slug\n    > .#{$prefix}--toggletip:is(\n      .#{$prefix}--popover--left-bottom,\n      .#{$prefix}--popover--right-bottom,\n      .#{$prefix}--popover--left-end,\n      .#{$prefix}--popover--right-end,\n      .#{$prefix}--popover--top,\n      .#{$prefix}--popover--top-right,\n      .#{$prefix}--popover--top-left,\n      .#{$prefix}--popover--top-end,\n      .#{$prefix}--popover--top-start\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n    // autoAlign uses a different dom structure where the caret is within the content instead of a sibling\n    .#{$prefix}--slug\n    > .#{$prefix}--toggletip.#{$prefix}--popover--auto-align:is(\n      .#{$prefix}--popover--left-bottom,\n      .#{$prefix}--popover--right-bottom,\n      .#{$prefix}--popover--left-end,\n      .#{$prefix}--popover--right-end,\n      .#{$prefix}--popover--top,\n      .#{$prefix}--popover--top-right,\n      .#{$prefix}--popover--top-left,\n      .#{$prefix}--popover--top-end,\n      .#{$prefix}--popover--top-start\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret {\n    &::before {\n      border-color: $ai-popover-caret-bottom;\n      background: $ai-popover-caret-bottom-background;\n    }\n  }\n\n  // Adjust background if actions are present\n  .#{$prefix}--ai-label\n    > .#{$prefix}--toggletip:is(\n      .#{$prefix}--popover--left-bottom,\n      .#{$prefix}--popover--right-bottom,\n      .#{$prefix}--popover--left-end,\n      .#{$prefix}--popover--right-end,\n      .#{$prefix}--popover--top,\n      .#{$prefix}--popover--top-right,\n      .#{$prefix}--popover--top-left,\n      .#{$prefix}--popover--top-end,\n      .#{$prefix}--popover--top-start\n    )\n    > .#{$prefix}--popover:has(.#{$prefix}--ai-label-content--with-actions)\n    > .#{$prefix}--popover-caret,\n    // autoAlign uses a different dom structure where the caret is within the content instead of a sibling\n    .#{$prefix}--ai-label\n    > .#{$prefix}--toggletip.#{$prefix}--popover--auto-align:is(\n      .#{$prefix}--popover--left-bottom,\n      .#{$prefix}--popover--right-bottom,\n      .#{$prefix}--popover--left-end,\n      .#{$prefix}--popover--right-end,\n      .#{$prefix}--popover--top,\n      .#{$prefix}--popover--top-right,\n      .#{$prefix}--popover--top-left,\n      .#{$prefix}--popover--top-start,\n      .#{$prefix}--popover--top-end\n    )\n    > .#{$prefix}--popover:has(.#{$prefix}--ai-label-content--with-actions)\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--slug\n    > .#{$prefix}--toggletip:is(\n      .#{$prefix}--popover--left-bottom,\n      .#{$prefix}--popover--right-bottom,\n      .#{$prefix}--popover--left-end,\n      .#{$prefix}--popover--right-end,\n      .#{$prefix}--popover--top,\n      .#{$prefix}--popover--top-right,\n      .#{$prefix}--popover--top-left,\n      .#{$prefix}--popover--top-end,\n      .#{$prefix}--popover--top-start\n    )\n    > .#{$prefix}--popover:has(.#{$prefix}--slug-content--with-actions)\n    > .#{$prefix}--popover-caret,\n    // autoAlign uses a different dom structure where the caret is within the content instead of a sibling\n    .#{$prefix}--slug\n    > .#{$prefix}--toggletip.#{$prefix}--popover--auto-align:is(\n      .#{$prefix}--popover--left-bottom,\n      .#{$prefix}--popover--right-bottom,\n      .#{$prefix}--popover--left-end,\n      .#{$prefix}--popover--right-end,\n      .#{$prefix}--popover--top,\n      .#{$prefix}--popover--top-right,\n      .#{$prefix}--popover--top-left,\n      .#{$prefix}--popover--top-start,\n      .#{$prefix}--popover--top-end\n    )\n    > .#{$prefix}--popover:has(.#{$prefix}--slug-content--with-actions)\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret {\n    &::before {\n      background: $ai-popover-caret-bottom-background-actions;\n    }\n  }\n\n  // Change the caret border when it is near the middle of the callout\n  .#{$prefix}--ai-label\n    > .#{$prefix}--toggletip:is(\n      .#{$prefix}--popover--left,\n      .#{$prefix}--popover--right\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n    // autoAlign uses a different dom structure where the caret is within the content instead of a sibling\n    .#{$prefix}--ai-label\n    > .#{$prefix}--toggletip.#{$prefix}--popover--auto-align:is(\n      .#{$prefix}--popover--left,\n      .#{$prefix}--popover--right\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret,\n  .#{$prefix}--slug\n    > .#{$prefix}--toggletip:is(\n      .#{$prefix}--popover--left,\n      .#{$prefix}--popover--right\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-caret,\n    // autoAlign uses a different dom structure where the caret is within the content instead of a sibling\n    .#{$prefix}--slug\n    > .#{$prefix}--toggletip.#{$prefix}--popover--auto-align:is(\n      .#{$prefix}--popover--left,\n      .#{$prefix}--popover--right\n    )\n    > .#{$prefix}--popover\n    > .#{$prefix}--popover-content\n    > .#{$prefix}--popover-caret {\n    &::before {\n      border-color: $ai-popover-caret-center;\n    }\n  }\n\n  .#{$prefix}--ai-label .#{$prefix}--toggletip-content,\n  .#{$prefix}--slug .#{$prefix}--toggletip-content {\n    // This sets the max size to the size of the action bar with 3 buttons\n    padding-block: convert.to-rem(24px) convert.to-rem(80px);\n    padding-inline: convert.to-rem(24px);\n  }\n\n  .#{$prefix}--ai-label\n    .#{$prefix}--ai-label-content\n    .#{$prefix}--toggletip-content,\n  .#{$prefix}--slug .#{$prefix}--slug-content .#{$prefix}--toggletip-content {\n    max-inline-size: convert.to-rem(320px);\n  }\n\n  .#{$prefix}--ai-label .#{$prefix}--ai-label-actions,\n  .#{$prefix}--slug .#{$prefix}--slug-actions {\n    position: absolute;\n    justify-content: flex-end;\n    backdrop-filter: blur(85px);\n    background: rgba(0, 0, 0, 0.01);\n    border-end-end-radius: convert.to-rem(8px);\n    border-end-start-radius: convert.to-rem(8px);\n    column-gap: 0;\n    inline-size: 100%;\n    inset-block-end: 0;\n    inset-inline-end: 0;\n  }\n\n  .#{$prefix}--ai-label .#{$prefix}--ai-label-actions .#{$prefix}--btn:focus,\n  .#{$prefix}--slug .#{$prefix}--slug-actions .#{$prefix}--btn:focus {\n    border-color: $focus;\n    box-shadow:\n      inset 0 0 0 1px $focus,\n      inset 0 0 0 2px $background;\n  }\n\n  .#{$prefix}--ai-label .#{$prefix}--ai-label-actions .#{$prefix}--btn--primary,\n  .#{$prefix}--slug .#{$prefix}--slug-actions .#{$prefix}--btn--primary {\n    order: 1;\n    border-end-end-radius: convert.to-rem(7px);\n  }\n\n  // Revert styles\n  .#{$prefix}--ai-label.#{$prefix}--ai-label--revert,\n  .#{$prefix}--slug.#{$prefix}--slug--revert {\n    transform: translate($spacing-03, -50%);\n  }\n\n  .#{$prefix}--ai-label--revert .#{$prefix}--btn--icon-only,\n  .#{$prefix}--slug--revert .#{$prefix}--btn--icon-only {\n    align-items: center;\n    padding-block-start: 0;\n  }\n\n  .#{$prefix}--ai-label--revert .#{$prefix}--btn--icon-only svg,\n  .#{$prefix}--slug--revert .#{$prefix}--btn--icon-only svg {\n    margin: 0;\n  }\n}\n","//\n// Copyright IBM Corp. 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../theme';\n@use './custom-property';\n\n/// Experimental - name and structure subject to change. Use at your own risk!\n/// Adds AI gradient styles to a component\n/// @access private\n/// @param {String} $direction  - Direction of gradient from: `left`, `right`, `top`, and `bottom`\n/// @param {Number} $span - Percentage span of gradient with regards to parent component\n/// @example @include ai-gradient('right', '33%');\n/// @group utilities\n@mixin ai-gradient($direction: 'bottom', $span: 50%) {\n  $deg: 0;\n  @if $direction == 'bottom' {\n    $deg: 0deg;\n  } @else if $direction == 'left' {\n    $deg: 90deg;\n  } @else if $direction == 'top' {\n    $deg: 180deg;\n  } @else if $direction == 'right' {\n    $deg: 270deg;\n  }\n\n  background-image: linear-gradient(\n    $deg,\n    theme.$ai-aura-start-sm 0%,\n    15%,\n    theme.$ai-aura-end $span,\n    transparent 100%\n  );\n\n  border-block-end-color: theme.$ai-border-strong;\n}\n\n@mixin ai-table-gradient($type: 'default', $span: 50%) {\n  @if $type == 'hover' {\n    background: linear-gradient(\n        to right,\n        theme.$ai-aura-hover-start 0%,\n        15%,\n        theme.$ai-aura-hover-end 50%\n      ),\n      theme.$ai-aura-hover-background;\n  } @else if $type == 'selected' {\n    background: linear-gradient(\n        to right,\n        theme.$ai-aura-start-sm 0%,\n        theme.$ai-aura-end 50%,\n        transparent 50%\n      ),\n      theme.$layer-selected;\n  } @else {\n    background: linear-gradient(\n      to right,\n      theme.$ai-aura-start-sm 0%,\n      theme.$ai-aura-end $span,\n      transparent 50%\n    );\n  }\n}\n\n/// Experimental - name and structure subject to change. Use at your own risk!\n/// Adds callout gradient styles to a component\n/// @access private\n/// @example @include ai-popover-gradient();\n/// @param {String} $type  - Type of gradient, either 'default', 'selected' or 'hover'\n/// @param {Number} $offset  - specify a pixel offset the callout should start from the bottom\n/// @param {String} $background  - specify the token to be used as the background\n/// @group utilities\n@mixin ai-popover-gradient(\n  $type: 'default',\n  $offset: 0,\n  $background: 'ai-popover-background'\n) {\n  $start: 0%;\n  @if $offset != 0 {\n    $start: calc(0% + #{$offset});\n  }\n\n  $background: custom-property.get-var(\n    #{$background},\n    theme.$ai-popover-background\n  );\n\n  @if $type == 'hover' {\n    background:\n      linear-gradient(\n          to top,\n          theme.$ai-aura-hover-start $start,\n          15%,\n          theme.$ai-aura-hover-end 50%\n        )\n        padding-box,\n      linear-gradient(\n          to top,\n          theme.$ai-aura-hover-background,\n          theme.$ai-aura-hover-background\n        )\n        padding-box,\n      linear-gradient(to bottom, theme.$ai-border-start, theme.$ai-border-end)\n        border-box,\n      // Needed to underlay the transparent border\n      linear-gradient(\n          to top,\n          theme.$ai-aura-hover-background,\n          theme.$ai-aura-hover-background\n        )\n        border-box;\n  } @else if $type == 'selected' {\n    background:\n      linear-gradient(\n          to top,\n          theme.$ai-aura-start $start,\n          15%,\n          theme.$ai-aura-end 50%\n        )\n        padding-box,\n      linear-gradient(to top, theme.$layer, theme.$layer) padding-box,\n      linear-gradient(to bottom, theme.$border-inverse, theme.$border-inverse)\n        border-box,\n      // Needed to underlay the transparent border\n      linear-gradient(to top, theme.$layer, theme.$layer)\n        border-box;\n  } @else {\n    background:\n      linear-gradient(\n          to top,\n          $background $start,\n          theme.$ai-aura-start $start,\n          15%,\n          theme.$ai-aura-end 50%\n        )\n        padding-box,\n      linear-gradient(to top, $background, $background) padding-box,\n      linear-gradient(to bottom, theme.$ai-border-start, theme.$ai-border-end)\n        border-box,\n      // Needed to underlay the transparent border\n      linear-gradient(to top, $background, $background)\n        border-box;\n  }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:list';\n@use 'sass:math';\n@use 'sass:meta';\n@use '../../config' as *;\n\n/// The aspect ratios that are used to generate corresponding aspect ratio\n/// classes in code\n/// @type List\n/// @access public\n/// @group @carbon/grid\n$aspect-ratios: (\n  (16, 9),\n  (9, 16),\n  (2, 1),\n  (1, 2),\n  (4, 3),\n  (3, 4),\n  (3, 2),\n  (2, 3),\n  (1, 1)\n);\n\n/// Generates the CSS classname utilities for the aspect ratios\n///\n/// CSS Tricks article on aspect ratios and all the different ways it can be done.\n/// https://css-tricks.com/aspect-ratio-boxes/#article-header-id-6\n///\n/// That article references an earlier article on the topic.\n/// https://keithjgrant.com/posts/2017/03/aspect-ratios/\n///\n/// @param {Number} $width width from an aspect ratio\n/// @param {Number} $height height from an aspect ratio\n/// @access private\n/// @group @carbon/grid\n@mixin aspect-ratio($aspect-ratios: $aspect-ratios) {\n  .#{$prefix}--aspect-ratio {\n    position: relative;\n  }\n\n  .#{$prefix}--aspect-ratio::before {\n    block-size: 0;\n    content: '';\n    // float: inline-start is not supported yet\n    // https://caniuse.com/mdn-css_properties_float_flow_relative_values\n    // stylelint-disable-next-line csstools/use-logical\n    float: left;\n    inline-size: 1px;\n    margin-inline-start: -1px;\n  }\n\n  .#{$prefix}--aspect-ratio::after {\n    display: table;\n    clear: both;\n    content: '';\n  }\n\n  @each $aspect-ratio in $aspect-ratios {\n    $width: list.nth($aspect-ratio, 1);\n    $height: list.nth($aspect-ratio, 2);\n\n    .#{$prefix}--aspect-ratio--#{$width}x#{$height}::before {\n      padding-block-start: math.percentage(math.div($height, $width));\n    }\n  }\n}\n","//\n// Copyright IBM Corp. 2025\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n//-----------------------------\n// Badge indicator\n//-----------------------------\n\n@use '../../config' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type';\n@use '../../utilities/component-reset';\n@use '../../utilities/convert';\n\n/// Badge indicator styles\n/// @access public\n/// @group badge-indicator\n@mixin badge-indicator {\n  .#{$prefix}--badge-indicator {\n    @include type.type-style('helper-text-01');\n\n    position: absolute;\n    display: flex;\n    padding: 0 $spacing-02 $spacing-01;\n    border-radius: 100px;\n    background: $support-error;\n    color: $text-on-color;\n\n    inset-block-start: 0;\n    inset-inline-end: 0;\n\n    margin-block-start: $spacing-03;\n    margin-inline-end: $spacing-03;\n\n    max-block-size: $spacing-05;\n    min-block-size: $spacing-03;\n    min-inline-size: $spacing-03;\n  }\n\n  .#{$prefix}--badge-indicator--count {\n    margin-block-start: $spacing-02;\n    margin-inline-end: $spacing-02;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../button' as button;\n@use '../tooltip';\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../layer' as *;\n@use '../../utilities/box-shadow' as *;\n@use '../../utilities/button-reset';\n@use '../../utilities/component-reset';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/convert';\n@use '../../utilities/z-index' as *;\n@use '../../utilities/custom-property';\n\n/// Overflow menu styles\n/// @access public\n/// @group overflow-menu\n@mixin overflow-menu {\n  .#{$prefix}--overflow-menu,\n  .#{$prefix}--overflow-menu__trigger {\n    @include button-reset.reset;\n    @include component-reset.reset;\n    @include focus-outline('reset');\n\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    block-size: convert.to-rem(40px);\n    cursor: pointer;\n    inline-size: convert.to-rem(40px);\n    min-block-size: convert.to-rem(40px);\n    transition:\n      outline $duration-fast-02 motion(entrance, productive),\n      background-color $duration-fast-02 motion(entrance, productive);\n\n    &:focus {\n      @include focus-outline('outline');\n    }\n\n    &:hover {\n      background-color: $layer-hover;\n    }\n  }\n\n  .#{$prefix}--overflow-menu > :first-child {\n    margin-block-start: 0;\n  }\n\n  .#{$prefix}--overflow-menu--sm {\n    block-size: convert.to-rem(32px);\n    inline-size: convert.to-rem(32px);\n    min-block-size: convert.to-rem(32px);\n  }\n\n  .#{$prefix}--overflow-menu--lg {\n    block-size: convert.to-rem(48px);\n    inline-size: convert.to-rem(48px);\n  }\n\n  // Overwrite Icon Tooltip focus styles\n  .#{$prefix}--overflow-menu__trigger.#{$prefix}--tooltip--a11y.#{$prefix}--tooltip__trigger:focus {\n    @include focus-outline('outline');\n\n    svg {\n      outline: none;\n    }\n  }\n\n  .#{$prefix}--overflow-menu.#{$prefix}--overflow-menu--open,\n  .#{$prefix}--overflow-menu.#{$prefix}--overflow-menu--open\n    .#{$prefix}--overflow-menu__trigger {\n    @include box-shadow;\n\n    background-color: $layer;\n    transition: none;\n  }\n\n  .#{$prefix}--overflow-menu--light.#{$prefix}--overflow-menu--open,\n  .#{$prefix}--overflow-menu--light.#{$prefix}--overflow-menu--open\n    .#{$prefix}--overflow-menu__trigger {\n    background-color: $layer;\n  }\n\n  .#{$prefix}--overflow-menu__icon {\n    block-size: convert.to-rem(16px);\n    fill: $icon-primary;\n    inline-size: convert.to-rem(16px);\n  }\n\n  .#{$prefix}--overflow-menu__wrapper {\n    line-height: 0;\n  }\n\n  .#{$prefix}--overflow-menu-options {\n    @include component-reset.reset;\n    @include box-shadow;\n\n    position: absolute;\n    z-index: z('floating');\n    display: none;\n    flex-direction: column;\n    align-items: flex-start;\n    background-color: $layer;\n    inline-size: convert.to-rem(160px);\n    inset-block-start: 32px;\n    inset-inline-start: 0;\n    list-style: none;\n\n    &::after {\n      position: absolute;\n      display: block;\n      background-color: $layer;\n      content: '';\n      transition: background-color $duration-fast-02\n        motion(entrance, productive);\n\n      @media screen and (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n  }\n\n  .#{$prefix}--overflow-menu.#{$prefix}--overflow-menu--open:hover {\n    background-color: $layer;\n  }\n\n  .#{$prefix}--overflow-menu-options--light {\n    background-color: $layer;\n\n    &::after {\n      background-color: $layer;\n    }\n  }\n\n  .#{$prefix}--overflow-menu.#{$prefix}--overflow-menu--light.#{$prefix}--overflow-menu--open:hover {\n    background-color: $layer;\n  }\n\n  .#{$prefix}--overflow-menu-options[data-floating-menu-direction='bottom']:not(\n      .#{$prefix}--breadcrumb-menu-options\n    )::after {\n    block-size: convert.to-rem(3px);\n    inline-size: convert.to-rem(40px);\n    inset-block-start: convert.to-rem(-3px);\n    inset-inline-start: 0;\n  }\n\n  .#{$prefix}--overflow-menu-options[data-floating-menu-direction='top']::after {\n    block-size: convert.to-rem(8px);\n    inline-size: convert.to-rem(40px);\n    inset-block-end: convert.to-rem(-8px);\n    inset-inline-start: 0;\n  }\n\n  .#{$prefix}--overflow-menu-options[data-floating-menu-direction='left']::after {\n    block-size: convert.to-rem(40px);\n    inline-size: convert.to-rem(6px);\n    inset-block-start: 0;\n    inset-inline-end: convert.to-rem(-6px);\n  }\n\n  .#{$prefix}--overflow-menu-options[data-floating-menu-direction='right']::after {\n    block-size: convert.to-rem(40px);\n    inline-size: convert.to-rem(6px);\n    inset-block-start: 0;\n    inset-inline-start: convert.to-rem(-6px);\n  }\n\n  .#{$prefix}--overflow-menu-options--sm.#{$prefix}--overflow-menu-options {\n    &[data-floating-menu-direction='bottom']::after,\n    &[data-floating-menu-direction='top']::after {\n      inline-size: convert.to-rem(32px);\n    }\n\n    &[data-floating-menu-direction='left']::after,\n    &[data-floating-menu-direction='right']::after {\n      block-size: convert.to-rem(32px);\n    }\n  }\n\n  .#{$prefix}--overflow-menu-options--lg.#{$prefix}--overflow-menu-options {\n    &[data-floating-menu-direction='bottom']::after,\n    &[data-floating-menu-direction='top']::after {\n      inline-size: convert.to-rem(48px);\n    }\n\n    &[data-floating-menu-direction='left']::after,\n    &[data-floating-menu-direction='right']::after {\n      block-size: convert.to-rem(48px);\n    }\n  }\n\n  .#{$prefix}--overflow-menu--flip.#{$prefix}--overflow-menu-options[data-floating-menu-direction='top']::after,\n  .#{$prefix}--overflow-menu--flip.#{$prefix}--overflow-menu-options[data-floating-menu-direction='bottom']::after {\n    inset-inline: auto 0;\n  }\n\n  .#{$prefix}--overflow-menu--flip.#{$prefix}--overflow-menu-options[data-floating-menu-direction='left']::after,\n  .#{$prefix}--overflow-menu--flip.#{$prefix}--overflow-menu-options[data-floating-menu-direction='right']::after {\n    inset-block: auto 0;\n  }\n\n  .#{$prefix}--overflow-menu-options--open {\n    display: flex;\n  }\n\n  .#{$prefix}--overflow-menu-options__content {\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--overflow-menu-options__option {\n    @include component-reset.reset;\n\n    display: flex;\n    align-items: center;\n    padding: 0;\n    background-color: transparent;\n    block-size: convert.to-rem(40px);\n    inline-size: 100%;\n    transition: background-color $duration-fast-02 motion(entrance, productive);\n  }\n\n  .#{$prefix}--overflow-menu-options--sm\n    .#{$prefix}--overflow-menu-options__option {\n    block-size: convert.to-rem(32px);\n  }\n\n  .#{$prefix}--overflow-menu-options--lg\n    .#{$prefix}--overflow-menu-options__option {\n    block-size: convert.to-rem(48px);\n  }\n\n  .#{$prefix}--overflow-menu--divider {\n    border-block-start: 1px solid $border-subtle;\n  }\n\n  .#{$prefix}--overflow-menu--light .#{$prefix}--overflow-menu--divider {\n    border-block-start: 1px solid $border-subtle;\n  }\n\n  a.#{$prefix}--overflow-menu-options__btn::before {\n    display: inline-block;\n    block-size: 100%;\n    content: '';\n    vertical-align: middle;\n  }\n\n  .#{$prefix}--overflow-menu-options__btn {\n    @include type-style('body-compact-01');\n    @include focus-outline('reset');\n\n    display: inline-flex;\n    align-items: center;\n    padding: 0 $spacing-05;\n    border: none;\n    background-color: transparent;\n    block-size: 100%;\n    color: $text-secondary;\n    cursor: pointer;\n    font-family: inherit;\n    font-weight: 400;\n    inline-size: 100%;\n    max-inline-size: 11.25rem;\n    text-align: start;\n    transition:\n      outline $duration-fast-02 motion(entrance, productive),\n      background-color $duration-fast-02 motion(entrance, productive),\n      color $duration-fast-02 motion(entrance, productive);\n\n    &:hover {\n      color: $text-primary;\n    }\n\n    &:focus {\n      @include focus-outline('outline');\n    }\n\n    &::-moz-focus-inner {\n      border: none;\n    }\n  }\n\n  .#{$prefix}--overflow-menu-options__btn svg {\n    fill: $icon-secondary;\n  }\n\n  .#{$prefix}--overflow-menu-options__btn:hover svg {\n    fill: $icon-primary;\n  }\n\n  .#{$prefix}--overflow-menu-options__option-content {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .#{$prefix}--overflow-menu-options__option:hover {\n    background-color: $layer-hover;\n  }\n\n  .#{$prefix}--overflow-menu-options__option--danger\n    .#{$prefix}--overflow-menu-options__btn:hover,\n  .#{$prefix}--overflow-menu-options__option--danger\n    .#{$prefix}--overflow-menu-options__btn:focus {\n    background-color: button.$button-danger-primary;\n    color: $text-on-color;\n\n    svg {\n      fill: currentColor;\n    }\n  }\n\n  .#{$prefix}--overflow-menu-options__option--disabled:hover {\n    background-color: $layer;\n    cursor: not-allowed;\n  }\n\n  .#{$prefix}--overflow-menu-options__option--disabled\n    .#{$prefix}--overflow-menu-options__btn {\n    color: $text-disabled;\n    cursor: not-allowed;\n\n    &:hover,\n    &:active,\n    &:focus {\n      @include focus-outline('reset');\n\n      background-color: $layer;\n      color: $text-disabled;\n    }\n  }\n\n  .#{$prefix}--overflow-menu-options__option--disabled\n    .#{$prefix}--overflow-menu-options__btn\n    svg {\n    fill: $icon-disabled;\n  }\n\n  .#{$prefix}--overflow-menu--flip {\n    inset-inline-start: -140px;\n\n    &::before {\n      inset-inline-start: 145px;\n    }\n  }\n\n  // Windows HCM fix\n  /* stylelint-disable */\n  .#{$prefix}--overflow-menu:focus,\n  .#{$prefix}--overflow-menu-options__btn:focus {\n    @include high-contrast-mode('focus');\n  }\n\n  .#{$prefix}--overflow-menu svg {\n    @include high-contrast-mode('icon-fill');\n  }\n  /*stylelint-enable */\n\n  $popover-offset: custom-property.get-var('popover-offset', 2.5rem);\n\n  .#{$prefix}--overflow-menu__top-start {\n    transform: translate(0, calc(-100% - $popover-offset));\n  }\n\n  .#{$prefix}--overflow-menu__top-end {\n    transform: translate(0, calc(-100% - $popover-offset));\n  }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../overflow-menu';\n@use '../../config' as *;\n@use '../../breakpoint' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../layer' as *;\n@use '../../utilities/component-reset';\n@use '../../utilities/convert';\n@use '../../utilities/skeleton' as *;\n\n@mixin breadcrumb {\n  .#{$prefix}--breadcrumb {\n    @include component-reset.reset;\n    @include type-style('body-compact-01');\n\n    display: inline;\n\n    @include breakpoint(md) {\n      display: flex;\n      flex-wrap: wrap;\n    }\n  }\n\n  .#{$prefix}--breadcrumb--sm {\n    @include type-style('label-01');\n  }\n\n  .#{$prefix}--breadcrumb .#{$prefix}--link {\n    font: inherit;\n  }\n\n  .#{$prefix}--breadcrumb-item {\n    position: relative;\n    display: flex;\n    align-items: center;\n    margin-inline-end: $spacing-03;\n  }\n\n  .#{$prefix}--breadcrumb--sm .#{$prefix}--breadcrumb-item {\n    margin-inline-end: $spacing-02;\n  }\n\n  .#{$prefix}--breadcrumb-item .#{$prefix}--link:visited {\n    color: $link-primary;\n\n    &:hover {\n      color: $link-primary-hover;\n    }\n  }\n\n  .#{$prefix}--breadcrumb-item .#{$prefix}--link:active,\n  .#{$prefix}--breadcrumb-item .#{$prefix}--link:visited:active:hover {\n    color: $text-primary;\n  }\n\n  .#{$prefix}--breadcrumb-item::after {\n    color: $text-primary;\n    content: '/';\n    margin-inline-start: $spacing-03;\n  }\n\n  .#{$prefix}--breadcrumb--sm .#{$prefix}--breadcrumb-item::after {\n    margin-inline-start: $spacing-02;\n  }\n\n  .#{$prefix}--breadcrumb--no-trailing-slash\n    .#{$prefix}--breadcrumb-item:last-child::after {\n    content: '';\n  }\n\n  .#{$prefix}--breadcrumb-item:last-child,\n  .#{$prefix}--breadcrumb-item:last-child::after {\n    margin-inline-end: 0;\n  }\n\n  .#{$prefix}--breadcrumb .#{$prefix}--link {\n    white-space: nowrap;\n  }\n\n  .#{$prefix}--breadcrumb-item [aria-current='page'],\n  .#{$prefix}--breadcrumb-item.#{$prefix}--breadcrumb-item--current\n    .#{$prefix}--link {\n    color: $text-primary;\n    cursor: auto;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n\n  // Overflow Menu overrides\n  .#{$prefix}--breadcrumb-item .#{$prefix}--overflow-menu {\n    position: relative;\n    block-size: convert.to-rem(18px);\n    inline-size: $spacing-05;\n\n    &:focus {\n      border: none;\n      box-shadow: none;\n      outline: 1px solid $focus;\n      outline-offset: 0;\n    }\n\n    &:hover {\n      background: transparent;\n\n      &::after {\n        background: $link-primary-hover;\n      }\n    }\n\n    &:active {\n      &::after {\n        background: $text-primary;\n      }\n    }\n\n    &:focus,\n    &:hover {\n      &::after {\n        opacity: 1;\n      }\n    }\n\n    // Used to mimic link underline\n    &::after {\n      position: absolute;\n      background: $focus;\n      block-size: 1px;\n      content: '';\n      inline-size: convert.to-rem(12px);\n      inset-block-end: 2px;\n      opacity: 0;\n      transition: opacity $duration-fast-01 motion(standard, productive);\n\n      @media screen and (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n  }\n\n  .#{$prefix}--breadcrumb-item\n    .#{$prefix}--overflow-menu.#{$prefix}--overflow-menu--open {\n    background: transparent;\n    box-shadow: none;\n  }\n\n  .#{$prefix}--breadcrumb-item\n    .#{$prefix}--overflow-menu\n    .#{$prefix}--overflow-menu__icon {\n    position: relative;\n    fill: $link-primary;\n    transform: translateY(4px);\n  }\n\n  .#{$prefix}--breadcrumb-item\n    .#{$prefix}--overflow-menu:hover\n    .#{$prefix}--overflow-menu__icon {\n    fill: $link-primary-hover;\n  }\n\n  .#{$prefix}--breadcrumb-item\n    .#{$prefix}--overflow-menu:active\n    .#{$prefix}--overflow-menu__icon {\n    fill: $text-primary;\n  }\n\n  .#{$prefix}--breadcrumb-menu-options:focus {\n    outline: none;\n  }\n\n  $caret-size: convert.to-rem(7px);\n  .#{$prefix}--breadcrumb-menu-options.#{$prefix}--overflow-menu-options::after {\n    margin: 0 auto;\n    background: transparent;\n    block-size: 0;\n    border-block-end: $caret-size solid $field;\n    border-inline-end: $caret-size solid transparent;\n    border-inline-start: $caret-size solid transparent;\n    inline-size: 0;\n    inset-block-start: -$caret-size;\n    inset-inline-start: $caret-size * 2;\n  }\n\n  [dir='rtl']\n    .#{$prefix}--breadcrumb-menu-options.#{$prefix}--overflow-menu-options::after {\n    inset-inline-end: $caret-size * 2;\n    inset-inline-start: initial;\n  }\n\n  .#{$prefix}--breadcrumb\n    .#{$prefix}--overflow-menu.#{$prefix}--btn--icon-only {\n    min-block-size: 1.125rem;\n    padding-inline: 0;\n  }\n\n  .#{$prefix}--breadcrumb--sm\n    .#{$prefix}--breadcrumb-item\n    .#{$prefix}--overflow-menu {\n    block-size: $spacing-05;\n    inline-size: $spacing-05;\n    min-block-size: $spacing-05;\n    .#{$prefix}--overflow-menu__icon {\n      transform: translateY(3px);\n    }\n  }\n\n  // Skeleton State\n  .#{$prefix}--breadcrumb.#{$prefix}--skeleton .#{$prefix}--link {\n    @include skeleton;\n\n    block-size: 1rem;\n    inline-size: convert.to-rem(100px);\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type';\n@use '../../utilities/component-reset';\n@use '../../utilities/custom-property';\n@use '../../utilities/focus-outline' as *;\n\n$link-text-color: custom-property.get-var('link-text-color', $link-primary);\n$link-hover-text-color: custom-property.get-var(\n  'link-hover-text-color',\n  $link-primary-hover\n);\n$link-visited-text-color: custom-property.get-var(\n  'link-visited-text-color',\n  $link-visited\n);\n$link-focus-text-color: custom-property.get-var(\n  'link-focus-text-color',\n  $focus\n);\n\n/// Link styles\n/// @access public\n/// @group link\n@mixin link {\n  .#{$prefix}--link {\n    @include component-reset.reset;\n    @include type.type-style('body-compact-01');\n\n    display: inline-flex;\n    color: $link-text-color;\n    outline: none;\n    text-decoration: none;\n    transition: color $duration-fast-01 motion(standard, productive);\n\n    &:hover {\n      color: $link-hover-text-color;\n      text-decoration: underline;\n    }\n\n    &:active,\n    &:active:visited,\n    &:active:visited:hover {\n      @include focus-outline;\n\n      color: $link-text-color;\n      outline-color: $link-focus-text-color;\n      text-decoration: underline;\n    }\n\n    &:focus {\n      @include focus-outline;\n\n      outline-color: $link-focus-text-color;\n      text-decoration: underline;\n    }\n\n    &:visited {\n      color: $link-text-color;\n    }\n\n    &:visited:hover {\n      color: $link-hover-text-color;\n    }\n  }\n\n  .#{$prefix}--link--disabled,\n  .#{$prefix}--link--disabled:hover {\n    @include component-reset.reset;\n    @include type.type-style('body-compact-01');\n\n    color: $text-disabled;\n    cursor: not-allowed;\n    font-weight: 400;\n    text-decoration: none;\n  }\n\n  .#{$prefix}--link.#{$prefix}--link--visited:visited {\n    color: $link-visited-text-color;\n  }\n\n  .#{$prefix}--link.#{$prefix}--link--visited:visited:hover {\n    color: $link-hover-text-color;\n  }\n\n  .#{$prefix}--link.#{$prefix}--link--inline {\n    display: inline;\n    text-decoration: underline;\n  }\n\n  .#{$prefix}--link--disabled.#{$prefix}--link--inline {\n    text-decoration: underline;\n  }\n\n  .#{$prefix}--link--sm,\n  .#{$prefix}--link--sm.#{$prefix}--link--disabled:hover {\n    @include type.type-style('helper-text-01');\n  }\n\n  .#{$prefix}--link--lg,\n  .#{$prefix}--link--lg.#{$prefix}--link--disabled:hover {\n    @include type.type-style('body-compact-02');\n  }\n\n  .#{$prefix}--link__icon {\n    display: inline-flex;\n    align-self: center;\n    margin-inline-start: $spacing-03;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2024\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../button';\n@use '../../config' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/convert';\n\n@mixin chat-button {\n  .#{$prefix}--chat-btn {\n    border-radius: convert.to-rem(24px);\n  }\n\n  .#{$prefix}--chat-btn:not(.#{$prefix}--chat-btn--with-icon) {\n    padding-inline-end: convert.to-rem(15px);\n  }\n\n  .#{$prefix}--chat-btn.#{$prefix}--btn--md {\n    border-radius: convert.to-rem(20px);\n  }\n\n  .#{$prefix}--chat-btn.#{$prefix}--btn--sm {\n    border-radius: convert.to-rem(16px);\n  }\n\n  // Quick action button\n  .#{$prefix}--chat-btn--quick-action {\n    align-items: center;\n    border: 1px solid $chat-button;\n    background: transparent;\n    color: $chat-button;\n  }\n\n  .#{$prefix}--chat-btn--quick-action:hover:not(:active):not([disabled]) {\n    border-color: transparent;\n    background: $chat-button-hover;\n    color: $chat-button-text-hover;\n  }\n\n  .#{$prefix}--chat-btn--quick-action:active {\n    border-color: transparent;\n    background: $chat-button-active;\n    color: $chat-button-text-hover;\n  }\n\n  .#{$prefix}--chat-btn--quick-action.#{$prefix}--btn--ghost:focus {\n    border-color: $focus;\n    box-shadow: inset 0 0 0 1px $focus;\n  }\n\n  .#{$prefix}--chat-btn--quick-action.#{$prefix}--btn--ghost:hover:focus {\n    border-color: $focus;\n    box-shadow: inset 0 0 0 1px $focus-inset;\n  }\n\n  .#{$prefix}--chat-btn--quick-action[disabled],\n  .#{$prefix}--chat-btn--quick-action[disabled]:hover {\n    border-color: button.$button-disabled;\n    color: button.$button-disabled;\n  }\n\n  .#{$prefix}--chat-btn--quick-action--selected,\n  .#{$prefix}--chat-btn--quick-action--selected[disabled],\n  .#{$prefix}--chat-btn--quick-action--selected[disabled]:hover {\n    border-color: transparent;\n    background: $chat-button-selected;\n    color: $chat-button-text-selected;\n  }\n\n  .#{$prefix}--chat-btn--quick-action.#{$prefix}--chat-btn--quick-action--selected:not(\n      [disabled]\n    ):hover,\n  .#{$prefix}--chat-btn--quick-action.#{$prefix}--chat-btn--quick-action--selected:not(\n      [disabled]\n    ):active {\n    color: $chat-button-text-selected;\n  }\n\n  .#{$prefix}--chat-btn.#{$prefix}--skeleton {\n    overflow: hidden;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../config' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../layer' as *;\n@use '../../utilities/component-reset';\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/skeleton' as *;\n@use '../..//utilities/button-reset';\n\n/// @type Number\n/// @access public\n/// @group global-themes\n$input-label-weight: 400 !default;\n\n@mixin form {\n  // Override Chrome autocomplete styles\n  input:-webkit-autofill,\n  input:-webkit-autofill:hover,\n  input:-webkit-autofill:focus,\n  textarea:-webkit-autofill,\n  textarea:-webkit-autofill:hover,\n  textarea:-webkit-autofill:focus {\n    box-shadow: 0 0 0 1000px $field inset;\n    -webkit-text-fill-color: $text-primary;\n  }\n\n  .#{$prefix}--fieldset {\n    @include component-reset.reset;\n  }\n\n  .#{$prefix}--form-item {\n    @include type-style('body-compact-01');\n\n    display: flex;\n    // We specify `auto` as the default value so that the form item does\n    // not collapse in IE11 due to a `flex-basis` of 0 only working with\n    // `flex-direction: row`\n    flex: 1 1 auto;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .#{$prefix}--label {\n    @include reset;\n    @include type-style('label-01');\n\n    display: inline-block;\n    color: $text-secondary;\n    font-weight: $input-label-weight;\n    line-height: 1rem;\n    margin-block-end: $spacing-03;\n    vertical-align: baseline;\n  }\n\n  .#{$prefix}--label .#{$prefix}--toggletip-label {\n    @include type-style('label-01');\n  }\n\n  .#{$prefix}--label--no-margin {\n    margin-block-end: 0;\n  }\n\n  .#{$prefix}--label + .#{$prefix}--tooltip {\n    position: relative;\n    inset-block-start: 0.2rem;\n    inset-inline-start: 0.5rem;\n  }\n\n  .#{$prefix}--label + .#{$prefix}--tooltip .#{$prefix}--tooltip__trigger {\n    @include button-reset.reset();\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    @include type-style('label-01');\n  }\n\n  .#{$prefix}--label\n    + .#{$prefix}--tooltip\n    .#{$prefix}--tooltip__trigger:focus {\n    outline: 1px solid $focus;\n  }\n\n  .#{$prefix}--label + .#{$prefix}--tooltip .#{$prefix}--tooltip__trigger svg {\n    fill: $icon-secondary;\n  }\n\n  .#{$prefix}--label\n    + .#{$prefix}--tooltip\n    .#{$prefix}--tooltip__trigger\n    svg\n    :hover {\n    fill: $icon-primary;\n  }\n\n  .#{$prefix}--label + .#{$prefix}--toggletip {\n    inset-block-start: 0.2rem;\n    inset-inline-start: 0.5rem;\n  }\n\n  // Skeleton State\n  .#{$prefix}--label.#{$prefix}--skeleton {\n    @include skeleton;\n\n    block-size: convert.to-rem(14px);\n\n    inline-size: convert.to-rem(75px);\n  }\n\n  input[type='number'] {\n    font-family: font-family('sans');\n  }\n\n  input[data-invalid]:not(:focus),\n  .#{$prefix}--number[data-invalid] input[type='number']:not(:focus),\n  .#{$prefix}--text-input__field-wrapper[data-invalid]\n    > .#{$prefix}--text-input--invalid:not(:focus),\n  .#{$prefix}--text-area__wrapper[data-invalid]\n    > .#{$prefix}--text-area--invalid:not(:focus),\n  .#{$prefix}--select-input__wrapper[data-invalid]\n    .#{$prefix}--select-input:not(:focus),\n  .#{$prefix}--list-box[data-invalid]:not(\n      .#{$prefix}--multi-select--invalid--focused,\n      .#{$prefix}--combo-box--invalid--focused\n    ),\n  .#{$prefix}--combo-box[data-invalid]:not(.#{$prefix}--multi-select--selected)\n    .#{$prefix}--text-input:not(:focus) {\n    @include focus-outline('invalid');\n  }\n\n  input[data-invalid],\n  .#{$prefix}--number[data-invalid] .#{$prefix}--number__input-wrapper,\n  .#{$prefix}--number__input-wrapper--warning,\n  .#{$prefix}--date-picker-input__wrapper,\n  .#{$prefix}--date-picker-input__wrapper--warn,\n  .#{$prefix}--date-picker-input__wrapper--invalid,\n  .#{$prefix}--time-picker--invalid,\n  .#{$prefix}--time-picker--warning,\n  .#{$prefix}--text-input__field-wrapper[data-invalid],\n  .#{$prefix}--text-input__field-wrapper--warning,\n  .#{$prefix}--text-input__field-wrapper--warning > .#{$prefix}--text-input,\n  .#{$prefix}--text-area__wrapper[data-invalid],\n  .#{$prefix}--text-area__wrapper--warn,\n  .#{$prefix}--select-input__wrapper[data-invalid],\n  .#{$prefix}--select--warning .#{$prefix}--select-input__wrapper,\n  .#{$prefix}--time-picker[data-invalid],\n  .#{$prefix}--list-box[data-invalid],\n  .#{$prefix}--list-box--warning {\n    ~ .#{$prefix}--form-requirement {\n      display: block;\n      overflow: visible;\n      font-weight: 400;\n      max-block-size: convert.to-rem(200px);\n    }\n  }\n\n  input[data-invalid],\n  .#{$prefix}--number[data-invalid] .#{$prefix}--number__input-wrapper,\n  .#{$prefix}--date-picker-input__wrapper,\n  .#{$prefix}--date-picker-input__wrapper--invalid,\n  .#{$prefix}--time-picker--invalid,\n  .#{$prefix}--text-input__field-wrapper[data-invalid],\n  .#{$prefix}--text-area__wrapper[data-invalid],\n  .#{$prefix}--select-input__wrapper[data-invalid],\n  .#{$prefix}--time-picker[data-invalid],\n  .#{$prefix}--list-box[data-invalid] {\n    ~ .#{$prefix}--form-requirement {\n      color: $text-error;\n    }\n  }\n\n  //Fluid Form\n  .#{$prefix}--form--fluid .#{$prefix}--text-input__field-wrapper[data-invalid],\n  .#{$prefix}--form--fluid .#{$prefix}--text-input__field-wrapper--warning {\n    display: block;\n  }\n\n  .#{$prefix}--form--fluid input[data-invalid] {\n    outline: none;\n  }\n\n  .#{$prefix}--form--fluid .#{$prefix}--form-requirement {\n    padding: $spacing-03 convert.to-rem(40px) $spacing-03 $spacing-05;\n    margin: 0;\n  }\n\n  // Fix for red ring when input is marked required in Firefox, refs #744\n  input:not(output, [data-invalid]):-moz-ui-invalid {\n    box-shadow: none;\n  }\n\n  .#{$prefix}--form-requirement {\n    @include reset;\n    @include type-style('label-01');\n\n    display: none;\n    overflow: hidden;\n    margin: $spacing-02 0 0;\n    max-block-size: 0;\n  }\n\n  .#{$prefix}--select--inline .#{$prefix}--form__helper-text {\n    margin-block-start: 0;\n  }\n\n  .#{$prefix}--form__helper-text {\n    @include type-style('helper-text-01');\n\n    z-index: 0;\n    color: $text-secondary;\n    // Added to prevent error text from displaying under helper text in Safari (#6392)\n    inline-size: 100%;\n    margin-block-start: $spacing-02;\n    opacity: 1;\n  }\n\n  .#{$prefix}--label--disabled,\n  .#{$prefix}--form__helper-text--disabled {\n    color: $text-disabled;\n  }\n\n  // If a FormGroup is disabled, Form labels and helper text nested inside should also be disabled\n  fieldset[disabled] .#{$prefix}--label,\n  fieldset[disabled] .#{$prefix}--form__helper-text {\n    color: $text-disabled;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../form';\n@use '../../config' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/component-reset';\n@use '../../utilities/convert';\n@use '../../utilities/skeleton' as *;\n@use '../../utilities/visually-hidden' as *;\n\n@mixin checkbox {\n  .#{$prefix}--checkbox-group {\n    @include component-reset.reset;\n  }\n\n  // Spacing between checkboxes\n  .#{$prefix}--form-item.#{$prefix}--checkbox-wrapper {\n    position: relative;\n    margin-block-end: convert.to-rem(6px);\n  }\n\n  // Spacing above collection of checkboxes\n  .#{$prefix}--form-item.#{$prefix}--checkbox-wrapper:first-of-type {\n    margin-block-start: 0;\n  }\n\n  // Shift collection of checkboxes up if label is present\n  // to account for the 2px top margin for the first checkbox\n  .#{$prefix}--label + .#{$prefix}--form-item.#{$prefix}--checkbox-wrapper {\n    margin-block-start: -#{$spacing-01};\n  }\n\n  // Spacing below collection of checkboxes\n  .#{$prefix}--form-item.#{$prefix}--checkbox-wrapper:last-of-type {\n    margin-block-end: convert.to-rem(3px);\n  }\n\n  // Visually, we'll hide the checkbox input and create our own styled version\n  // to match the specs.\n  .#{$prefix}--checkbox {\n    @include visually-hidden;\n    //even though its hidden, positioning is for native validation to be aligned to checkbox\n    inset-block-start: 1.25rem;\n    inset-inline-start: 0.7rem;\n  }\n\n  // The label corresponds to the content inside of the `label` tag. Since we're\n  // creating our own checkbox style, we'll need to position this in order to\n  // accommodate the spacing needed for the checkbox.\n  .#{$prefix}--checkbox-label {\n    @include reset;\n    @include type-style('body-compact-01');\n\n    position: relative;\n    display: flex;\n    cursor: pointer;\n    min-block-size: convert.to-rem(20px);\n    padding-block-start: convert.to-rem(1px);\n    padding-inline-start: convert.to-rem(20px);\n    user-select: none;\n  }\n\n  .#{$prefix}--checkbox-label-text {\n    // Add extra spacing when label is present\n    padding-inline-start: convert.to-rem(10px);\n  }\n\n  // Required because `$css--reset: true` cannot currently apply to this `::before` and `::after`\n  .#{$prefix}--checkbox-label::before,\n  .#{$prefix}--checkbox-label::after {\n    box-sizing: border-box;\n\n    @media print {\n      print-color-adjust: exact;\n    }\n  }\n\n  // Spacing for presentational checkbox\n  .#{$prefix}--checkbox-label::before {\n    // We need to position the pseudo-element absolutely in the space that we've\n    // created with the padding from the label itself. We position only with\n    // `top` since we don't want the checkbox to be centered vertically with the\n    // text overflows.\n    position: absolute;\n    border: 1px solid $icon-primary;\n    border-radius: 2px;\n\n    // Checkboxes with a background color look visually off against a parent container.\n    background-color: transparent;\n    block-size: convert.to-rem(16px);\n    content: '';\n\n    // According to the spec, we'll want the bounding box for our checkbox to\n    // be 16px. The border size will be what will be updated during the\n    // different checkbox states.\n    inline-size: convert.to-rem(16px);\n    inset-block-start: convert.to-rem(2px);\n    inset-inline-start: 0;\n\n    // increase left margin for #6480\n    margin-block: convert.to-rem(1px) convert.to-rem(2px);\n    margin-inline: convert.to-rem(3px) 0;\n  }\n\n  // Create the appearance of the check in the `after` pseudo-element\n  .#{$prefix}--checkbox-label::after {\n    position: absolute;\n    background: none;\n    block-size: convert.to-rem(5px);\n    border-block-end: 1.5px solid $icon-inverse;\n    border-inline-start: 1.5px solid $icon-inverse;\n    content: '';\n    inline-size: convert.to-rem(9px);\n    inset-block-start: convert.to-rem(6.5px);\n    inset-inline-start: convert.to-rem(7px);\n    margin-block-start: convert.to-rem(-3px);\n    transform: scale(0) rotate(-45deg);\n    transform-origin: bottom right;\n  }\n\n  //----------------------------------------------\n  // Checked\n  // ---------------------------------------------\n\n  // Update properties for checked checkbox\n  .#{$prefix}--checkbox:checked + .#{$prefix}--checkbox-label::before,\n  .#{$prefix}--checkbox:indeterminate + .#{$prefix}--checkbox-label::before,\n  .#{$prefix}--checkbox-label[data-contained-checkbox-state='true']::before {\n    border: none;\n    border-width: 1px;\n    background-color: $icon-primary;\n  }\n\n  // Display the check\n  .#{$prefix}--checkbox:checked + .#{$prefix}--checkbox-label::after,\n  .#{$prefix}--checkbox-label[data-contained-checkbox-state='true']::after {\n    transform: scale(1) rotate(-45deg);\n  }\n\n  // Indeterminate symbol\n  .#{$prefix}--checkbox:indeterminate + .#{$prefix}--checkbox-label::after {\n    border-block-end: 2px solid $icon-inverse;\n    border-inline-start: 0 solid $icon-inverse;\n    inline-size: convert.to-rem(8px);\n    inset-block-start: convert.to-rem(11px);\n    transform: scale(1) rotate(0deg);\n  }\n\n  //----------------------------------------------\n  // Focus\n  // ---------------------------------------------\n\n  // Unchecked\n  .#{$prefix}--checkbox:focus + .#{$prefix}--checkbox-label::before,\n  .#{$prefix}--checkbox-label__focus::before,\n  // Checked\n  .#{$prefix}--checkbox:checked:focus + .#{$prefix}--checkbox-label::before,\n  .#{$prefix}--checkbox-label[data-contained-checkbox-state='true'].#{$prefix}--checkbox-label__focus::before,\n  // Indeterminate\n  .#{$prefix}--checkbox:indeterminate:focus + .#{$prefix}--checkbox-label::before {\n    outline: 2px solid $focus;\n    outline-offset: 1px;\n  }\n\n  //----------------------------------------------\n  // Disabled\n  // ---------------------------------------------\n\n  .#{$prefix}--checkbox:disabled + .#{$prefix}--checkbox-label,\n  .#{$prefix}--checkbox-label[data-contained-checkbox-disabled='true'] {\n    color: $text-disabled;\n    cursor: not-allowed;\n  }\n\n  .#{$prefix}--checkbox:disabled + .#{$prefix}--checkbox-label::before,\n  .#{$prefix}--checkbox-label[data-contained-checkbox-disabled='true']::before {\n    border-color: $icon-disabled;\n  }\n\n  .#{$prefix}--checkbox:checked:disabled + .#{$prefix}--checkbox-label::before,\n  .#{$prefix}--checkbox:indeterminate:disabled\n    + .#{$prefix}--checkbox-label::before,\n  .#{$prefix}--checkbox-label[data-contained-checkbox-state='true'][data-contained-checkbox-disabled='true']::before {\n    background-color: $icon-disabled;\n  }\n\n  //----------------------------------------------\n  // Invalid + warn\n  // ---------------------------------------------\n  .#{$prefix}--checkbox-group[data-invalid] .#{$prefix}--checkbox-label::before,\n  .#{$prefix}--checkbox-wrapper--invalid .#{$prefix}--checkbox-label::before,\n  .#{$prefix}--checkbox-wrapper--invalid\n    .#{$prefix}--checkbox:checked\n    + .#{$prefix}--checkbox-label::before {\n    border: 1px solid $support-error;\n  }\n\n  // checkbox group overrides for individual validation checkbox\n  .#{$prefix}--checkbox-group\n    .#{$prefix}--checkbox-wrapper--invalid\n    > .#{$prefix}--checkbox__validation-msg,\n  .#{$prefix}--checkbox-group\n    .#{$prefix}--checkbox-wrapper--warning\n    > .#{$prefix}--checkbox__validation-msg,\n  .#{$prefix}--checkbox-group\n    .#{$prefix}--checkbox-wrapper\n    > .#{$prefix}--form__helper-text {\n    display: none;\n  }\n\n  .#{$prefix}--checkbox-group:not(.#{$prefix}--checkbox-group[data-invalid])\n    .#{$prefix}--checkbox-wrapper--invalid\n    .#{$prefix}--checkbox-label::before,\n  .#{$prefix}--checkbox-group:not(.#{$prefix}--checkbox-group[data-invalid])\n    .#{$prefix}--checkbox-wrapper--invalid\n    .#{$prefix}--checkbox:checked\n    + .#{$prefix}--checkbox-label::before {\n    border: 1px solid $icon-primary;\n  }\n\n  .#{$prefix}--checkbox-group__validation-msg,\n  .#{$prefix}--checkbox__validation-msg {\n    display: none;\n    align-items: flex-start;\n    inline-size: 100%;\n    margin-block-start: $spacing-02;\n  }\n\n  .#{$prefix}--checkbox__invalid-icon {\n    margin: convert.to-rem(1px) convert.to-rem(1px) 0 convert.to-rem(3px);\n    fill: $support-error;\n    min-inline-size: convert.to-rem(16px);\n  }\n\n  .#{$prefix}--checkbox__invalid-icon--warning {\n    fill: $support-warning;\n  }\n\n  .#{$prefix}--checkbox__invalid-icon--warning path:first-of-type {\n    fill: #000000;\n  }\n\n  .#{$prefix}--checkbox-group--invalid\n    .#{$prefix}--checkbox-group__validation-msg,\n  .#{$prefix}--checkbox-group--warning\n    .#{$prefix}--checkbox-group__validation-msg,\n  .#{$prefix}--checkbox-wrapper--invalid\n    > .#{$prefix}--checkbox__validation-msg,\n  .#{$prefix}--checkbox-wrapper--warning\n    > .#{$prefix}--checkbox__validation-msg {\n    display: flex;\n  }\n\n  .#{$prefix}--checkbox-group--invalid\n    .#{$prefix}--checkbox-group__validation-msg\n    .#{$prefix}--form-requirement,\n  .#{$prefix}--checkbox-group--warning\n    .#{$prefix}--checkbox-group__validation-msg\n    .#{$prefix}--form-requirement,\n  .#{$prefix}--checkbox-wrapper--invalid\n    .#{$prefix}--checkbox__validation-msg\n    .#{$prefix}--form-requirement,\n  .#{$prefix}--checkbox-wrapper--warning\n    .#{$prefix}--checkbox__validation-msg\n    .#{$prefix}--form-requirement {\n    display: block;\n    overflow: visible;\n    margin-block-start: 0;\n    margin-inline-start: $spacing-03;\n    max-block-size: 100%;\n  }\n\n  .#{$prefix}--checkbox-group--invalid\n    .#{$prefix}--checkbox-group__validation-msg\n    .#{$prefix}--form-requirement,\n  .#{$prefix}--checkbox-wrapper--invalid\n    .#{$prefix}--checkbox__validation-msg\n    .#{$prefix}--form-requirement {\n    color: $text-error;\n  }\n\n  //----------------------------------------------\n  // Read-only\n  // ---------------------------------------------\n  .#{$prefix}--checkbox-group--readonly .#{$prefix}--checkbox-label,\n  .#{$prefix}--checkbox-wrapper--readonly .#{$prefix}--checkbox-label {\n    cursor: default;\n  }\n\n  .#{$prefix}--checkbox-group--readonly .#{$prefix}--checkbox-label-text,\n  .#{$prefix}--checkbox-wrapper--readonly .#{$prefix}--checkbox-label-text {\n    cursor: text;\n    user-select: text;\n  }\n\n  .#{$prefix}--checkbox-group--readonly\n    .#{$prefix}--checkbox\n    + .#{$prefix}--checkbox-label::before,\n  .#{$prefix}--checkbox-wrapper--readonly\n    .#{$prefix}--checkbox\n    + .#{$prefix}--checkbox-label::before {\n    border-color: $icon-disabled;\n  }\n\n  .#{$prefix}--checkbox-group--readonly\n    .#{$prefix}--checkbox:checked\n    + .#{$prefix}--checkbox-label::before,\n  .#{$prefix}--checkbox-wrapper--readonly\n    .#{$prefix}--checkbox:checked\n    + .#{$prefix}--checkbox-label::before {\n    border: 1px solid $icon-disabled;\n    background: transparent;\n  }\n\n  .#{$prefix}--checkbox-group--readonly\n    .#{$prefix}--checkbox:checked\n    + .#{$prefix}--checkbox-label::after,\n  .#{$prefix}--checkbox-wrapper--readonly\n    .#{$prefix}--checkbox:checked\n    + .#{$prefix}--checkbox-label::after {\n    border-color: $text-primary;\n  }\n\n  //-----------------------------------------------\n  // Skeleton\n  //-----------------------------------------------\n  .#{$prefix}--checkbox-skeleton .#{$prefix}--checkbox-label {\n    cursor: default;\n  }\n\n  .#{$prefix}--checkbox-label-text.#{$prefix}--skeleton {\n    @include skeleton;\n\n    // Add extra spacing when label is present\n    block-size: $spacing-05;\n    inline-size: convert.to-rem(100px);\n    margin-block: convert.to-rem(1px) 0;\n    margin-inline: convert.to-rem(6px) 0;\n  }\n\n  //-----------------------------------------------\n  // InlineCheckbox\n  //-----------------------------------------------\n  .#{$prefix}--checkbox--inline {\n    position: relative;\n  }\n\n  // RTL overrides\n  [dir='rtl'] .#{$prefix}--checkbox-label::after {\n    margin-block-start: 0;\n    margin-inline-start: convert.to-rem(-1px);\n    transform-origin: center;\n  }\n\n  [dir='rtl']\n    .#{$prefix}--checkbox:checked\n    + .#{$prefix}--checkbox-label::after,\n  [dir='rtl']\n    .#{$prefix}--checkbox-label[data-contained-checkbox-state='true']::after {\n    transform: scale(1.2) rotate3d(0.5, 1, 0, 158deg);\n  }\n\n  //-----------------------------------------------\n  // Decorator\n  //-----------------------------------------------\n  .#{$prefix}--checkbox-group--decorator legend.#{$prefix}--label,\n  .#{$prefix}--checkbox-wrapper--decorator .#{$prefix}--checkbox-label-text {\n    display: flex;\n  }\n  // Remove v12\n  .#{$prefix}--checkbox-group--slug legend.#{$prefix}--label,\n  .#{$prefix}--checkbox-wrapper--slug .#{$prefix}--checkbox-label-text {\n    display: flex;\n  }\n\n  .#{$prefix}--checkbox-group--decorator\n    legend.#{$prefix}--label\n    .#{$prefix}--checkbox-group-inner--decorator\n    > *,\n  .#{$prefix}--checkbox-wrapper--decorator\n    .#{$prefix}--checkbox-label-text\n    .#{$prefix}--checkbox-wrapper-inner--decorator\n    > * {\n    margin-inline-start: $spacing-03;\n  }\n  // Remove v12\n  .#{$prefix}--checkbox-group--slug\n    legend.#{$prefix}--label\n    .#{$prefix}--ai-label,\n  .#{$prefix}--checkbox-wrapper--slug\n    .#{$prefix}--checkbox-label-text\n    .#{$prefix}--ai-label,\n  .#{$prefix}--checkbox-group--slug legend.#{$prefix}--label .#{$prefix}--slug,\n  .#{$prefix}--checkbox-wrapper--slug\n    .#{$prefix}--checkbox-label-text\n    .#{$prefix}--slug {\n    margin-inline-start: $spacing-03;\n  }\n\n  .#{$prefix}--checkbox-wrapper--decorator\n    .#{$prefix}--checkbox-label-text\n    .#{$prefix}--ai-label__button--inline {\n    line-height: inherit;\n    margin-block-start: convert.to-rem(-1px);\n  }\n  // Remove v12\n  .#{$prefix}--checkbox-wrapper--slug\n    .#{$prefix}--checkbox-label-text\n    .#{$prefix}--ai-label__button--inline,\n  .#{$prefix}--checkbox-wrapper--slug\n    .#{$prefix}--checkbox-label-text\n    .#{$prefix}--slug__button--inline {\n    line-height: inherit;\n    margin-block-start: convert.to-rem(-1px);\n  }\n\n  //-----------------------------------------------\n  // Horizontal group\n  //-----------------------------------------------\n  .#{$prefix}--checkbox-group--horizontal {\n    position: relative;\n    display: flex;\n    flex-flow: row wrap;\n    justify-content: flex-start;\n\n    .#{$prefix}--form-item {\n      flex: none;\n      margin-block-end: 0;\n\n      &:not(:last-of-type) {\n        margin-inline-end: $spacing-05;\n      }\n    }\n\n    .#{$prefix}--checkbox-label-text {\n      padding-inline-start: $spacing-03;\n    }\n\n    .#{$prefix}--label + .#{$prefix}--form-item.#{$prefix}--checkbox-wrapper {\n      margin-block-start: 0;\n    }\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../button';\n@use '../../config' as *;\n@use '../../spacing' as *;\n@use '../../motion' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/box-shadow' as *;\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/keyframes' as *;\n@use '../../utilities/tooltip' as *;\n@use '../../utilities/visually-hidden' as *;\n\n@mixin copy-button {\n  .#{$prefix}--copy-btn {\n    @include reset;\n\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    border: none;\n    background-color: $layer;\n    cursor: pointer;\n\n    &:hover {\n      background-color: $layer-hover;\n    }\n\n    &:active {\n      background-color: $layer-active;\n    }\n\n    &::before {\n      @include tooltip--caret;\n\n      display: none;\n    }\n\n    .#{$prefix}--copy-btn__feedback {\n      @include tooltip--content('icon');\n\n      display: none;\n      overflow: visible;\n      box-sizing: content-box;\n      margin: auto;\n      clip: auto;\n    }\n\n    &:focus {\n      @include focus-outline('outline');\n\n      outline-color: $focus;\n    }\n\n    &.#{$prefix}--copy-btn--animating::before,\n    &.#{$prefix}--copy-btn--animating .#{$prefix}--copy-btn__feedback {\n      display: block;\n    }\n\n    &.#{$prefix}--copy-btn--animating::before {\n      border: none;\n    }\n\n    &.#{$prefix}--copy-btn--animating.#{$prefix}--copy-btn--fade-out::before,\n    &.#{$prefix}--copy-btn--animating.#{$prefix}--copy-btn--fade-out\n      .#{$prefix}--copy-btn__feedback {\n      // https://github.com/stylelint/stylelint/issues/2363\n      animation: $duration-fast-02 motion(standard, productive) #{$prefix}--hide-feedback;\n    }\n\n    &.#{$prefix}--copy-btn--animating.#{$prefix}--copy-btn--fade-in::before,\n    &.#{$prefix}--copy-btn--animating.#{$prefix}--copy-btn--fade-in\n      .#{$prefix}--copy-btn__feedback {\n      animation: $duration-fast-02 motion(standard, productive) #{$prefix}--show-feedback;\n    }\n  }\n\n  .#{$prefix}--copy-btn svg {\n    fill: $icon-primary;\n  }\n\n  // Needs to come after reset so hidden text is not set to font-size: 100%\n  .#{$prefix}--copy {\n    font-size: 0;\n  }\n}\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'box-shadow' as *;\n@use 'convert';\n@use 'focus-outline' as *;\n@use 'z-index' as *;\n@use '../config' as *;\n@use '../motion' as *;\n@use '../theme' as *;\n@use '../type';\n\n// Tooltip\n// Tooltip caret visual styles\n/// @access public\n/// @group tooltip\n@mixin tooltip--caret {\n  position: absolute;\n  z-index: z('floating');\n  border-style: solid;\n  block-size: 0;\n  content: '';\n  inline-size: 0;\n}\n\n// Tooltip\n// Tooltip content box visual styles\n/// @param {String} $tooltip-type ['icon'] - The type, from: `icon`, `definition`\n/// @access public\n/// @group tooltip\n@mixin tooltip--content($tooltip-type: 'icon') {\n  @include box-shadow;\n\n  z-index: z('floating');\n  padding: if(\n    $tooltip-type == 'definition',\n    convert.to-rem(8px) convert.to-rem(16px),\n    convert.to-rem(3px) convert.to-rem(16px)\n  );\n  border-radius: convert.to-rem(2px);\n  background-color: $background-inverse;\n  block-size: auto;\n  color: $text-inverse;\n  font-weight: 400;\n  inline-size: max-content;\n  max-inline-size: convert.to-rem(208px);\n  min-inline-size: convert.to-rem(24px);\n  text-align: start;\n  transform: translateX(-50%);\n  @include type.type-style('body-compact-01');\n\n  // IE media query\n  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n    inline-size: auto;\n  }\n  // Edge 12-15 and Edge 16 feature queries\n  @supports (-ms-accelerator: true) {\n    inline-size: auto;\n  }\n  @supports (-ms-ime-align: auto) {\n    inline-size: auto;\n  }\n\n  // Windows, Firefox HCM Fix\n  @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n    border: 1px solid transparent;\n  }\n}\n\n// Tooltip\n// Definition and Icon CSS only tooltip\n/// @param {String} $tooltip-type ['icon'] - The type, from: `icon`, `definition`\n/// @param {String} $position ['bottom'] - The position, from: `top`, `right`, `bottom`, `left`\n/// @access public\n/// @group tooltip\n@mixin tooltip--trigger($tooltip-type: 'icon', $position: 'bottom') {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n\n  &:focus {\n    @include focus-outline('border');\n  }\n\n  @if $tooltip-type == 'definition' {\n    cursor: default;\n  }\n\n  @if $tooltip-type == 'icon' {\n    cursor: pointer;\n\n    &:focus {\n      outline: 1px solid transparent;\n\n      svg {\n        @include focus-outline('border');\n      }\n    }\n  }\n\n  // ::before - Tooltip caret\n  // ::after - legacy Tooltip content (deprecated)\n  // .#{$prefix}--assistive-text - WCAG 2.1 compliant tooltip content\n  //    that can either be a child (icon tooltip) or sibling (definition tooltip)\n  &::before,\n  &::after,\n  .#{$prefix}--assistive-text,\n  + .#{$prefix}--assistive-text {\n    position: absolute;\n    z-index: z('floating');\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none;\n\n    // IE media query\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      display: inline-block;\n    }\n  }\n\n  &::before,\n  &::after {\n    transition: opacity $duration-fast-01 motion(standard, productive);\n\n    @media screen and (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n\n  &.#{$prefix}--tooltip--a11y::before,\n  &.#{$prefix}--tooltip--a11y::after {\n    transition: none;\n  }\n\n  // caret\n  &::before {\n    border-style: solid;\n    block-size: 0;\n    content: '';\n    inline-size: 0;\n  }\n\n  .#{$prefix}--assistive-text,\n  + .#{$prefix}--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    // In order to pass AAT, opacity must be set to 1 in the default state\n    // On focus/hover use a keyframe animation to mimic transition\n    opacity: 1;\n    // overwrite default nowrap behavior\n    white-space: normal;\n    word-break: break-word;\n  }\n\n  // content box\n  // @todo Simplify CSS selectors on next major release\n  &::after,\n  .#{$prefix}--assistive-text,\n  + .#{$prefix}--assistive-text {\n    @include tooltip--content($tooltip-type);\n  }\n\n  &::after {\n    content: attr(aria-label);\n  }\n\n  &.#{$prefix}--tooltip--a11y::after {\n    content: none;\n  }\n\n  &.#{$prefix}--tooltip--visible,\n  &:hover,\n  &:focus {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n\n    @keyframes #{$prefix}--tooltip-fade {\n      from {\n        opacity: 0;\n      }\n\n      to {\n        opacity: 1;\n      }\n    }\n\n    .#{$prefix}--assistive-text,\n    + .#{$prefix}--assistive-text {\n      overflow: visible;\n      margin: auto;\n      clip: auto;\n    }\n\n    .#{$prefix}--assistive-text,\n    + .#{$prefix}--assistive-text,\n    &.#{$prefix}--tooltip--a11y::before {\n      animation: #{$prefix}--tooltip-fade $duration-fast-01\n        motion(standard, productive);\n    }\n  }\n\n  &.#{$prefix}--tooltip--hidden .#{$prefix}--assistive-text,\n  &.#{$prefix}--tooltip--hidden + .#{$prefix}--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0);\n  }\n\n  &.#{$prefix}--tooltip--hidden.#{$prefix}--tooltip--a11y::before {\n    animation: none;\n    opacity: 0;\n  }\n}\n\n// Tooltip\n// Definition and Icon CSS only tooltip\n/// @param {String} $tooltip-type ['icon'] - The type, from: `icon`, `definition`\n/// @param {String} $position ['bottom'] - The position, from: `top`, `right`, `bottom`, `left`\n/// @param {String} $align ['center'] - The alignment, from: `start`, `center`, `end`\n/// @access public\n/// @group tooltip\n@mixin tooltip--placement(\n  $tooltip-type: 'icon',\n  $position: 'bottom',\n  $align: 'center'\n) {\n  // position and alignment\n  $caret-spacing: if(\n    $tooltip-type == 'definition',\n    convert.to-rem(4px),\n    convert.to-rem(8px)\n  );\n\n  // space between caret and trigger button\n  $caret-height: convert.to-rem(5px);\n  $caret-width: convert.to-rem(8px);\n  $body-spacing: $caret-spacing + $caret-height;\n\n  // Use pseudo element to create invisible hover area to keep tooltip open on hover\n  .#{$prefix}--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    // clip-path: polygon(50% 100%, 0 0, 100% 0);\n\n    @if ($position == 'top' or $position == 'bottom') {\n      block-size: convert.to-rem(12px);\n      inline-size: 100%;\n      inset-inline-start: 0;\n    }\n\n    @if ($position == 'left' or $position == 'right') {\n      block-size: 100%;\n      inline-size: convert.to-rem(12px);\n      inset-block-start: 0;\n    }\n\n    @if ($position == 'top') {\n      inset-block-end: convert.to-rem(-12px);\n    }\n    @if ($position == 'right') {\n      inset-inline-start: convert.to-rem(-12px);\n    }\n    @if ($position == 'bottom') {\n      inset-block-start: convert.to-rem(-12px);\n    }\n    @if ($position == 'left') {\n      inset-inline-end: convert.to-rem(-12px);\n    }\n  }\n\n  // @todo Simplify CSS selectors on next major release\n  &::before,\n  &::after,\n  .#{$prefix}--assistive-text,\n  + .#{$prefix}--assistive-text {\n    @if ($position == 'top') {\n      inset-block-start: 0;\n      inset-inline-start: 50%;\n    }\n    @if ($position == 'right') {\n      inset-block-start: 50%;\n      inset-inline-end: 0;\n    }\n    @if ($position == 'bottom') {\n      inset-block-end: 0;\n      inset-inline-start: 50%;\n    }\n    @if ($position == 'left') {\n      inset-block-start: 50%;\n      inset-inline-start: 0;\n    }\n  }\n\n  &::before {\n    @if ($position == 'top') {\n      border-width: convert.to-rem(5px)\n        convert.to-rem(4px)\n        0\n        convert.to-rem(4px);\n      border-color: $background-inverse transparent transparent transparent;\n      inset-block-start: -$caret-spacing;\n      transform: translate(-50%, -100%);\n    }\n    @if ($position == 'right') {\n      border-width: convert.to-rem(4px)\n        convert.to-rem(5px)\n        convert.to-rem(4px)\n        0;\n      border-color: transparent $background-inverse transparent transparent;\n      inset-inline-end: -$caret-spacing;\n      transform: translate(100%, -50%);\n    }\n    @if ($position == 'bottom') {\n      border-width: 0 convert.to-rem(4px) convert.to-rem(5px);\n      border-color: transparent transparent $background-inverse;\n      inset-block-end: -$caret-spacing;\n      transform: translate(-50%, 100%);\n    }\n    @if ($position == 'left') {\n      border-width: convert.to-rem(4px)\n        0\n        convert.to-rem(4px)\n        convert.to-rem(5px);\n      border-color: transparent transparent transparent $background-inverse;\n      inset-inline-start: -$caret-spacing;\n      transform: translate(-100%, -50%);\n    }\n  }\n\n  // alignment options available only for top and bottom tooltip position\n  // @todo Simplify CSS selectors on next major release\n  &::after,\n  .#{$prefix}--assistive-text,\n  + .#{$prefix}--assistive-text {\n    @if ($position == 'top') {\n      inset-block-start: -$body-spacing;\n      @if ($align == 'start') {\n        inset-inline-start: 0;\n        transform: translate(0, -100%);\n      } @else if ($align == 'end') {\n        inset-inline: auto 0;\n        transform: translate(0, -100%);\n      } @else {\n        inset-inline-start: 50%;\n        transform: translate(-50%, -100%);\n      }\n    }\n    @if ($position == 'right') {\n      inset-inline-end: -$body-spacing;\n      transform: translate(100%, -50%);\n    }\n    @if ($position == 'bottom') {\n      inset-block-end: -$body-spacing;\n      @if ($align == 'start') {\n        inset-inline-start: 0;\n        transform: translate(0, 100%);\n      } @else if ($align == 'end') {\n        inset-inline: auto 0;\n        transform: translate(0, 100%);\n      } @else {\n        transform: translate(-50%, 100%);\n      }\n    }\n    @if ($position == 'left') {\n      inset-inline-start: -$body-spacing;\n      transform: translate(-100%, -50%);\n    }\n  }\n\n  // @todo simplify on next major release to move the ::before pseudo element within the tooltip instead of the trigger\n  @if $tooltip-type == 'definition' {\n    &.#{$prefix}--tooltip--a11y + .#{$prefix}--assistive-text {\n      @if ($position == 'bottom') {\n        // carryover from https://github.com/carbon-design-system/carbon/pull/3151/files#diff-93734be0784e9530b6d14a7b03b0d352R261-R265\n        inset-block-end: -($body-spacing - convert.to-rem(1px));\n        @if ($align == 'start' or $align == 'end') {\n          transform: translate(0, 100%);\n        } @else {\n          transform: translate(-50%, 100%);\n        }\n      }\n    }\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'mixins' as *;\n@use '../copy-button';\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../layer' as *;\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/keyframes' as *;\n@use '../../utilities/layout' as *;\n@use '../../utilities/skeleton' as *;\n@use '../../utilities/tooltip' as *;\n@use '../../utilities/z-index' as *;\n\n/// @type Color\n/// @access public\n/// @group copy-button\n$copy-active: $layer-active !default;\n\n/// @type Color\n/// @access public\n/// @group copy-button\n$copy-btn-feedback: $background-inverse !default;\n\n@mixin code-snippet {\n  .#{$prefix}--snippet {\n    @include reset;\n  }\n\n  .#{$prefix}--snippet--disabled,\n  .#{$prefix}--snippet--disabled\n    .#{$prefix}--btn.#{$prefix}--snippet-btn--expand {\n    background-color: $layer;\n    color: $text-disabled;\n  }\n\n  .#{$prefix}--snippet--disabled .#{$prefix}--snippet-btn--expand:hover,\n  .#{$prefix}--snippet--disabled .#{$prefix}--copy-btn,\n  .#{$prefix}--snippet--disabled .#{$prefix}--copy-btn:hover {\n    background-color: $layer;\n    color: $text-disabled;\n    cursor: not-allowed;\n  }\n\n  .#{$prefix}--snippet--disabled .#{$prefix}--snippet__icon,\n  .#{$prefix}--snippet--disabled\n    .#{$prefix}--snippet-btn--expand\n    .#{$prefix}--icon-chevron--down {\n    fill: $icon-disabled;\n  }\n\n  .#{$prefix}--snippet code {\n    @include type-style('code-01');\n  }\n\n  // Inline Code Snippet\n  .#{$prefix}--snippet--inline {\n    @include reset;\n\n    position: relative;\n    display: inline;\n    padding: 0;\n    border: 1px solid transparent;\n    border-radius: 4px;\n    background-color: $layer;\n    color: $text-primary;\n    cursor: pointer;\n\n    &:hover {\n      background-color: $layer-hover;\n    }\n\n    &:active {\n      background-color: $layer-active;\n    }\n\n    &:focus {\n      border: 1px solid $focus;\n      outline: none;\n    }\n\n    &::before {\n      @include tooltip--caret;\n\n      display: none;\n\n      border: none;\n    }\n\n    .#{$prefix}--copy-btn__feedback {\n      @include tooltip--content('icon');\n\n      display: none;\n      overflow: visible;\n      box-sizing: content-box;\n      margin: auto;\n      clip: auto;\n    }\n  }\n\n  .#{$prefix}--snippet--inline.#{$prefix}--copy-btn--animating::before,\n  .#{$prefix}--snippet--inline.#{$prefix}--copy-btn--animating\n    .#{$prefix}--copy-btn__feedback {\n    display: block;\n  }\n\n  .#{$prefix}--snippet--inline.#{$prefix}--copy-btn--animating.#{$prefix}--copy-btn--fade-out::before,\n  .#{$prefix}--snippet--inline.#{$prefix}--copy-btn--animating.#{$prefix}--copy-btn--fade-out\n    .#{$prefix}--copy-btn__feedback {\n    animation: $duration-fast-02 motion(standard, productive) #{$prefix}--hide-feedback;\n  }\n\n  .#{$prefix}--snippet--inline.#{$prefix}--copy-btn--animating.#{$prefix}--copy-btn--fade-in::before,\n  .#{$prefix}--snippet--inline.#{$prefix}--copy-btn--animating.#{$prefix}--copy-btn--fade-in\n    .#{$prefix}--copy-btn__feedback {\n    animation: $duration-fast-02 motion(standard, productive) #{$prefix}--show-feedback;\n  }\n\n  .#{$prefix}--snippet--inline code {\n    padding: 0 $spacing-03;\n  }\n\n  .#{$prefix}--snippet--inline.#{$prefix}--snippet--no-copy {\n    display: inline-block;\n\n    &:hover {\n      background-color: $layer;\n      cursor: auto;\n    }\n  }\n\n  .#{$prefix}--snippet--light.#{$prefix}--snippet--inline.#{$prefix}--snippet--no-copy:hover {\n    background-color: $layer-hover;\n    cursor: auto;\n  }\n\n  // Single Line Snippet\n  .#{$prefix}--snippet--single {\n    @include bx--snippet;\n\n    display: flex;\n    align-items: center;\n    block-size: $spacing-08;\n    padding-inline-end: $spacing-08;\n  }\n\n  .#{$prefix}--snippet--single.#{$prefix}--snippet--no-copy {\n    padding: 0;\n\n    &::after {\n      inset-inline-end: $spacing-05;\n    }\n  }\n\n  .#{$prefix}--snippet--single .#{$prefix}--snippet-container {\n    position: relative;\n    display: flex;\n    align-items: center;\n    block-size: 100%;\n    overflow-x: auto;\n    padding-inline-start: $spacing-05;\n\n    &:focus {\n      @include focus-outline('outline');\n    }\n  }\n\n  .#{$prefix}--snippet--single pre {\n    @include type-style('code-01');\n\n    padding-inline-end: $spacing-03;\n  }\n\n  // Preserve whitespace, but don't allow wrapping for inline and single\n  .#{$prefix}--snippet--single pre,\n  .#{$prefix}--snippet--inline code {\n    white-space: pre;\n  }\n\n  // Multi Line Snippet\n  .#{$prefix}--snippet--multi {\n    @include bx--snippet;\n\n    display: flex;\n    padding: $spacing-05;\n  }\n\n  //collapsed snippet container\n  .#{$prefix}--snippet--multi .#{$prefix}--snippet-container {\n    position: relative;\n    order: 1;\n    max-block-size: 100%;\n    min-block-size: 100%;\n    overflow-y: auto;\n    transition: max-height $duration-moderate-01 motion(standard, productive);\n\n    &:focus {\n      @include focus-outline('outline');\n\n      outline-offset: 0;\n    }\n  }\n\n  // expanded snippet container\n  .#{$prefix}--snippet--multi.#{$prefix}--snippet--expand\n    .#{$prefix}--snippet-container {\n    padding-block-end: $spacing-05;\n    transition: max-height $duration-moderate-01 motion(standard, productive);\n  }\n\n  .#{$prefix}--snippet--multi.#{$prefix}--snippet--wraptext pre {\n    white-space: pre-wrap;\n    word-wrap: break-word;\n  }\n\n  // collapsed pre\n  .#{$prefix}--snippet--multi .#{$prefix}--snippet-container pre {\n    padding-inline-end: $spacing-08;\n  }\n\n  .#{$prefix}--snippet--multi.#{$prefix}--snippet--no-copy\n    .#{$prefix}--snippet-container\n    pre {\n    padding-inline-end: 0;\n  }\n\n  .#{$prefix}--snippet--multi.#{$prefix}--snippet--has-right-overflow::after {\n    position: absolute;\n    background-image: linear-gradient(to right, transparent, $layer);\n    block-size: 100%;\n    content: '';\n    inline-size: convert.to-rem(16px);\n    inset-block-start: 0;\n    inset-inline-end: $spacing-05;\n  }\n\n  [dir='rtl']\n    .#{$prefix}--snippet--multi.#{$prefix}--snippet--has-right-overflow::after {\n    background-image: linear-gradient(to left, transparent, $layer);\n  }\n\n  .#{$prefix}--snippet--multi .#{$prefix}--snippet-container pre code {\n    overflow: hidden;\n  }\n\n  //Copy Button\n  .#{$prefix}--snippet__icon {\n    block-size: convert.to-rem(16px);\n    fill: $icon-primary;\n    inline-size: convert.to-rem(16px);\n    transition: all $duration-fast-01 motion(standard, productive);\n  }\n\n  .#{$prefix}--btn > .#{$prefix}--snippet__icon {\n    margin-block-start: 0;\n  }\n\n  .#{$prefix}--copy-btn {\n    @include reset;\n\n    display: flex;\n    overflow: visible;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    border: none;\n    background-color: $layer;\n    cursor: pointer;\n    outline: none;\n\n    &:focus {\n      @include focus-outline('outline');\n\n      outline-color: $focus;\n    }\n  }\n\n  // TODO: remove copy button styles above\n  .#{$prefix}--snippet .#{$prefix}--popover-container {\n    @include font-family('sans');\n\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-end: 0;\n  }\n\n  // Overrides for codesnippet copy btn\n  // TLDR: Copy/CopyButton now uses IconButton, which uses Carbon buttons under the hood\n  // v10 Copy just used native html button so it didn't have extra carbon styles that needed overriding\n  .#{$prefix}--snippet--inline.#{$prefix}--btn {\n    block-size: 1.25rem;\n    inline-size: initial;\n    max-inline-size: unset;\n    min-block-size: 1.25rem;\n    padding-inline: 0;\n  }\n\n  .#{$prefix}--snippet--inline.#{$prefix}--btn.#{$prefix}--btn--primary:hover {\n    color: $text-primary;\n  }\n\n  // override multi copy btn styles\n  .#{$prefix}--snippet.#{$prefix}--snippet--multi\n    .#{$prefix}--popover-container {\n    inset-block-start: 0.5rem;\n    inset-inline-end: 0.5rem;\n  }\n\n  .#{$prefix}--snippet--multi .#{$prefix}--copy-btn {\n    z-index: 10;\n  }\n\n  // Show more / less button\n  .#{$prefix}--snippet-btn--expand {\n    @include type-style('body-compact-01');\n    @include font-family('sans');\n\n    position: absolute;\n    z-index: 10;\n    display: inline-flex;\n    align-items: center;\n\n    padding: $spacing-03 $spacing-05;\n    border: 0;\n    background-color: $layer;\n    block-size: convert.to-rem(32px);\n    color: $text-primary;\n    inset-block-end: 0;\n    inset-inline-end: 0;\n  }\n\n  .#{$prefix}--snippet-btn--expand .#{$prefix}--snippet-btn--text {\n    position: relative;\n    inset-block-start: convert.to-rem(-1px);\n  }\n\n  .#{$prefix}--snippet-btn--expand--hide.#{$prefix}--snippet-btn--expand {\n    display: none;\n  }\n\n  .#{$prefix}--snippet-btn--expand .#{$prefix}--icon-chevron--down {\n    fill: $icon-primary;\n    margin-inline-start: $spacing-03;\n    transform: rotate(0deg);\n    transition: $duration-moderate-01 motion(standard, productive);\n  }\n\n  .#{$prefix}--snippet-btn--expand:hover {\n    background: $layer-hover;\n    color: $text-primary;\n  }\n\n  .#{$prefix}--snippet-btn--expand:active {\n    background-color: $layer-active;\n  }\n\n  .#{$prefix}--snippet-btn--expand:focus {\n    @include focus-outline('outline');\n\n    border-color: transparent;\n  }\n\n  .#{$prefix}--snippet--expand\n    .#{$prefix}--snippet-btn--expand\n    .#{$prefix}--icon-chevron--down {\n    transform: rotate(180deg);\n    transition: transform $transition-expansion;\n  }\n\n  // Light version\n  .#{$prefix}--snippet--light,\n  .#{$prefix}--snippet--light .#{$prefix}--snippet-button,\n  .#{$prefix}--snippet--light .#{$prefix}--btn.#{$prefix}--snippet-btn--expand,\n  .#{$prefix}--snippet--light .#{$prefix}--copy-btn {\n    background-color: $layer;\n  }\n\n  .#{$prefix}--snippet--light.#{$prefix}--snippet--inline:hover,\n  .#{$prefix}--snippet--light .#{$prefix}--snippet-button:hover,\n  .#{$prefix}--snippet--light\n    .#{$prefix}--btn.#{$prefix}--snippet-btn--expand:hover,\n  .#{$prefix}--snippet--light .#{$prefix}--copy-btn:hover {\n    background-color: $layer-hover;\n  }\n\n  .#{$prefix}--snippet--light.#{$prefix}--snippet--inline:active,\n  .#{$prefix}--snippet--light .#{$prefix}--snippet-button:active,\n  .#{$prefix}--snippet--light\n    .#{$prefix}--btn.#{$prefix}--snippet-btn--expand:active,\n  .#{$prefix}--snippet--light .#{$prefix}--copy-btn:active {\n    background-color: $layer-active;\n  }\n\n  .#{$prefix}--snippet--light.#{$prefix}--snippet--single::after,\n  .#{$prefix}--snippet--light.#{$prefix}--snippet--multi::after {\n    // Safari interprets `transparent` differently, so make color token value transparent instead:\n    background-image: linear-gradient(to right, rgba($layer, 0), $layer);\n  }\n\n  // Skeleton State\n  .#{$prefix}--snippet.#{$prefix}--skeleton .#{$prefix}--snippet-container {\n    block-size: 100%;\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--snippet-button .#{$prefix}--btn--copy__feedback {\n    // (The height of button) + (The height of the tooltip's triangle) + 4px\n    inset-block-start: convert.to-rem(50.8px);\n    inset-inline: 50% auto;\n\n    &::before {\n      inset-block-start: 0;\n    }\n\n    &::after {\n      inset-block-start: convert.to-rem(-4px);\n    }\n  }\n\n  .#{$prefix}--snippet--multi\n    .#{$prefix}--snippet-button\n    .#{$prefix}--btn--copy__feedback {\n    // (The height of button) + (The height of the tooltip's triangle) + 4px\n    inset-block-start: convert.to-rem(42.8px);\n  }\n\n  .#{$prefix}--snippet--inline .#{$prefix}--btn--copy__feedback {\n    // TODO: use updated global tooltip mixins under the hood\n    // since all of the positioning values for the copy button tooltip are arbitrary hard coded rem values, we need this arbitrary 4px offset to keep the proper tooltip spacing according to the spec\n    inset-block-start: calc(100% - #{convert.to-rem(4px)});\n    inset-inline: 50% auto;\n  }\n\n  // Overflow Indicator\n  .#{$prefix}--snippet__overflow-indicator--left,\n  .#{$prefix}--snippet__overflow-indicator--right {\n    z-index: 1;\n    flex: 1 0 auto;\n    inline-size: $spacing-05;\n  }\n\n  .#{$prefix}--snippet__overflow-indicator--left {\n    order: 0;\n    background-image: linear-gradient(to left, transparent, $layer);\n    margin-inline-end: -$spacing-05;\n  }\n\n  .#{$prefix}--snippet__overflow-indicator--right {\n    order: 2;\n    background-image: linear-gradient(to right, transparent, $layer);\n    margin-inline-start: -$spacing-05;\n  }\n\n  [dir='rtl'] .#{$prefix}--snippet__overflow-indicator--left {\n    background-image: linear-gradient(to right, transparent, $layer);\n  }\n\n  [dir='rtl'] .#{$prefix}--snippet__overflow-indicator--right {\n    background-image: linear-gradient(to left, transparent, $layer);\n  }\n\n  .#{$prefix}--snippet--single .#{$prefix}--snippet__overflow-indicator--right,\n  .#{$prefix}--snippet--single .#{$prefix}--snippet__overflow-indicator--left {\n    position: absolute;\n    block-size: calc(100% - #{$spacing-02});\n    inline-size: $spacing-07;\n  }\n\n  .#{$prefix}--snippet--single .#{$prefix}--snippet__overflow-indicator--right {\n    inset-inline-end: $spacing-08;\n  }\n\n  .#{$prefix}--snippet--single.#{$prefix}--snippet--no-copy\n    .#{$prefix}--snippet__overflow-indicator--right {\n    inset-inline-end: 0;\n  }\n\n  .#{$prefix}--snippet--single\n    .#{$prefix}--snippet-container:focus\n    ~ .#{$prefix}--snippet__overflow-indicator--right {\n    inset-inline-end: calc(#{$spacing-08} + #{convert.to-rem(2px)});\n  }\n\n  .#{$prefix}--snippet--single\n    .#{$prefix}--snippet-container:focus\n    + .#{$prefix}--snippet__overflow-indicator--left {\n    inset-inline-start: convert.to-rem(2px);\n  }\n\n  .#{$prefix}--snippet--light .#{$prefix}--snippet__overflow-indicator--left {\n    background-image: linear-gradient(to left, transparent, $layer);\n  }\n\n  .#{$prefix}--snippet--light .#{$prefix}--snippet__overflow-indicator--right {\n    background-image: linear-gradient(to right, transparent, $layer);\n  }\n\n  // Safari-only media query\n  // since fades won't appear correctly with CSS custom properties\n  // see: tabs, code snippet, and modal overflow indicators\n  @media not all and (min-resolution >= 0.001dpcm) {\n    @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n      .#{$prefix}--snippet__overflow-indicator--left {\n        background-image: linear-gradient(to left, rgba($layer, 0), $layer);\n      }\n\n      .#{$prefix}--snippet__overflow-indicator--right {\n        background-image: linear-gradient(to right, rgba($layer, 0), $layer);\n      }\n    }\n  }\n\n  .#{$prefix}--snippet--multi.#{$prefix}--skeleton {\n    block-size: convert.to-rem(98px);\n  }\n\n  .#{$prefix}--snippet--single.#{$prefix}--skeleton {\n    block-size: convert.to-rem(56px);\n  }\n\n  .#{$prefix}--snippet.#{$prefix}--skeleton span {\n    @include skeleton;\n\n    display: block;\n    block-size: 1rem;\n    inline-size: 100%;\n    margin-block-start: 0.5rem;\n\n    &:first-child {\n      margin: 0;\n    }\n\n    &:nth-child(2) {\n      inline-size: 85%;\n    }\n\n    &:nth-child(3) {\n      inline-size: 95%;\n    }\n  }\n\n  .#{$prefix}--snippet--single.#{$prefix}--skeleton\n    .#{$prefix}--snippet-container {\n    padding-block-end: 0;\n  }\n\n  // Windows HCM fix\n\n  .#{$prefix}--snippet__icon {\n    @include high-contrast-mode('icon-fill');\n  }\n\n  .#{$prefix}--snippet--inline:focus {\n    @include high-contrast-mode('focus');\n  }\n\n  .#{$prefix}--snippet--single,\n  .#{$prefix}--snippet--multi {\n    @include high-contrast-mode('outline');\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/convert';\n\n/// Code snippet base styles\n/// @access private\n/// @group code-snippet\n@mixin bx--snippet {\n  @include type-style('code-01');\n\n  position: relative;\n  background-color: $layer;\n  inline-size: 100%;\n  max-inline-size: convert.to-rem(768px);\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n//-----------------------------\n// Text\n//-----------------------------\n@use '../form';\n@use '../../config' as *;\n@use '../../colors' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../spacing' as *;\n@use '../../motion' as *;\n@use '../../utilities/ai-gradient' as *;\n@use '../../utilities/component-reset';\n@use '../../utilities/placeholder-colors' as *;\n@use '../../utilities/tooltip' as *;\n@use '../../utilities/skeleton' as *;\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/convert';\n@use '../../utilities/layout';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/button-reset';\n\n/// Text input styles\n/// @access public\n/// @group text-input\n@mixin text-input {\n  .#{$prefix}--text-input {\n    @include layout.use('size', $default: 'md', $min: 'sm', $max: 'lg');\n    @include layout.use('density', $default: 'normal');\n    @include component-reset.reset;\n    @include type-style('body-compact-01');\n    @include focus-outline('reset');\n\n    padding: 0 layout.density('padding-inline');\n    border: none;\n    background-color: $field;\n    block-size: layout.size('height');\n    border-block-end: 1px solid $border-strong;\n    color: $text-primary;\n    font-family: inherit;\n\n    inline-size: 100%;\n    transition:\n      background-color $duration-fast-01 motion(standard, productive),\n      outline $duration-fast-01 motion(standard, productive);\n\n    &:focus,\n    &:active {\n      @include focus-outline('outline');\n    }\n\n    &-wrapper svg[hidden] {\n      display: none;\n    }\n  }\n\n  .#{$prefix}--password-input {\n    padding-inline-end: $spacing-08;\n  }\n\n  .#{$prefix}--text-input--sm.#{$prefix}--password-input {\n    padding-inline-end: $spacing-07;\n  }\n\n  .#{$prefix}--text-input--lg.#{$prefix}--password-input {\n    padding-inline-end: $spacing-09;\n  }\n\n  .#{$prefix}--text-input::placeholder {\n    @include placeholder-colors;\n  }\n\n  // V11: Possibly deprecate\n  .#{$prefix}--text-input--light {\n    background-color: $field-02;\n  }\n\n  //-----------------------------\n  // Disabled & Error icon spacing\n  //-----------------------------\n  .#{$prefix}--text-input__field-wrapper {\n    position: relative;\n    display: flex;\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--text-input__invalid-icon {\n    position: absolute;\n    fill: $support-error;\n    // top/transform used to center invalid icon in IE11\n    inset-block-start: 50%;\n    inset-inline-end: $spacing-05;\n    transform: translateY(-50%);\n  }\n\n  .#{$prefix}--text-input__invalid-icon--warning {\n    fill: $support-warning;\n  }\n\n  .#{$prefix}--text-input__invalid-icon--warning path:first-of-type {\n    fill: $black-100;\n    opacity: 1;\n  }\n\n  // TODO: deprecate this style block\n  .#{$prefix}--text-input--password__visibility {\n    @include tooltip--trigger('icon', 'bottom');\n    @include tooltip--placement('icon', 'bottom', 'center');\n  }\n\n  .#{$prefix}--btn.#{$prefix}--text-input--password__visibility__toggle.#{$prefix}--tooltip__trigger {\n    @include focus-outline('reset');\n\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    border: 0;\n    background: none;\n    block-size: 100%;\n    cursor: pointer;\n    inline-size: convert.to-rem(40px);\n    inset-inline-end: 0;\n    min-block-size: auto;\n    transition: outline $duration-fast-01 motion(standard, productive);\n  }\n\n  .#{$prefix}--toggle-password-tooltip .#{$prefix}--popover {\n    inset-inline-start: -($spacing-08);\n  }\n\n  .#{$prefix}--toggle-password-tooltip .#{$prefix}--popover-content {\n    min-inline-size: $spacing-08;\n  }\n\n  .#{$prefix}--text-input--sm\n    + .#{$prefix}--btn.#{$prefix}--text-input--password__visibility__toggle.#{$prefix}--tooltip__trigger {\n    inline-size: convert.to-rem(32px);\n  }\n\n  .#{$prefix}--text-input--lg\n    + .#{$prefix}--btn.#{$prefix}--text-input--password__visibility__toggle.#{$prefix}--tooltip__trigger {\n    inline-size: convert.to-rem(48px);\n  }\n\n  .#{$prefix}--btn.#{$prefix}--text-input--password__visibility__toggle.#{$prefix}--tooltip__trigger\n    svg {\n    fill: $icon-secondary;\n    transition: fill $duration-fast-01 motion(standard, productive);\n\n    // Windows, Firefox HCM Fix\n    @media screen and (-ms-high-contrast: active),\n      screen and (prefers-contrast) {\n      // `ButtonText` is a CSS2 system color to help improve colors in HCM\n      fill: ButtonText;\n    }\n  }\n\n  .#{$prefix}--btn.#{$prefix}--text-input--password__visibility__toggle.#{$prefix}--tooltip__trigger:focus {\n    @include focus-outline('outline');\n  }\n\n  .#{$prefix}--btn.#{$prefix}--text-input--password__visibility__toggle.#{$prefix}--tooltip__trigger:hover\n    svg,\n  .#{$prefix}--btn.#{$prefix}--text-input--password__visibility__toggle.#{$prefix}--tooltip__trigger:focus\n    svg {\n    fill: $icon-primary;\n  }\n\n  .#{$prefix}--text-input--invalid,\n  .#{$prefix}--text-input--warning {\n    padding-inline-end: $spacing-08;\n  }\n\n  .#{$prefix}--text-input--invalid.#{$prefix}--password-input {\n    padding-inline-end: convert.to-rem(64px);\n  }\n\n  .#{$prefix}--text-input--invalid\n    + .#{$prefix}--text-input--password__visibility__toggle {\n    inset-inline-end: $spacing-05;\n  }\n\n  .#{$prefix}--password-input-wrapper .#{$prefix}--text-input__invalid-icon {\n    inset-inline-end: $spacing-08;\n  }\n\n  .#{$prefix}--text-input:disabled\n    ~ .#{$prefix}--text-input--password__visibility__toggle.#{$prefix}--tooltip__trigger {\n    cursor: not-allowed;\n  }\n\n  .#{$prefix}--text-input:disabled\n    ~ .#{$prefix}--text-input--password__visibility__toggle.#{$prefix}--tooltip__trigger\n    svg {\n    fill: $icon-disabled;\n\n    &:hover {\n      fill: $icon-disabled;\n    }\n  }\n\n  .#{$prefix}--text-input--password__visibility__toggle:disabled.#{$prefix}--tooltip__trigger {\n    svg {\n      fill: $icon-disabled;\n    }\n\n    cursor: default;\n  }\n\n  .#{$prefix}--text-input--password__visibility__toggle:disabled.#{$prefix}--tooltip__trigger:hover {\n    svg {\n      fill: $icon-disabled;\n    }\n\n    cursor: default;\n  }\n\n  .#{$prefix}--text-input__counter-alert {\n    position: absolute;\n    overflow: hidden;\n    padding: 0;\n    border: 0;\n    margin: -1px;\n    block-size: 1px;\n    clip: rect(0, 0, 0, 0);\n    inline-size: 1px;\n  }\n\n  //-----------------------------\n  // Disabled\n  //-----------------------------\n  .#{$prefix}--text-input:disabled {\n    @include focus-outline('reset');\n\n    background-color: $field;\n\n    border-block-end: 1px solid transparent;\n    color: $text-disabled;\n    cursor: not-allowed;\n    // Needed to fix disabled text in Safari #6673\n    -webkit-text-fill-color: $text-disabled;\n  }\n\n  // V11: Possibly deprecate\n  .#{$prefix}--text-input--light:disabled {\n    background-color: $field-02;\n  }\n\n  .#{$prefix}--text-input:disabled::placeholder {\n    color: $text-disabled;\n    opacity: 1;\n  }\n\n  //-----------------------------\n  // Error\n  //-----------------------------\n  .#{$prefix}--text-input--invalid {\n    @include focus-outline('invalid');\n\n    box-shadow: none;\n\n    .#{$prefix}--text-input--password__visibility__toggle {\n      inset-inline-end: $spacing-08;\n    }\n  }\n\n  //-----------------------------\n  // Skeleton\n  //-----------------------------\n  .#{$prefix}--skeleton.#{$prefix}--text-input {\n    @include skeleton;\n  }\n\n  // Deprecated -- Styles have been moved to `fluid-text-input.scss`\n  // V12 - Remove this block\n  //-----------------------------\n  // Fluid Text Input\n  //-----------------------------\n  .#{$prefix}--form--fluid .#{$prefix}--text-input-wrapper {\n    position: relative;\n    background: $field;\n    transition:\n      background-color $duration-fast-01 motion(standard, productive),\n      outline $duration-fast-01 motion(standard, productive);\n  }\n\n  .#{$prefix}--form--fluid .#{$prefix}--label {\n    position: absolute;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    margin: 0;\n    block-size: convert.to-rem(16px);\n    inset-block-start: convert.to-rem(13px);\n    inset-inline-start: $spacing-05;\n  }\n\n  .#{$prefix}--form--fluid .#{$prefix}--form__helper-text {\n    display: none;\n  }\n\n  .#{$prefix}--form--fluid .#{$prefix}--text-input {\n    padding: convert.to-rem(32px) $spacing-05 convert.to-rem(13px);\n    min-block-size: convert.to-rem(64px);\n  }\n\n  .#{$prefix}--text-input__divider,\n  .#{$prefix}--form--fluid .#{$prefix}--text-input__divider {\n    display: none;\n  }\n\n  .#{$prefix}--form--fluid .#{$prefix}--text-input--invalid,\n  .#{$prefix}--form--fluid .#{$prefix}--text-input--warning {\n    border-block-end: none;\n  }\n\n  .#{$prefix}--form--fluid\n    .#{$prefix}--text-input--invalid\n    + .#{$prefix}--text-input__divider,\n  .#{$prefix}--form--fluid\n    .#{$prefix}--text-input--warning\n    + .#{$prefix}--text-input__divider {\n    display: block;\n    border-style: solid;\n    border-color: $border-subtle;\n    margin: 0 1rem;\n    border-block-end: none;\n  }\n\n  .#{$prefix}--form--fluid .#{$prefix}--text-input__invalid-icon {\n    inset-block-start: convert.to-rem(80px);\n  }\n\n  .#{$prefix}--form--fluid\n    .#{$prefix}--text-input__field-wrapper[data-invalid]\n    > .#{$prefix}--text-input--invalid,\n  .#{$prefix}--form--fluid\n    .#{$prefix}--text-input__field-wrapper--warning\n    > .#{$prefix}--text-input--warning {\n    outline: none;\n  }\n\n  .#{$prefix}--form--fluid .#{$prefix}--text-input__field-wrapper--warning {\n    border-block-end: 1px solid $border-strong;\n  }\n\n  .#{$prefix}--form--fluid\n    .#{$prefix}--text-input__field-wrapper[data-invalid]:not(:focus) {\n    @include focus-outline('invalid');\n  }\n\n  .#{$prefix}--form--fluid\n    .#{$prefix}--text-input__field-wrapper[data-invalid]:focus-within,\n  .#{$prefix}--form--fluid\n    .#{$prefix}--text-input__field-wrapper--warning:focus-within {\n    @include focus-outline('outline');\n  }\n\n  .#{$prefix}--form--fluid\n    .#{$prefix}--text-input__field-wrapper[data-invalid]\n    > .#{$prefix}--text-input--invalid:focus,\n  .#{$prefix}--form--fluid\n    .#{$prefix}--text-input__field-wrapper--warning\n    > .#{$prefix}--text-input--warning:focus {\n    outline: none;\n  }\n\n  //-----------------------------\n  // Inline Text Input\n  //-----------------------------\n\n  .#{$prefix}--text-input-wrapper.#{$prefix}--text-input-wrapper--inline {\n    flex-flow: row wrap;\n  }\n\n  .#{$prefix}--text-input-wrapper .#{$prefix}--label--inline {\n    flex: 1;\n    margin: convert.to-rem(13px) 0 0 0;\n    overflow-wrap: break-word;\n    word-break: break-word;\n  }\n\n  .#{$prefix}--text-input-wrapper .#{$prefix}--label--inline--sm {\n    margin-block-start: convert.to-rem(9px);\n  }\n\n  .#{$prefix}--text-input-wrapper .#{$prefix}--label--inline--lg {\n    margin-block-start: convert.to-rem(17px);\n  }\n\n  .#{$prefix}--text-input__label-helper-wrapper {\n    flex: 2;\n    flex-direction: column;\n    margin-inline-end: convert.to-rem(24px);\n    max-inline-size: convert.to-rem(128px);\n    overflow-wrap: break-word;\n  }\n\n  .#{$prefix}--text-input-wrapper .#{$prefix}--form__helper-text--inline {\n    margin-block-start: convert.to-rem(2px);\n  }\n\n  .#{$prefix}--text-input__field-outer-wrapper {\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    align-items: flex-start;\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--text-input__field-outer-wrapper--inline {\n    flex: 8;\n    flex-direction: column;\n  }\n\n  .#{$prefix}--text-input-wrapper--inline .#{$prefix}--form-requirement {\n    display: block;\n    overflow: visible;\n    font-weight: 400;\n    max-block-size: convert.to-rem(200px);\n  }\n\n  .#{$prefix}--text-input-wrapper--inline--invalid\n    .#{$prefix}--form-requirement {\n    color: $text-error;\n  }\n\n  //-----------------------------\n  // Readonly\n  //-----------------------------\n\n  .#{$prefix}--form--fluid .#{$prefix}--text-input-wrapper--readonly,\n  .#{$prefix}--text-input-wrapper--readonly .#{$prefix}--text-input {\n    background: transparent;\n    border-block-end-color: $border-subtle;\n  }\n\n  // Styles for AILabel rendered inside TextInput\n  .#{$prefix}--text-input__field-wrapper--decorator\n    .#{$prefix}--text-input__field-inner-wrapper--decorator\n    > *,\n  .#{$prefix}--text-input__field-wrapper .#{$prefix}--ai-label,\n  .#{$prefix}--text-input__field-wrapper .#{$prefix}--slug {\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-end: $spacing-05;\n    transform: translateY(-50%);\n  }\n\n  .#{$prefix}--text-input__field-wrapper--decorator\n    .#{$prefix}--text-input:has(\n      ~ .#{$prefix}--text-input__field-inner-wrapper--decorator\n        .#{$prefix}--ai-label\n    ):not(\n      :has(\n          ~ .#{$prefix}--text-input__field-inner-wrapper--decorator\n            .#{$prefix}--ai-label--revert\n        )\n    ),\n  .#{$prefix}--text-input__field-wrapper--slug\n    .#{$prefix}--text-input:has(~ .#{$prefix}--ai-label):not(\n      :has(~ .#{$prefix}--ai-label--revert)\n    ),\n  .#{$prefix}--text-input__field-wrapper--slug\n    .#{$prefix}--text-input:has(~ .#{$prefix}--slug):not(\n      :has(~ .#{$prefix}--slug--revert)\n    ) {\n    @include ai-gradient;\n  }\n\n  .#{$prefix}--text-input__field-wrapper--decorator\n    .#{$prefix}--text-input:has(\n      ~ .#{$prefix}--text-input__field-inner-wrapper--decorator > *\n    ),\n  .#{$prefix}--text-input__field-wrapper--slug\n    .#{$prefix}--text-input:has(~ .#{$prefix}--ai-label),\n  .#{$prefix}--text-input__field-wrapper--slug\n    .#{$prefix}--text-input:has(~ .#{$prefix}--slug) {\n    padding-inline-end: $spacing-08;\n  }\n\n  .#{$prefix}--text-input--invalid:has(\n      ~ .#{$prefix}--text-input__field-inner-wrapper--decorator > *\n    ),\n  .#{$prefix}--text-input--warning:has(\n      ~ .#{$prefix}--text-input__field-inner-wrapper--decorator > *\n    ),\n  .#{$prefix}--text-input--invalid:has(~ .#{$prefix}--ai-label),\n  .#{$prefix}--text-input--warning:has(~ .#{$prefix}--ai-label),\n  .#{$prefix}--text-input--invalid:has(~ .#{$prefix}--slug),\n  .#{$prefix}--text-input--warning:has(~ .#{$prefix}--slug) {\n    padding-inline-end: $spacing-10;\n  }\n\n  .#{$prefix}--text-input--invalid\n    ~ .#{$prefix}--text-input__field-inner-wrapper--decorator\n    > *,\n  .#{$prefix}--text-input--warning\n    ~ .#{$prefix}--text-input__field-inner-wrapper--decorator\n    > *,\n  .#{$prefix}--text-input--invalid ~ .#{$prefix}--ai-label,\n  .#{$prefix}--text-input--warning ~ .#{$prefix}--ai-label,\n  .#{$prefix}--text-input--invalid ~ .#{$prefix}--slug,\n  .#{$prefix}--text-input--warning ~ .#{$prefix}--slug {\n    inset-inline-end: $spacing-08;\n  }\n\n  // Decorator\n  .#{$prefix}--text-input__field-wrapper--decorator\n    .#{$prefix}--text-input__field-inner-wrapper--decorator:not(\n      :has(.#{$prefix}--ai-label)\n    )\n    > * {\n    block-size: 1rem;\n  }\n\n  // Windows HCM fix\n  .#{$prefix}--btn.#{$prefix}--btn--icon-only.#{$prefix}--text-input--password__visibility__toggle.#{$prefix}--tooltip__trigger\n    svg,\n  .#{$prefix}--btn.#{$prefix}--btn--icon-only.#{$prefix}--text-input--password__visibility__toggle.#{$prefix}--tooltip__trigger:hover\n    svg {\n    @include high-contrast-mode('icon-fill');\n  }\n\n  .#{$prefix}--text-input__label-wrapper {\n    display: flex;\n    justify-content: space-between;\n    inline-size: 100%;\n  }\n}\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../theme' as *;\n\n/// Adds placeholder text color\n/// @access public\n/// @example @include placeholder-colors;\n/// @group utilities\n@mixin placeholder-colors {\n  color: $text-placeholder;\n  opacity: 1;\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../theme' as *;\n@use '../../utilities/button-reset';\n@use '../../type' as *;\n@use '../../motion' as *;\n@use '../../config' as *;\n@use '../../utilities/component-tokens' as *;\n@use '../../utilities/convert';\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/layout';\n@use '../../spacing' as *;\n@use './tokens' as *;\n@use './mixins' as *;\n@use '../../utilities/skeleton' as *;\n\n/// Tag styles\n/// @access public\n/// @group tag\n@mixin tag {\n  .#{$prefix}--tag {\n    @include layout.redefine-tokens(\n      (\n        size: (\n          height: (\n            xs: convert.to-rem(18px),\n            sm: convert.to-rem(18px),\n            md: convert.to-rem(24px),\n            lg: convert.to-rem(32px),\n          ),\n        ),\n      )\n    );\n\n    @include layout.use('size', $default: 'md', $min: 'sm', $max: 'lg');\n    @include type-style('label-01');\n    @include tag-theme($tag-background-gray, $tag-color-gray, $tag-hover-gray);\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: convert.to-rem(16px);\n    margin: $spacing-02;\n    cursor: default;\n    // restricts size of contained elements\n    max-inline-size: convert.to-rem(208px);\n    min-block-size: layout.size('height');\n    // ensures tag stays pill shaped;\n    min-inline-size: convert.to-rem(32px);\n    padding-inline: $spacing-03;\n    vertical-align: middle;\n    word-break: break-word;\n\n    &.#{$prefix}--tag--lg {\n      padding-inline-start: $spacing-04;\n    }\n\n    &:has(.#{$prefix}--tag__custom-icon) {\n      padding-inline-start: $spacing-02;\n    }\n\n    &.#{$prefix}--tag--lg:not(.#{$prefix}--tag--filter) {\n      padding-inline: $spacing-04;\n    }\n\n    &.#{$prefix}--tag--lg:has(.#{$prefix}--tag__custom-icon) {\n      padding-inline-start: $spacing-03;\n    }\n\n    &:not(.#{$prefix}--tag--selectable) {\n      border: 0;\n    }\n\n    &:not(:first-child) {\n      margin-inline-start: 0;\n    }\n  }\n\n  .#{$prefix}--tag--operational > span,\n  .#{$prefix}--tag--selectable > span,\n  .#{$prefix}--tag__label {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .#{$prefix}--tag--interactive:focus {\n    outline: 2px solid $focus;\n    outline-offset: 1px;\n  }\n\n  // tags used for filtering\n  .#{$prefix}--tag--filter {\n    padding-block: 0;\n    padding-inline-end: 0;\n\n    &:hover {\n      outline: none;\n    }\n  }\n\n  .#{$prefix}--tag--selectable {\n    border: 1px solid $border-inverse;\n    background-color: $layer;\n    color: $text-primary;\n    cursor: pointer;\n\n    &:hover {\n      background-color: $layer-hover;\n      outline: none;\n    }\n\n    &:focus {\n      outline: 2px solid $focus;\n      outline-offset: 1px;\n    }\n  }\n\n  .#{$prefix}--tag--selectable-selected {\n    background-color: $layer-selected-inverse;\n    color: $text-inverse;\n\n    &:hover {\n      background-color: $layer-selected-inverse;\n    }\n  }\n\n  .#{$prefix}--tag--operational {\n    border: 1px solid $tag-border-gray;\n    background-color: $tag-background-gray;\n    color: $tag-color-gray;\n    cursor: pointer;\n\n    &:hover {\n      background-color: $tag-hover-gray;\n      outline: none;\n    }\n\n    &:focus {\n      outline: 2px solid $focus;\n      outline-offset: 1px;\n    }\n  }\n\n  .#{$prefix}--tag--red {\n    @include tag-theme(\n      $tag-background-red,\n      $tag-color-red,\n      $tag-hover-red,\n      $tag-border-red\n    );\n  }\n\n  .#{$prefix}--tag--magenta {\n    @include tag-theme(\n      $tag-background-magenta,\n      $tag-color-magenta,\n      $tag-hover-magenta,\n      $tag-border-magenta\n    );\n  }\n\n  .#{$prefix}--tag--purple {\n    @include tag-theme(\n      $tag-background-purple,\n      $tag-color-purple,\n      $tag-hover-purple,\n      $tag-border-purple\n    );\n  }\n\n  .#{$prefix}--tag--blue {\n    @include tag-theme(\n      $tag-background-blue,\n      $tag-color-blue,\n      $tag-hover-blue,\n      $tag-border-blue\n    );\n  }\n\n  .#{$prefix}--tag--cyan {\n    @include tag-theme(\n      $tag-background-cyan,\n      $tag-color-cyan,\n      $tag-hover-cyan,\n      $tag-border-cyan\n    );\n  }\n\n  .#{$prefix}--tag--teal {\n    @include tag-theme(\n      $tag-background-teal,\n      $tag-color-teal,\n      $tag-hover-teal,\n      $tag-border-teal\n    );\n  }\n\n  .#{$prefix}--tag--green {\n    @include tag-theme(\n      $tag-background-green,\n      $tag-color-green,\n      $tag-hover-green,\n      $tag-border-green\n    );\n  }\n\n  .#{$prefix}--tag--gray {\n    @include tag-theme(\n      $tag-background-gray,\n      $tag-color-gray,\n      $tag-hover-gray,\n      $tag-border-gray\n    );\n  }\n\n  .#{$prefix}--tag--cool-gray {\n    @include tag-theme(\n      $tag-background-cool-gray,\n      $tag-color-cool-gray,\n      $tag-hover-cool-gray,\n      $tag-border-cool-gray\n    );\n  }\n\n  .#{$prefix}--tag--warm-gray {\n    @include tag-theme(\n      $tag-background-warm-gray,\n      $tag-color-warm-gray,\n      $tag-hover-warm-gray,\n      $tag-border-warm-gray\n    );\n  }\n\n  .#{$prefix}--tag--high-contrast:not(.#{$prefix}--tag--operational) {\n    @include tag-theme(\n      $background-inverse,\n      $text-inverse,\n      $background-inverse-hover\n    );\n  }\n\n  .#{$prefix}--multi-select--readonly\n    .#{$prefix}--tag--high-contrast:not(.#{$prefix}--tag--operational)\n    .#{$prefix}--tag__close-icon {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n\n  .#{$prefix}--tag--outline:not(.#{$prefix}--tag--operational):not(span):not(\n      [disabled]\n    ) {\n    @include tag-theme($background, $text-primary, $layer-hover);\n\n    outline: 1px solid $background-inverse;\n    outline-offset: -1px;\n  }\n\n  .#{$prefix}--tag--disabled:not(.#{$prefix}--tag--operational),\n  .#{$prefix}--tag--filter.#{$prefix}--tag--disabled,\n  .#{$prefix}--tag--interactive.#{$prefix}--tag--disabled {\n    @include tag-theme($layer, $text-disabled);\n\n    box-shadow: none;\n    outline: none;\n\n    &:hover {\n      cursor: not-allowed;\n    }\n\n    .#{$prefix}--tag__label {\n      background-color: $layer;\n      color: $text-disabled;\n    }\n  }\n\n  .#{$prefix}--tag--selectable.#{$prefix}--tag--disabled,\n  .#{$prefix}--tag--operational.#{$prefix}--tag--disabled {\n    border: 1px solid $border-disabled;\n    background-color: $layer;\n    color: $text-disabled;\n\n    &:hover {\n      background-color: $layer;\n      cursor: not-allowed;\n    }\n  }\n\n  .#{$prefix}--tag--interactive {\n    transition: background-color $duration-fast-01 motion(entrance, productive);\n  }\n\n  .#{$prefix}--tag__close-icon {\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    border: 0;\n    border-radius: 50%;\n    margin: 0 0 0 convert.to-rem(2px);\n    background-color: transparent;\n    block-size: layout.size('height');\n    color: currentColor;\n    cursor: pointer;\n    inline-size: layout.size('height');\n    transition:\n      background-color $duration-fast-01 motion(standard, productive),\n      box-shadow $duration-fast-01 motion(standard, productive);\n\n    svg {\n      fill: currentColor;\n    }\n  }\n\n  .#{$prefix}--tag__custom-icon {\n    flex-shrink: 0;\n    padding: 0;\n    border: 0;\n    background-color: transparent;\n    block-size: convert.to-rem(16px);\n    color: currentColor;\n    inline-size: convert.to-rem(16px);\n    margin-inline-end: $spacing-02;\n    outline: none;\n\n    svg {\n      fill: currentColor;\n    }\n  }\n\n  .#{$prefix}--tag--disabled .#{$prefix}--tag__close-icon {\n    cursor: not-allowed;\n  }\n\n  .#{$prefix}--tag__close-icon:focus {\n    z-index: 99999;\n    border-radius: 50%;\n    box-shadow: inset 0 0 0 1px $focus;\n    outline: none;\n  }\n\n  .#{$prefix}--tag--high-contrast .#{$prefix}--tag__close-icon:focus {\n    box-shadow: inset 0 0 0 1px $focus-inverse;\n  }\n\n  .#{$prefix}--tag--filter.#{$prefix}--tag--disabled\n    .#{$prefix}--tag__close-icon:hover {\n    background-color: transparent;\n  }\n\n  .#{$prefix}--tag--filter.#{$prefix}--tag--disabled svg {\n    fill: $icon-disabled;\n  }\n\n  .#{$prefix}--tag--sm.#{$prefix}--tag--filter {\n    padding-inline-end: 0;\n  }\n\n  .#{$prefix}--tag--sm .#{$prefix}--tag__close-icon {\n    margin-inline-start: convert.to-rem(5px);\n  }\n\n  // Skeleton state\n  .#{$prefix}--tag.#{$prefix}--skeleton {\n    @include skeleton;\n\n    @include tag-theme(\n      $bg-color: $skeleton-background,\n      $text-color: $text-primary\n    );\n\n    overflow: hidden;\n    inline-size: convert.to-rem(60px);\n\n    // Safari specific bug (#7672)\n    @media not all and (min-resolution >= 0.001dpcm) {\n      @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n        transform: translateZ(0);\n      }\n    }\n  }\n\n  // AILabel styles\n  .#{$prefix}--tag .#{$prefix}--ai-label .#{$prefix}--ai-label__button--inline,\n  .#{$prefix}--tag .#{$prefix}--slug .#{$prefix}--slug__button--inline {\n    color: currentColor;\n    margin-inline-start: convert.to-rem(1px);\n  }\n\n  .#{$prefix}--tag\n    .#{$prefix}--ai-label\n    .#{$prefix}--ai-label__button--inline\n    .#{$prefix}--ai-label__text::before,\n  .#{$prefix}--tag\n    .#{$prefix}--slug\n    .#{$prefix}--slug__button--inline\n    .#{$prefix}--slug__text::before {\n    background-color: currentColor;\n  }\n\n  .#{$prefix}--tag\n    .#{$prefix}--ai-label\n    .#{$prefix}--ai-label__button--inline:hover,\n  .#{$prefix}--tag .#{$prefix}--slug .#{$prefix}--slug__button--inline:hover {\n    border-color: currentColor;\n  }\n\n  .#{$prefix}--tag--filter .#{$prefix}--tag__decorator > *,\n  .#{$prefix}--tag--filter .#{$prefix}--ai-label,\n  .#{$prefix}--tag--filter .#{$prefix}--slug {\n    min-inline-size: convert.to-rem(32.14px);\n  }\n\n  // Decorator styles\n  .#{$prefix}--tag\n    .#{$prefix}--tag__decorator:not(:has(.#{$prefix}--ai-label)) {\n    block-size: 1rem;\n    text-align: center;\n  }\n\n  // Windows HCM fix\n\n  .#{$prefix}--tag {\n    @include high-contrast-mode('outline');\n  }\n\n  .#{$prefix}--tag__close-icon svg,\n  .#{$prefix}--tag__custom-icon svg {\n    @include high-contrast-mode('icon-fill');\n  }\n\n  .#{$prefix}--tag__close-icon:focus {\n    @include high-contrast-mode('focus');\n  }\n\n  .#{$prefix}--tag-label-tooltip {\n    max-inline-size: -webkit-fill-available;\n  }\n\n  .#{$prefix}--tag__custom-icon + .#{$prefix}--tag-label-tooltip {\n    max-inline-size: convert.to-rem(176px);\n  }\n\n  .#{$prefix}--tag--filter\n    .#{$prefix}--tag__custom-icon\n    + .#{$prefix}--tag-label-tooltip {\n    max-inline-size: convert.to-rem(158px);\n  }\n\n  .#{$prefix}--interactive--tag-children {\n    display: inline-flex;\n    max-inline-size: convert.to-rem(200px);\n    place-items: center;\n  }\n\n  .#{$prefix}--tag--filter\n    .#{$prefix}--tag__custom-icon\n    + span\n    > .#{$prefix}--interactive--tag-children {\n    max-inline-size: convert.to-rem(184px);\n  }\n\n  .#{$prefix}--tag .#{$prefix}--definition-term {\n    -webkit-border-after: none;\n    border-block-end: none;\n    cursor: default;\n    max-inline-size: convert.to-rem(192px);\n  }\n\n  .#{$prefix}--tag\n    .#{$prefix}--tag__custom-icon\n    + span\n    > .#{$prefix}--definition-term {\n    max-inline-size: convert.to-rem(176px);\n  }\n\n  .#{$prefix}--tag > .#{$prefix}--popover-container {\n    display: flex;\n  }\n\n  .#{$prefix}--toggletip-button:has(\n      .#{$prefix}--tag--operational.#{$prefix}--tag--disabled\n    ) {\n    pointer-events: none;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n@use '../../config' as *;\n\n/// @access private\n/// @group tag\n@mixin tag-theme(\n  $bg-color,\n  $text-color,\n  $filter-hover-color: $bg-color,\n  $border-color: $bg-color\n) {\n  background-color: $bg-color;\n  color: $text-color;\n\n  &.#{$prefix}--tag--operational {\n    border: 1px solid $border-color;\n\n    &:hover {\n      background-color: $filter-hover-color;\n    }\n  }\n\n  .#{$prefix}--tag__close-icon {\n    &:hover {\n      background-color: $filter-hover-color;\n    }\n  }\n\n  .#{$prefix}--definition-term {\n    .#{$prefix}--tag__label {\n      color: $text-color;\n    }\n  }\n}\n","//\n// Copyright IBM Corp. 2020\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:color';\n@use 'sass:map';\n@use '../../config';\n@use '../../colors';\n@use '../../themes';\n@use '../../theme' as *;\n@use '../../utilities/component-tokens';\n@use '@carbon/themes/scss/component-tokens' as tag;\n\n// red\n$tag-background-red: (\n  fallback: map.get(tag.$tag-background-red, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-background-red, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-background-red, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-background-red, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-background-red, g-100),\n    ),\n  ),\n) !default;\n\n$tag-color-red: (\n  fallback: map.get(tag.$tag-color-red, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-color-red, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-color-red, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-color-red, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-color-red, g-100),\n    ),\n  ),\n) !default;\n\n$tag-hover-red: (\n  fallback: map.get(tag.$tag-hover-red, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-hover-red, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-hover-red, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-hover-red, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-hover-red, g-100),\n    ),\n  ),\n) !default;\n\n// magenta\n$tag-background-magenta: (\n  fallback: map.get(tag.$tag-background-magenta, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-background-magenta, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-background-magenta, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-background-magenta, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-background-magenta, g-100),\n    ),\n  ),\n) !default;\n\n$tag-color-magenta: (\n  fallback: map.get(tag.$tag-color-magenta, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-color-magenta, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-color-magenta, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-color-magenta, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-color-magenta, g-100),\n    ),\n  ),\n) !default;\n\n$tag-hover-magenta: (\n  fallback: map.get(tag.$tag-hover-magenta, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-hover-magenta, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-hover-magenta, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-hover-magenta, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-hover-magenta, g-100),\n    ),\n  ),\n) !default;\n\n// purple\n$tag-background-purple: (\n  fallback: map.get(tag.$tag-background-purple, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-background-purple, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-background-purple, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-background-purple, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-background-purple, g-100),\n    ),\n  ),\n) !default;\n\n$tag-color-purple: (\n  fallback: map.get(tag.$tag-color-purple, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-color-purple, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-color-purple, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-color-purple, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-color-purple, g-100),\n    ),\n  ),\n) !default;\n\n$tag-hover-purple: (\n  fallback: map.get(tag.$tag-hover-purple, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-hover-purple, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-hover-purple, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-hover-purple, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-hover-purple, g-100),\n    ),\n  ),\n) !default;\n\n// blue\n$tag-background-blue: (\n  fallback: map.get(tag.$tag-background-blue, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-background-blue, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-background-blue, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-background-blue, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-background-blue, g-100),\n    ),\n  ),\n) !default;\n\n$tag-color-blue: (\n  fallback: map.get(tag.$tag-color-blue, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-color-blue, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-color-blue, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-color-blue, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-color-blue, g-100),\n    ),\n  ),\n) !default;\n\n$tag-hover-blue: (\n  fallback: map.get(tag.$tag-hover-blue, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-hover-blue, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-hover-blue, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-hover-blue, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-hover-blue, g-100),\n    ),\n  ),\n) !default;\n\n// cyan\n$tag-background-cyan: (\n  fallback: map.get(tag.$tag-background-cyan, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-background-cyan, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-background-cyan, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-background-cyan, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-background-cyan, g-100),\n    ),\n  ),\n) !default;\n\n$tag-color-cyan: (\n  fallback: map.get(tag.$tag-color-cyan, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-color-cyan, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-color-cyan, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-color-cyan, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-color-cyan, g-100),\n    ),\n  ),\n) !default;\n\n$tag-hover-cyan: (\n  fallback: map.get(tag.$tag-hover-cyan, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-hover-cyan, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-hover-cyan, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-hover-cyan, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-hover-cyan, g-100),\n    ),\n  ),\n) !default;\n\n// teal\n$tag-background-teal: (\n  fallback: map.get(tag.$tag-background-teal, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-background-teal, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-background-teal, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-background-teal, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-background-teal, g-100),\n    ),\n  ),\n) !default;\n\n$tag-color-teal: (\n  fallback: map.get(tag.$tag-color-teal, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-color-teal, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-color-teal, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-color-teal, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-color-teal, g-100),\n    ),\n  ),\n) !default;\n\n$tag-hover-teal: (\n  fallback: map.get(tag.$tag-hover-teal, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-hover-teal, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-hover-teal, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-hover-teal, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-hover-teal, g-100),\n    ),\n  ),\n) !default;\n\n// green\n$tag-background-green: (\n  fallback: map.get(tag.$tag-background-green, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-background-green, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-background-green, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-background-green, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-background-green, g-100),\n    ),\n  ),\n) !default;\n\n$tag-color-green: (\n  fallback: map.get(tag.$tag-color-green, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-color-green, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-color-green, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-color-green, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-color-green, g-100),\n    ),\n  ),\n) !default;\n\n$tag-hover-green: (\n  fallback: map.get(tag.$tag-hover-green, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-hover-green, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-hover-green, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-hover-green, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-hover-green, g-100),\n    ),\n  ),\n) !default;\n\n// gray\n$tag-background-gray: (\n  fallback: map.get(tag.$tag-background-gray, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-background-gray, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-background-gray, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-background-gray, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-background-gray, g-100),\n    ),\n  ),\n) !default;\n\n$tag-color-gray: (\n  fallback: map.get(tag.$tag-color-gray, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-color-gray, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-color-gray, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-color-gray, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-color-gray, g-100),\n    ),\n  ),\n) !default;\n\n$tag-hover-gray: (\n  fallback: map.get(tag.$tag-hover-gray, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-hover-gray, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-hover-gray, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-hover-gray, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-hover-gray, g-100),\n    ),\n  ),\n) !default;\n\n// cool-gray\n$tag-background-cool-gray: (\n  fallback: map.get(tag.$tag-background-cool-gray, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-background-cool-gray, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-background-cool-gray, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-background-cool-gray, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-background-cool-gray, g-100),\n    ),\n  ),\n) !default;\n\n$tag-color-cool-gray: (\n  fallback: map.get(tag.$tag-color-cool-gray, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-color-cool-gray, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-color-cool-gray, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-color-cool-gray, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-color-cool-gray, g-100),\n    ),\n  ),\n) !default;\n\n$tag-hover-cool-gray: (\n  fallback: map.get(tag.$tag-hover-cool-gray, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-hover-cool-gray, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-hover-cool-gray, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-hover-cool-gray, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-hover-cool-gray, g-100),\n    ),\n  ),\n) !default;\n\n$tag-border-gray: (\n  fallback: map.get(tag.$tag-border-gray, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-border-gray, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-border-gray, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-border-gray, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-border-gray, g-100),\n    ),\n  ),\n) !default;\n\n$tag-border-red: (\n  fallback: map.get(tag.$tag-border-red, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-border-red, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-border-red, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-border-red, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-border-red, g-100),\n    ),\n  ),\n) !default;\n\n$tag-border-blue: (\n  fallback: map.get(tag.$tag-border-blue, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-border-blue, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-border-blue, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-border-blue, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-border-blue, g-100),\n    ),\n  ),\n) !default;\n\n$tag-border-cyan: (\n  fallback: map.get(tag.$tag-border-cyan, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-border-cyan, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-border-cyan, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-border-cyan, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-border-cyan, g-100),\n    ),\n  ),\n) !default;\n\n$tag-border-teal: (\n  fallback: map.get(tag.$tag-border-teal, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-border-teal, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-border-teal, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-border-teal, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-border-teal, g-100),\n    ),\n  ),\n) !default;\n\n$tag-border-green: (\n  fallback: map.get(tag.$tag-border-green, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-border-green, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-border-green, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-border-green, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-border-green, g-100),\n    ),\n  ),\n) !default;\n\n$tag-border-magenta: (\n  fallback: map.get(tag.$tag-border-magenta, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-border-magenta, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-border-magenta, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-border-magenta, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-border-magenta, g-100),\n    ),\n  ),\n) !default;\n\n$tag-border-purple: (\n  fallback: map.get(tag.$tag-border-purple, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-border-purple, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-border-purple, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-border-purple, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-border-purple, g-100),\n    ),\n  ),\n) !default;\n\n$tag-border-cool-gray: (\n  fallback: map.get(tag.$tag-border-cool-gray, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-border-cool-gray, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-border-cool-gray, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-border-cool-gray, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-border-cool-gray, g-100),\n    ),\n  ),\n) !default;\n\n$tag-border-warm-gray: (\n  fallback: map.get(tag.$tag-border-warm-gray, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-border-warm-gray, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-border-warm-gray, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-border-warm-gray, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-border-warm-gray, g-100),\n    ),\n  ),\n) !default;\n\n// warm-gray\n$tag-background-warm-gray: (\n  fallback: map.get(tag.$tag-background-warm-gray, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-background-warm-gray, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-background-warm-gray, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-background-warm-gray, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-background-warm-gray, g-100),\n    ),\n  ),\n) !default;\n\n$tag-color-warm-gray: (\n  fallback: map.get(tag.$tag-color-warm-gray, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-color-warm-gray, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-color-warm-gray, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-color-warm-gray, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-color-warm-gray, g-100),\n    ),\n  ),\n) !default;\n\n$tag-hover-warm-gray: (\n  fallback: map.get(tag.$tag-hover-warm-gray, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(tag.$tag-hover-warm-gray, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(tag.$tag-hover-warm-gray, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(tag.$tag-hover-warm-gray, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(tag.$tag-hover-warm-gray, g-100),\n    ),\n  ),\n) !default;\n\n$tag-tokens: (\n  tag-background-red: $tag-background-red,\n  tag-color-red: $tag-color-red,\n  tag-hover-red: $tag-hover-red,\n  tag-background-magenta: $tag-background-magenta,\n  tag-color-magenta: $tag-color-magenta,\n  tag-hover-magenta: $tag-hover-magenta,\n  tag-background-purple: $tag-background-purple,\n  tag-color-purple: $tag-color-purple,\n  tag-hover-purple: $tag-hover-purple,\n  tag-background-blue: $tag-background-blue,\n  tag-color-blue: $tag-color-blue,\n  tag-hover-blue: $tag-hover-blue,\n  tag-background-cyan: $tag-background-cyan,\n  tag-color-cyan: $tag-color-cyan,\n  tag-hover-cyan: $tag-hover-cyan,\n  tag-background-teal: $tag-background-teal,\n  tag-color-teal: $tag-color-teal,\n  tag-hover-teal: $tag-hover-teal,\n  tag-background-green: $tag-background-green,\n  tag-color-green: $tag-color-green,\n  tag-hover-green: $tag-hover-green,\n  tag-background-gray: $tag-background-gray,\n  tag-color-gray: $tag-color-gray,\n  tag-hover-gray: $tag-hover-gray,\n  tag-border-red: $tag-border-red,\n  tag-border-blue: $tag-border-blue,\n  tag-border-cyan: $tag-border-cyan,\n  tag-border-teal: $tag-border-teal,\n  tag-border-green: $tag-border-green,\n  tag-border-magenta: $tag-border-magenta,\n  tag-border-purple: $tag-border-purple,\n  tag-border-gray: $tag-border-gray,\n  tag-border-cool-gray: $tag-border-cool-gray,\n  tag-border-warm-gray: $tag-border-warm-gray,\n  tag-background-cool-gray: $tag-background-cool-gray,\n  tag-color-cool-gray: $tag-color-cool-gray,\n  tag-hover-cool-gray: $tag-hover-cool-gray,\n  tag-background-warm-gray: $tag-background-warm-gray,\n  tag-color-warm-gray: $tag-color-warm-gray,\n  tag-hover-warm-gray: $tag-hover-warm-gray,\n);\n\n$tag-background-red: component-tokens.get-var(\n  $tag-background-red,\n  'tag-background-red'\n);\n\n$tag-color-red: component-tokens.get-var($tag-color-red, 'tag-color-red');\n\n$tag-hover-red: component-tokens.get-var($tag-hover-red, 'tag-hover-red');\n\n$tag-background-magenta: component-tokens.get-var(\n  $tag-background-magenta,\n  'tag-background-magenta'\n);\n\n$tag-color-magenta: component-tokens.get-var(\n  $tag-color-magenta,\n  'tag-color-magenta'\n);\n\n$tag-hover-magenta: component-tokens.get-var(\n  $tag-hover-magenta,\n  'tag-hover-magenta'\n);\n\n$tag-background-purple: component-tokens.get-var(\n  $tag-background-purple,\n  'tag-background-purple'\n);\n\n$tag-color-purple: component-tokens.get-var(\n  $tag-color-purple,\n  'tag-color-purple'\n);\n\n$tag-hover-purple: component-tokens.get-var(\n  $tag-hover-purple,\n  'tag-hover-purple'\n);\n\n$tag-background-blue: component-tokens.get-var(\n  $tag-background-blue,\n  'tag-background-blue'\n);\n\n$tag-color-blue: component-tokens.get-var($tag-color-blue, 'tag-color-blue');\n\n$tag-hover-blue: component-tokens.get-var($tag-hover-blue, 'tag-hover-blue');\n\n$tag-background-cyan: component-tokens.get-var(\n  $tag-background-cyan,\n  'tag-background-cyan'\n);\n\n$tag-color-cyan: component-tokens.get-var($tag-color-cyan, 'tag-color-cyan');\n\n$tag-hover-cyan: component-tokens.get-var($tag-hover-cyan, 'tag-hover-cyan');\n\n$tag-background-teal: component-tokens.get-var(\n  $tag-background-teal,\n  'tag-background-teal'\n);\n\n$tag-color-teal: component-tokens.get-var($tag-color-teal, 'tag-color-teal');\n\n$tag-hover-teal: component-tokens.get-var($tag-hover-teal, 'tag-hover-teal');\n\n$tag-background-green: component-tokens.get-var(\n  $tag-background-green,\n  'tag-background-green'\n);\n\n$tag-color-green: component-tokens.get-var($tag-color-green, 'tag-color-green');\n\n$tag-hover-green: component-tokens.get-var($tag-hover-green, 'tag-hover-green');\n\n$tag-background-gray: component-tokens.get-var(\n  $tag-background-gray,\n  'tag-background-gray'\n);\n\n$tag-color-gray: component-tokens.get-var($tag-color-gray, 'tag-color-gray');\n\n$tag-hover-gray: component-tokens.get-var($tag-hover-gray, 'tag-hover-gray');\n\n$tag-border-red: component-tokens.get-var($tag-border-red, 'tag-border-red');\n\n$tag-border-blue: component-tokens.get-var($tag-border-blue, 'tag-border-blue');\n\n$tag-border-cyan: component-tokens.get-var($tag-border-cyan, 'tag-border-cyan');\n\n$tag-border-teal: component-tokens.get-var($tag-border-teal, 'tag-border-teal');\n\n$tag-border-green: component-tokens.get-var(\n  $tag-border-green,\n  'tag-border-green'\n);\n\n$tag-border-magenta: component-tokens.get-var(\n  $tag-border-magenta,\n  'tag-border-magenta'\n);\n\n$tag-border-purple: component-tokens.get-var(\n  $tag-border-purple,\n  'tag-border-purple'\n);\n\n$tag-border-gray: component-tokens.get-var($tag-border-gray, 'tag-border-gray');\n\n$tag-border-cool-gray: component-tokens.get-var(\n  $tag-border-cool-gray,\n  'tag-border-cool-gray'\n);\n\n$tag-border-warm-gray: component-tokens.get-var(\n  $tag-border-warm-gray,\n  'tag-border-warm-gray'\n);\n\n$tag-background-cool-gray: component-tokens.get-var(\n  $tag-background-cool-gray,\n  'tag-background-cool-gray'\n);\n\n$tag-color-cool-gray: component-tokens.get-var(\n  $tag-color-cool-gray,\n  'tag-color-cool-gray'\n);\n\n$tag-hover-cool-gray: component-tokens.get-var(\n  $tag-hover-cool-gray,\n  'tag-hover-cool-gray'\n);\n\n$tag-background-warm-gray: component-tokens.get-var(\n  $tag-background-warm-gray,\n  'tag-background-warm-gray'\n);\n\n$tag-color-warm-gray: component-tokens.get-var(\n  $tag-color-warm-gray,\n  'tag-color-warm-gray'\n);\n\n$tag-hover-warm-gray: component-tokens.get-var(\n  $tag-hover-warm-gray,\n  'tag-hover-warm-gray'\n);\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../button/tokens' as *;\n@use '../text-input';\n@use '../tag';\n@use '../tag/mixins' as *;\n@use '../../config' as *;\n@use '../../colors' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../spacing' as *;\n@use '../../motion' as *;\n@use '../../layer' as *;\n@use '../../utilities/ai-gradient' as *;\n@use '../../utilities/box-shadow' as *;\n@use '../../utilities/button-reset';\n@use '../../utilities/component-reset';\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/z-index' as *;\n\n/// @type Number\n/// @access public\n/// @group list-box\n$list-box-width: 100%;\n\n/// @type Number\n/// @access public\n/// @group list-box\n$list-box-height: convert.to-rem(40px);\n\n/// @type Number\n/// @access public\n/// @group list-box\n$list-box-inline-height: $list-box-height;\n\n/// @type Number\n/// @access public\n/// @group list-box\n$list-box-menu-width: convert.to-rem(300px);\n\n/// List box styles\n/// @access public\n/// @group list-box\n@mixin list-box {\n  // The overall container element for a `list-box`. Has two variants,\n  // `disabled` and `inline`.\n  .#{$prefix}--list-box__wrapper {\n    display: block;\n  }\n\n  .#{$prefix}--list-box__wrapper--inline {\n    display: inline-grid;\n    align-items: center;\n    grid-gap: convert.to-rem(4px);\n    grid-template: auto auto / auto auto;\n\n    .#{$prefix}--label {\n      @include type-style('body-compact-01');\n    }\n\n    .#{$prefix}--label,\n    .#{$prefix}--form__helper-text,\n    .#{$prefix}--form-requirement {\n      margin: 0;\n    }\n\n    .#{$prefix}--form__helper-text {\n      max-inline-size: none;\n    }\n\n    .#{$prefix}--form-requirement {\n      grid-column: 2;\n    }\n  }\n\n  .#{$prefix}--list-box {\n    @include reset;\n\n    position: relative;\n    border: none;\n    background-color: $field;\n    block-size: convert.to-rem(40px);\n    border-block-end: 1px solid $border-strong;\n    color: $text-primary;\n    cursor: pointer;\n    inline-size: $list-box-width;\n    max-block-size: convert.to-rem(40px);\n    transition: all $duration-fast-01 motion(standard, productive);\n\n    &:hover {\n      background-color: $field-hover;\n    }\n  }\n\n  .#{$prefix}--multi-select.#{$prefix}--multi-select--readonly.#{$prefix}--list-box {\n    cursor: default;\n  }\n\n  .#{$prefix}--list-box--lg {\n    block-size: convert.to-rem(48px);\n    max-block-size: convert.to-rem(48px);\n  }\n\n  .#{$prefix}--list-box--sm {\n    block-size: convert.to-rem(32px);\n    max-block-size: convert.to-rem(32px);\n  }\n\n  .#{$prefix}--list-box--expanded {\n    border-block-end-color: $border-subtle-01;\n  }\n\n  .#{$prefix}--layer-two .#{$prefix}--list-box--expanded {\n    border-block-end-color: $border-subtle-02;\n  }\n\n  .#{$prefix}--layer-three .#{$prefix}--list-box--expanded {\n    border-block-end-color: $border-subtle-03;\n  }\n\n  .#{$prefix}--list-box--expanded:hover {\n    background-color: $field;\n  }\n\n  // V11: Possibly deprecate\n  .#{$prefix}--list-box--expanded:hover.#{$prefix}--list-box--light:hover {\n    background-color: $field-02;\n  }\n\n  .#{$prefix}--list-box .#{$prefix}--text-input {\n    block-size: 100%;\n    min-inline-size: 0;\n  }\n\n  // invalid states\n  .#{$prefix}--list-box__invalid-icon {\n    position: absolute;\n    fill: $support-error;\n    inset-block-start: 50%;\n    inset-inline-end: $spacing-08;\n    transform: translateY(-50%);\n  }\n\n  .#{$prefix}--list-box__invalid-icon--warning {\n    fill: $support-warning;\n  }\n\n  .#{$prefix}--list-box__invalid-icon--warning path[fill] {\n    fill: $black-100;\n    opacity: 1;\n  }\n\n  .#{$prefix}--list-box[data-invalid] .#{$prefix}--list-box__field,\n  .#{$prefix}--list-box.#{$prefix}--list-box--warning\n    .#{$prefix}--list-box__field {\n    border-block-end: 0;\n    padding-inline-end: $spacing-10;\n  }\n\n  .#{$prefix}--list-box[data-invalid].#{$prefix}--list-box--inline\n    .#{$prefix}--list-box__field,\n  .#{$prefix}--list-box.#{$prefix}--list-box--warning.#{$prefix}--list-box--inline\n    .#{$prefix}--list-box__field {\n    padding-inline-end: convert.to-rem(56px);\n  }\n\n  // V11: Possibly deprecate\n  // Light variation for 'list-box'\n  .#{$prefix}--list-box--light {\n    background-color: $field-02;\n\n    &:hover {\n      background-color: $field-hover;\n    }\n  }\n\n  // V11: Possibly deprecate\n  .#{$prefix}--list-box--light .#{$prefix}--list-box__menu {\n    background: $layer;\n  }\n\n  // V11: Possibly deprecate\n  .#{$prefix}--list-box--light .#{$prefix}--list-box__menu-item__option {\n    border-block-start-color: $border-subtle;\n  }\n\n  .#{$prefix}--list-box--light.#{$prefix}--list-box--expanded {\n    border-block-end-color: transparent;\n  }\n\n  // Disabled state for `list-box`\n  .#{$prefix}--list-box--disabled:hover {\n    background-color: $field;\n  }\n\n  // V11: Possibly deprecate\n  .#{$prefix}--list-box--light.#{$prefix}--list-box--disabled {\n    background-color: $field-02;\n  }\n\n  .#{$prefix}--list-box--disabled,\n  .#{$prefix}--list-box--disabled .#{$prefix}--list-box__field,\n  .#{$prefix}--list-box--disabled .#{$prefix}--list-box__field:focus {\n    border-block-end-color: transparent;\n    outline: none;\n  }\n\n  .#{$prefix}--list-box--disabled .#{$prefix}--list-box__label,\n  .#{$prefix}--list-box--disabled.#{$prefix}--list-box--inline\n    .#{$prefix}--list-box__label {\n    color: $text-disabled;\n  }\n\n  .#{$prefix}--list-box--disabled .#{$prefix}--list-box__menu-icon > svg,\n  .#{$prefix}--list-box--disabled .#{$prefix}--list-box__selection > svg {\n    fill: $icon-disabled;\n  }\n\n  .#{$prefix}--list-box--disabled,\n  .#{$prefix}--list-box--disabled .#{$prefix}--list-box__field,\n  .#{$prefix}--list-box--disabled .#{$prefix}--list-box__menu-icon {\n    cursor: not-allowed;\n  }\n\n  .#{$prefix}--list-box--disabled .#{$prefix}--list-box__menu-item,\n  .#{$prefix}--list-box--disabled .#{$prefix}--list-box__menu-item:hover,\n  .#{$prefix}--list-box--disabled\n    .#{$prefix}--list-box__menu-item--highlighted {\n    color: $text-disabled;\n    text-decoration: none;\n  }\n\n  .#{$prefix}--list-box--disabled .#{$prefix}--list-box__selection:hover {\n    cursor: not-allowed;\n  }\n\n  // disabled && invalid\n  .#{$prefix}--list-box--disabled.#{$prefix}--list-box[data-invalid]\n    .#{$prefix}--list-box__field {\n    padding-inline-end: $spacing-09;\n  }\n\n  .#{$prefix}--list-box--disabled.#{$prefix}--list-box[data-invalid].#{$prefix}--list-box--inline\n    .#{$prefix}--list-box__field {\n    padding-inline-end: $spacing-07;\n  }\n\n  // Inline variant for a `list-box`\n  .#{$prefix}--list-box.#{$prefix}--list-box--inline {\n    border-width: 0;\n    background-color: transparent;\n\n    &:hover {\n      background-color: $layer-hover;\n    }\n  }\n\n  .#{$prefix}--list-box.#{$prefix}--list-box--inline.#{$prefix}--list-box--expanded {\n    border-block-end-width: 0;\n  }\n\n  .#{$prefix}--list-box.#{$prefix}--list-box--inline.#{$prefix}--list-box--expanded\n    .#{$prefix}--list-box__field[aria-expanded='true'] {\n    border-width: 0;\n  }\n\n  .#{$prefix}--list-box.#{$prefix}--list-box--inline.#{$prefix}--list-box--expanded:hover,\n  .#{$prefix}--list-box.#{$prefix}--list-box--inline.#{$prefix}--list-box--disabled:hover {\n    background-color: transparent;\n  }\n\n  .#{$prefix}--list-box.#{$prefix}--list-box--inline\n    .#{$prefix}--list-box__field {\n    padding: 0 $spacing-07 0 $spacing-03;\n  }\n\n  .#{$prefix}--list-box.#{$prefix}--list-box--inline\n    .#{$prefix}--list-box__menu-icon {\n    inset-inline-end: $spacing-03;\n  }\n\n  .#{$prefix}--list-box.#{$prefix}--list-box--inline\n    .#{$prefix}--list-box__invalid-icon {\n    inset-inline-end: $spacing-07;\n  }\n\n  .#{$prefix}--list-box--inline .#{$prefix}--list-box__label {\n    color: $text-primary;\n  }\n\n  .#{$prefix}--list-box--inline .#{$prefix}--list-box__field {\n    block-size: 100%;\n  }\n\n  .#{$prefix}--dropdown--inline .#{$prefix}--list-box__field {\n    max-inline-size: convert.to-rem(480px);\n  }\n\n  .#{$prefix}--dropdown--inline .#{$prefix}--list-box__menu {\n    max-inline-size: convert.to-rem(480px);\n    min-inline-size: convert.to-rem(288px);\n  }\n\n  // The field we use for input, showing selection, etc.\n  .#{$prefix}--list-box__field {\n    @include button-reset.reset;\n\n    position: relative;\n    display: inline-flex;\n    overflow: hidden;\n    align-items: center;\n    // Account for the border in `.cds--list-box`\n    block-size: calc(100% + 1px);\n    cursor: pointer;\n    outline: none;\n    padding-block: 0;\n    padding-inline: $spacing-05 $spacing-09;\n    text-overflow: ellipsis;\n    vertical-align: top;\n    white-space: nowrap;\n  }\n\n  .#{$prefix}--list-box__field:focus {\n    @include focus-outline('outline');\n  }\n\n  .#{$prefix}--list-box__field[disabled] {\n    color: $text-disabled;\n    outline: none;\n  }\n\n  // populated input field\n  .#{$prefix}--list-box__field .#{$prefix}--text-input {\n    padding-inline-end: convert.to-rem(80px);\n  }\n\n  // invalid && populated input field\n  .#{$prefix}--list-box[data-invalid]\n    .#{$prefix}--list-box__field\n    .#{$prefix}--text-input,\n  .#{$prefix}--list-box--warning\n    .#{$prefix}--list-box__field\n    .#{$prefix}--text-input {\n    // to account for clear input button outline\n    padding-inline-end: convert.to-rem(105px);\n  }\n\n  .#{$prefix}--list-box[data-invalid]\n    .#{$prefix}--list-box__field\n    .#{$prefix}--text-input\n    + .#{$prefix}--list-box__invalid-icon,\n  .#{$prefix}--list-box--warning\n    .#{$prefix}--list-box__field\n    .#{$prefix}--text-input\n    + .#{$prefix}--list-box__invalid-icon {\n    // to account for clear input button outline\n    inset-inline-end: convert.to-rem(82px);\n  }\n\n  // empty input field\n  .#{$prefix}--list-box__field .#{$prefix}--text-input--empty {\n    padding-inline-end: $spacing-09;\n  }\n\n  // invalid && empty input field\n  .#{$prefix}--list-box[data-invalid]\n    .#{$prefix}--list-box__field\n    .#{$prefix}--text-input--empty,\n  .#{$prefix}--list-box--warning\n    .#{$prefix}--list-box__field\n    .#{$prefix}--text-input--empty {\n    padding-inline-end: $spacing-10;\n  }\n\n  .#{$prefix}--list-box[data-invalid]\n    .#{$prefix}--list-box__field\n    .#{$prefix}--text-input--empty\n    + .#{$prefix}--list-box__invalid-icon,\n  .#{$prefix}--list-box--warning\n    .#{$prefix}--list-box__field\n    .#{$prefix}--text-input--empty\n    + .#{$prefix}--list-box__invalid-icon {\n    // to account for clear input button outline\n    inset-inline-end: convert.to-rem(40px);\n  }\n\n  // Label for a `list-box__field`\n  .#{$prefix}--list-box__label {\n    @include type-style('body-compact-01');\n\n    overflow: hidden;\n    color: $text-primary;\n    text-overflow: ellipsis;\n    user-select: none;\n    white-space: nowrap;\n  }\n\n  // Menu status inside of a `list-box__field`\n  .#{$prefix}--list-box__menu-icon {\n    @include button-reset.reset($width: false);\n\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    block-size: convert.to-rem(24px);\n    cursor: pointer;\n    inline-size: convert.to-rem(24px);\n    inset-inline-end: $spacing-04;\n    outline: none;\n    transition: transform $duration-fast-01 motion(standard, productive);\n  }\n\n  .#{$prefix}--list-box__menu-icon > svg {\n    fill: $icon-primary;\n  }\n\n  .#{$prefix}--list-box__menu-icon--open {\n    justify-content: center;\n    inline-size: convert.to-rem(24px);\n    transform: rotate(180deg);\n  }\n\n  // Selection indicator for a `list-box__field`\n  .#{$prefix}--list-box__selection {\n    @include button-reset.reset($width: false);\n\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    block-size: convert.to-rem(24px);\n    cursor: pointer;\n    inline-size: convert.to-rem(24px);\n    inset-block-start: 50%;\n    /* to preserve .5rem space between icons according to spec top/transform used to center the combobox clear selection icon in IE11 */\n    inset-inline-end: convert.to-rem(45px);\n    transform: translateY(-50%);\n    transition: background-color $duration-fast-01 motion(standard, productive);\n    user-select: none;\n\n    &:focus {\n      @include focus-outline('outline');\n\n      &:hover {\n        @include focus-outline('outline');\n      }\n    }\n  }\n\n  .#{$prefix}--list-box__selection > svg {\n    fill: $icon-primary;\n  }\n\n  .#{$prefix}--list-box--disabled .#{$prefix}--list-box__selection:focus {\n    outline: none;\n  }\n\n  // Modifier for a selection to show that multiple selections have been made\n  .#{$prefix}--list-box__selection--multi {\n    @include type-style('label-01');\n\n    position: static;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: convert.to-rem(8px);\n    border-radius: convert.to-rem(12px);\n    background-color: $background-inverse;\n    block-size: convert.to-rem(24px);\n    color: $text-inverse;\n    inline-size: auto;\n    inset-block-start: auto;\n    line-height: 0;\n    margin-inline-end: convert.to-rem(10px);\n    // Align with hover circle of X button\n    padding-inline-end: convert.to-rem(2px);\n    transform: none;\n  }\n\n  .#{$prefix}--list-box__selection--multi > svg {\n    padding: convert.to-rem(2px);\n    block-size: convert.to-rem(20px);\n    fill: $icon-inverse;\n    inline-size: convert.to-rem(20px);\n    margin-inline-start: convert.to-rem(4px);\n\n    &:hover {\n      border-radius: 50%;\n      background-color: $button-secondary-hover;\n    }\n  }\n\n  .#{$prefix}--list-box--disabled .#{$prefix}--list-box__selection--multi {\n    @include tag-theme($text-disabled, $layer);\n\n    > svg {\n      fill: $icon-disabled;\n\n      &:hover {\n        background-color: initial;\n      }\n    }\n  }\n\n  .#{$prefix}--list-box__selection--multi:hover {\n    outline: none;\n  }\n\n  // Descendant of a `list-box` that displays a list of options to select\n  .#{$prefix}--list-box__menu {\n    @include box-shadow();\n\n    position: absolute;\n    z-index: z('dropdown');\n    display: none;\n    background-color: $layer;\n    inline-size: $list-box-width;\n    inset-inline: 0;\n    overflow-y: auto;\n    transition: max-height $duration-fast-02 motion(standard, productive);\n\n    &:focus {\n      // remove default browser focus in firefox\n      @include focus-outline('border');\n    }\n  }\n\n  .#{$prefix}--list-box .#{$prefix}--list-box__field[aria-expanded='false'] {\n    .#{$prefix}--list-box__menu {\n      display: none;\n      max-block-size: 0;\n      visibility: hidden;\n    }\n  }\n\n  .#{$prefix}--list-box--expanded .#{$prefix}--list-box__menu {\n    display: block;\n    // 40px item height * 5.5 items shown\n    max-block-size: convert.to-rem(220px);\n  }\n\n  .#{$prefix}--list-box--expanded.#{$prefix}--list-box--lg\n    .#{$prefix}--list-box__menu {\n    // 48px item height * 5.5 items shown\n    max-block-size: convert.to-rem(264px);\n  }\n\n  .#{$prefix}--list-box--expanded.#{$prefix}--list-box--sm\n    .#{$prefix}--list-box__menu {\n    // 32px item height * 5.5 items shown\n    max-block-size: convert.to-rem(176px);\n  }\n\n  // Descendant of a `list-box__menu` that represents a selection for a control\n  .#{$prefix}--list-box__menu-item {\n    @include type-style('body-compact-01');\n\n    position: relative;\n    block-size: convert.to-rem(40px);\n    color: $text-secondary;\n    cursor: pointer;\n    transition: background $duration-fast-01 motion(standard, productive);\n    user-select: none;\n\n    &:hover {\n      background-color: $layer-hover;\n    }\n\n    &:active {\n      background-color: $layer-selected;\n    }\n  }\n\n  // V11: Possibly deprecate\n  .#{$prefix}--list-box--light .#{$prefix}--list-box__menu-item:hover {\n    background-color: $layer-hover;\n  }\n\n  .#{$prefix}--list-box--sm .#{$prefix}--list-box__menu-item {\n    block-size: convert.to-rem(32px);\n  }\n\n  .#{$prefix}--list-box--lg .#{$prefix}--list-box__menu-item {\n    block-size: convert.to-rem(48px);\n  }\n\n  .#{$prefix}--list-box--disabled .#{$prefix}--list-box__menu-item:hover {\n    background-color: transparent;\n  }\n\n  // V11: Possibly deprecate\n  .#{$prefix}--list-box--light .#{$prefix}--list-box__menu-item:active {\n    background-color: $layer-selected;\n  }\n\n  .#{$prefix}--list-box--disabled\n    .#{$prefix}--list-box__menu-item__option:hover {\n    border-block-start-color: $border-subtle-01;\n  }\n\n  .#{$prefix}--layer-two\n    .#{$prefix}--list-box--disabled\n    .#{$prefix}--list-box__menu-item__option:hover {\n    border-block-start-color: $border-subtle-02;\n  }\n\n  .#{$prefix}--layer-three\n    .#{$prefix}--list-box--disabled\n    .#{$prefix}--list-box__menu-item__option:hover {\n    border-block-start-color: $border-subtle-03;\n  }\n\n  .#{$prefix}--list-box__menu-item:first-of-type\n    .#{$prefix}--list-box__menu-item__option {\n    border-block-start-color: transparent;\n  }\n\n  .#{$prefix}--list-box__menu-item:hover\n    .#{$prefix}--list-box__menu-item__option {\n    color: $text-primary;\n  }\n\n  .#{$prefix}--list-box--disabled\n    .#{$prefix}--list-box__menu-item:hover\n    + .#{$prefix}--list-box__menu-item\n    .#{$prefix}--list-box__menu-item__option {\n    border-block-start-color: $border-subtle-01;\n  }\n\n  .#{$prefix}--layer-two\n    .#{$prefix}--list-box--disabled\n    .#{$prefix}--list-box__menu-item:hover\n    + .#{$prefix}--list-box__menu-item\n    .#{$prefix}--list-box__menu-item__option {\n    border-block-start-color: $border-subtle-02;\n  }\n\n  .#{$prefix}--layer-three\n    .#{$prefix}--list-box--disabled\n    .#{$prefix}--list-box__menu-item:hover\n    + .#{$prefix}--list-box__menu-item\n    .#{$prefix}--list-box__menu-item__option {\n    border-block-start-color: $border-subtle-03;\n  }\n\n  .#{$prefix}--layer-two .#{$prefix}--list-box__menu-item__option {\n    border-block-start-color: $border-subtle-02;\n  }\n\n  .#{$prefix}--layer-three .#{$prefix}--list-box__menu-item__option {\n    border-block-start-color: $border-subtle-03;\n  }\n\n  .#{$prefix}--list-box__menu-item__option {\n    @include component-reset.reset;\n    @include focus-outline('reset');\n\n    display: block;\n    overflow: hidden;\n    padding: convert.to-rem(11px) 0;\n    margin: 0 $spacing-05;\n    block-size: convert.to-rem(40px);\n    border-block-end: 1px solid transparent;\n    border-block-start: 1px solid transparent;\n    border-block-start-color: $border-subtle-01;\n    color: $text-secondary;\n    font-weight: normal;\n    line-height: 1rem;\n    padding-inline-end: $spacing-06;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    transition:\n      border-color $duration-fast-01 motion(standard, productive),\n      color $duration-fast-01 motion(standard, productive);\n    white-space: nowrap;\n\n    &:focus {\n      @include focus-outline('outline');\n\n      padding: convert.to-rem(11px) convert.to-rem(16px);\n      border-color: transparent;\n      margin: 0;\n    }\n\n    &:hover {\n      border-color: transparent;\n      color: $text-primary;\n    }\n  }\n\n  .#{$prefix}--list-box--sm .#{$prefix}--list-box__menu-item__option {\n    block-size: convert.to-rem(32px);\n    padding-block: convert.to-rem(7px) convert.to-rem(7px);\n  }\n\n  .#{$prefix}--list-box--lg .#{$prefix}--list-box__menu-item__option {\n    block-size: convert.to-rem(48px);\n    padding-block: convert.to-rem(15px) convert.to-rem(15px);\n  }\n\n  .#{$prefix}--list-box--disabled\n    .#{$prefix}--list-box__menu-item:hover\n    .#{$prefix}--list-box__menu-item__option,\n  .#{$prefix}--list-box--disabled .#{$prefix}--list-box__menu-item__option {\n    color: $text-disabled;\n  }\n\n  .#{$prefix}--list-box__menu-item[disabled],\n  .#{$prefix}--list-box__menu-item[disabled] *,\n  .#{$prefix}--list-box__menu-item[disabled]\n    .#{$prefix}--list-box__menu-item__option,\n  .#{$prefix}--list-box__menu-item[disabled]:hover {\n    color: $text-disabled;\n    cursor: not-allowed;\n    outline: none;\n  }\n\n  .#{$prefix}--list-box__menu-item[disabled]:hover {\n    background-color: revert;\n  }\n\n  .#{$prefix}--list-box__menu-item[disabled]\n    .#{$prefix}--checkbox-label::before {\n    border-color: $text-disabled;\n  }\n\n  .#{$prefix}--list-box__menu-item[disabled]\n    .#{$prefix}--list-box__menu-item__option,\n  .#{$prefix}--list-box__menu-item[disabled]:hover\n    + .#{$prefix}--list-box__menu-item\n    .#{$prefix}--list-box__menu-item__option {\n    border-block-start-color: $border-subtle-01;\n  }\n\n  .#{$prefix}--layer-two\n    .#{$prefix}--list-box__menu-item[disabled]\n    .#{$prefix}--list-box__menu-item__option,\n  .#{$prefix}--layer-two\n    .#{$prefix}--list-box__menu-item[disabled]:hover\n    + .#{$prefix}--list-box__menu-item\n    .#{$prefix}--list-box__menu-item__option {\n    border-block-start-color: $border-subtle-02;\n  }\n\n  .#{$prefix}--layer-three\n    .#{$prefix}--list-box__menu-item[disabled]\n    .#{$prefix}--list-box__menu-item__option,\n  .#{$prefix}--layer-three\n    .#{$prefix}--list-box__menu-item[disabled]:hover\n    + .#{$prefix}--list-box__menu-item\n    .#{$prefix}--list-box__menu-item__option {\n    border-block-start-color: $border-subtle-03;\n  }\n\n  .#{$prefix}--list-box__menu-item--active\n    + .#{$prefix}--list-box__menu-item[disabled]\n    .#{$prefix}--list-box__menu-item__option,\n  .#{$prefix}--list-box__menu-item:hover\n    + .#{$prefix}--list-box__menu-item\n    .#{$prefix}--list-box__menu-item__option {\n    border-block-start-color: transparent;\n  }\n\n  .#{$prefix}--list-box.#{$prefix}--list-box--inline\n    .#{$prefix}--list-box__menu-item__option {\n    margin: 0 $spacing-03;\n\n    &:focus {\n      margin: 0;\n      padding-inline: $spacing-03 $spacing-03;\n    }\n  }\n\n  .#{$prefix}--list-box__menu-item--highlighted {\n    @include focus-outline('outline');\n\n    color: $text-primary;\n  }\n\n  .#{$prefix}--list-box__menu-item--highlighted\n    .#{$prefix}--list-box__menu-item__option,\n  .#{$prefix}--list-box__menu-item--highlighted\n    + .#{$prefix}--list-box__menu-item\n    .#{$prefix}--list-box__menu-item__option {\n    border-block-start-color: transparent;\n  }\n\n  .#{$prefix}--list-box__menu-item--highlighted\n    .#{$prefix}--list-box__menu-item__option {\n    color: $text-primary;\n  }\n\n  .#{$prefix}--list-box__menu-item--active {\n    background-color: $layer-selected;\n    border-block-end-color: $layer-selected;\n    color: $text-primary;\n  }\n\n  // V11: Possibly deprecate\n  .#{$prefix}--list-box--light .#{$prefix}--list-box__menu-item--active {\n    background-color: $layer-selected;\n    border-block-end-color: $layer-selected;\n  }\n\n  .#{$prefix}--list-box__menu-item--active:hover {\n    background-color: $layer-selected-hover;\n    border-block-end-color: $layer-selected-hover;\n  }\n\n  .#{$prefix}--list-box__menu-item--active\n    .#{$prefix}--list-box__menu-item__option {\n    color: $text-primary;\n  }\n\n  // Hide top border if previous list item is selected\n  .#{$prefix}--list-box__menu-item--active\n    + .#{$prefix}--list-box__menu-item\n    > .#{$prefix}--list-box__menu-item__option {\n    border-block-start-color: transparent;\n  }\n\n  .#{$prefix}--list-box__menu-item__selected-icon {\n    position: absolute;\n    display: none;\n    fill: $icon-primary;\n    inset-block-start: 50%;\n    inset-inline-end: convert.to-rem(16px);\n    transform: translateY(-50%);\n  }\n\n  .#{$prefix}--list-box--inline\n    .#{$prefix}--list-box__menu-item__selected-icon {\n    inset-inline-end: convert.to-rem(8px);\n  }\n\n  .#{$prefix}--list-box__menu-item--active\n    .#{$prefix}--list-box__menu-item__selected-icon {\n    display: block;\n  }\n\n  .#{$prefix}--list-box__menu-item .#{$prefix}--checkbox-label {\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--list-box__menu-item .#{$prefix}--checkbox-label-text {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  // Dropdown top orientation modifiers\n  .#{$prefix}--list-box--up .#{$prefix}--list-box__menu {\n    inset-block-end: 2.5rem;\n  }\n\n  .#{$prefix}--list-box--up.#{$prefix}--dropdown--sm\n    .#{$prefix}--list-box__menu,\n  .#{$prefix}--list-box--up.#{$prefix}--list-box--sm\n    .#{$prefix}--list-box__menu,\n  .#{$prefix}--list-box--up\n    .#{$prefix}--list-box--sm\n    .#{$prefix}--list-box__menu {\n    inset-block-end: 2rem;\n  }\n\n  .#{$prefix}--list-box--up.#{$prefix}--dropdown--lg\n    .#{$prefix}--list-box__menu,\n  .#{$prefix}--list-box--up.#{$prefix}--list-box--lg\n    .#{$prefix}--list-box__menu,\n  .#{$prefix}--list-box--up\n    .#{$prefix}--list-box--lg\n    .#{$prefix}--list-box__menu {\n    inset-block-end: 3rem;\n  }\n\n  // Tweaks for descendants\n  // When handling input, we need to target nodes that specifically opt-in to\n  // the type text in order to make sure the text input is styled\n  // correctly.\n  // TODO: remove [role='combobox'] in v11\n  .#{$prefix}--list-box input[role='combobox'],\n  .#{$prefix}--list-box input[type='text'] {\n    background-color: inherit;\n    min-inline-size: 0;\n    text-overflow: ellipsis;\n  }\n\n  // AILabel styles\n  .#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box__inner-wrapper--decorator\n    > *,\n  .#{$prefix}--list-box__wrapper--slug .#{$prefix}--ai-label,\n  .#{$prefix}--list-box__wrapper--slug .#{$prefix}--slug {\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-end: calc($spacing-08 + 9px);\n    margin-block-start: convert.to-rem(0.5px);\n    transform: translateY(-50%);\n  }\n\n  .#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box__inner-wrapper--decorator\n    > *::after,\n  .#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box__inner-wrapper--decorator\n    > *::before,\n  .#{$prefix}--list-box__wrapper--slug .#{$prefix}--ai-label::after,\n  .#{$prefix}--list-box__wrapper--slug .#{$prefix}--ai-label::before,\n  .#{$prefix}--list-box__wrapper--slug .#{$prefix}--slug::after,\n  .#{$prefix}--list-box__wrapper--slug .#{$prefix}--slug::before {\n    position: absolute;\n    background-color: $border-subtle-01;\n    block-size: convert.to-rem(16px);\n    content: '';\n    inline-size: convert.to-rem(1px);\n  }\n\n  .#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box__inner-wrapper--decorator\n    > *::before,\n  .#{$prefix}--list-box__wrapper--slug .#{$prefix}--ai-label::before,\n  .#{$prefix}--list-box__wrapper--slug .#{$prefix}--slug::before {\n    display: none;\n    inset-inline-start: convert.to-rem(-9px);\n  }\n\n  .#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box__inner-wrapper--decorator\n    > *::after,\n  .#{$prefix}--list-box__wrapper--slug .#{$prefix}--ai-label::after,\n  .#{$prefix}--list-box__wrapper--slug .#{$prefix}--slug::after {\n    display: block;\n    inset-block-start: 0;\n    inset-inline-end: convert.to-rem(-9px);\n  }\n\n  .#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box__inner-wrapper--decorator\n    .#{$prefix}--ai-label--revert::after,\n  .#{$prefix}--list-box__wrapper--slug .#{$prefix}--ai-label--revert::after,\n  .#{$prefix}--list-box__wrapper--slug .#{$prefix}--slug--revert::after {\n    inset-block-start: convert.to-rem(8px);\n    inset-inline-end: convert.to-rem(-1px);\n  }\n\n  .#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box:has(\n      .#{$prefix}--list-box__inner-wrapper--decorator .#{$prefix}--ai-label\n    ):not(\n      :has(\n          .#{$prefix}--list-box__inner-wrapper--decorator\n            .#{$prefix}--ai-label--revert\n        )\n    ),\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box:has(.#{$prefix}--ai-label):not(\n      :has(.#{$prefix}--ai-label--revert)\n    ),\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box:has(.#{$prefix}--slug):not(\n      :has(.#{$prefix}--slug--revert)\n    ) {\n    @include ai-gradient;\n  }\n\n  .#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box\n    input[role='combobox'],\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box\n    input[role='combobox'] {\n    border-block-end-color: transparent;\n  }\n\n  .#{$prefix}--list-box__wrapper--decorator .#{$prefix}--list-box__field,\n  .#{$prefix}--list-box__wrapper--decorator .#{$prefix}--text-input--empty,\n  .#{$prefix}--list-box__wrapper--slug .#{$prefix}--list-box__field,\n  .#{$prefix}--list-box__wrapper--slug .#{$prefix}--text-input--empty {\n    padding-inline-end: $spacing-10;\n  }\n\n  .#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--text-input:not(.#{$prefix}--text-input--empty),\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--text-input:not(.#{$prefix}--text-input--empty) {\n    padding-inline-end: $spacing-12;\n  }\n\n  .#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box--invalid[data-invalid]\n    .#{$prefix}--text-input--empty,\n  .#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box--invalid[data-invalid]\n    .#{$prefix}--list-box__field,\n  .#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--text-input--empty,\n  .#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--list-box__field,\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--invalid[data-invalid]\n    .#{$prefix}--text-input--empty,\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--invalid[data-invalid]\n    .#{$prefix}--list-box__field,\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--text-input--empty,\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--list-box__field {\n    padding-inline-end: $spacing-12;\n  }\n\n  .#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box--invalid[data-invalid]\n    .#{$prefix}--text-input:not(.#{$prefix}--text-input--empty),\n  .#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--text-input:not(.#{$prefix}--text-input--empty),\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--invalid[data-invalid]\n    .#{$prefix}--text-input:not(.#{$prefix}--text-input--empty),\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--text-input:not(.#{$prefix}--text-input--empty) {\n    padding-inline-end: convert.to-rem(141px);\n  }\n\n  .#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box--invalid[data-invalid]\n    .#{$prefix}--text-input--empty\n    + .#{$prefix}--list-box__invalid-icon,\n  .#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box--invalid[data-invalid]\n    .#{$prefix}--list-box__invalid-icon,\n  .#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--list-box__invalid-icon.#{$prefix}--list-box__invalid-icon--warning,\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--invalid[data-invalid]\n    .#{$prefix}--text-input--empty\n    + .#{$prefix}--list-box__invalid-icon,\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--invalid[data-invalid]\n    .#{$prefix}--list-box__invalid-icon,\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--list-box__invalid-icon.#{$prefix}--list-box__invalid-icon--warning {\n    inset-inline-end: convert.to-rem(83px);\n  }\n\n  .#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box--invalid[data-invalid]\n    > *::before,\n  .#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box--warning\n    > *::before,\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--invalid[data-invalid]\n    .#{$prefix}--ai-label::before,\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--ai-label::before,\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--invalid[data-invalid]\n    .#{$prefix}--ai-label::before,\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--ai-label::before,\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--invalid[data-invalid]\n    .#{$prefix}--slug::before,\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--slug::before {\n    display: block;\n  }\n\n  .#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box__field:has(.#{$prefix}--list-box__selection)\n    ~ .#{$prefix}--list-box__inner-wrapper--decorator\n    .#{$prefix}--ai-label,\n  .#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--list-box__field:has(.#{$prefix}--list-box__selection)\n    ~ .#{$prefix}--list-box__inner-wrapper--decorator\n    .#{$prefix}--ai-label,\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box__field:has(.#{$prefix}--list-box__selection)\n    ~ .#{$prefix}--ai-label,\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--list-box__field:has(.#{$prefix}--list-box__selection)\n    ~ .#{$prefix}--ai-label,\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box__field:has(.#{$prefix}--list-box__selection)\n    ~ .#{$prefix}--slug,\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--list-box__field:has(.#{$prefix}--list-box__selection)\n    ~ .#{$prefix}--slug {\n    inset-inline-end: calc($spacing-10 + 18px);\n  }\n\n  .#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box--invalid\n    .#{$prefix}--list-box__field:has(.#{$prefix}--list-box__selection)\n    .#{$prefix}--list-box__invalid-icon,\n  .#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--list-box__field:has(.#{$prefix}--list-box__selection)\n    .#{$prefix}--list-box__invalid-icon,\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--invalid\n    .#{$prefix}--list-box__field:has(.#{$prefix}--list-box__selection)\n    .#{$prefix}--list-box__invalid-icon,\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--list-box__field:has(.#{$prefix}--list-box__selection)\n    .#{$prefix}--list-box__invalid-icon {\n    inset-inline-end: convert.to-rem(116px);\n  }\n\n  // Windows HCM fix\n  .#{$prefix}--list-box__field,\n  .#{$prefix}--list-box__menu,\n  .#{$prefix}--multi-select .#{$prefix}--tag--filter {\n    @include high-contrast-mode('outline');\n  }\n\n  .#{$prefix}--list-box__field:focus,\n  .#{$prefix}--multi-select .#{$prefix}--tag__close-icon:focus,\n  .#{$prefix}--list-box__menu-item--highlighted\n    .#{$prefix}--list-box__menu-item__option {\n    @include high-contrast-mode('focus');\n  }\n\n  .#{$prefix}--list-box__menu-icon > svg,\n  .#{$prefix}--list-box__selection > svg,\n  .#{$prefix}--list-box__selection--multi > svg {\n    @include high-contrast-mode('icon-fill');\n  }\n\n  .#{$prefix}--list-box__field:has(.#{$prefix}--list-box__menu-icon)\n    .#{$prefix}--list-box__selection::after {\n    position: absolute;\n    background-color: $border-subtle-01;\n    block-size: convert.to-rem(16px);\n    content: '';\n    inline-size: convert.to-rem(1px);\n    margin-inline-start: convert.to-rem(33px);\n  }\n\n  .#{$prefix}--list-box--warning,\n  .#{$prefix}--list-box--invalid[data-invalid] {\n    .#{$prefix}--list-box__field:has(.#{$prefix}--list-box__menu-icon)\n      .#{$prefix}--list-box__selection::before {\n      position: absolute;\n      background-color: $border-subtle-01;\n      block-size: convert.to-rem(16px);\n      content: '';\n      inline-size: convert.to-rem(1px);\n      margin-inline-end: convert.to-rem(33px);\n    }\n  }\n\n  .#{$prefix}--list-box__wrapper--decorator:has(.#{$prefix}--multi-select)\n    .#{$prefix}--list-box__menu-icon,\n  .#{$prefix}--list-box__wrapper--slug:has(.#{$prefix}--multi-select)\n    .#{$prefix}--list-box__menu-icon {\n    inset-inline-end: $spacing-04;\n  }\n\n  .#{$prefix}--list-box__wrapper--decorator:has(.#{$prefix}--dropdown)\n    .#{$prefix}--list-box__menu-icon,\n  .#{$prefix}--list-box__wrapper--slug:has(.#{$prefix}--dropdown)\n    .#{$prefix}--list-box__menu-icon {\n    inset-inline-end: $spacing-04;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../list-box';\n@use '../../config' as *;\n@use '../../theme' as *;\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n\n/// Combo box styles\n/// @access public\n/// @group combo-box\n@mixin combo-box {\n  .#{$prefix}--combo-box:hover {\n    background-color: $field;\n  }\n\n  .#{$prefix}--combo-box\n    .#{$prefix}--list-box__menu-item:first-child.#{$prefix}--list-box__menu-item--highlighted::before {\n    position: absolute;\n    border: 2px solid $focus;\n    block-size: 100%;\n    border-block-start: 1px solid $focus;\n    content: '';\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--combo-box\n    .#{$prefix}--list-box__menu-item:first-child.#{$prefix}--list-box__menu-item--highlighted {\n    @include focus-outline('reset');\n  }\n\n  // V11: Possibly deprecate\n  .#{$prefix}--combo-box.#{$prefix}--list-box--light:hover {\n    background-color: $field-02;\n  }\n\n  .#{$prefix}--combo-box .#{$prefix}--text-input::-ms-clear {\n    display: none;\n  }\n\n  .#{$prefix}--combo-box.#{$prefix}--list-box--expanded\n    .#{$prefix}--text-input {\n    border-block-end-color: $border-subtle;\n  }\n\n  .#{$prefix}--combo-box--input--focus.#{$prefix}--text-input {\n    @include focus-outline('outline');\n  }\n\n  .#{$prefix}--combo-box.#{$prefix}--list-box--expanded:has(\n      input[aria-activedescendant]:not([aria-activedescendant=''])\n    )\n    .#{$prefix}--combo-box--input--focus.#{$prefix}--text-input {\n    outline-offset: convert.to-rem(-1px);\n    outline-width: convert.to-rem(1px);\n  }\n\n  .#{$prefix}--combo-box .#{$prefix}--list-box__field,\n  .#{$prefix}--combo-box.#{$prefix}--list-box[data-invalid]\n    .#{$prefix}--list-box__field,\n  .#{$prefix}--combo-box.#{$prefix}--list-box--warning\n    .#{$prefix}--list-box__field,\n  .#{$prefix}--combo-box.#{$prefix}--list-box--disabled.#{$prefix}--list-box[data-invalid]\n    .#{$prefix}--list-box__field,\n  .#{$prefix}--combo-box.#{$prefix}--list-box--disabled.#{$prefix}--list-box--warning\n    .#{$prefix}--list-box__field {\n    padding: 0;\n  }\n\n  // readonly\n  .#{$prefix}--combo-box--readonly,\n  .#{$prefix}--combo-box--readonly:hover {\n    background-color: transparent;\n  }\n\n  .#{$prefix}--combo-box--readonly .#{$prefix}--text-input {\n    border-block-end-color: $border-subtle;\n  }\n\n  .#{$prefix}--combo-box--readonly .#{$prefix}--list-box__menu-icon,\n  .#{$prefix}--combo-box--readonly .#{$prefix}--list-box__selection {\n    cursor: default;\n  }\n\n  .#{$prefix}--combo-box--readonly .#{$prefix}--list-box__menu-icon svg,\n  .#{$prefix}--combo-box--readonly .#{$prefix}--list-box__selection svg {\n    fill: $icon-disabled;\n  }\n}\n","//\n// Copyright IBM Corp. 2020\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../button/tokens' as button-tokens;\n@use '../../config' as *;\n@use '../../layer' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/box-shadow' as *;\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/z-index' as *;\n@use '../../utilities/convert';\n@use '../../utilities/component-reset';\n\n/// Menu styles\n/// @access public\n/// @group menu\n@mixin menu {\n  // Menu\n\n  .#{$prefix}--menu {\n    @include component-reset.reset;\n    @include box-shadow;\n\n    position: fixed;\n    z-index: z('modal');\n    padding: $spacing-02 0;\n    background-color: $layer;\n    max-inline-size: 18rem;\n    min-inline-size: 10rem;\n    opacity: 0;\n    overflow-y: auto;\n    visibility: hidden;\n  }\n\n  .#{$prefix}--menu--with-icons {\n    min-inline-size: 12rem;\n  }\n\n  .#{$prefix}--menu--open {\n    visibility: visible;\n\n    &:focus {\n      @include focus-outline('border');\n    }\n  }\n\n  .#{$prefix}--menu:not(.#{$prefix}--menu--open) .#{$prefix}--menu--open {\n    visibility: hidden;\n  }\n\n  .#{$prefix}--menu--shown {\n    overflow: visible;\n    opacity: 1;\n  }\n\n  // MenuItem\n\n  .#{$prefix}--menu-item {\n    @include type-style('body-short-01');\n\n    display: grid;\n    align-items: center;\n    block-size: 2rem;\n    color: $text-secondary;\n    column-gap: $spacing-03;\n    cursor: pointer;\n    grid-template-columns: 1fr max-content;\n    padding-inline: $spacing-05;\n    transition: background-color $duration-fast-01 motion(standard, productive);\n\n    &:focus {\n      @include focus-outline('outline');\n    }\n  }\n\n  .#{$prefix}--menu-item:hover {\n    background-color: $layer-hover;\n    color: $text-primary;\n  }\n\n  $supported-sizes: (\n    'xs': 1.5rem,\n    'sm': 2rem,\n    'md': 2.5rem,\n    'lg': 3rem,\n  );\n\n  @each $size, $value in $supported-sizes {\n    .#{$prefix}--menu--#{$size} .#{$prefix}--menu-item {\n      block-size: $value;\n    }\n  }\n\n  .#{$prefix}--menu-item__label {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .#{$prefix}--menu-item__shortcut {\n    display: flex;\n  }\n\n  .#{$prefix}--menu-item-group > ul,\n  .#{$prefix}--menu-item-radio-group > ul {\n    @include component-reset.reset;\n  }\n\n  .#{$prefix}--menu-item__icon,\n  .#{$prefix}--menu-item__selection-icon {\n    display: none;\n  }\n\n  .#{$prefix}--menu--with-icons > .#{$prefix}--menu-item,\n  .#{$prefix}--menu--with-icons\n    > .#{$prefix}--menu-item-group\n    > ul\n    > .#{$prefix}--menu-item,\n  .#{$prefix}--menu--with-icons\n    > .#{$prefix}--menu-item-radio-group\n    > ul\n    > .#{$prefix}--menu-item,\n  .#{$prefix}--menu--with-selectable-items > .#{$prefix}--menu-item,\n  .#{$prefix}--menu--with-selectable-items\n    > .#{$prefix}--menu-item-group\n    > ul\n    > .#{$prefix}--menu-item,\n  .#{$prefix}--menu--with-selectable-items\n    > .#{$prefix}--menu-item-radio-group\n    > ul\n    > .#{$prefix}--menu-item {\n    grid-template-columns: 1rem 1fr max-content;\n  }\n\n  .#{$prefix}--menu--with-icons\n    > .#{$prefix}--menu-item\n    > .#{$prefix}--menu-item__icon,\n  .#{$prefix}--menu--with-icons\n    > .#{$prefix}--menu-item-group\n    > ul\n    > .#{$prefix}--menu-item\n    > .#{$prefix}--menu-item__icon,\n  .#{$prefix}--menu--with-icons\n    > .#{$prefix}--menu-item-radio-group\n    > ul\n    > .#{$prefix}--menu-item\n    > .#{$prefix}--menu-item__icon,\n  .#{$prefix}--menu--with-selectable-items\n    > .#{$prefix}--menu-item\n    > .#{$prefix}--menu-item__selection-icon,\n  .#{$prefix}--menu--with-selectable-items\n    > .#{$prefix}--menu-item-group\n    > ul\n    > .#{$prefix}--menu-item\n    > .#{$prefix}--menu-item__selection-icon,\n  .#{$prefix}--menu--with-selectable-items\n    > .#{$prefix}--menu-item-radio-group\n    > ul\n    > .#{$prefix}--menu-item\n    > .#{$prefix}--menu-item__selection-icon {\n    display: flex;\n  }\n\n  .#{$prefix}--menu--with-icons.#{$prefix}--menu--with-selectable-items\n    > .#{$prefix}--menu-item,\n  .#{$prefix}--menu--with-icons.#{$prefix}--menu--with-selectable-items\n    > .#{$prefix}--menu-item-group\n    > ul\n    > .#{$prefix}--menu-item,\n  .#{$prefix}--menu--with-icons.#{$prefix}--menu--with-selectable-items\n    > .#{$prefix}--menu-item-radio-group\n    > ul\n    > .#{$prefix}--menu-item {\n    grid-template-columns: 1rem 1rem 1fr max-content;\n  }\n\n  .#{$prefix}--menu-item--disabled {\n    color: $text-disabled;\n    cursor: not-allowed;\n  }\n\n  .#{$prefix}--menu-item--disabled:hover,\n  .#{$prefix}--menu-item--disabled.#{$prefix}--menu-item--danger:hover {\n    background-color: $layer;\n    color: $text-disabled;\n  }\n\n  .#{$prefix}--menu-item--danger:focus,\n  .#{$prefix}--menu-item--danger:hover {\n    background-color: button-tokens.$button-danger-primary;\n    color: $text-on-color;\n  }\n\n  // MenuItemDivider\n\n  .#{$prefix}--menu-item-divider {\n    display: block;\n    background-color: $border-subtle;\n    block-size: convert.to-rem(1px);\n    inline-size: 100%;\n    margin-block: $spacing-02;\n  }\n}\n","//\n// Copyright IBM Corp. 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../button';\n@use '../menu';\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../utilities/convert';\n@use '../../utilities/custom-property';\n\n/// Combo Button styles\n/// @access public\n/// @group combo-button\n@mixin combo-button {\n  .#{$prefix}--combo-button__container {\n    display: inline-flex;\n    column-gap: convert.to-rem(1px);\n  }\n\n  $triggerSizes: (\n    'sm': convert.to-rem(32px),\n    'md': convert.to-rem(40px),\n    'lg': convert.to-rem(48px),\n  );\n\n  @each $size, $trigger in $triggerSizes {\n    .#{$prefix}--combo-button__container--#{$size}\n      .#{$prefix}--combo-button__primary-action {\n      min-inline-size: 10rem - convert.to-rem(1px) - $trigger;\n    }\n  }\n\n  .#{$prefix}--combo-button__primary-action .#{$prefix}--btn {\n    inline-size: 100%;\n    max-inline-size: convert.to-rem(239px);\n    min-inline-size: convert.to-rem(111px);\n  }\n\n  .#{$prefix}--combo-button__primary-action button {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .#{$prefix}--combo-button__trigger svg {\n    transition: transform $duration-fast-02 motion(standard, productive);\n  }\n\n  .#{$prefix}--combo-button__container--open\n    .#{$prefix}--combo-button__trigger\n    svg {\n    transform: rotate(180deg);\n  }\n\n  // Menu alignment classes\n  $popover-offset: custom-property.get-var('popover-offset', 3rem);\n\n  .#{$prefix}--combo-button__top {\n    transform: translate(0, calc(-100% - $popover-offset));\n  }\n\n  .#{$prefix}--combo-button__top-start {\n    transform: translate(0, calc(-100% - $popover-offset));\n  }\n\n  .#{$prefix}--combo-button__top-end {\n    transform: translate(0, calc(-100% - $popover-offset));\n  }\n}\n","//\n// Copyright IBM Corp. 2022\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:map';\n\n@use '../button';\n@use '../overflow-menu';\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/convert';\n@use '../../utilities/button-reset';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/custom-property';\n@use '../../utilities/layout';\n\n/// Contained List styles\n/// @access public\n/// @group contained-list\n@mixin contained-list {\n  .#{$prefix}--contained-list {\n    @include layout.use('size', $default: 'lg', $min: 'sm', $max: 'xl');\n    @include layout.use('density', $default: 'normal');\n  }\n\n  .#{$prefix}--contained-list .#{$prefix}--tag {\n    @include layout.redefine-tokens(\n      (\n        size: (\n          height: (\n            xs: convert.to-rem(18px),\n            sm: convert.to-rem(18px),\n            md: convert.to-rem(24px),\n            lg: convert.to-rem(24px),\n            xl: convert.to-rem(24px),\n          ),\n        ),\n      )\n    );\n\n    @include layout.use('size', $default: 'md', $min: 'sm', $max: 'xl');\n  }\n\n  .#{$prefix}--contained-list > ul {\n    padding: 0;\n    margin: 0;\n  }\n\n  .#{$prefix}--contained-list__header {\n    position: sticky;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    inset-block-start: 0;\n    padding-inline: layout.density('padding-inline');\n  }\n\n  .#{$prefix}--contained-list__label {\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--contained-list .#{$prefix}--search {\n    position: sticky;\n    z-index: 1;\n    inset-block-start: layout.size('height');\n\n    &.#{$prefix}--search--expandable .#{$prefix}--search-input {\n      background-color: $field;\n    }\n  }\n\n  .#{$prefix}--contained-list .#{$prefix}--search .#{$prefix}--search-input {\n    background-color: $background;\n    border-block-end: 1px solid $border-subtle;\n  }\n\n  .#{$prefix}--contained-list\n    .#{$prefix}--search\n    .#{$prefix}--search-close::before {\n    display: none;\n  }\n\n  .#{$prefix}--contained-list .#{$prefix}--search .#{$prefix}--search-close {\n    border-inline-end: 2px solid transparent;\n    outline: none;\n\n    &:focus {\n      @include focus-outline('outline');\n    }\n  }\n\n  .#{$prefix}--contained-list\n    .#{$prefix}--search\n    .#{$prefix}--search-input\n    ~ .#{$prefix}--search-close:hover {\n    border-block-end: 1px solid transparent;\n  }\n\n  .#{$prefix}--contained-list\n    .#{$prefix}--search\n    .#{$prefix}--search-input:focus\n    ~ .#{$prefix}--search-close:hover {\n    border: 2px solid $focus;\n    border-inline-start: 0;\n    outline: none;\n  }\n\n  // \"On Page\" variant\n\n  .#{$prefix}--contained-list--on-page + .#{$prefix}--contained-list--on-page {\n    margin-block-start: $spacing-05;\n  }\n\n  .#{$prefix}--contained-list--on-page .#{$prefix}--contained-list__header {\n    @include type-style('heading-compact-01');\n\n    background-color: $background;\n    block-size: layout.size('height');\n    border-block-end: 1px solid $border-subtle;\n    color: $text-primary;\n  }\n\n  .#{$prefix}--layer-two\n    .#{$prefix}--contained-list--on-page\n    .#{$prefix}--contained-list__header {\n    background-color: $layer-01;\n  }\n\n  .#{$prefix}--layer-three\n    .#{$prefix}--contained-list--on-page\n    .#{$prefix}--contained-list__header {\n    background-color: $layer-02;\n  }\n\n  // \"Disclosed\" variant\n\n  .#{$prefix}--contained-list--disclosed .#{$prefix}--contained-list__header {\n    @include type-style('label-01');\n\n    background-color: $layer;\n    block-size: $spacing-07;\n    color: $text-secondary;\n  }\n\n  // List item\n\n  .#{$prefix}--contained-list-item {\n    position: relative;\n    display: list-item;\n    list-style: none;\n  }\n\n  .#{$prefix}--contained-list-item:not(:first-of-type) {\n    margin-block-start: -1px;\n  }\n\n  .#{$prefix}--contained-list-item__content {\n    box-sizing: border-box;\n  }\n\n  .#{$prefix}--contained-list-item--clickable\n    .#{$prefix}--contained-list-item__content {\n    @include button-reset.reset;\n\n    text-align: start;\n    transition: background-color $duration-moderate-01\n      motion(standard, productive);\n  }\n\n  .#{$prefix}--contained-list-item__content,\n  .#{$prefix}--contained-list-item--clickable\n    .#{$prefix}--contained-list-item__content {\n    // https://caniuse.com/mdn-css_types_length_lh\n    --temp-1lh: (\n      #{custom-property.get-var(\n          'body-01-line-height',\n          map.get($body-01, line-height)\n        )} * 1em\n    );\n\n    @include type-style('body-01');\n\n    padding: calc(calc((#{layout.size('height')} - var(--temp-1lh)) / 2))\n      layout.density('padding-inline');\n    color: $text-primary;\n    min-block-size: layout.size('height');\n  }\n\n  .#{$prefix}--contained-list-item:not(:last-of-type)::before {\n    position: absolute;\n    background-color: $border-subtle;\n    block-size: 1px;\n    content: '';\n    inset-block-end: 0;\n    inset-inline: 0;\n  }\n\n  .#{$prefix}--contained-list--inset-rulers\n    .#{$prefix}--contained-list-item:not(:last-of-type)::before {\n    inset-inline: layout.density('padding-inline')\n      layout.density('padding-inline');\n  }\n\n  .#{$prefix}--contained-list-item--clickable\n    .#{$prefix}--contained-list-item__content:not(:disabled):hover {\n    background-color: $layer-hover;\n  }\n\n  .#{$prefix}--contained-list-item--clickable\n    .#{$prefix}--contained-list-item__content:not(:disabled):active {\n    background-color: $layer-active;\n  }\n\n  .#{$prefix}--contained-list-item--clickable\n    .#{$prefix}--contained-list-item__content:disabled {\n    color: $text-disabled;\n    cursor: not-allowed;\n  }\n\n  .#{$prefix}--contained-list-item--clickable\n    .#{$prefix}--contained-list-item__content:focus {\n    outline: none;\n  }\n\n  .#{$prefix}--contained-list-item--clickable\n    .#{$prefix}--contained-list-item__content:focus::after {\n    @include focus-outline('outline');\n\n    position: absolute;\n    content: '';\n    inset: 0;\n  }\n\n  .#{$prefix}--contained-list-item--with-action\n    .#{$prefix}--contained-list-item__content {\n    padding-inline-end: $spacing-10;\n  }\n\n  .#{$prefix}--contained-list__action,\n  .#{$prefix}--contained-list-item__action {\n    position: absolute;\n    display: flex;\n    justify-content: flex-end;\n    inset-block-start: 0;\n    inset-inline: 0;\n    pointer-events: none;\n  }\n\n  .#{$prefix}--contained-list__action > *,\n  .#{$prefix}--contained-list-item__action > * {\n    pointer-events: all;\n  }\n\n  .#{$prefix}--contained-list-item--with-icon\n    .#{$prefix}--contained-list-item__content {\n    display: grid;\n    column-gap: $spacing-04;\n    grid-template-columns: 1rem 1fr;\n  }\n\n  .#{$prefix}--contained-list-item__icon {\n    display: inline-flex;\n    padding-block-start: $spacing-01;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../button';\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/layout';\n\n@mixin content-switcher {\n  .#{$prefix}--content-switcher {\n    @include layout.use('size', $default: 'md', $min: 'sm', $max: 'lg');\n    @include layout.use('density', $default: 'normal');\n\n    display: flex;\n    justify-content: space-evenly;\n    block-size: layout.size('height');\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--content-switcher-btn {\n    @include reset;\n    @include font-family('sans');\n    @include focus-outline('reset');\n    @include type-style('body-compact-01');\n\n    position: relative;\n    display: inline-flex;\n    overflow: hidden;\n    border: none;\n    margin: 0;\n    background-color: transparent;\n    border-block-end: convert.to-rem(1px) solid $border-inverse;\n    border-block-start: convert.to-rem(1px) solid $border-inverse;\n    color: $text-secondary;\n    text-align: start;\n    text-decoration: none;\n    transition: all $duration-moderate-01 motion(standard, productive);\n    white-space: nowrap;\n\n    &::after {\n      position: absolute;\n      display: block;\n      background-color: $layer-selected-inverse;\n      block-size: 100%;\n      content: '';\n      inline-size: 100%;\n      inset-block-start: 0;\n      inset-inline-start: 0;\n      transform: scaleY(0);\n      transform-origin: bottom;\n      transition: all $duration-moderate-01 motion(standard, productive);\n\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n\n    &:disabled::after {\n      display: none;\n    }\n\n    &:focus {\n      z-index: 3;\n      border-color: $focus;\n      box-shadow:\n        inset 0 0 0 2px $focus,\n        inset 0 0 0 3px $focus-inset;\n    }\n\n    &:focus::after {\n      clip-path: inset(3px 3px 3px 3px);\n    }\n\n    &:hover {\n      color: $text-primary;\n      cursor: pointer;\n    }\n\n    &:hover,\n    &:active {\n      z-index: 3;\n      background-color: $layer-hover;\n      color: $text-primary;\n    }\n\n    &:disabled {\n      border-color: $border-disabled;\n      background-color: transparent;\n      color: $text-disabled;\n\n      &:hover {\n        cursor: not-allowed;\n      }\n    }\n\n    &:disabled:first-child,\n    &:disabled:last-child {\n      border-color: $border-disabled;\n    }\n  }\n\n  .#{$prefix}--content-switcher:not(.#{$prefix}--content-switcher--icon-only)\n    .#{$prefix}--content-switcher-btn {\n    align-items: center;\n    padding: $spacing-03 layout.density('padding-inline');\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--content-switcher:not(.#{$prefix}--content-switcher--icon-only)\n    .#{$prefix}--content-switcher-btn:first-child {\n    border-end-start-radius: convert.to-rem(4px);\n    border-inline-start: convert.to-rem(1px) solid $border-inverse;\n    border-start-start-radius: convert.to-rem(4px);\n\n    &:disabled {\n      border-color: $border-disabled;\n      color: $text-disabled;\n    }\n  }\n\n  .#{$prefix}--content-switcher:not(.#{$prefix}--content-switcher--icon-only)\n    .#{$prefix}--content-switcher-btn:last-child {\n    border-end-end-radius: convert.to-rem(4px);\n    border-inline-end: convert.to-rem(1px) solid $border-inverse;\n    border-start-end-radius: convert.to-rem(4px);\n\n    &:disabled {\n      border-color: $border-disabled;\n      color: $text-disabled;\n    }\n  }\n\n  .#{$prefix}--content-switcher\n    .#{$prefix}--content-switcher-btn.#{$prefix}--content-switcher--selected,\n  .#{$prefix}--content-switcher\n    .#{$prefix}--content-switcher-btn.#{$prefix}--content-switcher--selected:first-child,\n  .#{$prefix}--content-switcher\n    .#{$prefix}--content-switcher-btn.#{$prefix}--content-switcher--selected:last-child {\n    border: 0;\n  }\n\n  .#{$prefix}--content-switcher-btn::before {\n    position: absolute;\n    z-index: 2;\n    display: block;\n    background-color: $border-subtle;\n    block-size: convert.to-rem(16px);\n    content: '';\n    inline-size: convert.to-rem(1px);\n    inset-inline-start: 0;\n  }\n\n  .#{$prefix}--content-switcher:not(.#{$prefix}--content-switcher--icon-only)\n    .#{$prefix}--content-switcher-btn:first-of-type::before {\n    display: none;\n  }\n\n  .#{$prefix}--content-switcher-btn:focus::before,\n  .#{$prefix}--content-switcher-btn:focus\n    + .#{$prefix}--content-switcher-btn::before,\n  .#{$prefix}--content-switcher-btn:hover::before,\n  .#{$prefix}--content-switcher-btn:hover\n    + .#{$prefix}--content-switcher-btn::before,\n  .#{$prefix}--content-switcher--selected::before,\n  .#{$prefix}--content-switcher--selected\n    + .#{$prefix}--content-switcher-btn::before {\n    background-color: transparent;\n  }\n\n  .#{$prefix}--content-switcher-btn:disabled::before,\n  .#{$prefix}--content-switcher-btn:disabled:hover\n    + .#{$prefix}--content-switcher-btn:disabled::before {\n    background-color: $border-disabled;\n  }\n\n  .#{$prefix}--content-switcher-btn.#{$prefix}--content-switcher--selected:disabled\n    + .#{$prefix}--content-switcher-btn::before,\n  .#{$prefix}--content-switcher-btn.#{$prefix}--content-switcher--selected:disabled:hover\n    + .#{$prefix}--content-switcher-btn::before {\n    background-color: transparent;\n  }\n\n  .#{$prefix}--content-switcher__icon {\n    fill: $icon-secondary;\n    transition: fill $duration-fast-01 motion(standard, productive);\n  }\n\n  .#{$prefix}--content-switcher__icon + span {\n    margin-inline-start: $spacing-03;\n  }\n\n  .#{$prefix}--content-switcher__label {\n    z-index: 1;\n    overflow: hidden;\n    max-inline-size: 100%;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .#{$prefix}--content-switcher-btn:hover .#{$prefix}--content-switcher__icon,\n  .#{$prefix}--content-switcher-btn:focus .#{$prefix}--content-switcher__icon {\n    fill: $icon-primary;\n  }\n\n  .#{$prefix}--content-switcher-btn.#{$prefix}--content-switcher--selected {\n    z-index: 3;\n    background-color: $layer-selected-inverse;\n    color: $text-inverse;\n\n    &:disabled {\n      background-color: $layer-selected-disabled;\n      color: $text-disabled;\n    }\n\n    &::after {\n      transform: scaleY(1);\n    }\n  }\n\n  .#{$prefix}--content-switcher-btn.#{$prefix}--content-switcher--selected\n    .#{$prefix}--content-switcher__icon {\n    fill: $icon-inverse;\n  }\n\n  // Windows HCM fix\n\n  .#{$prefix}--content-switcher-btn:focus {\n    @include high-contrast-mode('focus');\n  }\n\n  // Icon Only overrides\n  .#{$prefix}--content-switcher--icon-only {\n    justify-content: flex-start;\n  }\n\n  .#{$prefix}--content-switcher--icon-only\n    .#{$prefix}--content-switcher-popover__wrapper:first-child\n    .#{$prefix}--content-switcher-btn {\n    border-end-start-radius: convert.to-rem(4px);\n    border-inline-start: convert.to-rem(1px) solid $border-inverse;\n    border-start-start-radius: convert.to-rem(4px);\n  }\n\n  .#{$prefix}--content-switcher--icon-only\n    .#{$prefix}--content-switcher-popover__wrapper:first-child\n    .#{$prefix}--content-switcher--selected[disabled],\n  .#{$prefix}--content-switcher--icon-only\n    .#{$prefix}--content-switcher-popover__wrapper:last-child\n    .#{$prefix}--content-switcher--selected[disabled] {\n    border-color: $layer-selected-disabled;\n  }\n\n  .#{$prefix}--content-switcher--icon-only\n    .#{$prefix}--content-switcher-popover__wrapper:last-child\n    .#{$prefix}--content-switcher-btn {\n    border-end-end-radius: convert.to-rem(4px);\n    border-inline-end: convert.to-rem(1px) solid $border-inverse;\n    border-start-end-radius: convert.to-rem(4px);\n  }\n\n  .#{$prefix}--content-switcher--icon-only\n    .#{$prefix}--content-switcher-popover__wrapper:last-child\n    .#{$prefix}--content-switcher-btn.#{$prefix}--content-switcher--selected,\n  .#{$prefix}--content-switcher--icon-only\n    .#{$prefix}--content-switcher-popover__wrapper:first-child\n    .#{$prefix}--content-switcher-btn.#{$prefix}--content-switcher--selected {\n    border-color: $background;\n  }\n\n  .#{$prefix}--content-switcher--lg .#{$prefix}--content-switcher-btn {\n    // accounts for the larger icon sizes to keep the switcher at 48px\n    padding-inline: convert.to-rem(14px) convert.to-rem(14px);\n  }\n\n  .#{$prefix}--content-switcher--lg .#{$prefix}--content-switcher-btn svg {\n    block-size: 20px;\n    inline-size: 20px;\n  }\n\n  .#{$prefix}--content-switcher--icon-only\n    .#{$prefix}--content-switcher-btn\n    svg {\n    fill: $icon-primary;\n  }\n\n  .#{$prefix}--content-switcher--icon-only\n    .#{$prefix}--content-switcher-btn.#{$prefix}--content-switcher--selected\n    svg {\n    z-index: 1;\n    fill: $icon-inverse;\n  }\n\n  .#{$prefix}--content-switcher--icon-only.#{$prefix}--content-switcher--sm\n    .#{$prefix}--btn--sm {\n    block-size: 2rem;\n  }\n\n  // Subtle border overrides\n  .#{$prefix}--content-switcher--icon-only\n    .#{$prefix}--content-switcher-popover__wrapper:first-of-type\n    .#{$prefix}--content-switcher-btn::before {\n    display: none;\n  }\n\n  .#{$prefix}--content-switcher-btn:focus::before,\n  .#{$prefix}--content-switcher-popover__wrapper:focus-within\n    + .#{$prefix}--content-switcher-popover__wrapper\n    .#{$prefix}--content-switcher-btn::before,\n  .#{$prefix}--content-switcher-btn:hover::before,\n  .#{$prefix}--content-switcher-popover__wrapper:not(\n      .#{$prefix}--content-switcher-popover--disabled\n    ):hover\n    + .#{$prefix}--content-switcher-popover__wrapper\n    .#{$prefix}--content-switcher-btn::before,\n  .#{$prefix}--content-switcher--selected::before,\n  .#{$prefix}--content-switcher-popover--selected\n    + .#{$prefix}--content-switcher-popover__wrapper\n    .#{$prefix}--content-switcher-btn::before {\n    background-color: transparent;\n  }\n\n  .#{$prefix}--content-switcher--icon-only\n    .#{$prefix}--content-switcher-btn[disabled] {\n    border-color: $border-inverse;\n  }\n\n  .#{$prefix}--content-switcher--icon-only\n    .#{$prefix}--content-switcher-btn[disabled]\n    svg {\n    fill: $icon-disabled;\n  }\n\n  .#{$prefix}--content-switcher--icon-only\n    .#{$prefix}--content-switcher-btn[disabled]:not(\n      .#{$prefix}--content-switcher--selected\n    ):hover,\n  .#{$prefix}--content-switcher--icon-only\n    .#{$prefix}--content-switcher-popover--selected\n    + .#{$prefix}--content-switcher-popover--disabled\n    .#{$prefix}--content-switcher-btn[disabled]:hover::before {\n    background-color: transparent;\n  }\n\n  .#{$prefix}--content-switcher--icon-only\n    .#{$prefix}--content-switcher-btn[disabled]:hover::before {\n    background-color: $border-subtle;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n//-----------------------------\n// Radio\n//-----------------------------\n\n@use '../form';\n@use '../button/tokens' as *;\n@use '../../config' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/component-reset' as *;\n@use '../../utilities/visually-hidden' as *;\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/skeleton' as *;\n@use '../../utilities/convert';\n\n/// @type Number\n/// @access public\n/// @group radio-button\n$radio-border-width: 1px !default;\n\n/// Radio button styles\n/// @access private\n/// @group radio-button\n@mixin radio-button {\n  .#{$prefix}--radio-button-group {\n    @include reset;\n\n    position: relative;\n    display: flex;\n    align-items: center;\n  }\n\n  // Remove spacing above collection of radio buttons if label is present\n  .#{$prefix}--label + .#{$prefix}--form-item .#{$prefix}--radio-button-group {\n    margin-block-start: 0;\n  }\n\n  // vertical radio button\n  .#{$prefix}--radio-button-group--vertical {\n    flex-direction: column;\n    align-items: flex-start;\n\n    &.#{$prefix}--radio-button-group--label-left {\n      align-items: flex-end;\n    }\n\n    .#{$prefix}--radio-button__label {\n      margin-inline-end: 0;\n    }\n\n    .#{$prefix}--radio-button__label:not(:last-of-type) {\n      margin-block-end: $spacing-03;\n    }\n  }\n\n  .#{$prefix}--radio-button {\n    @include visually-hidden;\n\n    margin-block-start: 0.9rem;\n    margin-inline-start: 0.63rem;\n    visibility: inherit;\n  }\n\n  .#{$prefix}--radio-button__label {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    margin-inline-end: $spacing-05;\n  }\n\n  .#{$prefix}--radio-button__label-text {\n    @include type.type-style('body-compact-01');\n\n    flex: 1;\n  }\n\n  .#{$prefix}--radio-button__appearance {\n    @include reset;\n\n    flex-shrink: 0;\n    border: $radio-border-width solid $icon-primary;\n    border-radius: 50%;\n    background-color: transparent;\n    block-size: convert.to-rem(18px);\n    inline-size: convert.to-rem(18px);\n    margin-block: convert.to-rem(1px) convert.to-rem(2px);\n    margin-inline: convert.to-rem(2px) convert.to-rem(10px);\n  }\n\n  .#{$prefix}--radio-button-group--vertical\n    .#{$prefix}--radio-button__appearance {\n    margin-block: 0;\n  }\n\n  .#{$prefix}--radio-button:checked\n    + .#{$prefix}--radio-button__label\n    .#{$prefix}--radio-button__appearance {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-color: $icon-primary;\n\n    &::before {\n      position: relative;\n      display: inline-block;\n      border-radius: 50%;\n      background-color: $icon-primary;\n      block-size: 100%;\n      content: '';\n      inline-size: 100%;\n      transform: scale(0.5);\n\n      // Allow the selected button to be seen in Windows HCM for IE/Edge\n      @include high-contrast-mode('icon-fill') {\n        background-color: ButtonText;\n      }\n\n      @media print {\n        print-color-adjust: exact;\n      }\n    }\n  }\n\n  .#{$prefix}--radio-button:disabled + .#{$prefix}--radio-button__label {\n    color: $text-disabled;\n    cursor: not-allowed;\n  }\n\n  .#{$prefix}--radio-button:disabled\n    + .#{$prefix}--radio-button__label\n    .#{$prefix}--radio-button__appearance,\n  .#{$prefix}--radio-button:disabled:checked\n    + .#{$prefix}--radio-button__label\n    .#{$prefix}--radio-button__appearance {\n    // Disabled radio button, checkbox fix #10913\n    border-color: $icon-disabled;\n\n    &::before {\n      background-color: $text-disabled;\n    }\n  }\n\n  // readonly\n  .#{$prefix}--radio-button-group--readonly\n    .#{$prefix}--radio-button\n    + .#{$prefix}--radio-button__label\n    .#{$prefix}--radio-button__appearance {\n    border-color: $icon-disabled;\n  }\n\n  .#{$prefix}--radio-button-group--readonly .#{$prefix}--radio-button__label {\n    cursor: default;\n  }\n\n  .#{$prefix}--radio-button-group--readonly\n    .#{$prefix}--radio-button__label-text {\n    cursor: text;\n    user-select: text;\n  }\n\n  // invalid + warn\n  .#{$prefix}--radio-button-group--invalid\n    .#{$prefix}--radio-button\n    + .#{$prefix}--radio-button__label\n    .#{$prefix}--radio-button__appearance {\n    border-color: $support-error;\n  }\n\n  .#{$prefix}--radio-button__validation-msg {\n    display: none;\n    align-items: flex-end;\n    margin-block-start: convert.to-rem(6px);\n  }\n\n  .#{$prefix}--radio-button__invalid-icon {\n    fill: $support-error;\n    margin-inline: convert.to-rem(3px) convert.to-rem(1px);\n  }\n\n  .#{$prefix}--radio-button__invalid-icon--warning {\n    fill: $support-warning;\n  }\n\n  .#{$prefix}--radio-button__invalid-icon--warning path:first-of-type {\n    fill: #000000;\n  }\n\n  .#{$prefix}--radio-button-group--invalid\n    + .#{$prefix}--radio-button__validation-msg,\n  .#{$prefix}--radio-button-group--warning\n    + .#{$prefix}--radio-button__validation-msg {\n    display: flex;\n  }\n\n  .#{$prefix}--radio-button-group--invalid\n    + .#{$prefix}--radio-button__validation-msg\n    .#{$prefix}--form-requirement,\n  .#{$prefix}--radio-button-group--warning\n    + .#{$prefix}--radio-button__validation-msg\n    .#{$prefix}--form-requirement {\n    display: block;\n    overflow: visible;\n    margin-block-start: 0;\n    margin-inline-start: $spacing-03;\n    max-block-size: 100%;\n  }\n\n  .#{$prefix}--radio-button-group--invalid\n    + .#{$prefix}--radio-button__validation-msg\n    .#{$prefix}--form-requirement {\n    color: $text-error;\n  }\n\n  .#{$prefix}--radio-button-group ~ .#{$prefix}--form__helper-text {\n    margin-block-start: convert.to-rem(6px);\n  }\n\n  // Focus\n\n  .#{$prefix}--radio-button:focus\n    + .#{$prefix}--radio-button__label\n    .#{$prefix}--radio-button__appearance {\n    outline: 2px solid $focus;\n    outline-offset: 1.5px;\n  }\n\n  // Skeleton State\n  .#{$prefix}--radio-button__label.#{$prefix}--skeleton {\n    @include skeleton;\n\n    block-size: convert.to-rem(18px);\n\n    inline-size: convert.to-rem(100px);\n  }\n\n  .#{$prefix}--radio-button__label.#{$prefix}--skeleton\n    .#{$prefix}--radio-button__appearance {\n    display: none;\n  }\n\n  .#{$prefix}--radio-button-wrapper .#{$prefix}--radio-button__label {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    margin: 0;\n  }\n\n  .#{$prefix}--radio-button-wrapper:not(:last-of-type) {\n    margin-inline-end: $spacing-05;\n  }\n\n  .#{$prefix}--radio-button-group--vertical .#{$prefix}--radio-button-wrapper {\n    margin-block-end: convert.to-rem(6px);\n    margin-inline-end: 0;\n  }\n\n  .#{$prefix}--radio-button-group--vertical\n    .#{$prefix}--radio-button-wrapper\n    .#{$prefix}--radio-button__label {\n    padding-block-start: convert.to-rem(2px);\n  }\n\n  .#{$prefix}--radio-button-group--label-right .#{$prefix}--radio-button__label,\n  .#{$prefix}--radio-button-wrapper.#{$prefix}--radio-button-wrapper--label-right\n    .#{$prefix}--radio-button__label {\n    flex-direction: row;\n  }\n\n  .#{$prefix}--radio-button-group--label-left .#{$prefix}--radio-button__label,\n  .#{$prefix}--radio-button-wrapper.#{$prefix}--radio-button-wrapper--label-left\n    .#{$prefix}--radio-button__label {\n    flex-direction: row-reverse;\n  }\n\n  .#{$prefix}--radio-button-group--label-left\n    .#{$prefix}--radio-button__appearance,\n  .#{$prefix}--radio-button-wrapper.#{$prefix}--radio-button-wrapper--label-left\n    .#{$prefix}--radio-button__appearance {\n    margin-inline: $spacing-03 0;\n  }\n\n  // AILabel styles\n  .#{$prefix}--radio-button-group--decorator legend.#{$prefix}--label,\n  .#{$prefix}--radio-button-wrapper--decorator\n    .#{$prefix}--radio-button__label-text,\n  .#{$prefix}--radio-button-group--slug legend.#{$prefix}--label,\n  .#{$prefix}--radio-button-wrapper--slug\n    .#{$prefix}--radio-button__label-text {\n    display: flex;\n  }\n\n  .#{$prefix}--radio-button-group--decorator\n    legend.#{$prefix}--label\n    .#{$prefix}--radio-button-group-inner--decorator\n    > *,\n  .#{$prefix}--radio-button-wrapper--decorator\n    .#{$prefix}--radio-button__label-text\n    .#{$prefix}--radio-button-wrapper-inner--decorator\n    > *,\n  .#{$prefix}--radio-button-group--slug\n    legend.#{$prefix}--label\n    .#{$prefix}--ai-label,\n  .#{$prefix}--radio-button-wrapper--slug\n    .#{$prefix}--radio-button__label-text\n    .#{$prefix}--ai-label,\n  .#{$prefix}--radio-button-group--slug\n    legend.#{$prefix}--label\n    .#{$prefix}--slug,\n  .#{$prefix}--radio-button-wrapper--slug\n    .#{$prefix}--radio-button__label-text\n    .#{$prefix}--slug {\n    margin-inline-start: $spacing-03;\n  }\n\n  .#{$prefix}--radio-button-wrapper--decorator\n    .#{$prefix}--radio-button__label-text\n    .#{$prefix}--ai-label__button--inline,\n  .#{$prefix}--radio-button-wrapper--slug\n    .#{$prefix}--radio-button__label-text\n    .#{$prefix}--ai-label__button--inline,\n  .#{$prefix}--radio-button-wrapper--slug\n    .#{$prefix}--radio-button__label-text\n    .#{$prefix}--slug__button--inline {\n    line-height: inherit;\n    margin-block-start: convert.to-rem(-1px);\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'mixins' as *;\n@use 'vars' as *;\n@use '../checkbox';\n@use '../radio-button';\n@use '../../config' as *;\n@use '../../breakpoint' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../layer' as *;\n@use '../../utilities/ai-gradient' as *;\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/text-overflow' as *;\n\n/// Data table core styles\n/// @access public\n/// @group data-table\n@mixin data-table {\n  //----------------------------------------------------------------------------\n  // Container\n  //----------------------------------------------------------------------------\n  .#{$prefix}--data-table-container {\n    position: relative;\n    // Allow space for focus styles\n    padding-block-start: $spacing-01;\n  }\n\n  .#{$prefix}--data-table-content {\n    display: block;\n    overflow-x: auto;\n  }\n\n  .#{$prefix}--data-table-content:focus {\n    @include focus-outline('outline');\n  }\n\n  //----------------------------------------------------------------------------\n  // Table title text\n  //----------------------------------------------------------------------------\n  .#{$prefix}--data-table-header {\n    background-color: $layer;\n    padding-block: $spacing-05 $spacing-06;\n    padding-inline: $spacing-05;\n  }\n\n  .#{$prefix}--data-table-header__title {\n    @include type-style('heading-03');\n\n    color: $text-primary;\n  }\n\n  .#{$prefix}--data-table-header__description {\n    @include type-style('body-compact-01');\n\n    color: $text-secondary;\n\n    @include breakpoint(md) {\n      max-inline-size: 50ch;\n    }\n\n    @include breakpoint(lg) {\n      max-inline-size: 80ch;\n    }\n  }\n\n  //----------------------------------------------------------------------------\n  // Data table\n  //----------------------------------------------------------------------------\n  .#{$prefix}--data-table {\n    border-collapse: collapse;\n    border-spacing: 0;\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--data-table thead {\n    @include type-style('heading-compact-01');\n\n    background-color: $layer-accent;\n  }\n\n  .#{$prefix}--data-table tbody {\n    @include type-style('body-compact-01');\n\n    background-color: $layer;\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--data-table tr {\n    border: none;\n    block-size: $spacing-09;\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--data-table tbody tr,\n  .#{$prefix}--data-table tbody tr td,\n  .#{$prefix}--data-table tbody tr th {\n    transition: background-color $duration-fast-01 motion(entrance, productive);\n  }\n\n  .#{$prefix}--data-table tbody tr:not([data-child-row]):hover,\n  .#{$prefix}--data-table tbody tr[data-child-row]:hover > td {\n    background-color: $layer-hover;\n  }\n\n  .#{$prefix}--data-table tbody tr:hover td,\n  .#{$prefix}--data-table tbody tr:hover th {\n    border-block-end: 1px solid $layer-hover;\n    border-block-start: 1px solid $layer-hover;\n    color: $text-primary;\n  }\n\n  .#{$prefix}--data-table\n    tr:hover\n    .#{$prefix}--link:not(.#{$prefix}--popover-container .#{$prefix}--link) {\n    color: $link-secondary;\n  }\n\n  .#{$prefix}--data-table\n    tr:hover\n    .#{$prefix}--link--disabled:not(\n      .#{$prefix}--popover-container .#{$prefix}--link\n    ) {\n    color: $text-disabled;\n  }\n\n  .#{$prefix}--data-table th,\n  .#{$prefix}--data-table td {\n    text-align: start;\n    vertical-align: middle;\n  }\n  .#{$prefix}--data-table.#{$prefix}--data-table--top-aligned-body {\n    &.#{$prefix}--data-table--lg\n      tr:not([data-child-row])\n      td:not(.#{$prefix}--table-expand) {\n      padding-block: $spacing-05 $spacing-05;\n\n      &.#{$prefix}--table-column-menu {\n        padding-block-start: $spacing-03;\n      }\n\n      &.#{$prefix}--table-column-checkbox:not(.#{$prefix}--table-column-radio) {\n        padding-block-start: convert.to-rem(13px);\n      }\n    }\n\n    td {\n      vertical-align: top;\n    }\n  }\n\n  .#{$prefix}--data-table.#{$prefix}--data-table--top-aligned-header {\n    &.#{$prefix}--data-table--lg\n      th:not(.#{$prefix}--table-expand):not(.#{$prefix}--table-sort__header) {\n      padding-block: $spacing-05 $spacing-05;\n\n      &.#{$prefix}--table-column-menu {\n        padding-block-start: $spacing-03;\n      }\n\n      &.#{$prefix}--table-column-checkbox {\n        padding-block-start: convert.to-rem(13px);\n      }\n    }\n\n    th {\n      vertical-align: top;\n    }\n  }\n\n  .#{$prefix}--data-table th[align='right'],\n  .#{$prefix}--data-table td[align='right'] {\n    text-align: end;\n  }\n\n  .#{$prefix}--data-table th[align='center'],\n  .#{$prefix}--data-table td[align='center'] {\n    text-align: center;\n  }\n\n  .#{$prefix}--data-table th {\n    background-color: $layer-accent;\n    color: $text-primary;\n    padding-inline: $spacing-05 $spacing-05;\n  }\n\n  .#{$prefix}--data-table th:last-of-type {\n    // Do not use `position: relative`, as its behavior is undefined for many table elements: https://www.w3.org/TR/CSS21/visuren.html#propdef-position\n    position: static;\n    inline-size: auto;\n  }\n\n  .#{$prefix}--data-table .#{$prefix}--table-header-label {\n    text-align: start;\n  }\n\n  .#{$prefix}--data-table td,\n  .#{$prefix}--data-table tbody th {\n    border-block-end: 1px solid $border-subtle-01;\n    border-block-start: 1px solid $layer;\n    color: $text-secondary;\n    padding-inline: $spacing-05 $spacing-05;\n\n    + td:first-of-type {\n      padding-inline-start: $spacing-04;\n    }\n  }\n\n  .#{$prefix}--layer-two .#{$prefix}--data-table td,\n  .#{$prefix}--layer-two .#{$prefix}--data-table tbody th {\n    border-block-end: 1px solid $border-subtle-02;\n  }\n\n  .#{$prefix}--layer-three .#{$prefix}--data-table td,\n  .#{$prefix}--layer-three .#{$prefix}--data-table tbody th {\n    border-block-end: 1px solid $border-subtle-03;\n  }\n\n  @supports (-moz-appearance: none) {\n    .#{$prefix}--data-table td {\n      // Fix to show borders in ff\n      background-clip: padding-box;\n    }\n  }\n\n  // Form Control Overrides\n\n  .#{$prefix}--data-table .#{$prefix}--list-box input[role='combobox'],\n  .#{$prefix}--data-table .#{$prefix}--list-box input[type='text'],\n  .#{$prefix}--data-table .#{$prefix}--dropdown,\n  .#{$prefix}--data-table .#{$prefix}--list-box,\n  .#{$prefix}--data-table .#{$prefix}--number input[type='number'],\n  .#{$prefix}--data-table .#{$prefix}--number__control-btn::before,\n  .#{$prefix}--data-table .#{$prefix}--number__control-btn::after,\n  .#{$prefix}--data-table .#{$prefix}--text-input,\n  .#{$prefix}--data-table .#{$prefix}--select-input {\n    background-color: $field-02;\n  }\n\n  // Overflow Menu Overrides\n  .#{$prefix}--data-table\n    td.#{$prefix}--table-column-menu\n    .#{$prefix}--overflow-menu[aria-expanded='false']:focus {\n    @include focus-outline('outline');\n  }\n\n  .#{$prefix}--data-table\n    td.#{$prefix}--table-column-menu\n    .#{$prefix}--overflow-menu[aria-expanded='true']:focus {\n    outline: none;\n  }\n\n  @media screen and (hover: hover),\n    (-ms-high-contrast: active),\n    (-ms-high-contrast: none) {\n    .#{$prefix}--data-table\n      td.#{$prefix}--table-column-menu\n      .#{$prefix}--overflow-menu\n      .#{$prefix}--overflow-menu__icon {\n      opacity: 0;\n    }\n  }\n\n  .#{$prefix}--data-table\n    td.#{$prefix}--table-column-menu\n    .#{$prefix}--overflow-menu.#{$prefix}--overflow-menu--open\n    .#{$prefix}--overflow-menu__icon {\n    opacity: 1;\n  }\n\n  .#{$prefix}--data-table.#{$prefix}--data-table--visible-overflow-menu\n    td.#{$prefix}--table-column-menu\n    .#{$prefix}--overflow-menu\n    .#{$prefix}--overflow-menu__icon,\n  .#{$prefix}--data-table\n    td.#{$prefix}--table-column-menu\n    .#{$prefix}--overflow-menu:hover\n    .#{$prefix}--overflow-menu__icon,\n  .#{$prefix}--data-table\n    td.#{$prefix}--table-column-menu\n    .#{$prefix}--overflow-menu:focus\n    .#{$prefix}--overflow-menu__icon,\n  .#{$prefix}--data-table\n    tr:hover\n    td.#{$prefix}--table-column-menu\n    .#{$prefix}--overflow-menu\n    .#{$prefix}--overflow-menu__icon {\n    opacity: 1;\n  }\n\n  .#{$prefix}--table-row--menu-option\n    .#{$prefix}--overflow-menu-options__btn\n    .#{$prefix}--overflow-menu-options__option-content\n    svg {\n    position: relative;\n    // Used to center svg without setting display flex //display block needed for overflow text truncation\n    inset-block-start: convert.to-rem(3px);\n    margin-inline-end: $spacing-03;\n  }\n\n  .#{$prefix}--data-table .#{$prefix}--overflow-menu,\n  .#{$prefix}--data-table .#{$prefix}--overflow-menu__trigger {\n    &:hover {\n      background-color: $layer-selected-hover;\n    }\n  }\n\n  .#{$prefix}--data-table--selected .#{$prefix}--overflow-menu,\n  .#{$prefix}--data-table--selected .#{$prefix}--overflow-menu__trigger {\n    &:hover {\n      background-color: $layer-hover;\n    }\n  }\n\n  .#{$prefix}--data-table--selected\n    .#{$prefix}--link:not(.#{$prefix}--link--disabled) {\n    color: $link-secondary;\n  }\n\n  .#{$prefix}--data-table--xs td.#{$prefix}--table-column-menu,\n  .#{$prefix}--data-table--sm td.#{$prefix}--table-column-menu {\n    block-size: convert.to-rem(24px);\n    padding-block: 0;\n  }\n\n  .#{$prefix}--data-table--sm td.#{$prefix}--table-column-menu {\n    block-size: convert.to-rem(32px);\n  }\n\n  .#{$prefix}--data-table--md td.#{$prefix}--table-column-menu {\n    block-size: convert.to-rem(40px);\n  }\n\n  .#{$prefix}--data-table--xl .#{$prefix}--table-column-menu {\n    padding-block-start: $spacing-03;\n  }\n\n  //----------------------------------------------------------------------------\n  //ZEBRA\n  //----------------------------------------------------------------------------\n\n  .#{$prefix}--data-table--zebra\n    tbody\n    tr:not(.#{$prefix}--parent-row):nth-child(odd)\n    td {\n    border-block-end: 1px solid $layer;\n  }\n\n  .#{$prefix}--data-table--zebra\n    tbody\n    tr:not(.#{$prefix}--parent-row):nth-child(even)\n    td {\n    border-block-end: 1px solid $layer-accent;\n    border-block-start: 1px solid $layer-accent;\n  }\n\n  .#{$prefix}--data-table--zebra\n    tbody\n    tr:not(.#{$prefix}--parent-row):not(\n      .#{$prefix}--data-table--selected\n    ):nth-child(even) {\n    background-color: $layer-accent;\n  }\n\n  .#{$prefix}--data-table--zebra\n    tbody\n    tr:not(.#{$prefix}--parent-row):hover\n    td {\n    border-block-end: 1px solid $layer-hover;\n    border-block-start: 1px solid $layer-hover;\n  }\n\n  .#{$prefix}--data-table--zebra\n    tbody\n    tr:not(.#{$prefix}--parent-row):not(\n      .#{$prefix}--data-table--selected\n    ):hover {\n    background-color: $layer-hover;\n  }\n\n  //----------------------------------------------------------------------------\n  // Select\n  //----------------------------------------------------------------------------\n  .#{$prefix}--table-column-checkbox .#{$prefix}--checkbox-label {\n    min-block-size: $spacing-06;\n    padding-inline-start: 0;\n  }\n\n  .#{$prefix}--table-column-checkbox .#{$prefix}--checkbox-label::before {\n    margin-block-start: convert.to-rem(2px);\n  }\n\n  .#{$prefix}--table-column-checkbox .#{$prefix}--checkbox-label::after {\n    inset-block-start: convert.to-rem(7.5px);\n  }\n\n  .#{$prefix}--data-table th.#{$prefix}--table-column-checkbox {\n    // Do not use `position: relative`, as its behavior is undefined for many table elements: https://www.w3.org/TR/CSS21/visuren.html#propdef-position\n    position: static;\n    background-color: $layer-accent;\n    inline-size: convert.to-rem(32px);\n    transition: background-color $duration-fast-01 motion(entrance, productive);\n  }\n\n  .#{$prefix}--data-table thead th.#{$prefix}--table-column-checkbox,\n  .#{$prefix}--data-table tbody td.#{$prefix}--table-column-checkbox,\n  .#{$prefix}--data-table thead th.#{$prefix}--table-expand,\n  .#{$prefix}--data-table tbody td.#{$prefix}--table-expand {\n    min-inline-size: 0;\n  }\n\n  .#{$prefix}--data-table thead th.#{$prefix}--table-column-checkbox,\n  .#{$prefix}--data-table tbody td.#{$prefix}--table-column-checkbox {\n    min-inline-size: 2.5rem;\n    // spacing between checkbox / chevron and next cell should be 8px / 0.5rem\n    padding-inline: 1rem convert.to-rem(4px);\n  }\n\n  .#{$prefix}--data-table thead th.#{$prefix}--table-expand,\n  .#{$prefix}--data-table tbody td.#{$prefix}--table-expand {\n    block-size: convert.to-rem(32px);\n    inline-size: convert.to-rem(32px);\n  }\n\n  .#{$prefix}--data-table--xs thead th.#{$prefix}--table-expand,\n  .#{$prefix}--data-table--xs tbody td.#{$prefix}--table-expand {\n    padding: 0 0 0 0.5rem;\n    block-size: convert.to-rem(24px);\n    inline-size: convert.to-rem(24px);\n  }\n\n  .#{$prefix}--data-table--sm thead th.#{$prefix}--table-expand,\n  .#{$prefix}--data-table--sm tbody td.#{$prefix}--table-expand {\n    padding: 0;\n    block-size: convert.to-rem(32px);\n    inline-size: convert.to-rem(32px);\n    padding-inline-start: 0.5rem;\n  }\n\n  .#{$prefix}--data-table--md thead th.#{$prefix}--table-expand,\n  .#{$prefix}--data-table--md tbody td.#{$prefix}--table-expand {\n    padding: convert.to-rem(4px) 0 convert.to-rem(4px) convert.to-rem(8px);\n    block-size: convert.to-rem(40px);\n    inline-size: convert.to-rem(40px);\n  }\n\n  .#{$prefix}--data-table--xl thead th.#{$prefix}--table-expand,\n  .#{$prefix}--data-table--xl tbody td.#{$prefix}--table-expand {\n    block-size: convert.to-rem(64px);\n    padding-block: convert.to-rem(10px) convert.to-rem(22px);\n  }\n\n  .#{$prefix}--data-table--xl .#{$prefix}--table-column-checkbox {\n    padding-block-start: convert.to-rem(13px);\n  }\n\n  .#{$prefix}--data-table--xl .#{$prefix}--table-column-radio {\n    padding-block-start: $spacing-05;\n  }\n\n  //----------------------------------------------------------------------------\n  // Radio\n  //----------------------------------------------------------------------------\n  .#{$prefix}--table-column-radio {\n    inline-size: 48px;\n  }\n\n  .#{$prefix}--table-column-radio .#{$prefix}--radio-button__appearance {\n    margin-inline-end: convert.to-rem(-2px);\n  }\n\n  // default selected row + zebra select - even child\n  .#{$prefix}--data-table--zebra\n    tbody\n    tr:nth-child(odd).#{$prefix}--data-table--selected\n    td,\n  tr.#{$prefix}--data-table--selected td {\n    // Bottom border acts as separator from other rows\n    border-block-end: 1px solid $layer-active;\n    border-block-start: 1px solid $layer-selected;\n    color: $text-primary;\n  }\n\n  .#{$prefix}--data-table--zebra\n    tbody\n    tr:nth-child(odd).#{$prefix}--data-table--selected,\n  tr.#{$prefix}--data-table--selected {\n    background-color: $layer-selected;\n  }\n\n  // First row\n  .#{$prefix}--data-table--zebra\n    tbody\n    tr:first-of-type:nth-child(odd).#{$prefix}--data-table--selected\n    td,\n  tr.#{$prefix}--data-table--selected:first-of-type td {\n    // Top border acts as separator from thead\n    border-block-start: 1px solid $border-subtle-selected;\n  }\n\n  // last row + zebra select last\n  .#{$prefix}--data-table--zebra\n    tbody\n    tr:last-of-type:nth-child(odd).#{$prefix}--data-table--selected\n    td,\n  .#{$prefix}--data-table--zebra\n    tbody\n    tr:last-of-type:nth-child(even).#{$prefix}--data-table--selected\n    td,\n  tr.#{$prefix}--data-table--selected:last-of-type td {\n    border-block-end: 1px solid $layer-selected;\n    // Doesn't need separators\n    border-block-start: 1px solid $layer-selected;\n  }\n\n  // zebra select - odd child\n  .#{$prefix}--data-table--zebra\n    tbody\n    tr:nth-child(even).#{$prefix}--data-table--selected\n    td {\n    border-block-end: 1px solid $layer-active;\n  }\n\n  .#{$prefix}--data-table--zebra\n    tbody\n    tr:nth-child(even).#{$prefix}--data-table--selected:hover\n    td {\n    border-block-end: 1px solid $data-table-column-hover;\n  }\n\n  // hover + zebra select - even child\n  .#{$prefix}--data-table--zebra\n    tbody\n    tr:nth-child(odd).#{$prefix}--data-table--selected:hover\n    td,\n  .#{$prefix}--data-table tbody .#{$prefix}--data-table--selected:hover td {\n    border-block-end: 1px solid $data-table-column-hover;\n    border-block-start: 1px solid $data-table-column-hover;\n    color: $text-primary;\n  }\n\n  .#{$prefix}--data-table--zebra\n    tbody\n    tr:nth-child(odd).#{$prefix}--data-table--selected:hover,\n  .#{$prefix}--data-table tbody .#{$prefix}--data-table--selected:hover {\n    background-color: $data-table-column-hover;\n  }\n\n  // selected overflow menu\n  .#{$prefix}--data-table--selected\n    .#{$prefix}--overflow-menu\n    .#{$prefix}--overflow-menu__icon {\n    opacity: 1;\n  }\n\n  //----------------------------------------------------------------------------\n  // Extra Small\n  //----------------------------------------------------------------------------\n  .#{$prefix}--data-table--xs thead tr,\n  .#{$prefix}--data-table--xs tbody tr,\n  .#{$prefix}--data-table--xs tbody tr th {\n    block-size: convert.to-rem(24px);\n  }\n\n  .#{$prefix}--data-table--xs .#{$prefix}--table-header-label {\n    padding-block: convert.to-rem(2px) convert.to-rem(2px);\n  }\n\n  .#{$prefix}--data-table--xs td,\n  .#{$prefix}--data-table--xs tbody tr th {\n    padding-block: convert.to-rem(2px) convert.to-rem(2px);\n  }\n\n  .#{$prefix}--data-table--xs .#{$prefix}--overflow-menu {\n    block-size: calc(100% + 1px);\n    inline-size: convert.to-rem(32px);\n  }\n\n  .#{$prefix}--data-table.#{$prefix}--data-table--xs:not(\n      .#{$prefix}--data-table--top-aligned-body\n    )\n    td.#{$prefix}--table-column-checkbox,\n  .#{$prefix}--data-table.#{$prefix}--data-table--xs:not(\n      .#{$prefix}--data-table--top-aligned-header\n    )\n    th.#{$prefix}--table-column-checkbox {\n    padding-block: 0;\n  }\n\n  .#{$prefix}--data-table.#{$prefix}--data-table--xs\n    .#{$prefix}--table-column-checkbox\n    .#{$prefix}--checkbox-label {\n    block-size: convert.to-rem(23px);\n    // 24px row - 1px border\n    min-block-size: convert.to-rem(23px);\n  }\n\n  //----------------------------------------------------------------------------\n  // Small\n  //----------------------------------------------------------------------------\n  .#{$prefix}--data-table--sm thead tr,\n  .#{$prefix}--data-table--sm tbody tr,\n  .#{$prefix}--data-table--sm tbody tr th {\n    block-size: convert.to-rem(32px);\n  }\n\n  .#{$prefix}--data-table--sm .#{$prefix}--table-header-label {\n    padding-block: convert.to-rem(7px) convert.to-rem(7px);\n  }\n\n  .#{$prefix}--data-table--sm td,\n  .#{$prefix}--data-table--sm tbody tr th,\n  .#{$prefix}--data-table--sm.#{$prefix}--data-table--top-aligned-header\n    th.#{$prefix}--table-column-checkbox {\n    padding-block: convert.to-rem(7px) convert.to-rem(6px);\n  }\n\n  .#{$prefix}--data-table.#{$prefix}--data-table--sm:not(\n      .#{$prefix}--data-table--top-aligned-body\n    )\n    td.#{$prefix}--table-column-checkbox,\n  .#{$prefix}--data-table.#{$prefix}--data-table--sm:not(\n      .#{$prefix}--data-table--top-aligned-header\n    )\n    th.#{$prefix}--table-column-checkbox {\n    padding-block: convert.to-rem(3px) convert.to-rem(3px);\n  }\n\n  .#{$prefix}--data-table--sm .#{$prefix}--overflow-menu {\n    block-size: calc(100% + 1px);\n  }\n\n  //----------------------------------------------------------------------------\n  // Medium\n  //----------------------------------------------------------------------------\n  .#{$prefix}--data-table--md thead tr,\n  .#{$prefix}--data-table--md tbody tr,\n  .#{$prefix}--data-table--md tbody tr th {\n    block-size: convert.to-rem(40px);\n  }\n\n  .#{$prefix}--data-table--md .#{$prefix}--table-header-label,\n  .#{$prefix}--data-table--md.#{$prefix}--data-table--top-aligned-header\n    th.#{$prefix}--table-column-checkbox {\n    padding-block: convert.to-rem(7px) convert.to-rem(7px);\n  }\n\n  .#{$prefix}--data-table--md td,\n  .#{$prefix}--data-table--md tbody tr th {\n    padding-block: convert.to-rem(7px) convert.to-rem(6px);\n  }\n\n  .#{$prefix}--data-table.#{$prefix}--data-table--md:not(\n      .#{$prefix}--data-table--top-aligned-body\n    )\n    td.#{$prefix}--table-column-checkbox,\n  .#{$prefix}--data-table.#{$prefix}--data-table--md:not(\n      .#{$prefix}--data-table--top-aligned-header\n    )\n    th.#{$prefix}--table-column-checkbox {\n    padding-block: convert.to-rem(3px) convert.to-rem(3px);\n  }\n\n  .#{$prefix}--data-table--md .#{$prefix}--table-column-menu {\n    padding-block: convert.to-rem(3px) convert.to-rem(3px);\n  }\n\n  //----------------------------------------------------------------------------\n  // Extra Large\n  //----------------------------------------------------------------------------\n  .#{$prefix}--data-table--xl thead tr,\n  .#{$prefix}--data-table--xl tbody tr,\n  .#{$prefix}--data-table--xl tbody tr th {\n    block-size: convert.to-rem(64px);\n  }\n\n  .#{$prefix}--data-table--xl .#{$prefix}--table-header-label {\n    padding-block: $spacing-05 $spacing-05;\n  }\n\n  .#{$prefix}--data-table--xl td,\n  .#{$prefix}--data-table--xl tbody tr th {\n    padding-block: $spacing-05 $spacing-05;\n  }\n\n  .#{$prefix}--data-table--xl th,\n  .#{$prefix}--data-table--xl td {\n    vertical-align: top;\n  }\n\n  .#{$prefix}--data-table--xl .#{$prefix}--data-table--cell-secondary-text {\n    @include type-style('label-01');\n  }\n\n  //----------------------------------------------------------------------------\n  // Static\n  //----------------------------------------------------------------------------\n  .#{$prefix}--data-table--static {\n    inline-size: auto;\n  }\n\n  .#{$prefix}--data-table-container--static {\n    inline-size: fit-content;\n  }\n\n  // -------------\n  // Sticky header\n  // -------------\n  .#{$prefix}--data-table_inner-container {\n    background-color: $layer-accent;\n    transform: translateZ(0);\n  }\n\n  .#{$prefix}--data-table--sticky-header {\n    display: block;\n    overflow-y: scroll;\n\n    thead,\n    tbody,\n    tr,\n    th,\n    td {\n      display: flex;\n    }\n\n    thead {\n      position: sticky;\n      z-index: 1;\n      overflow: scroll;\n      inline-size: 100%;\n      inset-block-start: 0;\n      // Hides ie scrollbar\n      -ms-overflow-style: none;\n      will-change: transform;\n    }\n\n    thead tr th {\n      border-block-end: 1px solid $layer-active;\n    }\n\n    tbody {\n      flex-direction: column;\n      // Hides ie scrollbar\n      -ms-overflow-style: none;\n      overflow-x: scroll;\n      will-change: transform;\n    }\n\n    tr.#{$prefix}--parent-row.#{$prefix}--expandable-row {\n      block-size: auto;\n      min-block-size: 3rem;\n    }\n\n    tr.#{$prefix}--expandable-row:not(.#{$prefix}--parent-row) {\n      block-size: auto;\n    }\n\n    .#{$prefix}--table-expand {\n      max-inline-size: convert.to-rem(48px);\n    }\n\n    thead .#{$prefix}--table-expand {\n      align-items: center;\n    }\n\n    .#{$prefix}--parent-row {\n      min-block-size: 3rem;\n    }\n\n    &:not(.#{$prefix}--data-table--xs):not(.#{$prefix}--data-table--xl):not(\n        .#{$prefix}--data-table--sm\n      )\n      td:not(.#{$prefix}--table-column-menu):not(\n        .#{$prefix}--table-column-checkbox\n      ) {\n      padding-block-start: convert.to-rem(14px);\n    }\n\n    // Taken from L125 _data-table-expandable\n    // Used to hide white line when parent row is hovered when child is expanded\n    tr.#{$prefix}--parent-row.#{$prefix}--expandable-row:hover\n      + tr[data-child-row]\n      td {\n      border-block-start: 1px solid $layer-hover;\n    }\n\n    tr.#{$prefix}--expandable-row:last-of-type {\n      overflow: hidden;\n    }\n\n    tr.#{$prefix}--data-table--selected:first-of-type td {\n      border-block-start: none;\n    }\n\n    // Selectable fix\n    thead th.#{$prefix}--table-column-checkbox,\n    tbody tr td.#{$prefix}--table-column-checkbox {\n      align-items: center;\n      inline-size: convert.to-rem(36px);\n      min-inline-size: convert.to-rem(36px);\n    }\n\n    &.#{$prefix}--data-table--xl thead th.#{$prefix}--table-column-checkbox,\n    &.#{$prefix}--data-table--xl td.#{$prefix}--table-column-checkbox {\n      align-items: flex-start;\n    }\n\n    // Overflow fix\n    /* When using sticky header, with a selection element in the first column, we need to set the last item to a fixed width to match the table body. We only want this to happen when the last table header does not have any text */\n    th.#{$prefix}--table-column-checkbox ~ th:last-of-type:empty {\n      max-inline-size: convert.to-rem(64px);\n    }\n\n    th:empty:not(.#{$prefix}--table-expand) {\n      max-inline-size: 2.25rem;\n    }\n\n    td.#{$prefix}--table-column-menu {\n      align-items: center;\n      block-size: auto;\n      padding-block-start: 0;\n    }\n\n    //hides webkit scrollbar\n    thead::-webkit-scrollbar,\n    tbody::-webkit-scrollbar {\n      display: none;\n    }\n\n    //hides ff scrollbar\n    @document url-prefix() {\n      thead,\n      tbody {\n        scrollbar-width: none;\n      }\n    }\n\n    tbody tr:last-of-type {\n      border-block-end: 0;\n    }\n\n    th:not(.#{$prefix}--table-column-checkbox):not(\n        .#{$prefix}--table-column-menu\n      ):not(.#{$prefix}--table-expand):not(.#{$prefix}--table-column-icon),\n    td:not(.#{$prefix}--table-column-checkbox):not(\n        .#{$prefix}--table-column-menu\n      ):not(.#{$prefix}--table-expand):not(.#{$prefix}--table-column-icon) {\n      inline-size: 100%;\n      min-inline-size: 0;\n    }\n\n    &.#{$prefix}--data-table--xs tr:not(.#{$prefix}--expandable-row),\n    &.#{$prefix}--data-table--sm tr:not(.#{$prefix}--expandable-row),\n    &.#{$prefix}--data-table--xl tr:not(.#{$prefix}--expandable-row) {\n      block-size: auto;\n    }\n\n    &.#{$prefix}--data-table--xs tr:not(.#{$prefix}--expandable-row) {\n      min-block-size: convert.to-rem(24px);\n    }\n\n    &.#{$prefix}--data-table--sm tr:not(.#{$prefix}--expandable-row) {\n      min-block-size: convert.to-rem(32px);\n    }\n\n    &.#{$prefix}--data-table--xl tr:not(.#{$prefix}--expandable-row) {\n      min-block-size: convert.to-rem(64px);\n    }\n\n    // Expansion overrides\n    &.#{$prefix}--data-table--xs tr td.#{$prefix}--table-expand {\n      padding-block-start: convert.to-rem(4px);\n    }\n\n    &.#{$prefix}--data-table--sm tr td.#{$prefix}--table-expand {\n      padding-block-start: convert.to-rem(8px);\n    }\n\n    .#{$prefix}--table-header-label {\n      @include text-overflow;\n\n      max-inline-size: calc(100% - 10px);\n      overflow-y: hidden;\n      padding-block: convert.to-rem(15px) 1rem;\n      // Needed to reduce 1px jump when toggling between variations\n    }\n\n    &.#{$prefix}--data-table--xs th .#{$prefix}--table-header-label {\n      padding-block: convert.to-rem(3px) 0;\n    }\n\n    &.#{$prefix}--data-table--sm th .#{$prefix}--table-header-label {\n      padding-block: convert.to-rem(8px) 0;\n    }\n\n    &.#{$prefix}--data-table--xl th .#{$prefix}--table-header-label {\n      padding-block-start: 1rem;\n    }\n\n    &.#{$prefix}--data-table--xl th.#{$prefix}--table-expand {\n      display: flex;\n      align-items: flex-start;\n    }\n\n    &.#{$prefix}--data-table--xs\n      tr.#{$prefix}--parent-row\n      .#{$prefix}--table-column-checkbox,\n    &.#{$prefix}--data-table--sm\n      tr.#{$prefix}--parent-row\n      .#{$prefix}--table-column-checkbox {\n      align-items: flex-start;\n    }\n  }\n\n  @include sticky-header($max-width: 100%);\n\n  // -------------------\n  // with boolean column\n  // -------------------\n  .#{$prefix}--data-table\n    .#{$prefix}--form-item.#{$prefix}--checkbox-wrapper:last-of-type {\n    margin: 0;\n  }\n\n  .#{$prefix}--data-table--xs\n    .#{$prefix}--form-item.#{$prefix}--checkbox-wrapper:last-of-type,\n  .#{$prefix}--data-table--sm\n    .#{$prefix}--form-item.#{$prefix}--checkbox-wrapper:last-of-type {\n    margin: convert.to-rem(-3px) 0;\n  }\n\n  // -------------------\n  // Slug styles\n  // -------------------\n  .#{$prefix}--data-table .#{$prefix}--table-column-slug,\n  .#{$prefix}--data-table .#{$prefix}--table-column-decorator {\n    inline-size: $spacing-05;\n    padding-inline-end: 0;\n  }\n\n  tr.#{$prefix}--data-table--slug-row,\n  tr.#{$prefix}--data-table--slug-row + .#{$prefix}--expandable-row,\n  tr.#{$prefix}--data-table--ai-label-row,\n  tr.#{$prefix}--data-table--ai-label-row + .#{$prefix}--expandable-row {\n    @include ai-table-gradient();\n\n    background-attachment: fixed;\n  }\n\n  .#{$prefix}--data-table--slug-row,\n  .#{$prefix}--data-table--ai-label-row {\n    box-shadow: inset 1px 0 $ai-border-strong;\n  }\n\n  // Remove table cell backgrounds that are overriding gradient background on row\n  .#{$prefix}--data-table\n    tbody\n    tr.#{$prefix}--data-table--ai-label-row:hover\n    td,\n  tr.#{$prefix}--data-table--ai-label-row.#{$prefix}--expandable-row:hover\n    + .#{$prefix}--expandable-row[data-child-row]\n    td,\n  tr.#{$prefix}--data-table--ai-label-row.#{$prefix}--expandable-row--hover\n    + .#{$prefix}--expandable-row[data-child-row]:hover\n    > td,\n  tr.#{$prefix}--data-table--ai-label-row.#{$prefix}--expandable-row--hover\n    > td,\n  tr.#{$prefix}--data-table--selected.#{$prefix}--data-table--ai-label-row.#{$prefix}--expandable-row\n    + tr.#{$prefix}--expandable-row[data-child-row]\n    > td,\n  tr.#{$prefix}--data-table--ai-label-row.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--expandable-row:hover\n    td,\n  tr.#{$prefix}--data-table--ai-label-row.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--expandable-row:hover\n    td:first-of-type,\n  tr.#{$prefix}--data-table--ai-label-row.#{$prefix}--parent-row.#{$prefix}--data-table--selected:not(\n      .#{$prefix}--expandable-row\n    ):hover\n    > td,\n  tr.#{$prefix}--data-table--ai-label-row.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--expandable-row:hover\n    + tr[data-child-row]\n    > td,\n  tr.#{$prefix}--data-table--ai-label-row.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--expandable-row--hover\n    > td,\n  tr.#{$prefix}--data-table--ai-label-row.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--expandable-row--hover\n    > td:first-of-type {\n    background-color: transparent;\n  }\n\n  .#{$prefix}--data-table tbody tr.#{$prefix}--data-table--ai-label-row:hover,\n  tr.#{$prefix}--data-table--ai-label-row:hover\n    + .#{$prefix}--expandable-row[data-child-row],\n  tr.#{$prefix}--data-table--ai-label-row.#{$prefix}--expandable-row--hover\n    + .#{$prefix}--expandable-row[data-child-row]:hover,\n  tr.#{$prefix}--expandable-row--hover.#{$prefix}--data-table--ai-label-row,\n  tr.#{$prefix}--data-table--selected.#{$prefix}--parent-row.#{$prefix}--expandable-row--hover.#{$prefix}--data-table--ai-label-row {\n    @include ai-table-gradient('hover');\n\n    background-attachment: fixed;\n  }\n\n  tr.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--data-table--slug-row,\n  .#{$prefix}--data-table--selected.#{$prefix}--data-table--slug-row,\n  tr.#{$prefix}--data-table--selected.#{$prefix}--data-table--slug-row\n    + .#{$prefix}--expandable-row,\n  tr.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--data-table--ai-label-row,\n  .#{$prefix}--data-table--selected.#{$prefix}--data-table--ai-label-row,\n  tr.#{$prefix}--data-table--selected.#{$prefix}--data-table--ai-label-row\n    + .#{$prefix}--expandable-row {\n    @include ai-table-gradient('selected');\n\n    background-attachment: fixed;\n  }\n\n  tr.#{$prefix}--data-table--ai-label-row.#{$prefix}--data-table--selected td,\n  tr.#{$prefix}--data-table--ai-label-row.#{$prefix}--data-table--selected:hover\n    td,\n  tbody tr.#{$prefix}--data-table--ai-label-row:hover td,\n  tr.#{$prefix}--data-table--ai-label-row.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--expandable-row:hover\n    td:not(.#{$prefix}--table-expand):not(\n      .#{$prefix}--table-column-checkbox\n    ):not(.#{$prefix}--table-column-slug) {\n    border-block-end-color: $border-subtle;\n  }\n\n  tr.#{$prefix}--expandable-row.#{$prefix}--data-table--selected.#{$prefix}--data-table--slug-row[data-parent-row]\n    > td:not(.#{$prefix}--table-expand):not(\n      .#{$prefix}--table-column-checkbox\n    ):not(.#{$prefix}--table-column-slug),\n  tr.#{$prefix}--expandable-row.#{$prefix}--data-table--selected.#{$prefix}--data-table--slug-row[data-parent-row]\n    > td:not(.#{$prefix}--table-expand):not(\n      .#{$prefix}--table-column-checkbox\n    ):not(.#{$prefix}--table-column-slug) {\n    border-block-end: 1px solid $layer-selected;\n  }\n\n  tr.#{$prefix}--parent-row.#{$prefix}--data-table--slug-row.#{$prefix}--expandable-row:hover\n    td:first-of-type,\n  tr.#{$prefix}--parent-row.#{$prefix}--data-table--ai-label-row.#{$prefix}--expandable-row:hover\n    td:first-of-type,\n  tr.#{$prefix}--parent-row.#{$prefix}--data-table--decoratorß-row.#{$prefix}--expandable-row:hover\n    td:first-of-type {\n    border-block-end: 1px solid transparent;\n  }\n\n  .#{$prefix}--data-table\n    thead\n    th.#{$prefix}--table-sort__header--slug\n    .#{$prefix}--table-sort,\n  .#{$prefix}--data-table thead th:has(> .#{$prefix}--table-header-label--slug),\n  .#{$prefix}--data-table\n    thead\n    th.#{$prefix}--table-sort__header--ai-label\n    .#{$prefix}--table-sort,\n  .#{$prefix}--data-table\n    thead\n    th:has(> .#{$prefix}--table-header-label--ai-label) {\n    @include ai-table-gradient();\n  }\n\n  .#{$prefix}--table-column-slug .#{$prefix}--ai-label,\n  .#{$prefix}--table-column-slug .#{$prefix}--slug,\n  .#{$prefix}--table-column-decorator .#{$prefix}--decorator {\n    position: absolute;\n    z-index: 2;\n    transform: translateY(-50%);\n  }\n\n  .#{$prefix}--data-table--xl\n    .#{$prefix}--table-column-slug\n    .#{$prefix}--ai-label,\n  .#{$prefix}--data-table--xl .#{$prefix}--table-column-slug .#{$prefix}--slug,\n  .#{$prefix}--data-table--xl\n    .#{$prefix}--table-column-decorator\n    .#{$prefix}--decorator {\n    transform: translateY(1px);\n  }\n\n  // AILabel inside header styles\n  th .#{$prefix}--table-header-label.#{$prefix}--table-header-label--slug,\n  th .#{$prefix}--table-header-label.#{$prefix}--table-header-label--ai-label,\n  th .#{$prefix}--table-header-label.#{$prefix}--table-header-label--decorator {\n    display: flex;\n    align-items: center;\n  }\n\n  th\n    .#{$prefix}--table-header-label.#{$prefix}--table-header-label--ai-label\n    .#{$prefix}--ai-label,\n  th\n    .#{$prefix}--table-header-label.#{$prefix}--table-header-label--ai-label\n    .#{$prefix}--slug,\n  th\n    .#{$prefix}--table-header-label.#{$prefix}--table-header-label--decorator\n    .#{$prefix}--table-header-label--decorator-inner,\n  th\n    .#{$prefix}--table-header-label.#{$prefix}--table-header-label--ai-label\n    .#{$prefix}--table-header-label--decorator-inner {\n    margin-inline-start: auto;\n  }\n\n  th.#{$prefix}--table-sort__header--slug,\n  th:has(.#{$prefix}--table-header-label--slug),\n  th.#{$prefix}--table-sort__header--ai-label,\n  th:has(.#{$prefix}--table-header-label--ai-label) {\n    box-shadow: inset 0 1px $ai-border-strong;\n  }\n\n  td.#{$prefix}--table-cell--column-slug {\n    @include ai-table-gradient();\n  }\n\n  tr.#{$prefix}--parent-row:not(.#{$prefix}--expandable-row):not(:first-of-type)\n    td.#{$prefix}--table-cell--column-slug {\n    // Same gradient as background\n    border-block-start: linear-gradient(\n      to right,\n      $ai-aura-start-sm 0%,\n      $ai-aura-end 50%,\n      transparent 50%\n    );\n  }\n\n  tr.#{$prefix}--parent-row:not(.#{$prefix}--expandable-row):not(:first-of-type)\n    td.#{$prefix}--table-cell--column-slug,\n\n  // Windows HCM fix\n  \n  .#{$prefix}--data-table-content {\n    @include high-contrast-mode('outline');\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n@use '../../config' as *;\n@use '../../utilities/convert';\n\n// @access public\n// @content Includes a block of styles for sticky data tables that sets table max-width, max-height and column min-width\n// @example - @include sticky-header($max-height: to-rem(900px), $min-width: to-rem(30px));\n// @param {value} $max-width [100%] - sets the max-width of the data table parent container\n// @param {value} $max-height [rem(300px)] - sets the max-height of the data table\n// @param {value} $min-width [rem(100px)] - sets the min-width of th's and td's so their sizes align\n@mixin sticky-header(\n  $min-width: false,\n  $max-width: 100%,\n  $max-height: convert.to-rem(300px)\n) {\n  .#{$prefix}--data-table--max-width {\n    max-inline-size: $max-width;\n  }\n\n  .#{$prefix}--data-table--sticky-header {\n    max-block-size: $max-height;\n\n    @if $min-width {\n      th:not(.#{$prefix}--table-column-checkbox):not(\n          .#{$prefix}--table-column-menu\n        ):not(.#{$prefix}--table-expand):not(.#{$prefix}--table-column-icon),\n      td:not(.#{$prefix}--table-column-checkbox):not(\n          .#{$prefix}--table-column-menu\n        ):not(.#{$prefix}--table-expand):not(.#{$prefix}--table-column-icon) {\n        min-inline-size: $min-width;\n      }\n    }\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n//-----------------------------\n// Search\n//-----------------------------\n\n@use '../text-input';\n@use '../../theme' as *;\n@use '../../config' as *;\n@use '../../type';\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../utilities/placeholder-colors' as *;\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/visually-hidden' as *;\n@use '../../utilities/component-reset' as *;\n@use '../../utilities/skeleton' as *;\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/convert';\n@use '../../utilities/button-reset';\n\n/// Search styles\n/// @access public\n/// @group search\n@mixin search {\n  .#{$prefix}--search {\n    position: relative;\n    display: flex;\n    align-items: center;\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--search .#{$prefix}--label {\n    @include visually-hidden;\n  }\n\n  .#{$prefix}--search-input {\n    @include reset;\n    @include type.type-style('body-compact-01');\n    @include focus-outline('reset');\n\n    order: 1;\n    padding: 0 $spacing-08;\n    border: none;\n    appearance: none;\n    background-color: $field;\n    border-block-end: 1px solid $border-strong;\n    color: $text-primary;\n\n    inline-size: 100%;\n    text-overflow: ellipsis;\n    transition:\n      background-color $duration-fast-02 motion(standard, productive),\n      outline $duration-fast-02 motion(standard, productive);\n\n    &:focus {\n      @include focus-outline('outline');\n    }\n\n    &::placeholder {\n      @include placeholder-colors;\n    }\n\n    &::-ms-clear {\n      display: none;\n    }\n  }\n\n  .#{$prefix}--search-input[disabled] {\n    background-color: $field;\n    border-block-end: 1px solid transparent;\n    color: $text-disabled;\n    cursor: not-allowed;\n\n    &::placeholder {\n      color: $field;\n    }\n  }\n  .#{$prefix}--search--light .#{$prefix}--search-input {\n    background: $field-02;\n  }\n\n  .#{$prefix}--search--light .#{$prefix}--search-close::before {\n    background: $field-02;\n  }\n\n  // Small styles\n  .#{$prefix}--search--sm .#{$prefix}--search-input,\n  .#{$prefix}--search--sm.#{$prefix}--search--expandable.#{$prefix}--search--expanded\n    .#{$prefix}--search-input {\n    // 8px padding on either side of icon + 16px icon (32px)\n    padding: 0 $spacing-07;\n    block-size: convert.to-rem(32px);\n  }\n\n  .#{$prefix}--search--sm .#{$prefix}--search-magnifier-icon {\n    inset-inline-start: convert.to-rem(8px);\n  }\n\n  // Medium styles\n  .#{$prefix}--search--md .#{$prefix}--search-input,\n  .#{$prefix}--search--md.#{$prefix}--search--expandable.#{$prefix}--search--expanded\n    .#{$prefix}--search-input {\n    // 12px padding on either side of icon + 16px icon (40px)\n    padding: 0 $spacing-08;\n    block-size: convert.to-rem(40px);\n  }\n\n  .#{$prefix}--search--md .#{$prefix}--search-magnifier-icon {\n    inset-inline-start: convert.to-rem(12px);\n  }\n\n  // Large styles\n  .#{$prefix}--search--lg .#{$prefix}--search-input,\n  .#{$prefix}--search--lg.#{$prefix}--search--expandable.#{$prefix}--search--expanded\n    .#{$prefix}--search-input {\n    // 16px padding on either side of icon + 16px icon (48px)\n    padding: 0 $spacing-09;\n    block-size: convert.to-rem(48px);\n  }\n\n  .#{$prefix}--search-magnifier-icon {\n    @include reset;\n\n    position: absolute;\n    z-index: 2;\n    block-size: convert.to-rem(16px);\n    fill: $icon-secondary;\n    inline-size: convert.to-rem(16px);\n    inset-block-start: 50%;\n    inset-inline-start: $spacing-05;\n    pointer-events: none;\n    transform: translateY(-50%);\n  }\n\n  .#{$prefix}--search-close {\n    @include button-reset.reset(false);\n    @include focus-outline('reset');\n\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-end: 0;\n\n    &::before {\n      position: absolute;\n      display: block;\n      background-color: $field;\n      block-size: calc(100% - 2px);\n      content: '';\n      inline-size: 2px;\n      inset-block-start: convert.to-rem(1px);\n      inset-inline-start: 0;\n      transition: background-color $duration-fast-02\n        motion(standard, productive);\n\n      @media screen and (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n\n    &:hover {\n      border-block-end: 1px solid $border-strong;\n\n      &::before {\n        background-color: $field-hover;\n      }\n    }\n  }\n\n  .#{$prefix}--search-button {\n    flex-shrink: 0;\n    background-color: $field;\n    margin-inline-start: $spacing-01;\n\n    svg {\n      fill: currentColor;\n      vertical-align: middle;\n    }\n  }\n\n  .#{$prefix}--search-close svg {\n    fill: inherit;\n  }\n\n  .#{$prefix}--search-close,\n  .#{$prefix}--search-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-width: 1px 0;\n    border-style: solid;\n    border-color: transparent;\n    block-size: convert.to-rem(40px);\n    cursor: pointer;\n    fill: $icon-primary;\n    inline-size: convert.to-rem(40px);\n    opacity: 1;\n    transition:\n      opacity $duration-fast-02 motion(standard, productive),\n      background-color $duration-fast-02 motion(standard, productive),\n      outline $duration-fast-02 motion(standard, productive),\n      border $duration-fast-02 motion(standard, productive);\n    visibility: inherit;\n\n    &:hover {\n      background-color: $field-hover;\n    }\n\n    &:focus {\n      @include focus-outline('outline');\n    }\n\n    &:active {\n      @include focus-outline('outline');\n\n      background-color: $background-selected;\n    }\n  }\n\n  .#{$prefix}--search--disabled .#{$prefix}--search-close,\n  .#{$prefix}--search--disabled.#{$prefix}--search--expandable\n    .#{$prefix}--search-magnifier {\n    cursor: not-allowed;\n    outline: none;\n\n    &:hover {\n      background-color: transparent;\n      border-block-end-color: transparent;\n    }\n\n    &:hover::before {\n      background-color: transparent;\n    }\n  }\n\n  .#{$prefix}--search--disabled svg {\n    fill: $icon-on-color-disabled;\n  }\n\n  .#{$prefix}--search-close:focus,\n  .#{$prefix}--search-close:active {\n    &::before {\n      background-color: $focus;\n    }\n  }\n\n  .#{$prefix}--search-input:focus ~ .#{$prefix}--search-close:hover {\n    @include focus-outline('outline');\n  }\n\n  // Small\n  .#{$prefix}--search--sm {\n    .#{$prefix}--search-close,\n    ~ .#{$prefix}--search-button,\n    &.#{$prefix}--search--expandable,\n    &.#{$prefix}--search--expandable .#{$prefix}--search-magnifier {\n      block-size: convert.to-rem(32px);\n      inline-size: convert.to-rem(32px);\n    }\n\n    &.#{$prefix}--search--expandable .#{$prefix}--search-input::placeholder {\n      padding: 0 convert.to-rem(32px);\n    }\n  }\n\n  // Medium\n  .#{$prefix}--search--md {\n    .#{$prefix}--search-close,\n    ~ .#{$prefix}--search-button,\n    &.#{$prefix}--search--expandable,\n    &.#{$prefix}--search--expandable .#{$prefix}--search-magnifier {\n      block-size: convert.to-rem(40px);\n      inline-size: convert.to-rem(40px);\n    }\n\n    &.#{$prefix}--search--expandable .#{$prefix}--search-input::placeholder {\n      padding: 0 convert.to-rem(40px);\n    }\n  }\n\n  // Large\n  .#{$prefix}--search--lg {\n    .#{$prefix}--search-close,\n    ~ .#{$prefix}--search-button,\n    &.#{$prefix}--search--expandable,\n    &.#{$prefix}--search--expandable .#{$prefix}--search-magnifier {\n      block-size: convert.to-rem(48px);\n      inline-size: convert.to-rem(48px);\n    }\n\n    &.#{$prefix}--search--expandable .#{$prefix}--search-input::placeholder {\n      padding: 0 convert.to-rem(48px);\n    }\n  }\n\n  .#{$prefix}--search-close--hidden {\n    opacity: 0;\n    visibility: hidden;\n  }\n\n  .#{$prefix}--search--lg.#{$prefix}--skeleton .#{$prefix}--search-input,\n  .#{$prefix}--search--md.#{$prefix}--skeleton .#{$prefix}--search-input,\n  .#{$prefix}--search--sm.#{$prefix}--skeleton .#{$prefix}--search-input {\n    @include skeleton;\n\n    inline-size: 100%;\n\n    &::placeholder {\n      color: transparent;\n    }\n  }\n\n  .#{$prefix}--search--expandable {\n    transition: width $duration-fast-01 motion(standard, productive);\n  }\n\n  .#{$prefix}--search--expandable.#{$prefix}--search--expanded {\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--search--expandable .#{$prefix}--search-input {\n    padding: 0;\n    inline-size: 0;\n    transition:\n      padding $duration-fast-01 motion(standard, productive),\n      width 0s linear $duration-fast-01;\n\n    &::placeholder {\n      position: relative;\n      opacity: 0;\n      transition-duration: $duration-fast-01;\n      transition-property: padding, opacity;\n      transition-timing-function: motion(standard, productive);\n    }\n  }\n\n  .#{$prefix}--search--expandable.#{$prefix}--search--expanded\n    .#{$prefix}--search-input {\n    inline-size: 100%;\n    transition: padding $duration-fast-01 motion(standard, productive);\n\n    &::placeholder {\n      position: relative;\n      padding: 0;\n      opacity: 1;\n    }\n  }\n\n  .#{$prefix}--search--expandable .#{$prefix}--search-magnifier {\n    position: absolute;\n    cursor: pointer;\n\n    &:focus {\n      outline: 2px solid $focus;\n    }\n  }\n\n  .#{$prefix}--search--expandable .#{$prefix}--search-magnifier:hover {\n    background-color: $background-hover;\n  }\n\n  .#{$prefix}--search--expandable.#{$prefix}--search--expanded\n    .#{$prefix}--search-magnifier {\n    pointer-events: none;\n  }\n\n  .#{$prefix}--search--expandable .#{$prefix}--search-magnifier-icon {\n    fill: $icon-primary;\n  }\n\n  .#{$prefix}--search--expandable.#{$prefix}--search--expanded\n    .#{$prefix}--search-magnifier-icon {\n    fill: $icon-secondary;\n  }\n\n  .#{$prefix}--search--expandable.#{$prefix}--search--disabled svg {\n    fill: $icon-disabled;\n  }\n\n  // Windows HCM fix\n  .#{$prefix}--search-close svg,\n  .#{$prefix}--search-magnifier-icon {\n    @include high-contrast-mode('icon-fill');\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../button';\n@use '../../overflow-menu';\n@use '../../search';\n@use '../../../config' as *;\n@use '../../../motion' as *;\n@use '../../../spacing' as *;\n@use '../../../theme' as *;\n@use '../../../type' as *;\n@use '../../../utilities/button-reset';\n@use '../../../utilities/convert';\n@use '../../../utilities/focus-outline' as *;\n\n/// Data table action styles\n/// @access public\n/// @group data-table\n@mixin data-table-action {\n  //-------------------------------------------------\n  //TOOLBAR\n  //-------------------------------------------------\n  .#{$prefix}--table-toolbar {\n    // Need for batch actions\n    position: relative;\n    z-index: 1;\n    display: flex;\n    background-color: $layer;\n    inline-size: 100%;\n    min-block-size: $spacing-09;\n  }\n\n  .#{$prefix}--toolbar-content {\n    display: flex;\n    justify-content: flex-end;\n    block-size: $spacing-09;\n    inline-size: 100%;\n    transform: translate3d(0, 0, 0);\n    transition:\n      transform $duration-fast-02 motion(standard, productive),\n      clip-path $duration-fast-02 motion(standard, productive);\n  }\n\n  .#{$prefix}--toolbar-content .#{$prefix}--search .#{$prefix}--search-input {\n    padding: 0 3rem;\n    // For toolbar animation with (esp.) persistent search box\n    background-color: transparent;\n    block-size: 3rem;\n  }\n\n  .#{$prefix}--toolbar-content .#{$prefix}--overflow-menu {\n    block-size: 3rem;\n    inline-size: 3rem;\n  }\n\n  //-------------------------------------------------\n  //DEPRECATED v10/v9 search behavior\n  //-------------------------------------------------\n  .#{$prefix}--batch-actions ~ .#{$prefix}--toolbar-search-container {\n    display: flex;\n    align-items: center;\n    opacity: 1;\n    transition: opacity 110ms;\n  }\n\n  //-------------------------------------------------\n  //HIDDEN SEARCH - DEFAULT TOOLBAR\n  //-------------------------------------------------\n  .#{$prefix}--toolbar-search-container-expandable {\n    position: relative;\n    block-size: $spacing-09;\n    box-shadow: none;\n    cursor: pointer;\n    inline-size: $spacing-09;\n    transition:\n      width $transition-expansion $standard-easing,\n      background-color $duration-fast-02 motion(entrance, productive);\n\n    &:hover {\n      background-color: $field-hover;\n    }\n  }\n\n  .#{$prefix}--search.#{$prefix}--toolbar-search-container-expandable {\n    inline-size: 3rem;\n  }\n\n  .#{$prefix}--toolbar-search-container-expandable .#{$prefix}--search-input {\n    block-size: 100%;\n    cursor: pointer;\n    opacity: 0;\n  }\n\n  .#{$prefix}--toolbar-search-container-expandable:not(\n      .#{$prefix}--toolbar-search-container-active\n    )\n    .#{$prefix}--search-input {\n    padding: 0;\n  }\n\n  .#{$prefix}--toolbar-search-container-disabled .#{$prefix}--search-input {\n    cursor: not-allowed;\n  }\n\n  .#{$prefix}--toolbar-search-container-expandable.#{$prefix}--search\n    .#{$prefix}--label {\n    visibility: hidden;\n  }\n\n  .#{$prefix}--toolbar-search-container-expandable.#{$prefix}--search\n    .#{$prefix}--search-close {\n    block-size: $spacing-09;\n    inline-size: $spacing-09;\n\n    &::before {\n      background-color: $field-hover;\n      block-size: calc(100% - #{convert.to-rem(4px)});\n      inset-block-start: convert.to-rem(2px);\n    }\n  }\n\n  .#{$prefix}--toolbar-search-container-expandable.#{$prefix}--search\n    .#{$prefix}--search-close:focus::before {\n    background-color: $focus;\n  }\n\n  //-------------------------------------------------\n  // Seach icon\n  //-------------------------------------------------v\n  // lg expandable icon spacing\n  .#{$prefix}--table-toolbar\n    .#{$prefix}--search--lg\n    .#{$prefix}--search-magnifier-icon {\n    inset-inline-start: 0;\n  }\n\n  // lg persistent icon spacing\n  .#{$prefix}--table-toolbar:not(.#{$prefix}--table-toolbar--sm)\n    .#{$prefix}--toolbar-search-container-persistent.#{$prefix}--search--lg\n    .#{$prefix}--search-magnifier-icon {\n    inset-inline-start: 1rem;\n  }\n\n  // sm expandable icon spacing\n  .#{$prefix}--table-toolbar.#{$prefix}--table-toolbar--sm\n    .#{$prefix}--search--sm:not(\n      .#{$prefix}--toolbar-search-container-active\n    ):not(.#{$prefix}--toolbar-search-container-persistent)\n    .#{$prefix}--search-magnifier-icon {\n    inset-inline-start: 0;\n  }\n\n  .#{$prefix}--table-toolbar.#{$prefix}--table-toolbar--sm\n    .#{$prefix}--search--sm.#{$prefix}--toolbar-search-container-active\n    .#{$prefix}--search-magnifier-icon {\n    inset-inline-start: 0.5rem;\n  }\n\n  // sm persistent icon spacing\n  .#{$prefix}--table-toolbar\n    .#{$prefix}--toolbar-search-container-persistent.#{$prefix}--search--sm\n    .#{$prefix}--search-magnifier-icon {\n    inset-inline-start: 0.5rem;\n  }\n\n  .#{$prefix}--toolbar-search-container-expandable\n    .#{$prefix}--search-magnifier-icon {\n    padding: $spacing-05;\n    block-size: $spacing-09;\n    inline-size: $spacing-09;\n  }\n\n  .#{$prefix}--toolbar-search-container-expandable.#{$prefix}--search--disabled\n    .#{$prefix}--search-magnifier-icon {\n    background-color: $layer;\n    cursor: not-allowed;\n    transition: background-color none;\n  }\n\n  .#{$prefix}--toolbar-search-container-active\n    .#{$prefix}--search-magnifier-icon:focus,\n  .#{$prefix}--toolbar-search-container-active\n    .#{$prefix}--search-magnifier-icon:active,\n  .#{$prefix}--toolbar-search-container-active\n    .#{$prefix}--search-magnifier-icon:hover {\n    border: none;\n    background-color: transparent;\n    outline: none;\n  }\n\n  //-------------------------------------------------\n  //ACTIVE SEARCH - DEFAULT TOOLBAR\n  //-------------------------------------------------\n\n  .#{$prefix}--toolbar-search-container-active.#{$prefix}--search {\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--toolbar-search-container-active .#{$prefix}--search-input {\n    opacity: 1;\n  }\n\n  .#{$prefix}--toolbar-search-container-active .#{$prefix}--label,\n  .#{$prefix}--toolbar-search-container-active .#{$prefix}--search-input {\n    padding: 0 $spacing-09;\n    cursor: text;\n  }\n\n  .#{$prefix}--toolbar-search-container-active\n    .#{$prefix}--search-input:focus\n    + .#{$prefix}--search-close {\n    border: none;\n    box-shadow: none;\n    outline: none;\n  }\n\n  .#{$prefix}--toolbar-search-container-active\n    .#{$prefix}--search-input:not(:placeholder-shown) {\n    border: none;\n    background-color: $field-hover;\n  }\n\n  //-------------------------------------------------\n  //SEARCH CLOSE BUTTON\n  //-------------------------------------------------\n  .#{$prefix}--toolbar-search-container-persistent .#{$prefix}--search-close,\n  .#{$prefix}--toolbar-search-container-persistent\n    .#{$prefix}--search-close:hover,\n  .#{$prefix}--toolbar-search-container-active .#{$prefix}--search-close,\n  .#{$prefix}--toolbar-search-container-active .#{$prefix}--search-close:hover {\n    border: none;\n    background-color: transparent;\n  }\n\n  .#{$prefix}--toolbar-search-container-persistent\n    .#{$prefix}--search-close::before {\n    display: none;\n  }\n\n  //-------------------------------------------------\n  //TOOLBAR BUTTONS\n  //-------------------------------------------------\n  .#{$prefix}--overflow-menu.#{$prefix}--toolbar-action {\n    @include button-reset.reset;\n\n    display: flex;\n    padding: $spacing-05;\n    block-size: $spacing-09;\n    cursor: pointer;\n    inline-size: $spacing-09;\n    transition: background $duration-fast-02 motion(entrance, productive);\n  }\n\n  // DEPRECATED prefer .#{$prefix}--overflow-menu.#{$prefix}--toolbar-action instead\n  .#{$prefix}--toolbar-action {\n    @include button-reset.reset;\n\n    display: flex;\n    block-size: $spacing-09;\n    cursor: pointer;\n    inline-size: $spacing-09;\n    transition: background $duration-fast-02 motion(entrance, productive);\n  }\n\n  .#{$prefix}--toolbar-action:hover:not([disabled]) {\n    background-color: $field-hover;\n  }\n\n  .#{$prefix}--toolbar-action[aria-expanded='true'],\n  .#{$prefix}--toolbar-action:hover[aria-expanded='true'] {\n    background-color: $layer-02;\n  }\n\n  .#{$prefix}--toolbar-action[disabled] {\n    cursor: not-allowed;\n  }\n\n  .#{$prefix}--toolbar-action[disabled] .#{$prefix}--toolbar-action__icon {\n    cursor: not-allowed;\n    fill: $icon-disabled;\n  }\n\n  .#{$prefix}--toolbar-action:focus:not([disabled]),\n  .#{$prefix}--toolbar-action:active:not([disabled]) {\n    @include focus-outline('outline');\n\n    &.#{$prefix}--toolbar-search-container-expandable {\n      // The focus style is handled by search input in it, need to avoid duplicate animation\n      outline: none;\n    }\n  }\n\n  .#{$prefix}--toolbar-action ~ .#{$prefix}--btn {\n    margin: 0;\n    max-inline-size: none;\n    white-space: nowrap;\n  }\n\n  .#{$prefix}--overflow-menu--data-table {\n    block-size: $spacing-09;\n  }\n\n  //-------------------------------------------------\n  //TOOLBAR BUTTON ICONS\n  //-------------------------------------------------\n  .#{$prefix}--toolbar-action__icon {\n    block-size: $spacing-05;\n    fill: $icon-primary;\n    inline-size: auto;\n    max-inline-size: $spacing-05;\n  }\n\n  //-------------------------------------------------\n  //TOOLBAR Menu\n  //-------------------------------------------------\n  .#{$prefix}--toolbar-action__menu,\n  .#{$prefix}--toolbar-action__menu.#{$prefix}--overflow-menu-options::after {\n    background-color: $layer-02;\n  }\n\n  //-------------------------------------------------\n  //PERSISTENT SEARCH - OPTIONAL TOOLBAR\n  //-------------------------------------------------\n  .#{$prefix}--toolbar-search-container-persistent {\n    position: relative;\n    block-size: $spacing-09;\n    inline-size: 100%;\n    opacity: 1;\n  }\n\n  .#{$prefix}--toolbar-search-container-persistent\n    + .#{$prefix}--toolbar-content {\n    position: relative;\n    inline-size: auto;\n  }\n\n  .#{$prefix}--toolbar-search-container-persistent .#{$prefix}--search {\n    position: initial;\n  }\n\n  .#{$prefix}--toolbar-search-container-persistent\n    .#{$prefix}--search-magnifier-icon {\n    inset-inline-start: $spacing-05;\n  }\n\n  .#{$prefix}--toolbar-search-container-persistent .#{$prefix}--search-input {\n    padding: 0 $spacing-09;\n    border: none;\n    block-size: $spacing-09;\n  }\n\n  .#{$prefix}--toolbar-search-container-persistent\n    .#{$prefix}--search-input:focus:not([disabled]) {\n    @include focus-outline('outline');\n  }\n\n  .#{$prefix}--toolbar-search-container-persistent\n    .#{$prefix}--search-input:hover:not([disabled]) {\n    background-color: $field-hover;\n  }\n\n  .#{$prefix}--toolbar-search-container-persistent\n    .#{$prefix}--search-input:active:not([disabled]),\n  .#{$prefix}--toolbar-search-container-persistent\n    .#{$prefix}--search-input:not(:placeholder-shown) {\n    background-color: $field-hover;\n  }\n\n  .#{$prefix}--toolbar-search-container-persistent .#{$prefix}--search-close {\n    block-size: $spacing-09;\n    inline-size: $spacing-09;\n  }\n\n  .#{$prefix}--batch-actions--active ~ .#{$prefix}--toolbar-search-container,\n  .#{$prefix}--batch-actions--active ~ .#{$prefix}--toolbar-content {\n    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\n    transform: translate3d(0, 48px, 0);\n    transition:\n      transform $duration-fast-02 motion(standard, productive),\n      clip-path $duration-fast-02 motion(standard, productive);\n  }\n\n  //-------------------------------------------------\n  //BATCH ACTIONS\n  //-------------------------------------------------\n  .#{$prefix}--batch-actions {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background-color: $background-brand;\n    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\n    inset-block-end: 0;\n    inset-inline: 0;\n    opacity: 0;\n    pointer-events: none;\n    transform: translate3d(0, 48px, 0);\n    transition:\n      transform $duration-fast-02 motion(standard, productive),\n      clip-path $duration-fast-02 motion(standard, productive),\n      opacity $duration-fast-02 motion(standard, productive);\n    will-change: transform;\n  }\n\n  .#{$prefix}--batch-actions:focus {\n    @include focus-outline;\n  }\n  // 200% to allow tooltips\n  .#{$prefix}--batch-actions--active {\n    z-index: 1;\n    clip-path: polygon(0 0, 300% 0, 300% 300%, 0 300%);\n    opacity: 1;\n    pointer-events: all;\n    transform: translate3d(0, 0, 0);\n  }\n\n  //btns container\n  .#{$prefix}--action-list {\n    display: flex;\n    align-items: center;\n  }\n\n  .#{$prefix}--action-list .#{$prefix}--btn,\n  .#{$prefix}--batch-summary .#{$prefix}--btn {\n    color: $text-on-color;\n    padding-inline: $spacing-05 $spacing-05;\n    white-space: nowrap;\n  }\n\n  .#{$prefix}--action-list .#{$prefix}--btn:disabled {\n    border-color: transparent;\n    background-color: transparent;\n    color: $text-on-color;\n    opacity: 0.5;\n  }\n\n  .#{$prefix}--action-list .#{$prefix}--btn .#{$prefix}--btn__icon {\n    position: static;\n    fill: $icon-on-color;\n    margin-inline-start: $spacing-03;\n  }\n\n  .#{$prefix}--action-list .#{$prefix}--btn .#{$prefix}--btn__icon .st0 {\n    fill: none;\n  }\n\n  .#{$prefix}--batch-download {\n    //makes it smaller to match other icons\n    padding: convert.to-rem(1px);\n  }\n\n  // Override btn styles\n  .#{$prefix}--action-list .#{$prefix}--btn--primary:focus::before,\n  .#{$prefix}--action-list .#{$prefix}--btn--primary::before,\n  .#{$prefix}--action-list .#{$prefix}--btn--primary:focus::after,\n  .#{$prefix}--action-list .#{$prefix}--btn--primary::after {\n    display: none;\n  }\n\n  .#{$prefix}--action-list .#{$prefix}--btn--primary:focus,\n  .#{$prefix}--batch-summary .#{$prefix}--btn--primary:focus {\n    outline: 2px solid $layer;\n    outline-offset: convert.to-rem(-2px);\n  }\n\n  // cancel btn pseudo element\n  .#{$prefix}--action-list\n    .#{$prefix}--btn--primary:nth-child(3):hover\n    + .#{$prefix}--btn--primary.#{$prefix}--batch-summary__cancel::before,\n  .#{$prefix}--action-list\n    .#{$prefix}--btn--primary:nth-child(3):focus\n    + .#{$prefix}--btn--primary.#{$prefix}--batch-summary__cancel::before {\n    opacity: 0;\n  }\n\n  .#{$prefix}--btn--primary.#{$prefix}--batch-summary__cancel::before {\n    position: absolute;\n    display: block;\n    border: none;\n    background-color: $text-on-color;\n    block-size: $spacing-05;\n    content: '';\n    inline-size: convert.to-rem(1px);\n    //visually 16px spacing is 1px too low\n    inset-block-start: convert.to-rem(15px);\n    inset-inline-start: 0;\n    opacity: 1;\n    transition: opacity $duration-fast-02 motion(standard, productive);\n  }\n\n  .#{$prefix}--btn--primary.#{$prefix}--batch-summary__cancel:hover::before {\n    opacity: 0;\n    transition: opacity $transition-base $standard-easing;\n  }\n\n  // items selected text\n  .#{$prefix}--batch-summary {\n    position: sticky;\n    z-index: 100000;\n    display: flex;\n    align-items: center;\n    padding: 0 $spacing-05;\n    background-color: $background-brand;\n\n    color: $text-on-color;\n    inset-inline-start: 0;\n    min-block-size: 3rem;\n  }\n\n  .#{$prefix}--batch-summary__scroll {\n    box-shadow: 0.5px 0 0.2px $link-primary-hover;\n  }\n\n  .#{$prefix}--batch-summary__para {\n    @include type-style('body-compact-01');\n  }\n\n  .#{$prefix}--batch-summary__divider {\n    padding-inline-start: $spacing-03;\n  }\n\n  //-------------------------------------------------\n  //SMALL TOOLBAR\n  //-------------------------------------------------\n\n  .#{$prefix}--table-toolbar--sm {\n    block-size: convert.to-rem(32px);\n    min-block-size: convert.to-rem(32px);\n\n    .#{$prefix}--toolbar-search-container-expandable,\n    .#{$prefix}--toolbar-search-container-persistent {\n      block-size: convert.to-rem(32px);\n    }\n\n    .#{$prefix}--toolbar-search-container-expandable .#{$prefix}--search-input,\n    .#{$prefix}--toolbar-search-container-persistent .#{$prefix}--search-input {\n      block-size: convert.to-rem(32px);\n    }\n\n    .#{$prefix}--toolbar-search-container-expandable .#{$prefix}--search-close,\n    .#{$prefix}--toolbar-search-container-persistent .#{$prefix}--search-close {\n      block-size: convert.to-rem(32px);\n      inline-size: convert.to-rem(32px);\n    }\n\n    .#{$prefix}--toolbar-search-container-expandable\n      .#{$prefix}--search-magnifier-icon,\n    .#{$prefix}--toolbar-search-container-persistent\n      .#{$prefix}--search-magnifier-icon {\n      padding: $spacing-03;\n      block-size: convert.to-rem(32px);\n      inline-size: convert.to-rem(32px);\n    }\n\n    .#{$prefix}--toolbar-action.#{$prefix}--toolbar-search-container-persistent {\n      inline-size: 100%;\n    }\n\n    //hidden\n    .#{$prefix}--toolbar-search-container-expandable {\n      inline-size: convert.to-rem(32px);\n    }\n\n    .#{$prefix}--toolbar-search-container-expandable\n      .#{$prefix}--search\n      .#{$prefix}--search-input {\n      padding: 0 $spacing-09;\n    }\n\n    //active\n    .#{$prefix}--toolbar-search-container-active {\n      flex: auto;\n      transition: flex 175ms $standard-easing;\n    }\n\n    .#{$prefix}--toolbar-search-container-active .#{$prefix}--search-input {\n      visibility: inherit;\n    }\n\n    .#{$prefix}--toolbar-search-container-active\n      .#{$prefix}--search-input:focus {\n      @include focus-outline('outline');\n\n      background-color: $field-hover;\n    }\n\n    .#{$prefix}--toolbar-search-container-active\n      .#{$prefix}--search-input:active,\n    .#{$prefix}--toolbar-search-container-active\n      .#{$prefix}--search-input:not(:placeholder-shown) {\n      background-color: $field-hover;\n    }\n\n    .#{$prefix}--toolbar-search-container-active\n      .#{$prefix}--search-magnifier-icon:focus,\n    .#{$prefix}--toolbar-search-container-active\n      .#{$prefix}--search-magnifier-icon:active,\n    .#{$prefix}--toolbar-search-container-active\n      .#{$prefix}--search-magnifier-icon:hover {\n      @include focus-outline('reset');\n\n      background-color: transparent;\n    }\n\n    .#{$prefix}--overflow-menu.#{$prefix}--toolbar-action {\n      block-size: convert.to-rem(32px);\n      inline-size: convert.to-rem(32px);\n      //:after element is 2rem but w/o this trigger button is for some reason 28px\n      min-inline-size: convert.to-rem(32px);\n    }\n\n    .#{$prefix}--toolbar-content {\n      block-size: convert.to-rem(32px);\n    }\n\n    .#{$prefix}--toolbar-content .#{$prefix}--overflow-menu {\n      block-size: 2rem;\n      inline-size: 2rem;\n    }\n  }\n\n  .#{$prefix}--search--disabled .#{$prefix}--search-magnifier-icon:hover {\n    background-color: transparent;\n  }\n\n  //-------------------------------------------------\n  // SMALL BATCH ACTIONS\n  //-------------------------------------------------\n\n  .#{$prefix}--table-toolbar--sm\n    .#{$prefix}--batch-actions\n    .#{$prefix}--action-list {\n    block-size: convert.to-rem(32px);\n  }\n\n  .#{$prefix}--table-toolbar--sm .#{$prefix}--toolbar-action {\n    padding: $spacing-03 0;\n    block-size: convert.to-rem(32px);\n    inline-size: convert.to-rem(32px);\n  }\n\n  .#{$prefix}--table-toolbar--sm .#{$prefix}--btn--primary {\n    block-size: convert.to-rem(32px);\n    min-block-size: auto;\n    padding-block: 0.375rem;\n  }\n\n  .#{$prefix}--table-toolbar--sm\n    .#{$prefix}--btn--primary.#{$prefix}--batch-summary__cancel::before {\n    inset-block-start: convert.to-rem(8px);\n  }\n\n  .#{$prefix}--table-toolbar--sm\n    .#{$prefix}--toolbar-action\n    ~ .#{$prefix}--btn {\n    overflow: hidden;\n    block-size: convert.to-rem(32px);\n  }\n\n  .#{$prefix}--table-toolbar--sm .#{$prefix}--batch-summary {\n    min-block-size: 2rem;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../action';\n@use '../../../config' as *;\n@use '../../../motion' as *;\n@use '../../../spacing' as *;\n@use '../../../theme' as *;\n@use '../../../utilities/button-reset';\n@use '../../../utilities/convert';\n@use '../../../utilities/focus-outline' as *;\n@use '../../../utilities/high-contrast-mode' as *;\n\n/// Data table expandable styles\n/// @access public\n/// @group data-table\n@mixin data-table-expandable {\n  //----------------------------------------------------------------------------\n  // Parent row\n  //----------------------------------------------------------------------------\n  //first row top border\n  .#{$prefix}--data-table tr.#{$prefix}--parent-row:first-of-type td {\n    border-block-start: 1px solid $border-subtle;\n  }\n\n  //----------------------------------------------------------------------------\n  // Child row\n  //----------------------------------------------------------------------------\n  // default styles\n  .#{$prefix}--expandable-row--hidden td {\n    padding: $spacing-05;\n    border-block-start: 0;\n    inline-size: auto;\n  }\n\n  //child row hidden\n  tr.#{$prefix}--parent-row:not(.#{$prefix}--expandable-row)\n    + tr[data-child-row] {\n    block-size: 0;\n    transition: height $duration-moderate-01 motion(standard, productive);\n  }\n\n  tr.#{$prefix}--parent-row:not(.#{$prefix}--expandable-row)\n    + tr[data-child-row]\n    td {\n    border: 0;\n    background-color: $layer-hover;\n    padding-block: 0;\n    transition:\n      padding $duration-moderate-01 motion(standard, productive),\n      background-color $duration-fast-01 motion(standard, productive);\n  }\n\n  tr.#{$prefix}--parent-row:not(.#{$prefix}--expandable-row)\n    + tr[data-child-row]\n    td\n    .#{$prefix}--child-row-inner-container {\n    overflow: hidden;\n    max-block-size: 0;\n  }\n\n  //child row visible\n  tr.#{$prefix}--parent-row.#{$prefix}--expandable-row + tr[data-child-row] {\n    transition:\n      height $duration-moderate-01 motion(standard, productive),\n      background-color $duration-fast-01 motion(standard, productive);\n  }\n\n  tr.#{$prefix}--parent-row.#{$prefix}--expandable-row + tr[data-child-row] td {\n    border-block-end: 1px solid $border-subtle;\n    padding-inline-start: 3.5rem;\n    transition:\n      padding-bottom $duration-moderate-01 motion(standard, productive),\n      transform $duration-moderate-01 motion(standard, productive);\n  }\n\n  // Increase padding inside expandable row when only a slug OR checkbox is present in row\n  tbody:has(> tr.#{$prefix}--data-table--slug-row)\n    > tr.#{$prefix}--expandable-row[data-child-row]\n    td,\n  tbody:has(> tr.#{$prefix}--data-table--ai-label-row)\n    > tr.#{$prefix}--expandable-row[data-child-row]\n    td,\n  tbody:has(td.#{$prefix}--table-column-checkbox)\n    > tr.#{$prefix}--expandable-row[data-child-row]\n    td {\n    padding-inline-start: convert.to-rem(88px);\n  }\n\n  // Increase padding inside expandable row when slug AND checkbox is present in row\n  tbody:has(> tr.#{$prefix}--data-table--ai-label-row):has(\n      td.#{$prefix}--table-column-checkbox\n    )\n    > tr.#{$prefix}--expandable-row[data-child-row]\n    td {\n    padding-inline-start: convert.to-rem(120px);\n  }\n\n  tr.#{$prefix}--parent-row.#{$prefix}--expandable-row\n    + tr[data-child-row]\n    td\n    .#{$prefix}--child-row-inner-container {\n    max-block-size: 100%;\n    padding-block: 1rem;\n    padding-block-end: 1.5rem;\n  }\n\n  // bottom border overrides\n  .#{$prefix}--parent-row.#{$prefix}--expandable-row > td,\n  .#{$prefix}--parent-row.#{$prefix}--expandable-row + tr[data-child-row] > td {\n    border-block-end: 1px solid $border-subtle;\n    box-shadow: 0 1px $border-subtle;\n  }\n\n  .#{$prefix}--parent-row:not(.#{$prefix}--expandable-row)\n    + tr[data-child-row]\n    > td {\n    box-shadow: none;\n  }\n\n  .#{$prefix}--parent-row.#{$prefix}--expandable-row > td:first-of-type {\n    // First td doesn't have a visible border\n    box-shadow: none;\n  }\n\n  //----------------------------------------------------------------------------\n  // Hover styles\n  //----------------------------------------------------------------------------\n  tr.#{$prefix}--parent-row:not(.#{$prefix}--expandable-row) td,\n  tr.#{$prefix}--parent-row.#{$prefix}--expandable-row td,\n  tr.#{$prefix}--parent-row.#{$prefix}--expandable-row {\n    transition:\n      height $duration-moderate-01 motion(standard, productive),\n      background-color $duration-fast-01 motion(standard, productive),\n      border-color $duration-fast-01 motion(standard, productive);\n  }\n\n  // hovering on collapsed parent\n  tr.#{$prefix}--parent-row:not(.#{$prefix}--expandable-row):first-of-type:hover\n    td {\n    border-block-end: 1px solid $border-subtle;\n    border-block-start: 1px solid $border-subtle;\n  }\n\n  // hovering on expanded parent\n  tr.#{$prefix}--parent-row.#{$prefix}--expandable-row:hover td {\n    background-color: $layer-hover;\n    border-block-end: 1px solid $border-subtle;\n    border-block-start: 1px solid $border-subtle;\n    color: $text-primary;\n  }\n\n  tr.#{$prefix}--parent-row.#{$prefix}--expandable-row:hover td:first-of-type {\n    // First td doesn't have a visible border\n    border-block-end: 1px solid $layer-hover;\n  }\n\n  // Child row when hovering on expanded parent\n  tr.#{$prefix}--parent-row.#{$prefix}--expandable-row:hover\n    + tr[data-child-row]\n    td {\n    background-color: $layer-hover;\n    border-block-end: 1px solid $border-subtle;\n    color: $text-primary;\n  }\n\n  //hovering on expanded child row\n  tr.#{$prefix}--expandable-row--hover + tr[data-child-row] td {\n    border-block-end: 1px solid $border-subtle;\n  }\n\n  //hovering on expanded child row (class added to parent)\n  tr.#{$prefix}--expandable-row--hover {\n    background-color: $layer-hover;\n  }\n\n  tr.#{$prefix}--expandable-row--hover td {\n    background-color: $layer-hover;\n    border-block-end: 1px solid $border-subtle;\n    border-block-start: 1px solid $border-subtle;\n    color: $text-primary;\n  }\n\n  tr.#{$prefix}--parent-row.#{$prefix}--expandable-row.#{$prefix}--expandable-row--hover\n    td:first-of-type {\n    // First parent td doesn't have visible bottom border\n    border-block-end: 1px solid transparent;\n  }\n\n  //----------------------------------------------------------------------------\n  // Expand icon column\n  //----------------------------------------------------------------------------\n  .#{$prefix}--data-table td.#{$prefix}--table-expand {\n    border-block-end: 1px solid $border-subtle-01;\n  }\n\n  .#{$prefix}--layer-two .#{$prefix}--data-table td.#{$prefix}--table-expand {\n    border-block-end: 1px solid $border-subtle-02;\n  }\n\n  .#{$prefix}--layer-three .#{$prefix}--data-table td.#{$prefix}--table-expand {\n    border-block-end: 1px solid $border-subtle-03;\n  }\n\n  .#{$prefix}--data-table\n    th.#{$prefix}--table-expand\n    + .#{$prefix}--table-column-checkbox,\n  .#{$prefix}--data-table\n    td.#{$prefix}--table-expand\n    + .#{$prefix}--table-column-checkbox {\n    padding-inline: convert.to-rem(6px) convert.to-rem(6px);\n  }\n\n  // Hide bottom border of checkbox column when expanded\n  .#{$prefix}--data-table\n    td.#{$prefix}--table-expand[data-previous-value='collapsed']\n    + .#{$prefix}--table-column-checkbox {\n    border-block-end: 1px solid transparent;\n    box-shadow: none;\n  }\n\n  .#{$prefix}--data-table\n    th.#{$prefix}--table-expand\n    + .#{$prefix}--table-column-checkbox\n    + th,\n  .#{$prefix}--data-table\n    td.#{$prefix}--table-expand\n    + .#{$prefix}--table-column-checkbox\n    + td {\n    padding-inline-start: convert.to-rem(8px);\n  }\n\n  .#{$prefix}--data-table td.#{$prefix}--table-expand,\n  .#{$prefix}--data-table th.#{$prefix}--table-expand {\n    padding: 0.5rem;\n    padding-inline-end: 0;\n  }\n\n  .#{$prefix}--data-table\n    td.#{$prefix}--table-expand[data-previous-value='collapsed'] {\n    border-block-end: 1px solid transparent;\n  }\n\n  .#{$prefix}--table-expand[data-previous-value='collapsed']\n    .#{$prefix}--table-expand__svg {\n    transform: rotate(270deg);\n    transition: transform $duration-moderate-01 motion(standard, productive);\n  }\n\n  .#{$prefix}--table-expand__button {\n    @include button-reset.reset('false');\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 $spacing-03;\n    // Account for the border in `.cds--table-expand`\n    block-size: calc(100% + 1px);\n    inline-size: 100%;\n    vertical-align: inherit;\n  }\n\n  .#{$prefix}--data-table--top-aligned-body\n    td\n    .#{$prefix}--table-expand__button,\n  .#{$prefix}--data-table--top-aligned-header\n    th\n    .#{$prefix}--table-expand__button {\n    align-items: start;\n    block-size: convert.to-rem(32px);\n    padding-block-start: $spacing-03;\n  }\n\n  .#{$prefix}--data-table--top-aligned-body.#{$prefix}--data-table--xs\n    td\n    .#{$prefix}--table-expand__button,\n  .#{$prefix}--data-table--top-aligned-header.#{$prefix}--data-table--xs\n    th\n    .#{$prefix}--table-expand__button {\n    block-size: convert.to-rem(24px);\n    padding-block-start: $spacing-02;\n  }\n\n  .#{$prefix}--data-table--top-aligned-body.#{$prefix}--data-table--md\n    td\n    .#{$prefix}--table-expand__button,\n  .#{$prefix}--data-table--top-aligned-header.#{$prefix}--data-table--md\n    th\n    .#{$prefix}--table-expand__button {\n    margin-block-start: -$spacing-02;\n    padding-block-start: $spacing-03;\n  }\n\n  .#{$prefix}--table-expand__button:focus {\n    box-shadow: inset 0 0 0 2px $focus;\n    outline: none;\n  }\n\n  .#{$prefix}--table-expand__svg {\n    fill: $layer-selected-inverse;\n    transform: rotate(90deg);\n    transition: transform $duration-moderate-01 motion(standard, productive);\n  }\n\n  .#{$prefix}--data-table--xl .#{$prefix}--table-expand__button {\n    inline-size: convert.to-rem(32px);\n  }\n\n  //----------------------------------------------------------------------------\n  //ZEBRA\n  //----------------------------------------------------------------------------\n  .#{$prefix}--data-table--zebra tbody tr[data-parent-row]:nth-child(4n + 3) td,\n  .#{$prefix}--data-table--zebra tbody tr[data-child-row]:nth-child(4n + 4) td {\n    border-block-end: 1px solid $layer;\n  }\n\n  .#{$prefix}--data-table--zebra tbody tr[data-parent-row]:nth-child(4n + 1) td,\n  .#{$prefix}--data-table--zebra tbody tr[data-child-row]:nth-child(4n + 2) td {\n    background-color: $layer-accent;\n    border-block-end: 1px solid $layer-accent;\n    border-block-start: 1px solid $layer-accent;\n  }\n\n  .#{$prefix}--data-table--zebra tr.#{$prefix}--parent-row td,\n  .#{$prefix}--data-table--zebra\n    tr.#{$prefix}--parent-row.#{$prefix}--expandable-row\n    + tr[data-child-row]\n    td {\n    transition:\n      transform $duration-moderate-01 motion(standard, productive),\n      border-bottom $duration-fast-01 motion(standard, productive),\n      border-top $duration-fast-01 motion(standard, productive);\n  }\n\n  .#{$prefix}--data-table--zebra tbody tr[data-parent-row]:hover td,\n  .#{$prefix}--data-table--zebra\n    tbody\n    tr[data-parent-row]:hover\n    + tr[data-child-row]\n    td,\n  .#{$prefix}--data-table--zebra tbody tr[data-child-row]:hover td {\n    background-color: $layer-hover;\n    border-block-end: 1px solid $layer-hover;\n    border-block-start: 1px solid $layer-hover;\n  }\n\n  .#{$prefix}--data-table--zebra\n    tr.#{$prefix}--parent-row.#{$prefix}--expandable-row.#{$prefix}--expandable-row--hover\n    td {\n    background-color: $layer-hover;\n    border-block-end: 1px solid $layer-hover;\n    border-block-start: 1px solid $layer-hover;\n  }\n\n  //----------------------------------------------------------------------------\n  // Selected\n  //----------------------------------------------------------------------------\n  // Parent collapsed\n\n  tr.#{$prefix}--parent-row.#{$prefix}--data-table--selected {\n    background-color: $layer-selected;\n  }\n\n  tr.#{$prefix}--parent-row.#{$prefix}--data-table--selected:first-of-type td {\n    border-block-start: 1px solid $layer-active;\n    box-shadow: 0 1px $layer-active;\n  }\n\n  tr.#{$prefix}--parent-row.#{$prefix}--data-table--selected td {\n    border-block-end: 1px solid $layer-active;\n    box-shadow: 0 1px $layer-active;\n    color: $text-primary;\n  }\n\n  tr.#{$prefix}--parent-row.#{$prefix}--data-table--selected:last-of-type td {\n    border-block-end: 1px solid transparent;\n    box-shadow: 0 1px $border-subtle;\n  }\n\n  // Parent collapsed hover\n  tr.#{$prefix}--parent-row.#{$prefix}--data-table--selected:not(\n      .#{$prefix}--expandable-row\n    ):hover\n    td {\n    background-color: $layer-selected-hover;\n    border-block-end: 1px solid $border-subtle;\n    border-block-start: 1px solid $layer-selected-hover;\n    box-shadow: 0 1px $layer-selected-hover;\n  }\n\n  // Parent expanded\n  tr.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--expandable-row\n    td,\n  tr.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--expandable-row\n    td:first-of-type {\n    border-block-end: 1px solid transparent;\n    // No visible border when expanded\n    box-shadow: 0 1px $layer-selected;\n  }\n\n  // Parent expanded hover\n  tr.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--expandable-row:hover\n    td,\n  tr.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--expandable-row:hover\n    td:first-of-type,\n  tr.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--expandable-row--hover\n    td,\n  tr.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--expandable-row--hover\n    td:first-of-type {\n    background-color: $layer-selected-hover;\n    border-block-end: 1px solid transparent;\n    border-block-start: 1px solid $layer-selected-hover;\n    box-shadow: 0 1px $layer-selected-hover;\n  }\n\n  // Child row expanded\n  tr.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--expandable-row\n    + tr[data-child-row]\n    td {\n    background-color: $layer-hover;\n    border-block-end: 1px solid $border-subtle;\n    border-block-start: 1px solid $layer-active;\n    box-shadow: 0 1px $layer-active;\n    color: $text-primary;\n  }\n\n  tr.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--expandable-row\n    + tr[data-child-row]:last-of-type\n    td {\n    box-shadow: inset 0 -1px $layer-active;\n    padding-block-end: convert.to-rem(24px);\n  }\n\n  // Child row expanded hover\n  tr.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--expandable-row:hover\n    + tr[data-child-row]\n    td,\n  tr.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--expandable-row--hover\n    + tr[data-child-row]\n    td {\n    background-color: $layer-selected;\n  }\n\n  // Slug styles\n  .#{$prefix}--parent-row .#{$prefix}--table-column-slug,\n  .#{$prefix}--parent-row\n    .#{$prefix}--table-column-slug\n    + td.#{$prefix}--table-expand[data-previous-value='collapsed'],\n  .#{$prefix}--parent-row .#{$prefix}--table-column-decorator,\n  .#{$prefix}--parent-row\n    .#{$prefix}--table-column-decorator\n    + td.#{$prefix}--table-expand[data-previous-value='collapsed'] {\n    box-shadow: none;\n  }\n\n  .#{$prefix}--parent-row.#{$prefix}--expandable-row\n    .#{$prefix}--table-column-slug,\n  .#{$prefix}--parent-row.#{$prefix}--expandable-row\n    .#{$prefix}--table-column-slug\n    + td.#{$prefix}--table-expand[data-previous-value='collapsed'],\n  .#{$prefix}--parent-row.#{$prefix}--expandable-row\n    .#{$prefix}--table-column-decorator,\n  .#{$prefix}--parent-row.#{$prefix}--expandable-row\n    .#{$prefix}--table-column-decorator\n    + td.#{$prefix}--table-expand[data-previous-value='collapsed'] {\n    border-block-end: 1px solid transparent;\n  }\n\n  .#{$prefix}--data-table--slug-row td,\n  .#{$prefix}--data-table tr.#{$prefix}--data-table--slug-row:hover td,\n  .#{$prefix}--data-table--ai-label-row td,\n  .#{$prefix}--data-table tr.#{$prefix}--data-table--ai-label-row:hover td {\n    border-block-start: 1px solid transparent;\n  }\n\n  // Windows HCM fix\n  .#{$prefix}--table-expand__button:focus .#{$prefix}--table-expand__svg {\n    @include high-contrast-mode('focus');\n  }\n\n  .#{$prefix}--table-expand__svg {\n    @include high-contrast-mode('icon-fill');\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../../config' as *;\n@use '../../../spacing' as *;\n@use '../../../theme' as *;\n@use '../../../utilities/convert';\n@use '../../../utilities/skeleton' as *;\n\n/// Data table skeleton styles\n/// @access public\n/// @group data-table\n@mixin data-table-skeleton {\n  .#{$prefix}--data-table.#{$prefix}--skeleton th {\n    padding-inline-start: 1rem;\n    vertical-align: middle;\n  }\n\n  .#{$prefix}--data-table.#{$prefix}--skeleton th span,\n  .#{$prefix}--data-table.#{$prefix}--skeleton td span {\n    @include skeleton;\n\n    display: block;\n    block-size: convert.to-rem(16px);\n\n    inline-size: convert.to-rem(64px);\n  }\n\n  .#{$prefix}--data-table.#{$prefix}--skeleton tr:hover td {\n    border-color: $border-subtle;\n    background: transparent;\n  }\n\n  .#{$prefix}--data-table.#{$prefix}--skeleton tr:hover td:first-of-type,\n  .#{$prefix}--data-table.#{$prefix}--skeleton tr:hover td:last-of-type {\n    border-color: $border-subtle;\n  }\n\n  .#{$prefix}--data-table.#{$prefix}--skeleton .#{$prefix}--table-sort {\n    pointer-events: none;\n  }\n\n  .#{$prefix}--data-table.#{$prefix}--skeleton th span {\n    background: $skeleton-element;\n  }\n\n  .#{$prefix}--data-table.#{$prefix}--skeleton th span::before {\n    background: $skeleton-background;\n  }\n\n  .#{$prefix}--data-table-container.#{$prefix}--skeleton\n    .#{$prefix}--data-table-header__title {\n    @include skeleton;\n\n    block-size: convert.to-rem(24px);\n\n    inline-size: convert.to-rem(120px);\n  }\n\n  .#{$prefix}--data-table-container.#{$prefix}--skeleton\n    .#{$prefix}--data-table-header__description {\n    @include skeleton;\n\n    block-size: convert.to-rem(16px);\n\n    inline-size: convert.to-rem(160px);\n\n    margin-block-start: $spacing-03;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n@use '../vars' as *;\n@use '../../../config' as *;\n@use '../../../motion' as *;\n@use '../../../spacing' as *;\n@use '../../../theme' as *;\n@use '../../../utilities/button-reset';\n@use '../../../utilities/convert';\n@use '../../../utilities/focus-outline' as *;\n@use '../../../utilities/high-contrast-mode' as *;\n\n/// Data table sort styles\n/// @access public\n/// @group data-table\n@mixin data-table-sort {\n  // -------------------------------------\n  // Sortable table\n  // -------------------------------------\n  .#{$prefix}--data-table--sort th,\n  .#{$prefix}--data-table th[aria-sort] {\n    padding: 0;\n    block-size: $spacing-09;\n    border-block-end: none;\n    border-block-start: none;\n  }\n\n  // hidden sort description\n  .#{$prefix}--table-sort__description {\n    display: none;\n  }\n\n  // -------------------------------------\n  // Th > Button\n  // -------------------------------------\n  .#{$prefix}--table-sort {\n    @include button-reset.reset(false);\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background-color: $layer-accent;\n    color: $text-primary;\n    font: inherit;\n    inline-size: 100%;\n    line-height: 1;\n    min-block-size: 100%;\n    padding-inline-start: $spacing-05;\n    text-align: start;\n    transition:\n      background-color $duration-fast-01 motion(entrance, productive),\n      outline $duration-fast-01 motion(entrance, productive);\n  }\n\n  .#{$prefix}--table-sort:focus {\n    @include focus-outline('outline');\n  }\n\n  .#{$prefix}--table-sort:hover {\n    background: $data-table-column-hover;\n  }\n\n  // changes opacity when th is inactive (see line 161)\n  .#{$prefix}--table-sort:focus svg,\n  .#{$prefix}--table-sort:hover svg {\n    opacity: 1;\n  }\n\n  // Override for when `isSortable` is set on `DataTable` as well as `TableHeader`\n  .#{$prefix}--data-table.#{$prefix}--data-table--sort\n    th\n    > .#{$prefix}--table-header-label {\n    line-height: 1;\n    padding-inline: $spacing-05 $spacing-05;\n  }\n\n  // -------------------------------------\n  // Th > Button > Span (span required for flex bugs in Safari)\n  // -------------------------------------\n  th .#{$prefix}--table-sort__flex {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    block-size: 100%;\n    inline-size: 100%;\n    min-block-size: 3rem;\n  }\n\n  .#{$prefix}--data-table--top-aligned-header th .#{$prefix}--table-sort__flex {\n    align-items: start;\n  }\n\n  .#{$prefix}--data-table.#{$prefix}--data-table--top-aligned-header.#{$prefix}--data-table--lg\n    th.#{$prefix}--table-sort__header {\n    padding-block-start: $spacing-05;\n  }\n\n  .#{$prefix}--data-table.#{$prefix}--data-table--top-aligned-header.#{$prefix}--data-table--sm\n    th.#{$prefix}--table-sort__header\n    .#{$prefix}--table-sort__flex\n    .#{$prefix}--table-header-label,\n  .#{$prefix}--data-table.#{$prefix}--data-table--top-aligned-header.#{$prefix}--data-table--xs\n    th.#{$prefix}--table-sort__header\n    .#{$prefix}--table-sort__flex\n    .#{$prefix}--table-header-label {\n    padding-block: 0;\n  }\n\n  .#{$prefix}--data-table.#{$prefix}--data-table--top-aligned-header.#{$prefix}--data-table--sm\n    th.#{$prefix}--table-sort__header {\n    padding-block: convert.to-rem(7px) convert.to-rem(7px);\n  }\n\n  .#{$prefix}--data-table.#{$prefix}--data-table--top-aligned-header.#{$prefix}--data-table--xs\n    th.#{$prefix}--table-sort__header {\n    padding-block: convert.to-rem(2px) convert.to-rem(2px);\n  }\n\n  .#{$prefix}--data-table--sort:not(.#{$prefix}--data-table--xs):not(\n      .#{$prefix}--data-table--sm\n    ):not(.#{$prefix}--data-table--md):not(.#{$prefix}--data-table--xl)\n    th\n    .#{$prefix}--table-sort__flex {\n    /* IE11 workaround for align-items: center and min-height\n        https://github.com/philipwalton/flexbugs/issues/231 */\n    @media screen and (-ms-high-contrast: active),\n      screen and (-ms-high-contrast: none) {\n      block-size: 2.99rem;\n    }\n  }\n\n  .#{$prefix}--data-table--xs.#{$prefix}--data-table--sort\n    th\n    .#{$prefix}--table-sort__flex {\n    min-block-size: 1.5rem;\n  }\n\n  .#{$prefix}--data-table--sm.#{$prefix}--data-table--sort\n    th\n    .#{$prefix}--table-sort__flex {\n    min-block-size: 2rem;\n  }\n\n  .#{$prefix}--data-table--md.#{$prefix}--data-table--sort\n    th\n    .#{$prefix}--table-sort__flex {\n    min-block-size: 2.5rem;\n  }\n\n  .#{$prefix}--data-table--xl.#{$prefix}--data-table--sort\n    th\n    .#{$prefix}--table-sort__flex {\n    align-items: flex-start;\n    min-block-size: 4rem;\n  }\n\n  // -------------------------------------\n  //Th > Button > Svg (Sort Icons)\n  // -------------------------------------\n  // inactive icons\n  .#{$prefix}--table-sort .#{$prefix}--table-sort__icon-inactive {\n    display: block;\n  }\n\n  .#{$prefix}--table-sort .#{$prefix}--table-sort__icon {\n    display: none;\n  }\n\n  .#{$prefix}--table-sort__icon-unsorted {\n    fill: $icon-primary;\n    inline-size: convert.to-rem(20px);\n    margin-inline: $spacing-03 $spacing-03;\n    min-inline-size: $spacing-05;\n    opacity: 0;\n  }\n\n  .#{$prefix}--table-sort.#{$prefix}--table-sort--active {\n    background: $data-table-column-hover;\n  }\n\n  // active icons\n  .#{$prefix}--table-sort.#{$prefix}--table-sort--active\n    .#{$prefix}--table-sort__icon-unsorted {\n    display: none;\n  }\n\n  .#{$prefix}--table-sort.#{$prefix}--table-sort--active\n    .#{$prefix}--table-sort__icon {\n    display: block;\n    opacity: 1;\n  }\n\n  .#{$prefix}--table-sort--descending .#{$prefix}--table-sort__icon {\n    transform: rotate(180deg);\n  }\n\n  .#{$prefix}--table-sort__icon {\n    fill: $icon-primary;\n    inline-size: convert.to-rem(20px);\n    margin-inline: $spacing-03 $spacing-03;\n    min-inline-size: $spacing-05;\n    opacity: 1;\n    transform: rotate(0);\n    transition: transform $transition-base $standard-easing;\n  }\n\n  //----------------------------------------------------------------------------\n  // Compact, Short, Tall Sortable\n  //----------------------------------------------------------------------------\n  // Sortable compact\n  .#{$prefix}--data-table--xs.#{$prefix}--data-table--sort th {\n    block-size: convert.to-rem(24px);\n  }\n\n  // Sortable Short\n  .#{$prefix}--data-table--sm.#{$prefix}--data-table--sort th {\n    block-size: convert.to-rem(32px);\n  }\n\n  // Sortable Medium\n  .#{$prefix}--data-table--md.#{$prefix}--data-table--sort th {\n    block-size: convert.to-rem(40px);\n  }\n\n  // Sortable Tall\n  .#{$prefix}--data-table--xl.#{$prefix}--data-table--sort th {\n    block-size: convert.to-rem(64px);\n  }\n\n  .#{$prefix}--data-table--xl.#{$prefix}--data-table--sort\n    th\n    .#{$prefix}--table-sort {\n    display: inline-block;\n    block-size: convert.to-rem(64px);\n  }\n\n  .#{$prefix}--data-table--xl .#{$prefix}--table-sort__icon-unsorted,\n  .#{$prefix}--data-table--xl .#{$prefix}--table-sort__icon {\n    margin-block-start: convert.to-rem(13px);\n  }\n\n  // AILabel styles\n  .#{$prefix}--table-sort__header--slug .#{$prefix}--table-sort__icon,\n  .#{$prefix}--table-sort__header--slug .#{$prefix}--table-sort__icon-unsorted,\n  .#{$prefix}--table-sort__header--ai-label .#{$prefix}--table-sort__icon,\n  .#{$prefix}--table-sort__header--ai-label\n    .#{$prefix}--table-sort__icon-unsorted,\n  .#{$prefix}--table-sort__header--decorator .#{$prefix}--table-sort__icon,\n  .#{$prefix}--table-sort__header--decorator\n    .#{$prefix}--table-sort__icon-unsorted {\n    margin-inline: auto convert.to-rem(8px);\n  }\n  .#{$prefix}--table-sort__header--ai-label .#{$prefix}--ai-label,\n  .#{$prefix}--table-sort__header--ai-label .#{$prefix}--slug,\n  .#{$prefix}--table-sort__header--decorator\n    .#{$prefix}--table-header-label--decorator-inner,\n  .#{$prefix}--table-sort__header--ai-label\n    .#{$prefix}--table-header-label--decorator-inner {\n    margin-inline-end: convert.to-rem(8px);\n  }\n\n  // Windows HCM fix\n  .#{$prefix}--table-sort__icon,\n  .#{$prefix}--table-sort__icon-unsorted {\n    @include high-contrast-mode('icon-fill');\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../motion' as *;\n@use '../../theme' as *;\n@use '../../spacing' as *;\n@use '../../type' as *;\n@use '../../utilities/box-shadow' as *;\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/high-contrast-mode' as *;\n\n@use '../button/tokens' as *;\n\n@keyframes fp-fade-in-down {\n  from {\n    opacity: 0;\n    transform: translate3d(0, -20px, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n\n@keyframes fp-slide-left {\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    transform: translate3d(-100%, 0, 0);\n  }\n}\n\n@keyframes fp-slide-left-new {\n  from {\n    transform: translate3d(100%, 0, 0);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n\n@keyframes fp-slide-right {\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    transform: translate3d(100%, 0, 0);\n  }\n}\n\n@keyframes fp-slide-right-new {\n  from {\n    transform: translate3d(-100%, 0, 0);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n\n@keyframes fp-fade-out {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n\n@keyframes fp-fade-in {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n@mixin flatpickr {\n  .flatpickr-calendar {\n    position: absolute;\n    overflow: hidden;\n    box-sizing: border-box;\n    padding: 0;\n    border: 0;\n    border-radius: 0;\n    animation: none;\n    direction: ltr;\n    inline-size: convert.to-rem(315px);\n    max-block-size: 0;\n    opacity: 0;\n    text-align: center;\n    touch-action: manipulation;\n    visibility: hidden;\n    @include high-contrast-mode('outline');\n  }\n\n  .flatpickr-calendar.open,\n  .flatpickr-calendar.inline {\n    overflow: visible;\n    max-block-size: convert.to-rem(640px);\n    opacity: 1;\n    visibility: inherit;\n  }\n\n  .flatpickr-calendar.open {\n    @include box-shadow;\n\n    z-index: 99999;\n    display: flex;\n    overflow: hidden;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: $spacing-02 $spacing-02 $spacing-03 $spacing-02;\n    border: none;\n    background-color: $layer-01;\n    block-size: convert.to-rem(336px);\n    inline-size: convert.to-rem(288px);\n    margin-block-start: convert.to-rem(-2px);\n\n    &:focus {\n      @include focus-outline('border');\n    }\n  }\n\n  .flatpickr-calendar.animate.open {\n    animation: fp-fade-in-down $duration-fast-02 motion(entrance, productive);\n\n    @media screen and (prefers-reduced-motion: reduce) {\n      animation: none;\n    }\n  }\n\n  .flatpickr-calendar.inline {\n    position: absolute;\n    display: block;\n    inset-block-start: auto;\n  }\n\n  .flatpickr-calendar.static {\n    position: absolute;\n    inset-block-start: calc(100% + 2px);\n  }\n\n  .flatpickr-calendar.static.open {\n    z-index: 999;\n    display: block;\n  }\n\n  .flatpickr-calendar.hasWeeks {\n    inline-size: auto;\n  }\n\n  .dayContainer {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-around;\n    padding: 0;\n    block-size: convert.to-rem(246px);\n    outline: 0;\n  }\n\n  .flatpickr-calendar .hasWeeks .dayContainer,\n  .flatpickr-calendar .hasTime .dayContainer {\n    border-block-end: 0;\n    border-end-end-radius: 0;\n    border-end-start-radius: 0;\n  }\n\n  .flatpickr-calendar .hasWeeks .dayContainer {\n    border-inline-start: 0;\n  }\n\n  .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {\n    block-size: convert.to-rem(40px);\n    border-block-start: 1px solid #e6e6e6;\n  }\n\n  .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\n    block-size: auto;\n  }\n\n  .flatpickr-calendar:focus {\n    outline: 0;\n  }\n\n  .flatpickr-months {\n    display: flex;\n    justify-content: space-between;\n    inline-size: 100%;\n  }\n\n  .flatpickr-month {\n    @include type-style('heading-compact-01');\n\n    display: flex;\n    align-items: center;\n    background-color: transparent;\n    block-size: convert.to-rem(40px);\n    color: $text-primary;\n    line-height: 1;\n    text-align: center;\n  }\n\n  .flatpickr-prev-month,\n  .flatpickr-next-month {\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    block-size: convert.to-rem(40px);\n    cursor: pointer;\n    fill: $icon-primary;\n    inline-size: convert.to-rem(40px);\n    line-height: 16px;\n    text-decoration: none;\n    transform: scale(1, 1) #{'/*rtl: scale(-1,1)*/'};\n    transition: background-color $duration-fast-01 motion(standard, productive);\n    user-select: none;\n    // Windows HCM fix\n    @include high-contrast-mode('icon-fill');\n\n    @media screen and (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n\n    &:hover {\n      background-color: $layer-hover;\n    }\n  }\n\n  .flatpickr-next-month.disabled svg,\n  .flatpickr-prev-month.disabled svg {\n    cursor: not-allowed;\n    fill: $icon-disabled;\n  }\n\n  .flatpickr-next-month.disabled:hover svg,\n  .flatpickr-prev-month.disabled:hover svg {\n    fill: $icon-disabled;\n  }\n\n  .flatpickr-current-month {\n    @include type-style('heading-compact-01');\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    block-size: convert.to-rem(28px);\n    text-align: center;\n  }\n\n  .flatpickr-current-month .cur-month {\n    margin-inline: $spacing-02 $spacing-02;\n\n    &:hover {\n      background-color: $layer-hover;\n    }\n  }\n\n  .numInputWrapper {\n    position: relative;\n    inline-size: convert.to-rem(60px);\n\n    &:hover {\n      background-color: $background-hover;\n    }\n  }\n\n  .numInputWrapper .numInput {\n    display: inline-block;\n    padding: $spacing-02;\n    border: none;\n    margin: 0;\n    // Added in when upgraded to Flatpickr 4.5.5 (#1977)\n    -moz-appearance: textfield; /* Firefox */\n    background-color: $field-01;\n    color: $text-primary;\n    cursor: default;\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: 600;\n    inline-size: 100%;\n\n    &::-webkit-outer-spin-button,\n    &::-webkit-inner-spin-button {\n      margin: 0; /* <-- Apparently some margin are still there even though it's hidden */\n      // Added in when upgraded to Flatpickr 4.5.5 (#1977)\n      -webkit-appearance: none;\n    }\n\n    &:focus {\n      @include focus-outline('border');\n    }\n\n    &[disabled],\n    &[disabled]:hover {\n      background-color: $layer-01;\n      color: $text-disabled;\n      pointer-events: none;\n    }\n  }\n\n  .numInputWrapper .arrowUp {\n    border-block-end: 0;\n    inset-block-start: convert.to-rem(4px);\n\n    &::after {\n      border-block-end: convert.to-rem(4px) solid $icon-primary;\n    }\n  }\n\n  .numInputWrapper .arrowDown {\n    inset-block-start: convert.to-rem(11px);\n\n    &::after {\n      border-block-start: convert.to-rem(4px) solid $icon-primary;\n    }\n  }\n\n  .numInputWrapper .arrowUp,\n  .numInputWrapper .arrowDown {\n    position: absolute;\n    padding: 0 convert.to-rem(4px) 0 convert.to-rem(2px);\n    border: none;\n    block-size: 50%;\n    cursor: pointer;\n    inline-size: convert.to-rem(12px);\n    inset-inline-start: 2.6rem;\n    line-height: 50%;\n    opacity: 0;\n\n    &::after {\n      position: absolute;\n      display: block;\n      border-inline-end: convert.to-rem(4px) solid transparent;\n      border-inline-start: convert.to-rem(4px) solid transparent;\n      content: '';\n      inset-block-start: 33%;\n    }\n\n    &:hover::after {\n      border-block-end-color: $button-primary;\n      border-block-start-color: $button-primary;\n    }\n\n    &:active::after {\n      border-block-end-color: $border-interactive;\n      border-block-start-color: $border-interactive;\n    }\n  }\n\n  .numInput[disabled] ~ .arrowUp::after {\n    border-block-end-color: $text-disabled;\n  }\n\n  .numInput[disabled] ~ .arrowDown::after {\n    border-block-start-color: $text-disabled;\n  }\n\n  .numInputWrapper:hover .arrowUp,\n  .numInputWrapper:hover .arrowDown {\n    opacity: 1;\n  }\n\n  .numInputWrapper:hover .numInput[disabled] ~ .arrowUp,\n  .numInputWrapper:hover .numInput[disabled] ~ .arrowDown {\n    opacity: 0;\n  }\n\n  .flatpickr-weekdays {\n    display: flex;\n    align-items: center;\n    block-size: convert.to-rem(40px);\n  }\n\n  .flatpickr-weekdaycontainer {\n    display: flex;\n    inline-size: 100%;\n  }\n\n  .flatpickr-weekday {\n    @include type-style('body-compact-01');\n\n    flex: 1;\n    color: $text-primary;\n    cursor: default;\n  }\n\n  .flatpickr-days:focus {\n    outline: 0;\n  }\n\n  .flatpickr-calendar.animate .dayContainer.slideLeft {\n    animation:\n      fp-fade-out 400ms cubic-bezier(0.23, 1, 0.32, 1),\n      fp-slide-left 400ms cubic-bezier(0.23, 1, 0.32, 1);\n  }\n\n  .flatpickr-calendar.animate .dayContainer.slideLeft,\n  .flatpickr-calendar.animate .dayContainer.slideLeftNew {\n    transform: translate3d(-100%, 0, 0);\n  }\n\n  .flatpickr-calendar.animate .dayContainer.slideLeftNew {\n    animation:\n      fp-fade-in 400ms cubic-bezier(0.23, 1, 0.32, 1),\n      fp-slide-left 400ms cubic-bezier(0.23, 1, 0.32, 1);\n  }\n\n  .flatpickr-calendar.animate .dayContainer.slideRight {\n    animation:\n      fp-fade-out 400ms cubic-bezier(0.23, 1, 0.32, 1),\n      fp-slide-right 400ms cubic-bezier(0.23, 1, 0.32, 1);\n    transform: translate3d(100%, 0, 0);\n  }\n\n  .flatpickr-calendar.animate .dayContainer.slideRightNew {\n    animation:\n      fp-fade-in 400ms cubic-bezier(0.23, 1, 0.32, 1),\n      fp-slide-right-new 400ms cubic-bezier(0.23, 1, 0.32, 1);\n  }\n\n  .flatpickr-day {\n    @include type-style('body-compact-01');\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    block-size: convert.to-rem(40px);\n    color: $text-primary;\n    cursor: pointer;\n    inline-size: convert.to-rem(40px);\n    transition: all $duration-fast-01 motion(standard, productive);\n\n    &:hover {\n      background: $layer-hover;\n    }\n\n    &:focus {\n      @include focus-outline('outline');\n\n      outline-color: $button-primary;\n    }\n  }\n\n  .nextMonthDay,\n  .prevMonthDay {\n    color: $text-helper;\n  }\n\n  .flatpickr-day.today {\n    position: relative;\n    color: $link-primary;\n    font-weight: 600;\n\n    &::after {\n      position: absolute;\n      display: block;\n      background-color: $link-primary;\n      block-size: convert.to-rem(4px);\n      content: '';\n      inline-size: convert.to-rem(4px);\n      inset-block-end: convert.to-rem(7px);\n      inset-inline-start: 50%;\n      transform: translateX(-50%);\n    }\n  }\n\n  .flatpickr-day.today.no-border {\n    border: none;\n  }\n\n  .flatpickr-day.today.selected {\n    @include focus-outline('outline');\n\n    &::after {\n      display: none;\n    }\n  }\n\n  .flatpickr-day.inRange {\n    background-color: $highlight;\n    color: $text-primary;\n  }\n\n  .flatpickr-day.selected {\n    background-color: $button-primary;\n    color: $text-on-color;\n    @include high-contrast-mode('focus') {\n      outline-style: dotted;\n    }\n\n    &:focus {\n      outline: convert.to-rem(1px) solid $layer-02;\n      outline-offset: convert.to-rem(-3px);\n    }\n  }\n\n  .flatpickr-day.startRange.selected {\n    z-index: 2;\n    box-shadow: none;\n  }\n\n  .flatpickr-day.startRange.inRange:not(.selected),\n  .flatpickr-day.endRange.inRange {\n    @include focus-outline('outline');\n\n    z-index: 3;\n    background: $layer-01;\n  }\n\n  .flatpickr-day.endRange:hover {\n    @include focus-outline('outline');\n\n    background: $layer-01;\n    color: $text-primary;\n  }\n\n  .flatpickr-day.endRange.inRange.selected {\n    background: $button-primary;\n    color: $text-on-color;\n  }\n\n  .flatpickr-day.flatpickr-disabled {\n    color: $text-disabled;\n    cursor: not-allowed;\n\n    &:hover {\n      background-color: transparent;\n    }\n  }\n\n  .flatpickr-input[readonly] {\n    cursor: pointer;\n  }\n\n  .flatpickr-day.today,\n  .flatpickr-day.inRange {\n    @include high-contrast-mode {\n      color: Highlight;\n    }\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'flatpickr' as *;\n@use '../form';\n@use '../../colors' as *;\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../theme' as *;\n@use '../../spacing' as *;\n@use '../../type' as *;\n@use '../../utilities/ai-gradient' as *;\n@use '../../utilities/component-reset';\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/placeholder-colors' as *;\n@use '../../utilities/skeleton' as *;\n\n/// Date picker styles\n/// @access public\n/// @group date-picker\n@mixin date-picker {\n  @include flatpickr;\n\n  .#{$prefix}--date-picker {\n    display: flex;\n  }\n\n  // V11: Possibly deprecate\n  .#{$prefix}--date-picker--light .#{$prefix}--date-picker__input {\n    background: $field-02;\n  }\n\n  .#{$prefix}--date-picker ~ .#{$prefix}--label {\n    order: 1;\n  }\n\n  .#{$prefix}--date-picker-container {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n\n  .#{$prefix}--date-picker-container .#{$prefix}--label {\n    display: flex;\n  }\n\n  .#{$prefix}--date-picker-input__wrapper {\n    display: flex;\n    align-items: center;\n  }\n\n  .#{$prefix}--date-picker-input__wrapper > span {\n    position: relative;\n  }\n\n  .#{$prefix}--date-picker.#{$prefix}--date-picker--simple\n    .#{$prefix}--date-picker__input,\n  .#{$prefix}--date-picker.#{$prefix}--date-picker--simple .#{$prefix}--label {\n    inline-size: convert.to-rem(120px);\n  }\n\n  .#{$prefix}--date-picker.#{$prefix}--date-picker--simple\n    .#{$prefix}--date-picker-input__wrapper--invalid,\n  .#{$prefix}--date-picker.#{$prefix}--date-picker--simple\n    .#{$prefix}--date-picker-input__wrapper--warn {\n    .#{$prefix}--date-picker__input,\n    ~ .#{$prefix}--form-requirement {\n      inline-size: convert.to-rem(152px);\n    }\n  }\n\n  .#{$prefix}--date-picker.#{$prefix}--date-picker--simple.#{$prefix}--date-picker--short {\n    .#{$prefix}--date-picker__input {\n      inline-size: 5.7rem;\n    }\n  }\n\n  .#{$prefix}--date-picker.#{$prefix}--date-picker--single\n    .#{$prefix}--date-picker__input {\n    inline-size: convert.to-rem(288px);\n  }\n\n  .#{$prefix}--date-picker\n    .#{$prefix}--date-picker-input__wrapper--warn\n    ~ .#{$prefix}--form-requirement {\n    color: $text-primary;\n  }\n  .#{$prefix}--date-picker__input {\n    @include component-reset.reset;\n    @include type-style('code-02');\n    @include focus-outline('reset');\n\n    position: relative;\n    display: block;\n    padding: 0 $spacing-05;\n    border: none;\n    background-color: $field;\n    block-size: convert.to-rem(40px);\n    border-block-end: 1px solid $border-strong;\n    color: $text-primary;\n    transition: $duration-fast-01 motion(standard, productive) all;\n\n    &:focus,\n    &.#{$prefix}--focused {\n      @include focus-outline('outline');\n    }\n\n    &:disabled {\n      background-color: $field;\n      border-block-end: 1px solid transparent;\n      color: $text-disabled;\n      cursor: not-allowed;\n    }\n\n    &:disabled::placeholder {\n      color: $text-disabled;\n    }\n\n    &:disabled:hover {\n      border-block-end: 1px solid transparent;\n    }\n\n    &::placeholder {\n      @include placeholder-colors;\n    }\n  }\n\n  // Size variant styles\n  .#{$prefix}--date-picker__input--lg {\n    block-size: convert.to-rem(48px);\n  }\n\n  .#{$prefix}--date-picker__input--sm {\n    block-size: convert.to-rem(32px);\n  }\n\n  .#{$prefix}--date-picker__icon {\n    position: absolute;\n    z-index: 1;\n    fill: $icon-primary;\n    // vertically center icon within parent container on IE11\n    inset-block-start: 50%;\n    inset-inline-end: 1rem;\n    pointer-events: none;\n    transform: translateY(-50%);\n  }\n\n  .#{$prefix}--date-picker__icon--invalid,\n  .#{$prefix}--date-picker__icon--warn {\n    cursor: auto;\n  }\n\n  .#{$prefix}--date-picker__icon--warn {\n    fill: $support-warning;\n  }\n\n  // V11: Do we have an always black token?\n  .#{$prefix}--date-picker__icon--warn path:first-of-type {\n    fill: $black-100;\n    opacity: 1;\n  }\n\n  .#{$prefix}--date-picker__icon--invalid {\n    fill: $support-error;\n  }\n\n  .#{$prefix}--date-picker__icon ~ .#{$prefix}--date-picker__input {\n    padding-inline-end: $spacing-09;\n  }\n\n  .#{$prefix}--date-picker__input:disabled ~ .#{$prefix}--date-picker__icon {\n    cursor: not-allowed;\n    fill: $icon-disabled;\n  }\n\n  .#{$prefix}--date-picker--range\n    > .#{$prefix}--date-picker-container:first-child {\n    margin-inline-end: convert.to-rem(1px);\n  }\n\n  .#{$prefix}--date-picker--range .#{$prefix}--date-picker-container,\n  .#{$prefix}--date-picker--range .#{$prefix}--date-picker__input {\n    inline-size: convert.to-rem(143.5px);\n  }\n\n  // Styles for `AILabel` rendered inside `DatePickerInput`\n  .#{$prefix}--date-picker-input__wrapper--decorator\n    .#{$prefix}--date-picker-input-inner-wrapper--decorator\n    > *,\n  .#{$prefix}--date-picker-input__wrapper--slug .#{$prefix}--ai-label,\n  .#{$prefix}--date-picker-input__wrapper--slug .#{$prefix}--slug {\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-end: $spacing-08;\n    transform: translateY(-50%);\n  }\n\n  .#{$prefix}--date-picker-input__wrapper--decorator\n    .#{$prefix}--date-picker-input-inner-wrapper--decorator:not(\n      :has(.#{$prefix}--ai-label)\n    )\n    > * {\n    block-size: 1rem;\n  }\n\n  .#{$prefix}--date-picker-input__wrapper--decorator\n    .#{$prefix}--date-picker__input:has(\n      ~ .#{$prefix}--date-picker-input-inner-wrapper--decorator\n        .#{$prefix}--ai-label\n    ):not(\n      :has(\n          ~ .#{$prefix}--date-picker-input-inner-wrapper--decorator\n            .#{$prefix}--ai-label--revert\n        )\n    ),\n  .#{$prefix}--date-picker-input__wrapper--slug\n    .#{$prefix}--date-picker__input:has(~ .#{$prefix}--ai-label):not(\n      :has(~ .#{$prefix}--ai-label--revert)\n    ),\n  .#{$prefix}--date-picker-input__wrapper--slug\n    .#{$prefix}--date-picker__input:has(~ .#{$prefix}--slug):not(\n      :has(~ .#{$prefix}--slug--revert)\n    ) {\n    @include ai-gradient;\n\n    padding-inline-end: $spacing-10;\n  }\n\n  // Read-only State\n  .#{$prefix}--date-picker__input[readonly] {\n    background: transparent;\n    border-block-end-color: $border-subtle;\n    cursor: text;\n  }\n\n  .#{$prefix}--date-picker__input[readonly] + .#{$prefix}--date-picker__icon {\n    fill: $icon-disabled;\n  }\n\n  // Skeleton State\n  .#{$prefix}--date-picker.#{$prefix}--skeleton input,\n  .#{$prefix}--date-picker__input.#{$prefix}--skeleton {\n    @include skeleton;\n\n    inline-size: 100%;\n\n    &::placeholder {\n      color: transparent;\n    }\n  }\n\n  .#{$prefix}--date-picker.#{$prefix}--skeleton .#{$prefix}--label {\n    @include skeleton;\n\n    block-size: convert.to-rem(14px);\n    inline-size: convert.to-rem(75px);\n  }\n\n  // Windows HCM fix\n\n  .#{$prefix}--date-picker__icon {\n    @include high-contrast-mode('icon-fill');\n  }\n}\n","//\n// Copyright IBM Corp. 2014, 2024\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:list';\n@use '../button';\n@use '../../config' as *;\n@use '../../breakpoint' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/ai-gradient' as *;\n@use '../../utilities/convert';\n@use '../../utilities/component-reset';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/high-contrast-mode' as *;\n\n/// Dialog styles\n/// @access public\n/// @group dialog\n@mixin dialog {\n  .#{$prefix}--dialog {\n    padding: 0;\n    border: none;\n    background-color: $layer;\n    block-size: fit-content;\n    color: $text-primary;\n    inline-size: 48rem;\n    max-block-size: 50%;\n    max-inline-size: 100%;\n    opacity: 0;\n    transform: translateY(calc(-1 * #{$spacing-06}));\n\n    /** opening and closing is used in as allow-discrete is not currently supported wide enough\n     * https://caniuse.com/mdn-css_properties_display_is_transitionable\n     */\n    transition:\n      opacity $duration-moderate-02 motion(exit, expressive),\n      transform $duration-moderate-02 motion(exit, expressive),\n      overlay $duration-moderate-02 motion(exit, expressive) allow-discrete,\n      display $duration-moderate-02 motion(exit, expressive) allow-discrete;\n\n    @media (prefers-reduced-motion) {\n      transition: none;\n    }\n\n    @include breakpoint(md) {\n      max-inline-size: 84%;\n    }\n    @include breakpoint(lg) {\n      max-inline-size: 72%;\n    }\n    @include breakpoint(xlg) {\n      max-inline-size: 64%;\n    }\n    @include breakpoint(xlg) {\n      max-inline-size: 60%;\n    }\n\n    &[open] {\n      opacity: 1;\n      transform: translateY(0);\n\n      transition:\n        opacity $duration-moderate-02 motion(entrance, expressive),\n        transform $duration-moderate-02 motion(entrance, expressive),\n        overlay $duration-moderate-02 motion(entrance, expressive)\n          allow-discrete,\n        display $duration-moderate-02 motion(entrance, expressive)\n          allow-discrete;\n\n      @media (prefers-reduced-motion) {\n        transition: none;\n      }\n    }\n\n    /** starting style also not supported widely\n    * https://caniuse.com/mdn-css_at-rules_starting-style\n    */\n    /*   Before-open state  */\n    /* Needs to be after the previous dialog[open] rule to take effect,\n    as the specificity is the same */\n\n    @starting-style {\n      &[open] {\n        opacity: 0;\n        transform: translateY(calc(-1 * #{$spacing-06}));\n      }\n    }\n  }\n\n  .#{$prefix}--dialog__header {\n    position: relative;\n    overflow: visible;\n    inline-size: 100%;\n    min-block-size: $spacing-09;\n  }\n\n  /* Transition the :backdrop when the dialog modal is promoted to the top layer */\n  .#{$prefix}--dialog::backdrop {\n    background-color: $overlay;\n    opacity: 0;\n    /* opening and closing is used in as allow-discrete is not currently supported wide enough\n     * https://caniuse.com/mdn-css_properties_display_is_transitionable\n     */\n    transition:\n      background-color $duration-moderate-02 motion(entrance, expressive),\n      opacity $duration-moderate-02 motion(entrance, expressive);\n\n    @media (prefers-reduced-motion) {\n      transition: none;\n    }\n  }\n\n  .#{$prefix}--dialog[open]::backdrop {\n    opacity: 1;\n\n    transition:\n      background-color $duration-moderate-02 motion(exit, expressive),\n      opacity $duration-moderate-02 motion(exit, expressive);\n\n    @media (prefers-reduced-motion) {\n      transition: none;\n    }\n  }\n\n  /** starting style also not supported widely\n  * https://caniuse.com/mdn-css_at-rules_starting-style\n  */\n  /* This starting-style rule cannot be nested inside the above selector\nbecause the nesting selector cannot represent pseudo-elements. */\n\n  @starting-style {\n    .#{$prefix}--dialog[open]::backdrop {\n      opacity: 0;\n    }\n  }\n\n  .#{$prefix}--dialog__header-controls {\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-end: 0;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../list-box';\n@use '../../config' as *;\n@use '../../layer' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/box-shadow' as *;\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/skeleton' as *;\n@use '../../utilities/z-index' as *;\n\n/// Dropdown styles\n/// @access public\n/// @group dropdown\n@mixin dropdown {\n  .#{$prefix}--dropdown__wrapper--inline {\n    display: inline-grid;\n    align-items: center;\n    grid-gap: 0 convert.to-rem(24px);\n    grid-template: auto / auto min-content;\n\n    &:has(.#{$prefix}--label.#{$prefix}--visually-hidden) {\n      grid-template: auto / auto;\n    }\n\n    .#{$prefix}--label {\n      @include type-style('body-compact-01');\n    }\n\n    .#{$prefix}--label,\n    .#{$prefix}--form__helper-text,\n    .#{$prefix}--form-requirement {\n      margin: 0;\n    }\n\n    .#{$prefix}--form-requirement {\n      grid-column: 2;\n    }\n  }\n\n  .#{$prefix}--dropdown {\n    @include reset;\n    @include focus-outline('reset');\n\n    position: relative;\n    display: block;\n    border: none;\n    background-color: $field;\n    block-size: convert.to-rem(40px);\n    border-block-end: 1px solid $border-strong;\n    color: $text-primary;\n    cursor: pointer;\n    inline-size: 100%;\n    list-style: none;\n    outline: 2px solid transparent;\n    transition: background-color $duration-fast-01 motion(standard, productive);\n\n    &:hover {\n      background-color: $field-hover;\n    }\n  }\n\n  // Menu's triggering element updated to button with Downshift v5 upgrade\n  .#{$prefix}--dropdown .#{$prefix}--list-box__field {\n    text-align: start;\n  }\n\n  .#{$prefix}--dropdown--lg {\n    block-size: convert.to-rem(48px);\n    max-block-size: convert.to-rem(48px);\n  }\n\n  .#{$prefix}--dropdown--lg .#{$prefix}--dropdown__arrow {\n    inset-block-start: convert.to-rem(16px);\n  }\n\n  .#{$prefix}--dropdown--sm {\n    block-size: convert.to-rem(32px);\n    max-block-size: convert.to-rem(32px);\n  }\n\n  .#{$prefix}--dropdown--sm .#{$prefix}--dropdown__arrow {\n    inset-block-start: convert.to-rem(8px);\n  }\n\n  .#{$prefix}--dropdown--open {\n    border-block-end-color: $border-subtle;\n  }\n\n  .#{$prefix}--dropdown--open .#{$prefix}--list-box__field {\n    outline: none;\n  }\n\n  .#{$prefix}--dropdown--focus .#{$prefix}--list-box__field {\n    @include focus-outline('outline');\n  }\n\n  .#{$prefix}--dropdown--invalid {\n    @include focus-outline('invalid');\n\n    .#{$prefix}--dropdown-text {\n      padding-inline-end: convert.to-rem(56px);\n    }\n\n    + .#{$prefix}--form-requirement {\n      display: inline-block;\n      color: $text-error;\n      max-block-size: convert.to-rem(200px);\n    }\n  }\n\n  .#{$prefix}--dropdown__invalid-icon {\n    position: absolute;\n    fill: $support-error;\n    inset-block-start: 50%;\n    inset-inline-end: $spacing-08;\n    transform: translateY(-50%);\n  }\n\n  .#{$prefix}--dropdown--open:hover {\n    background-color: $field;\n  }\n\n  .#{$prefix}--dropdown--open:focus {\n    outline: 1px solid transparent;\n  }\n\n  .#{$prefix}--dropdown--open .#{$prefix}--dropdown-list {\n    @include box-shadow;\n\n    // 40px item height * 5.5 items shown\n    max-block-size: convert.to-rem(220px);\n    transition: max-height $duration-fast-02 motion(entrance, productive);\n  }\n\n  .#{$prefix}--dropdown--light {\n    background-color: $field-02;\n\n    &:hover {\n      background-color: $field-hover;\n    }\n  }\n\n  .#{$prefix}--dropdown--up .#{$prefix}--dropdown-list {\n    inset-block-end: 2rem;\n  }\n\n  .#{$prefix}--dropdown__arrow {\n    position: absolute;\n    fill: $icon-primary;\n    inset-block-start: convert.to-rem(13px);\n    inset-inline-end: 1rem;\n    pointer-events: none;\n    transform-origin: 50% 45%;\n    transition: transform $duration-fast-02 motion(standard, productive);\n  }\n\n  button.#{$prefix}--dropdown-text {\n    border: none;\n    // button-reset mixin contradicts with cds--dropdown-text styles\n    background: none;\n    color: $text-primary;\n    inline-size: 100%;\n    text-align: start;\n\n    &:focus {\n      @include focus-outline('outline');\n    }\n  }\n\n  .#{$prefix}--dropdown-text {\n    @include type-style('body-compact-01');\n\n    display: block;\n    overflow: hidden;\n    // Account for the border in `.cds--dropdown`\n    block-size: calc(100% + 1px);\n    // 2rem + SVG width\n    padding-inline: $spacing-05 convert.to-rem(42px);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .#{$prefix}--dropdown-list {\n    @include reset;\n    @include focus-outline('reset');\n    @include box-shadow;\n    @include type-style('body-compact-01');\n\n    position: absolute;\n    z-index: z('dropdown');\n    display: flex;\n    // NOTE: IE, Edge, and Safari do not support two value `overflow` shorthand.\n    overflow: hidden auto;\n    flex-direction: column;\n    background-color: $layer;\n    inline-size: 100%;\n    list-style: none;\n    max-block-size: 0;\n    transition: max-height $duration-fast-02 motion(standard, productive);\n  }\n\n  // V11: Possibly deprecate\n  .#{$prefix}--dropdown--light .#{$prefix}--dropdown-list {\n    background-color: $layer;\n  }\n\n  .#{$prefix}--dropdown:not(.#{$prefix}--dropdown--open)\n    .#{$prefix}--dropdown-item {\n    visibility: hidden;\n  }\n\n  .#{$prefix}--dropdown-item {\n    position: relative;\n    opacity: 0;\n    transition:\n      visibility $duration-fast-01 motion(standard, productive),\n      opacity $duration-fast-01 motion(standard, productive),\n      background-color $duration-fast-01 motion(standard, productive);\n    visibility: inherit;\n\n    &:hover {\n      background-color: $layer-hover;\n\n      + .#{$prefix}--dropdown-item .#{$prefix}--dropdown-link {\n        border-color: transparent;\n      }\n    }\n\n    &:active {\n      background-color: $layer-selected;\n    }\n\n    &:first-of-type .#{$prefix}--dropdown-link {\n      border-block-start-color: transparent;\n    }\n  }\n\n  .#{$prefix}--dropdown-item:last-of-type .#{$prefix}--dropdown-link {\n    border-block-end: none;\n  }\n\n  .#{$prefix}--dropdown-link {\n    @include focus-outline('reset');\n\n    display: block;\n    overflow: hidden;\n    padding: convert.to-rem(11px) 0;\n    border: 1px solid transparent;\n    margin: 0 $spacing-05;\n    block-size: convert.to-rem(40px);\n    border-block-start-color: $border-subtle;\n    color: $text-secondary;\n    font-weight: normal;\n    line-height: 1rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:hover {\n      border-color: transparent;\n      color: $text-primary;\n    }\n  }\n\n  // V11: Possibly deprecate\n  .#{$prefix}--dropdown--light .#{$prefix}--dropdown-link {\n    border-block-start-color: $border-subtle-02;\n  }\n\n  .#{$prefix}--dropdown--sm .#{$prefix}--dropdown-link {\n    block-size: convert.to-rem(32px);\n    padding-block: convert.to-rem(7px) convert.to-rem(7px);\n  }\n\n  .#{$prefix}--dropdown--focused,\n  .#{$prefix}--dropdown-link:focus {\n    @include focus-outline('outline');\n\n    padding: convert.to-rem(11px) convert.to-rem(16px);\n    margin: 0;\n  }\n\n  // We don't want to apply focus styles via focus selector when using the aria-activedescendant structure\n  .#{$prefix}--dropdown-list[aria-activedescendant]\n    .#{$prefix}--dropdown-link:focus {\n    // Copied from .cds--dropdown-link styles\n    padding: convert.to-rem(11px) 0;\n    margin: 0 $spacing-05;\n    outline: none;\n  }\n\n  // Need added weight for item that is :focused and .cds--dropdown--focused\n  .#{$prefix}--dropdown-list[aria-activedescendant]\n    .#{$prefix}--dropdown--focused:focus {\n    // copied from default focus styles\n    @include focus-outline('outline');\n\n    padding: convert.to-rem(11px) convert.to-rem(16px);\n    margin: 0;\n  }\n\n  // Don't want to allow multiple elements have a \"selected\" style. Not sure why active\n  // had unique styles initially but creating an overwrite for the latest HTML markup for\n  // backwards compatibility. For the next major release it would be possible to clean up\n  // the HTML structure to prevent the user of :active and :focus styles which is creating\n  // these duplicated styles in the list. The Carbon 10 version of dropdown is already\n  // supporting 2 very different HTML structures.\n  .#{$prefix}--dropdown-list[aria-activedescendant]\n    .#{$prefix}--dropdown-item:active {\n    background-color: inherit;\n  }\n\n  .#{$prefix}--dropdown-item:hover .#{$prefix}--dropdown-link {\n    border-block-end-color: $layer-hover;\n  }\n\n  .#{$prefix}--dropdown--open .#{$prefix}--dropdown__arrow {\n    transform: rotate(-180deg);\n  }\n\n  .#{$prefix}--dropdown--open.#{$prefix}--dropdown--sm\n    .#{$prefix}--dropdown-list {\n    // 32px item height * 5.5 items shown\n    max-block-size: convert.to-rem(176px);\n  }\n\n  .#{$prefix}--dropdown--open .#{$prefix}--dropdown-item {\n    opacity: 1;\n  }\n\n  .#{$prefix}--dropdown--disabled {\n    border-block-end-color: transparent;\n\n    &:hover {\n      background-color: $field;\n    }\n\n    &:focus {\n      outline: none;\n    }\n\n    // TODO: remove in v11\n    .#{$prefix}--dropdown-text,\n    .#{$prefix}--list-box__label {\n      color: $text-disabled;\n    }\n\n    // TODO: remove in v11\n    .#{$prefix}--dropdown__arrow,\n    .#{$prefix}--list-box__menu-icon svg {\n      fill: $icon-disabled;\n    }\n\n    // V11: Possibly deprecate\n    &.#{$prefix}--dropdown--light:hover {\n      background-color: $field-02;\n    }\n  }\n\n  .#{$prefix}--dropdown--disabled .#{$prefix}--list-box__field,\n  .#{$prefix}--dropdown--disabled .#{$prefix}--list-box__menu-icon {\n    cursor: not-allowed;\n  }\n\n  .#{$prefix}--dropdown--auto-width {\n    inline-size: auto;\n    max-inline-size: convert.to-rem(400px);\n  }\n\n  .#{$prefix}--dropdown--inline {\n    display: inline-block;\n    background-color: transparent;\n    border-block-end-color: transparent;\n    inline-size: auto;\n    justify-self: start;\n    transition: background $duration-fast-01 motion(entrance, productive);\n\n    &:hover {\n      background-color: $layer-hover;\n    }\n\n    &.#{$prefix}--dropdown--disabled {\n      background-color: transparent;\n    }\n\n    .#{$prefix}--dropdown__arrow {\n      inset-block-start: convert.to-rem(8px);\n      inset-inline-end: convert.to-rem(8px);\n    }\n  }\n\n  .#{$prefix}--dropdown--inline.#{$prefix}--dropdown--open {\n    background-color: transparent;\n  }\n\n  .#{$prefix}--dropdown--inline .#{$prefix}--dropdown-text {\n    display: inline-block;\n    overflow: visible;\n    padding: convert.to-rem(7px) $spacing-07 convert.to-rem(7px) $spacing-04;\n    block-size: convert.to-rem(32px);\n    color: $text-primary;\n  }\n\n  .#{$prefix}--dropdown--inline.#{$prefix}--dropdown--disabled\n    .#{$prefix}--dropdown-text {\n    color: $text-disabled;\n  }\n\n  .#{$prefix}--dropdown--inline.#{$prefix}--dropdown--disabled:focus\n    .#{$prefix}--dropdown-text {\n    outline: 0;\n  }\n\n  .#{$prefix}--dropdown--inline.#{$prefix}--dropdown--invalid\n    .#{$prefix}--dropdown__invalid-icon {\n    inset-inline-end: convert.to-rem(32px);\n  }\n\n  .#{$prefix}--dropdown--inline.#{$prefix}--dropdown--invalid\n    .#{$prefix}--dropdown-text {\n    padding-inline-end: convert.to-rem(56px);\n  }\n\n  .#{$prefix}--dropdown--inline.#{$prefix}--dropdown--open:focus\n    .#{$prefix}--dropdown-list {\n    @include box-shadow;\n  }\n\n  .#{$prefix}--dropdown--inline .#{$prefix}--dropdown-link {\n    font-weight: normal;\n  }\n\n  .#{$prefix}--dropdown--show-selected .#{$prefix}--dropdown--selected {\n    display: block;\n    background-color: $layer-selected;\n    color: $text-primary;\n\n    &:hover {\n      background-color: $layer-selected-hover;\n    }\n\n    .#{$prefix}--dropdown-link {\n      border-block-start-color: transparent;\n    }\n\n    + .#{$prefix}--dropdown-item .#{$prefix}--dropdown-link {\n      border-block-start-color: transparent;\n    }\n\n    .#{$prefix}--list-box__menu-item__selected-icon {\n      display: block;\n    }\n  }\n\n  // Skeleton State\n  .#{$prefix}--dropdown-v2.#{$prefix}--skeleton,\n  .#{$prefix}--dropdown.#{$prefix}--skeleton {\n    @include skeleton;\n  }\n\n  // Windows HCM fix\n\n  .#{$prefix}--dropdown .#{$prefix}--list-box__field {\n    @include high-contrast-mode('outline');\n  }\n\n  .#{$prefix}--list-box__menu-item__option {\n    @include high-contrast-mode {\n      outline: none;\n    }\n  }\n\n  .#{$prefix}--list-box__menu-item__selected-icon {\n    @include high-contrast-mode('icon-fill');\n  }\n\n  // readonly\n  .#{$prefix}--dropdown--readonly,\n  .#{$prefix}--dropdown--readonly:hover {\n    background-color: transparent;\n    border-block-end-color: $border-subtle;\n  }\n  .#{$prefix}--dropdown--inline.#{$prefix}--dropdown--readonly {\n    border-block-end-color: transparent;\n  }\n\n  .#{$prefix}--dropdown--readonly .#{$prefix}--list-box__field,\n  .#{$prefix}--dropdown--readonly .#{$prefix}--list-box__menu-icon {\n    cursor: default;\n  }\n\n  .#{$prefix}--dropdown--readonly .#{$prefix}--list-box__menu-icon svg {\n    fill: $icon-disabled;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'vars' as *;\n@use 'functions' as *;\n@use 'animation';\n@use '../../config' as *;\n@use '../../layer' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../utilities/component-reset';\n@use '../../utilities/convert';\n@use '../../utilities/z-index' as *;\n\n/// Loading styles\n/// @access private\n/// @group loading\n@mixin loading {\n  .#{$prefix}--loading {\n    @include component-reset.reset;\n    @include animation.spin;\n\n    block-size: $loading-size;\n\n    inline-size: $loading-size;\n  }\n\n  // Animation (Spin by default)\n  .#{$prefix}--loading__svg {\n    fill: transparent;\n  }\n\n  .#{$prefix}--loading__svg circle {\n    stroke-dasharray: $circumference $circumference;\n    stroke-linecap: butt;\n    stroke-width: 10;\n  }\n\n  .#{$prefix}--loading__stroke {\n    stroke: $interactive;\n    stroke-dashoffset: loading-progress($circumference, 81);\n  }\n\n  .#{$prefix}--loading--small .#{$prefix}--loading__stroke {\n    stroke-dashoffset: loading-progress($circumference, 48);\n  }\n\n  .#{$prefix}--loading--stop {\n    @include animation.stop;\n  }\n\n  .#{$prefix}--loading--small {\n    block-size: convert.to-rem(16px);\n    inline-size: convert.to-rem(16px);\n\n    //See https://github.com/carbon-design-system/carbon/issues/13121\n    line-height: 1rem;\n\n    circle {\n      stroke-width: 16;\n    }\n  }\n\n  .#{$prefix}--loading--small .#{$prefix}--loading__svg {\n    stroke: $interactive;\n  }\n\n  .#{$prefix}--loading__background {\n    stroke: $layer-accent;\n    stroke-dashoffset: -22;\n  }\n\n  // Negative values for `stroke-dashoffset` are not supported in Safari\n  @media not all and (resolution >= 0.001dpcm) {\n    @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n      circle.#{$prefix}--loading__background {\n        stroke-dasharray: 265;\n        stroke-dashoffset: 0;\n      }\n    }\n  }\n\n  .#{$prefix}--loading-overlay {\n    position: fixed;\n    z-index: z('overlay');\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: $overlay;\n    block-size: 100%;\n    inline-size: 100%;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    transition: background-color $duration-slow-02 motion(standard, expressive);\n  }\n\n  .#{$prefix}--loading-overlay--stop {\n    display: none;\n  }\n\n  @keyframes #{$prefix}--rotate {\n    0% {\n      transform: rotate(0deg);\n    }\n\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes #{$prefix}--rotate-end-p1 {\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes #{$prefix}--rotate-end-p2 {\n    100% {\n      transform: rotate(-360deg);\n    }\n  }\n\n  /* Stroke animations */\n  @keyframes #{$prefix}--init-stroke {\n    0% {\n      stroke-dashoffset: loading-progress($circumference, 0);\n    }\n\n    100% {\n      stroke-dashoffset: loading-progress($circumference, 81);\n    }\n  }\n\n  @keyframes #{$prefix}--stroke-end {\n    0% {\n      stroke-dashoffset: loading-progress($circumference, 81);\n    }\n\n    100% {\n      stroke-dashoffset: loading-progress($circumference, 0);\n    }\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../motion';\n@use '../../config' as *;\n\n@mixin spin {\n  // Animate the container\n  animation-duration: 690ms;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: #{$prefix}--rotate;\n  animation-timing-function: linear;\n\n  // Animate the stroke\n  svg circle {\n    animation-duration: 10ms;\n    animation-name: #{$prefix}--init-stroke;\n    animation-timing-function: motion.$standard-easing;\n\n    @media screen and (prefers-reduced-motion: reduce) {\n      animation: none;\n    }\n  }\n}\n\n@mixin stop {\n  // Animate the container\n  animation:\n    #{$prefix}--rotate-end-p1 700ms motion.$ease-out forwards,\n    #{$prefix}--rotate-end-p2 700ms motion.$ease-out 700ms forwards;\n\n  // Animate the stroke\n  svg circle {\n    animation-delay: 700ms;\n    animation-duration: 700ms;\n    animation-fill-mode: forwards;\n    animation-name: #{$prefix}--stroke-end;\n    animation-timing-function: motion.$ease-out;\n\n    @media screen and (prefers-reduced-motion: reduce) {\n      animation: none;\n    }\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n@use '../../breakpoint' as *;\n\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n\n@use '../../utilities/button-reset';\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/visually-hidden' as *;\n\n@use '../button';\n@use '../form';\n@use '../loading';\n\n/// File uploader styles\n/// @access public\n/// @group file-uploader\n@mixin file-uploader {\n  .#{$prefix}--file {\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--file--invalid {\n    fill: $support-error;\n    margin-inline-end: $spacing-03;\n  }\n\n  // TODO: sync with type\n  .#{$prefix}--file--label {\n    @include reset;\n    @include type-style('heading-compact-01');\n\n    color: $text-primary;\n    margin-block-end: $spacing-03;\n  }\n\n  .#{$prefix}--file--label--disabled {\n    color: $text-disabled;\n  }\n\n  .#{$prefix}--file-input {\n    @include visually-hidden;\n  }\n\n  // This class is of old markup with \"select file\" button\n  // New code should use link-style \"select file\" UI (`.cds--file-browse-btn`)\n  // TODO: deprecate this block\n  .#{$prefix}--file-btn {\n    display: inline-flex;\n    margin: 0;\n    padding-inline-end: convert.to-rem(64px);\n  }\n\n  .#{$prefix}--file-browse-btn {\n    display: inline-block;\n\n    color: $link-primary;\n    cursor: pointer;\n    inline-size: 100%;\n    max-inline-size: convert.to-rem(320px);\n    outline: 2px solid transparent;\n    outline-offset: -2px;\n    transition: $duration-fast-02 motion(standard, productive);\n\n    &:focus,\n    &:hover {\n      outline: 2px solid $focus;\n    }\n\n    &:hover,\n    &:focus,\n    &:active,\n    &:active:visited {\n      text-decoration: underline;\n    }\n\n    &:active {\n      color: $text-primary;\n    }\n  }\n\n  .#{$prefix}--file-browse-btn--disabled {\n    color: $text-disabled;\n    cursor: no-drop;\n    text-decoration: none;\n    transition: none;\n\n    &:hover,\n    &:focus {\n      color: $text-disabled;\n      outline: none;\n      text-decoration: none;\n    }\n  }\n\n  .#{$prefix}--file-browse-btn--disabled .#{$prefix}--file__drop-container {\n    border: 1px dashed button.$button-disabled;\n  }\n\n  .#{$prefix}--label-description {\n    @include reset;\n    @include type-style('body-compact-01');\n\n    color: $text-secondary;\n    margin-block-end: $spacing-05;\n  }\n\n  .#{$prefix}--label-description--disabled {\n    color: $text-disabled;\n  }\n\n  .#{$prefix}--file-container--drop {\n    inline-size: 100%;\n  }\n\n  // For backwards compatibility\n  .#{$prefix}--file-btn ~ .#{$prefix}--file-container {\n    margin-block-start: $spacing-06;\n  }\n\n  .#{$prefix}--btn ~ .#{$prefix}--file-container {\n    margin-block-start: $spacing-05;\n  }\n\n  .#{$prefix}--file .#{$prefix}--file-container,\n  .#{$prefix}--file ~ .#{$prefix}--file-container {\n    margin-block-start: $spacing-03;\n  }\n\n  .#{$prefix}--file__selected-file {\n    display: grid;\n    align-items: center;\n    background-color: $layer;\n    gap: convert.to-rem(12px) 0;\n    grid-auto-rows: auto;\n    grid-template-columns: 1fr auto;\n    margin-block-end: $spacing-03;\n    max-inline-size: convert.to-rem(320px);\n    min-block-size: $spacing-09;\n    word-break: break-word;\n\n    &:last-child {\n      margin-block-end: 0;\n    }\n\n    .#{$prefix}--form-requirement {\n      display: block;\n      margin: 0;\n      grid-column: 1 / -1;\n      max-block-size: none;\n    }\n\n    .#{$prefix}--inline-loading__animation .#{$prefix}--loading {\n      // Vanilla markup has `.cds--inline-loading__animation` which is used for `margin-right` adjustment\n      margin-inline-end: 0;\n    }\n\n    .#{$prefix}--file-filename {\n      @include type-style('body-compact-01');\n\n      overflow: hidden;\n      margin-inline-start: $spacing-05;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .#{$prefix}--file-filename-container-wrap {\n      margin-block-start: 1px;\n      max-inline-size: 17.5rem;\n      padding-inline-start: $spacing-05;\n      @include breakpoint-down(410px) {\n        max-inline-size: 13.5rem;\n      }\n    }\n\n    .#{$prefix}--file-filename-container-wrap-invalid {\n      max-inline-size: 15.5rem;\n\n      .#{$prefix}--file-filename-tooltip {\n        inline-size: -webkit-fill-available;\n        padding-inline-start: $spacing-05;\n        @document url-prefix() {\n          inline-size: -moz-available;\n        }\n      }\n    }\n\n    .#{$prefix}--file-filename-tooltip {\n      inline-size: -webkit-fill-available;\n      @document url-prefix() {\n        inline-size: -moz-available;\n      }\n    }\n\n    .#{$prefix}--file-filename-button {\n      @include type-style('body-compact-01');\n\n      overflow: hidden;\n      padding: 0;\n      border: none;\n      background: none;\n      color: inherit;\n      cursor: pointer;\n      font: inherit;\n      inline-size: -webkit-fill-available;\n      outline: inherit;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n\n      @document url-prefix() {\n        inline-size: -moz-available;\n      }\n    }\n    .#{$prefix}--file-filename-button:focus {\n      outline: revert;\n    }\n  }\n\n  .#{$prefix}--file__selected-file--md {\n    gap: $spacing-03 0;\n    min-block-size: convert.to-rem(40px);\n  }\n\n  .#{$prefix}--file__selected-file--sm {\n    gap: $spacing-02 0;\n    min-block-size: convert.to-rem(32px);\n  }\n\n  // TODO: deprecate this block\n  .#{$prefix}--file__selected-file--invalid__wrapper {\n    @include focus-outline('invalid');\n\n    background-color: $layer;\n    margin-block-end: $spacing-03;\n    max-inline-size: convert.to-rem(320px);\n    outline-width: 1px;\n  }\n\n  .#{$prefix}--file__selected-file--invalid {\n    @include focus-outline('invalid');\n\n    padding: convert.to-rem(12px) 0;\n  }\n\n  .#{$prefix}--file__selected-file--invalid.#{$prefix}--file__selected-file--sm {\n    padding: $spacing-02 0;\n  }\n\n  .#{$prefix}--file__selected-file--invalid.#{$prefix}--file__selected-file--md {\n    padding: $spacing-03 0;\n  }\n\n  .#{$prefix}--file__selected-file--invalid .#{$prefix}--form-requirement {\n    border-block-start: 1px solid $border-subtle;\n    padding-block-start: $spacing-05;\n  }\n\n  .#{$prefix}--file__selected-file--invalid.#{$prefix}--file__selected-file--sm\n    .#{$prefix}--form-requirement {\n    padding-block-start: convert.to-rem(7px);\n  }\n\n  .#{$prefix}--file__selected-file--invalid.#{$prefix}--file__selected-file--md\n    .#{$prefix}--form-requirement {\n    padding-block-start: convert.to-rem(11px);\n  }\n\n  .#{$prefix}--file__selected-file--invalid\n    .#{$prefix}--form-requirement__title,\n  .#{$prefix}--file__selected-file--invalid\n    .#{$prefix}--form-requirement__supplement {\n    @include type-style('label-01');\n\n    padding: 0 $spacing-05;\n  }\n\n  .#{$prefix}--file__selected-file--invalid\n    .#{$prefix}--form-requirement__title {\n    color: $text-error;\n  }\n\n  .#{$prefix}--file__selected-file--invalid\n    .#{$prefix}--form-requirement__supplement {\n    color: $text-primary;\n  }\n\n  // TODO: deprecate\n  .#{$prefix}--file__selected-file--invalid + .#{$prefix}--form-requirement {\n    @include type-style('label-01');\n\n    display: block;\n    overflow: visible;\n    padding: $spacing-03 $spacing-05;\n    color: $text-error;\n    font-weight: 400;\n    max-block-size: convert.to-rem(200px);\n  }\n\n  .#{$prefix}--file__selected-file--invalid\n    + .#{$prefix}--form-requirement\n    .#{$prefix}--form-requirement__supplement {\n    color: $text-primary;\n    padding-block-end: $spacing-03;\n  }\n  .#{$prefix}--file__state-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-inline-size: 1.5rem;\n    padding-inline-end: convert.to-rem(12px);\n\n    .#{$prefix}--loading__svg {\n      stroke: $icon-primary;\n    }\n  }\n\n  .#{$prefix}--file__state-container .#{$prefix}--file-loading {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: $spacing-02;\n    border: none;\n    background-color: transparent;\n    block-size: $spacing-05;\n    inline-size: $spacing-06;\n  }\n\n  .#{$prefix}--file__state-container .#{$prefix}--file-complete {\n    fill: $interactive;\n    inline-size: $spacing-06;\n\n    &:focus {\n      @include focus-outline('border');\n    }\n\n    // for checkmark contrast\n    [data-icon-path='inner-path'] {\n      fill: $icon-inverse;\n      opacity: 1;\n    }\n  }\n\n  .#{$prefix}--file__state-container .#{$prefix}--file-invalid {\n    block-size: $spacing-05;\n    fill: $support-error;\n    inline-size: $spacing-05;\n  }\n\n  .#{$prefix}--file__state-container .#{$prefix}--file-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    border: none;\n    background-color: transparent;\n    block-size: $spacing-06;\n    cursor: pointer;\n    fill: $icon-primary;\n    inline-size: $spacing-06;\n\n    &:focus {\n      @include focus-outline('outline');\n    }\n  }\n\n  .#{$prefix}--file__state-container .#{$prefix}--file-close svg path {\n    fill: $icon-primary;\n  }\n\n  .#{$prefix}--file__state-container .#{$prefix}--inline-loading__animation {\n    margin-inline-end: -$spacing-03;\n  }\n\n  .#{$prefix}--file__drop-container {\n    @include button-reset.reset;\n    @include type-style('body-compact-01');\n\n    display: flex;\n    overflow: hidden;\n    align-items: flex-start;\n    justify-content: space-between;\n    padding: $spacing-05;\n    border: 1px dashed $border-strong;\n    block-size: convert.to-rem(96px);\n  }\n\n  .#{$prefix}--file__drop-container--drag-over {\n    background: none;\n    outline: 2px solid $focus;\n    outline-offset: -2px;\n  }\n\n  // Windows HCM fix\n\n  .#{$prefix}--file__selected-file {\n    @include high-contrast-mode('outline');\n  }\n\n  .#{$prefix}--file__state-container .#{$prefix}--file-close svg path {\n    @include high-contrast-mode('icon-fill');\n  }\n}\n","//\n// Copyright IBM Corp. 2022\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n//-----------------------------\n// Fluid List-box\n//-----------------------------\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/skeleton' as *;\n\n@mixin fluid-list-box {\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper {\n    position: relative;\n    background: $field;\n    block-size: 100%;\n    transition:\n      background-color $duration-fast-01 motion(standard, productive),\n      outline $duration-fast-01 motion(standard, productive);\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid .#{$prefix}--list-box {\n    padding: 0;\n    min-block-size: convert.to-rem(64px);\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid .#{$prefix}--label {\n    position: absolute;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    margin: 0;\n    block-size: convert.to-rem(16px);\n    inline-size: calc(100% - 2rem);\n    inset-block-start: convert.to-rem(13px);\n    inset-inline-start: $spacing-05;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid .#{$prefix}--label::-webkit-scrollbar,\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--label\n    .#{$prefix}--toggletip-label::-webkit-scrollbar {\n    display: none;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--label:not(:has(.#{$prefix}--toggletip-label)),\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--label\n    .#{$prefix}--toggletip-label {\n    -ms-overflow-style: none;\n    overflow-x: scroll;\n    scrollbar-width: none;\n    white-space: nowrap;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid .#{$prefix}--list-box__field {\n    padding-block: convert.to-rem(33px) convert.to-rem(13px);\n    padding-inline-start: $spacing-05;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid .#{$prefix}--list-box__menu-icon {\n    block-size: 1rem;\n    inline-size: 1rem;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid:not(\n      .#{$prefix}--list-box__wrapper--fluid--condensed\n    )\n    .#{$prefix}--list-box__menu-item {\n    block-size: $spacing-10;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid:not(\n      .#{$prefix}--list-box__wrapper--fluid--condensed\n    )\n    .#{$prefix}--list-box__menu-item__selected-icon {\n    inset-block-start: convert.to-rem(20px);\n  }\n\n  // Disabled styles\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--label--disabled\n    .#{$prefix}--toggletip-label {\n    color: $text-disabled;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--label--disabled\n    .#{$prefix}--toggletip-button {\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--label--disabled\n    .#{$prefix}--toggletip-button\n    svg {\n    fill: $icon-disabled;\n  }\n\n  // Focus styles\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--fluid--focus {\n    @include focus-outline('outline');\n\n    z-index: 2;\n    outline-offset: 0;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--fluid--focus:has(\n      .#{$prefix}--list-box--expanded.#{$prefix}--multi-select--selected\n    ) {\n    outline-width: convert.to-rem(1px);\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid--focus\n    .#{$prefix}--list-box__field:focus {\n    outline: none;\n    outline-offset: 0;\n  }\n\n  // Invalid / Warning styles\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--fluid--invalid:not(\n      .#{$prefix}--list-box__wrapper--fluid--focus\n    ) {\n    @include focus-outline('invalid');\n\n    z-index: 2;\n    outline-offset: 0;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--fluid--focus\n    .#{$prefix}--list-box:not(.#{$prefix}--list-box--invalid),\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--fluid--focus\n    .#{$prefix}--list-box\n    .#{$prefix}--text-input,\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--fluid--invalid\n    .#{$prefix}--list-box\n    .#{$prefix}--text-input,\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--combo-box.#{$prefix}--list-box--warning\n    .#{$prefix}--text-input {\n    border-block-end: 1px solid transparent;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--fluid--invalid\n    .#{$prefix}--list-box,\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--fluid--invalid\n    .#{$prefix}--list-box__field:focus,\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--fluid--invalid\n    .#{$prefix}--combo-box[data-invalid]\n    .#{$prefix}--text-input {\n    outline: none;\n    outline-offset: 0;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--fluid--invalid:focus-within {\n    outline-offset: 0;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--fluid--invalid\n    .#{$prefix}--list-box,\n  .#{$prefix}--list-box__wrapper--fluid .#{$prefix}--list-box--warning {\n    border-block-end: 1px solid transparent;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--fluid--invalid\n    .#{$prefix}--form-requirement,\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--list-box--warning\n    ~ .#{$prefix}--form-requirement {\n    padding: convert.to-rem(8px) 4rem convert.to-rem(8px) $spacing-05;\n    margin-block-start: 0;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--list-box--warning\n    ~ .#{$prefix}--form-requirement {\n    border-block-end: 1px solid $border-strong;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--fluid--invalid\n    .#{$prefix}--list-box[data-invalid]\n    .#{$prefix}--list-box__invalid-icon,\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--list-box.#{$prefix}--list-box--warning\n    .#{$prefix}--list-box__invalid-icon {\n    inset-block-start: convert.to-rem(81px);\n    inset-inline-end: $spacing-05;\n    pointer-events: none;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--fluid--invalid\n    .#{$prefix}--list-box[data-invalid]:not(.#{$prefix}--combo-box)\n    .#{$prefix}--list-box__field {\n    padding-inline-end: $spacing-09;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--fluid--invalid\n    .#{$prefix}--list-box[data-invalid].#{$prefix}--combo-box\n    .#{$prefix}--text-input {\n    padding-inline-end: $spacing-10;\n  }\n\n  // Error + Warning divider\n  .#{$prefix}--list-box__wrapper--fluid .#{$prefix}--list-box__divider {\n    display: none;\n    transition: border-color $duration-fast-01 motion(standard, productive);\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--list-box--invalid\n    ~ .#{$prefix}--list-box__divider,\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--list-box--warning\n    ~ .#{$prefix}--list-box__divider {\n    display: block;\n    border: none;\n    margin: 0 1rem;\n    border-block-end: 1px solid $border-subtle;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--list-box--invalid:hover:not(.#{$prefix}--combo-box)\n    ~ .#{$prefix}--list-box__divider,\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--list-box--warning:hover:not(.#{$prefix}--combo-box)\n    ~ .#{$prefix}--list-box__divider {\n    border-color: transparent;\n  }\n\n  // direction - top\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box--up\n    .#{$prefix}--list-box__menu {\n    inset-block-end: $spacing-10;\n  }\n\n  // Skeleton styles\n  .#{$prefix}--list-box__wrapper--fluid .#{$prefix}--skeleton {\n    background: $skeleton-background;\n    border-block-end: 1px solid $skeleton-element;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--skeleton\n    .#{$prefix}--list-box__field {\n    @include skeleton;\n\n    position: absolute;\n    padding: 0;\n    block-size: convert.to-rem(8px);\n    inline-size: 50%;\n    inset-block-start: convert.to-rem(36px);\n    inset-inline-start: $spacing-05;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--skeleton\n    .#{$prefix}--list-box__label {\n    @include skeleton;\n\n    position: absolute;\n    block-size: convert.to-rem(8px);\n    inline-size: 25%;\n    inset-block-start: $spacing-05;\n    inset-inline-start: $spacing-05;\n  }\n\n  // AILabel styles\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box__inner-wrapper--decorator\n    > *,\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--ai-label,\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--slug {\n    inset-block-start: convert.to-rem(42px);\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--list-box__wrapper--decorator-inner\n    > *,\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box--invalid\n    .#{$prefix}--list-box__wrapper--decorator-inner\n    > *,\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--ai-label,\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--invalid\n    .#{$prefix}--ai-label,\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--ai-label,\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--invalid\n    .#{$prefix}--ai-label,\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--slug,\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--invalid\n    .#{$prefix}--slug {\n    inset-inline-end: $spacing-08;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box--warning\n    button.#{$prefix}--list-box__field,\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--fluid--invalid.#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box--invalid[data-invalid]\n    button.#{$prefix}--list-box__field,\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--warning\n    button.#{$prefix}--list-box__field,\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--fluid--invalid.#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--invalid[data-invalid]\n    button.#{$prefix}--list-box__field {\n    padding-inline-end: $spacing-10;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--text-input:not(.#{$prefix}--text-input--empty),\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--decorator.#{$prefix}--list-box__wrapper--fluid--invalid\n    .#{$prefix}--list-box--invalid\n    .#{$prefix}--text-input:not(.#{$prefix}--text-input--empty),\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--text-input:not(.#{$prefix}--text-input--empty),\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--slug.#{$prefix}--list-box__wrapper--fluid--invalid\n    .#{$prefix}--list-box--invalid\n    .#{$prefix}--text-input:not(.#{$prefix}--text-input--empty) {\n    padding-inline-end: convert.to-rem(88px);\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--list-box__field:has(\n      .#{$prefix}--text-input:not(.#{$prefix}--text-input--empty)\n    )\n    ~ .#{$prefix}--list-box__wrapper--decorator-inner\n    > *,\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box--invalid\n    .#{$prefix}--list-box__field:has(\n      .#{$prefix}--text-input:not(.#{$prefix}--text-input--empty)\n    )\n    ~ .#{$prefix}--list-box__wrapper--decorator-inner\n    > *,\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--list-box__field:has(\n      .#{$prefix}--text-input:not(.#{$prefix}--text-input--empty)\n    )\n    ~ .#{$prefix}--ai-label,\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--invalid\n    .#{$prefix}--list-box__field:has(\n      .#{$prefix}--text-input:not(.#{$prefix}--text-input--empty)\n    )\n    ~ .#{$prefix}--ai-label,\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--list-box__field:has(\n      .#{$prefix}--text-input:not(.#{$prefix}--text-input--empty)\n    )\n    ~ .#{$prefix}--ai-label,\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--invalid\n    .#{$prefix}--list-box__field:has(\n      .#{$prefix}--text-input:not(.#{$prefix}--text-input--empty)\n    )\n    ~ .#{$prefix}--ai-label,\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--list-box__field:has(\n      .#{$prefix}--text-input:not(.#{$prefix}--text-input--empty)\n    )\n    ~ .#{$prefix}--slug,\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--invalid\n    .#{$prefix}--list-box__field:has(\n      .#{$prefix}--text-input:not(.#{$prefix}--text-input--empty)\n    )\n    ~ .#{$prefix}--slug {\n    inset-inline-end: $spacing-10;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--text-input:not(.#{$prefix}--text-input--empty),\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--text-input:not(.#{$prefix}--text-input--empty) {\n    padding-inline-end: $spacing-12;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid .#{$prefix}--list-box__selection {\n    inset-inline-end: convert.to-rem(41px);\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid .#{$prefix}--list-box--warning,\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--list-box--invalid[data-invalid] {\n    .#{$prefix}--list-box__field:has(.#{$prefix}--list-box__menu-icon)\n      .#{$prefix}--list-box__selection::before {\n      position: absolute;\n      background-color: transparent;\n      block-size: convert.to-rem(16px);\n      content: '';\n      inline-size: convert.to-rem(1px);\n      margin-inline-end: convert.to-rem(33px);\n    }\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid:has(.#{$prefix}--multi-select)\n    .#{$prefix}--list-box__menu-icon {\n    inset-inline-end: $spacing-04;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid:has(.#{$prefix}--dropdown)\n    .#{$prefix}--list-box__menu-icon {\n    inset-inline-end: $spacing-04;\n  }\n\n  // remove ai-label divider when element is invalid and fluid\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box--invalid[data-invalid]\n    .#{$prefix}--list-box__wrapper--decorator-inner\n    > *::before,\n  .#{$prefix}--list-box__wrapper--decorator\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--list-box__wrapper--decorator-inner\n    > *::before,\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--invalid[data-invalid]\n    .#{$prefix}--ai-label::before,\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--ai-label::before,\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--invalid[data-invalid]\n    .#{$prefix}--slug::before,\n  .#{$prefix}--list-box__wrapper--slug\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--slug::before {\n    display: none;\n  }\n}\n","//\n// Copyright IBM Corp. 2022\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n//-----------------------------\n// Fluid ComboBox\n//-----------------------------\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n@use '../dropdown';\n@use '../fluid-list-box';\n\n@mixin fluid-combo-box {\n  // Style overrides can be added here as needed\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--combo-box\n    .#{$prefix}--list-box__field {\n    overflow: visible;\n    padding: 0;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--combo-box\n    .#{$prefix}--text-input {\n    overflow: hidden;\n    padding-block: convert.to-rem(33px) convert.to-rem(13px);\n    padding-inline: $spacing-05 $spacing-10;\n    text-overflow: ellipsis;\n    transition: none;\n    white-space: nowrap;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--combo-box\n    .#{$prefix}--list-box__selection {\n    inset-block: auto convert.to-rem(10px);\n    transform: none;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--combo-box\n    .#{$prefix}--list-box__menu-icon {\n    inset-block-end: convert.to-rem(14px);\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--list-box[data-invalid]\n    .#{$prefix}--list-box__field\n    .#{$prefix}--text-input\n    + .#{$prefix}--list-box__invalid-icon,\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--list-box--warning\n    .#{$prefix}--list-box__field\n    .#{$prefix}--text-input\n    + .#{$prefix}--list-box__invalid-icon {\n    inset-inline-end: 1rem;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid\n    :not(.#{$prefix}--list-box--up)\n    .#{$prefix}--combo-box\n    .#{$prefix}--list-box__menu {\n    inset-block-start: calc(100% + convert.to-rem(1px));\n  }\n}\n","//\n// Copyright IBM Corp. 2022\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n//-----------------------------\n// Fluid Date Picker\n//-----------------------------\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../utilities/ai-gradient' as *;\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n@use '../date-picker';\n\n@mixin fluid-date-picker {\n  .#{$prefix}--date-picker--fluid {\n    display: inline-flex;\n    background: $field;\n  }\n\n  .#{$prefix}--date-picker--fluid .#{$prefix}--date-picker {\n    position: relative;\n    block-size: 100%;\n    inline-size: 100%;\n    transition:\n      background-color $duration-fast-01 motion(standard, productive),\n      outline $duration-fast-01 motion(standard, productive);\n  }\n\n  .#{$prefix}--date-picker--fluid .#{$prefix}--label {\n    position: absolute;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    margin: 0;\n    block-size: convert.to-rem(16px);\n    inline-size: calc(100% - 2rem);\n    inset-block-start: convert.to-rem(13px);\n    inset-inline-start: $spacing-05;\n  }\n\n  .#{$prefix}--date-picker--fluid .#{$prefix}--label::-webkit-scrollbar,\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--label\n    .#{$prefix}--toggletip-label::-webkit-scrollbar {\n    display: none;\n  }\n\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--label:not(:has(.#{$prefix}--toggletip-label)),\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--label\n    .#{$prefix}--toggletip-label {\n    -ms-overflow-style: none;\n    overflow-x: scroll;\n    scrollbar-width: none;\n    white-space: nowrap;\n  }\n\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker-input__wrapper\n    > span {\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker-input__wrapper\n    .#{$prefix}--date-picker__input {\n    padding: convert.to-rem(32px) $spacing-05 convert.to-rem(13px);\n    background: transparent;\n    border-block-end: none;\n    min-block-size: convert.to-rem(64px);\n    min-inline-size: convert.to-rem(144px);\n  }\n\n  // Simple\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker--simple\n    .#{$prefix}--date-picker__icon {\n    display: none;\n  }\n\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker--simple\n    .#{$prefix}--date-picker__input:not(\n      .#{$prefix}--date-picker__input--invalid\n    ):not(.#{$prefix}--date-picker__input--warn),\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker--simple\n    .#{$prefix}--date-picker--fluid--warn {\n    border-block-end: 1px solid $border-strong;\n  }\n\n  // Single, Range\n  .#{$prefix}--date-picker--fluid .#{$prefix}--date-picker__icon {\n    inset-block-start: convert.to-rem(43px);\n  }\n\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker--single\n    .#{$prefix}--date-picker__input {\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--date-picker--fluid .#{$prefix}--date-picker--single {\n    border-block-end: none;\n  }\n\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker--single\n    .#{$prefix}--date-picker__input:not(\n      .#{$prefix}--date-picker__input--invalid\n    ),\n  .#{$prefix}--date-picker--single .#{$prefix}--date-picker--fluid--warn {\n    border-block-end: 1px solid $border-strong;\n  }\n\n  // Range\n  .#{$prefix}--date-picker--fluid:not(\n      .#{$prefix}--date-picker--fluid--invalid\n    ):not(.#{$prefix}--date-picker--fluid--warn)\n    .#{$prefix}--date-picker--range\n    .#{$prefix}--date-picker-container:not(\n      .#{$prefix}--date-picker--fluid--invalid\n    ) {\n    border-block-end: 1px solid $border-strong;\n  }\n\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker--range\n    .#{$prefix}--date-picker__input,\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker--range\n    .#{$prefix}--date-picker-container {\n    inline-size: 100%;\n    min-block-size: convert.to-rem(63px);\n    min-inline-size: convert.to-rem(144px);\n  }\n\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker--range\n    > .#{$prefix}--date-picker-container:first-child {\n    margin-inline-end: 0;\n  }\n\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker--range\n    > .#{$prefix}--date-picker-container:last-child\n    .#{$prefix}--date-picker__input {\n    border-inline-start: 1px solid $border-strong;\n  }\n\n  // Invalid\n  // Entire input\n  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--invalid,\n  // Just one input invalid\n  .#{$prefix}--date-picker-container.#{$prefix}--date-picker--fluid--invalid {\n    @include focus-outline('invalid');\n  }\n\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker-container.#{$prefix}--date-picker--fluid--invalid\n    .#{$prefix}--date-picker__input--invalid {\n    outline: none;\n  }\n\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker-container:last-child.#{$prefix}--date-picker--fluid--invalid\n    .#{$prefix}--date-picker__input--invalid,\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker-container.#{$prefix}--date-picker--fluid--invalid\n    + .#{$prefix}--date-picker-container\n    .#{$prefix}--date-picker__input {\n    border-inline-start: none;\n  }\n\n  .#{$prefix}--date-picker-container.#{$prefix}--date-picker--fluid--invalid\n    .#{$prefix}--form-requirement,\n  .#{$prefix}--date-picker-container.#{$prefix}--date-picker--fluid--warn\n    .#{$prefix}--form-requirement {\n    padding: $spacing-03 convert.to-rem(40px) $spacing-03 $spacing-05;\n    margin: 0;\n  }\n\n  .#{$prefix}--date-picker-container.#{$prefix}--date-picker--fluid--invalid\n    .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--invalid\n    .#{$prefix}--date-picker,\n  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--invalid\n    .#{$prefix}--date-picker,\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker--single\n    .#{$prefix}--date-picker--fluid--warn\n    .#{$prefix}--date-picker__input,\n  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--warn\n    .#{$prefix}--date-picker--range\n    .#{$prefix}--date-picker-container {\n    border-block-end: 1px solid transparent;\n  }\n\n  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--invalid\n    .#{$prefix}--date-picker--range\n    > .#{$prefix}--date-picker-container:last-child\n    .#{$prefix}--date-picker__input,\n  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--warn\n    .#{$prefix}--date-picker--range\n    > .#{$prefix}--date-picker-container:last-child\n    .#{$prefix}--date-picker__input,\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker--fluid--warn\n    + .#{$prefix}--date-picker-container:last-child\n    .#{$prefix}--date-picker__input,\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker--fluid--warn.#{$prefix}--date-picker-container:last-child\n    .#{$prefix}--date-picker__input {\n    border-inline-start: 1px solid transparent;\n  }\n\n  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--invalid\n    .#{$prefix}--date-picker--range\n    > .#{$prefix}--date-picker-container:first-child::after,\n  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--warn\n    .#{$prefix}--date-picker--range\n    > .#{$prefix}--date-picker-container:first-child::after,\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker--range\n    .#{$prefix}--date-picker--fluid--warn.#{$prefix}--date-picker-container:first-child::after,\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker--range\n    .#{$prefix}--date-picker--fluid--warn.#{$prefix}--date-picker-container:last-child::after {\n    position: absolute;\n    display: block;\n    background: $border-strong;\n    block-size: calc(100% - 1rem);\n    content: '';\n    inline-size: 1px;\n    inset-block-start: convert.to-rem(8px);\n    inset-inline-end: 0;\n  }\n\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker--fluid--warn.#{$prefix}--date-picker-container:last-child::after {\n    inset-inline-start: 0;\n  }\n\n  .#{$prefix}--date-picker--fluid .#{$prefix}--date-picker__divider {\n    border-style: solid;\n    border-color: $border-subtle;\n    margin: 0 1rem;\n    border-block-end: none;\n    inline-size: calc(100% - 2rem);\n  }\n\n  .#{$prefix}--date-picker-container.#{$prefix}--date-picker--fluid--invalid\n    .#{$prefix}--date-picker__icon--invalid,\n  .#{$prefix}--date-picker-container.#{$prefix}--date-picker--fluid--warn\n    .#{$prefix}--date-picker__icon--warn {\n    inset-block-start: convert.to-rem(80px);\n  }\n\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker--simple\n    .#{$prefix}--date-picker--fluid--invalid\n    .#{$prefix}--date-picker__icon--invalid,\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker--simple\n    .#{$prefix}--date-picker--fluid--warn\n    .#{$prefix}--date-picker__icon--warn {\n    display: block;\n  }\n\n  // Set focus when single input is invalid\n  .#{$prefix}--date-picker-container.#{$prefix}--date-picker--fluid--invalid\n    .#{$prefix}--date-picker__input:focus {\n    @include focus-outline('outline');\n  }\n\n  // Entire Datepicker invalid state\n  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--invalid\n    .#{$prefix}--date-picker--range\n    ~ .#{$prefix}--form-requirement,\n  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--warn\n    .#{$prefix}--date-picker--range\n    ~ .#{$prefix}--form-requirement {\n    display: block;\n    overflow: visible;\n    padding: $spacing-03 convert.to-rem(40px) $spacing-03 $spacing-05;\n    margin-block-start: 0;\n    max-block-size: 100%;\n  }\n\n  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--invalid\n    .#{$prefix}--date-picker--range\n    ~ .#{$prefix}--form-requirement {\n    color: $text-error;\n  }\n\n  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--invalid,\n  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--warn {\n    position: relative;\n  }\n\n  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--invalid\n    .#{$prefix}--date-picker--range\n    + .#{$prefix}--date-picker__icon,\n  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--warn\n    .#{$prefix}--date-picker--range\n    + .#{$prefix}--date-picker__icon {\n    inset-block-start: convert.to-rem(80px);\n  }\n\n  // Skeleton\n  .#{$prefix}--date-picker--fluid__skeleton {\n    background: $skeleton-background;\n    block-size: convert.to-rem(64px);\n    border-block-end: 1px solid $skeleton-element;\n  }\n\n  .#{$prefix}--date-picker--fluid__skeleton--container {\n    position: relative;\n    block-size: 100%;\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--date-picker--fluid__skeleton .#{$prefix}--skeleton {\n    position: absolute;\n    block-size: convert.to-rem(8px);\n    inline-size: 25%;\n    inset-block-start: $spacing-05;\n    inset-inline-start: $spacing-05;\n  }\n\n  .#{$prefix}--date-picker--fluid__skeleton .#{$prefix}--label {\n    margin-block-end: convert.to-rem(4px);\n  }\n\n  .#{$prefix}--date-picker--fluid__skeleton .#{$prefix}--text-input {\n    position: absolute;\n    padding: 0;\n    block-size: convert.to-rem(8px);\n    inline-size: 50%;\n    inset-block-start: convert.to-rem(36px);\n    inset-inline-start: $spacing-05;\n  }\n\n  .#{$prefix}--date-picker--fluid__skeleton--container\n    .#{$prefix}--date-picker__icon {\n    inset-block: auto $spacing-03;\n  }\n\n  // Range skeleton\n  .#{$prefix}--date-picker--fluid__skeleton--range {\n    display: flex;\n    flex-direction: row;\n  }\n\n  .#{$prefix}--date-picker--fluid__skeleton--range\n    .#{$prefix}--date-picker--fluid__skeleton--container {\n    display: flex;\n    flex-direction: column;\n    inline-size: 50%;\n  }\n\n  .#{$prefix}--date-picker--fluid__skeleton--range\n    .#{$prefix}--date-picker--fluid__skeleton--container:first-of-type {\n    border-inline-end: 1px solid $skeleton-element;\n  }\n\n  .#{$prefix}--date-picker--fluid__skeleton--range\n    .#{$prefix}--date-picker--fluid__skeleton--container\n    .#{$prefix}--date-picker__icon {\n    inset-block-end: $spacing-03;\n  }\n\n  // Readonly\n  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--readonly:not(\n      .#{$prefix}--date-picker--fluid--invalid\n    ):not(.#{$prefix}--date-picker--fluid--warn)\n    .#{$prefix}--date-picker\n    > .#{$prefix}--date-picker-container,\n  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--readonly:not(\n      .#{$prefix}--date-picker--fluid--invalid\n    ):not(.#{$prefix}--date-picker--fluid--warn)\n    .#{$prefix}--date-picker\n    .#{$prefix}--date-picker__input {\n    border-block-end-color: $border-subtle;\n  }\n\n  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--readonly:not(\n      .#{$prefix}--date-picker--fluid--invalid\n    ):not(.#{$prefix}--date-picker--fluid--warn)\n    .#{$prefix}--date-picker--range\n    > .#{$prefix}--date-picker-container:last-child\n    .#{$prefix}--date-picker__input {\n    border-inline-start-color: $border-subtle;\n  }\n\n  // AI Label styles\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker-input__wrapper--decorator\n    .#{$prefix}--date-picker-input-inner-wrapper--decorator\n    > *,\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker-input__wrapper--slug\n    .#{$prefix}--ai-label,\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker-input__wrapper--slug\n    .#{$prefix}--slug {\n    inset-block-start: convert.to-rem(43px);\n  }\n\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker-input__wrapper--slug\n    .#{$prefix}--date-picker__input:has(~ .#{$prefix}--ai-label):not(\n      :has(~ .#{$prefix}--ai-label--revert)\n    ),\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker-input__wrapper--slug\n    .#{$prefix}--date-picker__input:has(~ .#{$prefix}--slug):not(\n      :has(~ .#{$prefix}--slug--revert)\n    ) {\n    @include ai-gradient;\n  }\n\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker-input__wrapper--slug:has(\n      .#{$prefix}--ai-label\n    ):not(:has(.#{$prefix}--ai-label--revert))\n    .#{$prefix}--date-picker__input:not(\n      .#{$prefix}--date-picker__input--invalid\n    ),\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker-input__wrapper--slug:has(.#{$prefix}--slug):not(\n      :has(.#{$prefix}--slug--revert)\n    )\n    .#{$prefix}--date-picker__input:not(\n      .#{$prefix}--date-picker__input--invalid\n    ) {\n    border-block-end-color: $ai-border-strong;\n  }\n\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker-input__wrapper--decorator\n    .#{$prefix}--date-picker__input,\n  .#{$prefix}--date-picker--fluid--invalid\n    .#{$prefix}--date-picker-input__wrapper--decorator\n    .#{$prefix}--date-picker__input,\n  .#{$prefix}--date-picker--fluid--warn\n    .#{$prefix}--date-picker-input__wrapper--decorator\n    .#{$prefix}--date-picker__input,\n  .#{$prefix}--date-picker--fluid\n    .#{$prefix}--date-picker-input__wrapper--slug\n    .#{$prefix}--date-picker__input,\n  .#{$prefix}--date-picker--fluid--invalid\n    .#{$prefix}--date-picker-input__wrapper--slug\n    .#{$prefix}--date-picker__input,\n  .#{$prefix}--date-picker--fluid--warn\n    .#{$prefix}--date-picker-input__wrapper--slug\n    .#{$prefix}--date-picker__input {\n    padding-inline-end: $spacing-10;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../checkbox';\n@use '../list-box';\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n\n/// Multi select styles\n/// @access public\n/// @group multi-select\n@mixin multiselect {\n  .#{$prefix}--multi-select .#{$prefix}--list-box__field--wrapper {\n    display: inline-flex;\n    align-items: center;\n    block-size: calc(100% + 1px);\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--multi-select .#{$prefix}--list-box__field:focus {\n    @include focus-outline('reset');\n  }\n\n  .#{$prefix}--multi-select--filterable .#{$prefix}--list-box__field {\n    padding: 0;\n  }\n\n  .#{$prefix}--multi-select .#{$prefix}--tag {\n    margin: 0 $spacing-03 0 $spacing-05;\n    min-inline-size: auto;\n  }\n\n  .#{$prefix}--multi-select .#{$prefix}--list-box__menu {\n    min-inline-size: auto;\n  }\n\n  // When select all is turned on, the first item in the listbox\n  // is always the \"Select all\" option and gets special border\n  // treatment\n  .#{$prefix}--multi-select.#{$prefix}--multi-select--selectall\n    .#{$prefix}--list-box__menu-item:first-child\n    .#{$prefix}--list-box__menu-item__option {\n    padding: 0.6875rem $spacing-05;\n    margin: 0;\n    border-block-end: 1px solid $border-subtle-01;\n  }\n\n  // When select all is turned on, the second item in the list\n  // has special treatment to look correct against the \"Select all\"\n  // border treatment\n  .#{$prefix}--multi-select.#{$prefix}--multi-select--selectall\n    .#{$prefix}--list-box__menu-item:nth-child(2)\n    .#{$prefix}--list-box__menu-item__option {\n    border-block-start: none;\n  }\n\n  .#{$prefix}--multi-select\n    .#{$prefix}--list-box__menu-item__option\n    .#{$prefix}--checkbox-wrapper {\n    display: flex;\n    align-items: center;\n    block-size: 100%;\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--multi-select\n    .#{$prefix}--list-box__menu-item__option\n    .#{$prefix}--checkbox-label {\n    display: inline-block;\n    overflow: hidden;\n    inline-size: 100%;\n    padding-inline-start: convert.to-rem(28px);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .#{$prefix}--multi-select\n    .#{$prefix}--list-box__menu-item__option\n    .#{$prefix}--checkbox-label::before {\n    margin-block: 0;\n  }\n\n  .#{$prefix}--multi-select\n    .#{$prefix}--list-box__menu-item__option\n    .cds--checkbox:indeterminate\n    + .cds--checkbox-label::after {\n    inset-block-start: convert.to-rem(9px);\n  }\n  .#{$prefix}--multi-select\n    .#{$prefix}--list-box__menu-item__option\n    .cds--checkbox-label::after {\n    inset-block-start: convert.to-rem(5px);\n  }\n  .#{$prefix}--multi-select\n    .#{$prefix}--list-box__menu-item__option\n    > .#{$prefix}--form-item {\n    flex-direction: row;\n    margin: 0;\n  }\n\n  .#{$prefix}--multi-select\n    .#{$prefix}--list-box__menu-item\n    .#{$prefix}--checkbox:checked\n    ~ .#{$prefix}--checkbox-label-text {\n    color: $text-primary;\n  }\n\n  .#{$prefix}--multi-select--filterable {\n    transition: outline-color $duration-fast-01 motion(standard, productive);\n  }\n\n  .#{$prefix}--multi-select--filterable.#{$prefix}--combo-box\n    .#{$prefix}--text-input {\n    border: convert.to-rem(2px) solid transparent;\n    background-clip: padding-box;\n    outline: none;\n  }\n\n  .#{$prefix}--multi-select--filterable--input-focused,\n  .#{$prefix}--multi-select\n    .#{$prefix}--list-box__field--wrapper--input-focused:has(\n      button[aria-expanded='false']\n    ),\n  .#{$prefix}--multi-select\n    .#{$prefix}--list-box__field--wrapper--input-focused:has(\n      button[aria-expanded='true']\n    ) {\n    @include focus-outline('outline');\n  }\n\n  .#{$prefix}--multi-select.#{$prefix}--list-box--expanded\n    .#{$prefix}--list-box__field--wrapper:has(\n      button[aria-activedescendant]:not([aria-activedescendant=''])\n    ),\n  .#{$prefix}--multi-select--filterable.#{$prefix}--list-box--expanded:has(\n      input[aria-activedescendant]:not([aria-activedescendant=''])\n    ) {\n    outline-offset: convert.to-rem(-1px);\n    outline-width: convert.to-rem(1px);\n  }\n\n  .#{$prefix}--multi-select--filterable.#{$prefix}--multi-select--selected\n    .#{$prefix}--list-box__menu-item:first-child.#{$prefix}--list-box__menu-item--highlighted::before,\n  .#{$prefix}--multi-select.#{$prefix}--multi-select--selected\n    .#{$prefix}--list-box__menu-item:first-child.#{$prefix}--list-box__menu-item--highlighted::before {\n    position: absolute;\n    border: 2px solid $focus;\n    block-size: 100%;\n    border-block-start: 1px solid $focus;\n    content: '';\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--multi-select--filterable.#{$prefix}--multi-select--selected\n    .#{$prefix}--list-box__menu-item:first-child.#{$prefix}--list-box__menu-item--highlighted,\n  .#{$prefix}--multi-select.#{$prefix}--multi-select--selected\n    .#{$prefix}--list-box__menu-item:first-child.#{$prefix}--list-box__menu-item--highlighted {\n    @include focus-outline('reset');\n  }\n\n  .#{$prefix}--multi-select--filterable.#{$prefix}--multi-select--selected\n    .#{$prefix}--text-input,\n  .#{$prefix}--multi-select.#{$prefix}--multi-select--selected\n    .#{$prefix}--list-box__field {\n    padding-inline-start: 0;\n  }\n\n  .#{$prefix}--multi-select--filterable.#{$prefix}--list-box--disabled:hover:not(\n      .#{$prefix}--multi-select--filterable\n    )\n    .#{$prefix}--text-input {\n    background-color: $field;\n  }\n\n  .#{$prefix}--multi-select--filterable\n    .#{$prefix}--list-box__selection--multi {\n    margin: 0 0 0 $spacing-05;\n  }\n\n  .#{$prefix}--multi-select--filterable.#{$prefix}--multi-select--inline,\n  .#{$prefix}--multi-select--filterable.#{$prefix}--multi-select--inline\n    .#{$prefix}--text-input {\n    background-color: transparent;\n    border-block-end: 0;\n  }\n\n  .#{$prefix}--multi-select:not(.#{$prefix}--list-box--expanded)\n    .#{$prefix}--list-box__menu {\n    visibility: hidden;\n  }\n\n  .#{$prefix}--multi-select.#{$prefix}--multi-select--readonly,\n  .#{$prefix}--multi-select.#{$prefix}--multi-select--readonly:hover {\n    background-color: transparent;\n    border-block-end-color: $border-subtle;\n  }\n\n  .#{$prefix}--multi-select.#{$prefix}--multi-select--readonly\n    .#{$prefix}--list-box__menu-icon\n    svg {\n    fill: $icon-disabled;\n  }\n\n  .#{$prefix}--multi-select.#{$prefix}--multi-select--readonly\n    .#{$prefix}--tag--filter,\n  .#{$prefix}--multi-select.#{$prefix}--multi-select--readonly\n    .#{$prefix}--tag__close-icon:hover {\n    background-color: transparent;\n    color: $text-primary;\n    cursor: default;\n  }\n\n  .#{$prefix}--multi-select.#{$prefix}--multi-select--readonly\n    .#{$prefix}--tag--filter {\n    box-shadow: 0 0 0 1px $border-subtle;\n  }\n\n  .#{$prefix}--multi-select.#{$prefix}--multi-select--readonly\n    .#{$prefix}--tag--filter\n    svg {\n    fill: $icon-disabled;\n  }\n\n  .#{$prefix}--multi-select.#{$prefix}--multi-select--readonly\n    .#{$prefix}--list-box__field,\n  .#{$prefix}--multi-select.#{$prefix}--multi-select--readonly\n    .#{$prefix}--list-box__menu-icon {\n    cursor: default;\n  }\n}\n","//\n// Copyright IBM Corp. 2022\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n//-----------------------------\n// Fluid Multiselect\n//-----------------------------\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n@use '../multiselect';\n@use '../fluid-list-box';\n@use '../fluid-combo-box';\n\n@mixin fluid-multiselect {\n  .#{$prefix}--multi-select__wrapper.#{$prefix}--list-box__wrapper--fluid--focus:not(\n      .#{$prefix}--multi-select--filterable__wrapper\n    )\n    .#{$prefix}--list-box__field--wrapper--input-focused {\n    outline: none;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--tag.#{$prefix}--tag--filter {\n    margin-block-start: 1.25rem;\n  }\n\n  // Filterable\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--multi-select--filterable\n    .#{$prefix}--list-box__field\n    .#{$prefix}--text-input {\n    border-block-end: 1px solid transparent;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid\n    .#{$prefix}--multi-select--filterable.#{$prefix}--combo-box\n    .#{$prefix}--list-box__field {\n    align-items: baseline;\n  }\n\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--multi-select--filterable__wrapper:not(\n      .#{$prefix}--list-box--up\n    )\n    .#{$prefix}--list-box__menu {\n    inset-block-start: calc(100% + convert.to-rem(1px));\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../form';\n@use '../../colors' as *;\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/ai-gradient' as *;\n@use '../../utilities/skeleton' as *;\n@use '../../utilities/button-reset';\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/convert';\n@use '../../utilities/z-index' as *;\n\n/// Number input styles\n/// @access public\n/// @group number-input\n@mixin number-input {\n  .#{$prefix}--number {\n    @include reset;\n\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--number\n    .#{$prefix}--number__input-wrapper--warning\n    input[type='number'] {\n    padding-inline-end: convert.to-rem(128px);\n  }\n\n  .#{$prefix}--number input[type='number'] {\n    @include type-style('body-compact-01');\n    @include focus-outline('reset');\n\n    display: inline-flex;\n    box-sizing: border-box;\n    border: 0;\n    border-radius: 0;\n\n    // Firefox: Hide spinner (up and down buttons)\n    -moz-appearance: textfield;\n    appearance: textfield;\n    background-color: $field;\n    block-size: convert.to-rem(40px);\n    border-block-end: convert.to-rem(1px) solid $border-strong;\n    color: $text-primary;\n    font-family: font-family('sans');\n    font-weight: 400;\n    inline-size: 100%;\n    min-inline-size: 9.375rem;\n    padding-inline: $spacing-05 $spacing-12;\n    transition:\n      background-color $duration-fast-01 motion(standard, productive),\n      outline $duration-fast-01 motion(standard, productive);\n\n    &:focus {\n      @include focus-outline('outline');\n    }\n\n    &:disabled ~ .#{$prefix}--number__controls {\n      cursor: not-allowed;\n      pointer-events: none;\n    }\n\n    &:disabled ~ .#{$prefix}--number__controls svg {\n      fill: $icon-disabled;\n    }\n\n    // IE: Hide \"clear-field\" `x` button on input field\n    &::-ms-clear {\n      display: none;\n    }\n\n    // Safari: Hide number spinner\n    &::-webkit-inner-spin-button {\n      appearance: none;\n    }\n\n    &[data-invalid] {\n      padding-inline-end: convert.to-rem(128px);\n    }\n  }\n\n  .#{$prefix}--number--lg.#{$prefix}--number {\n    input[type='number'] {\n      padding-inline-end: convert.to-rem(112px);\n\n      &[data-invalid] {\n        padding-inline-end: convert.to-rem(144px);\n      }\n    }\n\n    .#{$prefix}--number__input-wrapper--warning input[type='number'] {\n      padding-inline-end: convert.to-rem(144px);\n    }\n  }\n\n  .#{$prefix}--number--sm.#{$prefix}--number {\n    input[type='number'] {\n      padding-inline-end: convert.to-rem(80px);\n\n      &[data-invalid] {\n        padding-inline-end: convert.to-rem(112px);\n      }\n    }\n\n    .#{$prefix}--number__input-wrapper--warning input[type='number'] {\n      padding-inline-end: convert.to-rem(112px);\n    }\n  }\n\n  .#{$prefix}--number input[type='number']:disabled {\n    background-color: $field;\n    border-block-end-color: transparent;\n    color: $text-disabled;\n    cursor: not-allowed;\n  }\n\n  .#{$prefix}--number__input-wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n  }\n\n  .#{$prefix}--number__controls {\n    @include reset;\n\n    position: absolute;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    block-size: 100%;\n    inline-size: convert.to-rem(80px);\n    // vertically center controls within parent container on IE11\n    inset-block-start: 50%;\n    inset-inline-end: 0;\n    transform: translateY(-50%);\n  }\n\n  .#{$prefix}--number__control-btn {\n    @include button-reset.reset;\n\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    block-size: 100%;\n    color: $icon-primary;\n\n    svg {\n      fill: currentColor;\n    }\n\n    &:focus {\n      @include focus-outline;\n\n      color: $icon-primary;\n      outline-offset: -2px;\n      outline-width: 2px;\n    }\n\n    &:hover {\n      background-color: $field-hover;\n      box-shadow: 0 -1px 0 $border-strong inset;\n      color: $icon-primary;\n      cursor: pointer;\n    }\n\n    &:disabled {\n      border-block-end-color: transparent;\n      color: $text-disabled;\n      cursor: not-allowed;\n    }\n  }\n\n  // set orders to facilitate styling for rule dividers\n  .#{$prefix}--number__control-btn.down-icon {\n    order: 1;\n  }\n\n  .#{$prefix}--number__control-btn.up-icon {\n    order: 2;\n  }\n\n  .#{$prefix}--number\n    input[type='number'][data-invalid]\n    ~ .#{$prefix}--number__controls\n    .#{$prefix}--number__control-btn {\n    border-block-end-color: $support-error;\n  }\n\n  // add top and bottom outlines to number controls when input is focused\n  .#{$prefix}--number\n    input[type='number']:focus\n    ~ .#{$prefix}--number__controls\n    .#{$prefix}--number__control-btn {\n    border-width: 2px 0;\n    border-style: solid;\n    border-color: $focus;\n    box-shadow: none;\n    outline-offset: -2px;\n  }\n\n  .#{$prefix}--number\n    input[type='number']:focus\n    ~ .#{$prefix}--number__controls\n    .#{$prefix}--number__control-btn:last-of-type:hover {\n    box-shadow: -4px 0 0 -2px $focus inset;\n  }\n\n  // add invalid box-shadow to number controls only when invalid input is not focused\n  .#{$prefix}--number\n    input[type='number'][data-invalid]:not(:focus)\n    ~ .#{$prefix}--number__controls\n    .#{$prefix}--number__control-btn:last-of-type:hover {\n    box-shadow: -4px 0 0 -2px $support-error inset;\n  }\n\n  .#{$prefix}--number\n    input[type='number'][data-invalid]:not(:focus)\n    ~ .#{$prefix}--number__controls\n    .#{$prefix}--number__control-btn:hover {\n    border-width: 2px 0;\n    border-style: solid;\n    border-color: $support-error;\n    box-shadow: none;\n    outline-offset: -2px;\n  }\n\n  .#{$prefix}--number\n    input[type='number'][data-invalid]:not(:focus)\n    ~ .#{$prefix}--number__controls\n    .#{$prefix}--number__control-btn:focus:hover {\n    @include focus-outline('outline');\n  }\n\n  .#{$prefix}--number__rule-divider {\n    position: absolute;\n    z-index: z('overlay');\n    background-color: $border-subtle;\n    block-size: convert.to-rem(16px);\n    inline-size: convert.to-rem(1px);\n\n    &:first-of-type {\n      order: 0;\n    }\n  }\n\n  // rule divider styles\n  .#{$prefix}--number__controls\n    .#{$prefix}--number__rule-divider:first-of-type {\n    background-color: transparent;\n    inset-inline-start: 0;\n  }\n\n  .#{$prefix}--number__invalid\n    + .#{$prefix}--number__controls\n    .#{$prefix}--number__rule-divider:first-of-type {\n    background-color: $border-subtle;\n  }\n\n  // V11: Possibly deprecate\n  .#{$prefix}--number--light .#{$prefix}--number__rule-divider,\n  .#{$prefix}--number--light\n    .#{$prefix}--number__invalid\n    + .#{$prefix}--number__controls\n    .#{$prefix}--number__rule-divider:first-of-type {\n    background-color: $border-subtle-02;\n  }\n\n  .#{$prefix}--number\n    input[type='number']:disabled\n    + .#{$prefix}--number__controls\n    .#{$prefix}--number__rule-divider:first-of-type {\n    background-color: transparent;\n  }\n\n  .#{$prefix}--number\n    input[type='number']:disabled\n    + .#{$prefix}--number__controls\n    .#{$prefix}--number__rule-divider {\n    background-color: $icon-disabled;\n  }\n\n  .#{$prefix}--number__control-btn:focus ~ .#{$prefix}--number__rule-divider {\n    background-color: transparent;\n  }\n\n  .#{$prefix}--number__invalid {\n    position: absolute;\n    fill: $support-error;\n    inset-inline-end: $spacing-12;\n  }\n\n  .#{$prefix}--number--lg .#{$prefix}--number__invalid {\n    inset-inline-end: convert.to-rem(112px);\n  }\n\n  .#{$prefix}--number--sm .#{$prefix}--number__invalid {\n    inset-inline-end: convert.to-rem(80px);\n  }\n\n  .#{$prefix}--number__invalid + .#{$prefix}--number__rule-divider {\n    position: absolute;\n    inset-inline-end: convert.to-rem(80px);\n  }\n\n  .#{$prefix}--number--lg\n    .#{$prefix}--number__invalid\n    + .#{$prefix}--number__rule-divider {\n    inset-inline-end: $spacing-12;\n  }\n\n  .#{$prefix}--number--sm\n    .#{$prefix}--number__invalid\n    + .#{$prefix}--number__rule-divider {\n    inset-inline-end: convert.to-rem(64px);\n  }\n\n  .#{$prefix}--number__control-btn.down-icon:hover\n    ~ .#{$prefix}--number__rule-divider,\n  .#{$prefix}--number__control-btn.up-icon:hover\n    + .#{$prefix}--number__rule-divider,\n  .#{$prefix}--number__control-btn.down-icon:focus\n    ~ .#{$prefix}--number__rule-divider,\n  .#{$prefix}--number__control-btn.up-icon:focus\n    + .#{$prefix}--number__rule-divider {\n    background-color: transparent;\n  }\n\n  .#{$prefix}--number__invalid--warning {\n    fill: $support-warning;\n  }\n\n  .#{$prefix}--number__invalid--warning path:first-of-type {\n    fill: $black-100;\n    opacity: 1;\n  }\n\n  // Size Variant styles\n  .#{$prefix}--number--lg input[type='number'] {\n    block-size: convert.to-rem(48px);\n  }\n\n  .#{$prefix}--number--lg .#{$prefix}--number__controls {\n    inline-size: $spacing-12;\n  }\n\n  .#{$prefix}--number--lg .#{$prefix}--number__control-btn {\n    inline-size: convert.to-rem(48px);\n  }\n\n  .#{$prefix}--number--sm input[type='number'] {\n    block-size: convert.to-rem(32px);\n  }\n\n  .#{$prefix}--number--sm .#{$prefix}--number__controls {\n    inline-size: convert.to-rem(64px);\n  }\n\n  .#{$prefix}--number--sm .#{$prefix}--number__control-btn {\n    inline-size: convert.to-rem(32px);\n  }\n\n  //No label positioning adjustment\n  .#{$prefix}--number--nolabel\n    .#{$prefix}--label\n    + .#{$prefix}--form__helper-text {\n    margin-block-start: 0;\n  }\n\n  // No steppers\n  .#{$prefix}--number--nosteppers input[type='number'] {\n    padding-inline-end: 0;\n  }\n\n  .#{$prefix}--number--nosteppers input[type='number'][data-invalid],\n  .#{$prefix}--number--nosteppers\n    .#{$prefix}--number__input-wrapper--warning\n    input[type='number'] {\n    padding-inline-end: convert.to-rem(48px);\n  }\n\n  .#{$prefix}--number--nosteppers .#{$prefix}--number__invalid {\n    inset-inline-end: convert.to-rem(16px);\n  }\n\n  // Readonly\n  .#{$prefix}--number--readonly input[type='number'] {\n    background: transparent;\n    border-block-end-color: $border-subtle;\n  }\n\n  .#{$prefix}--number--readonly .#{$prefix}--number__control-btn {\n    color: $icon-disabled;\n    pointer-events: none;\n\n    &:hover {\n      background-color: transparent;\n      cursor: pointer;\n    }\n  }\n\n  .#{$prefix}--number--readonly\n    input[type='number']:focus\n    ~ .#{$prefix}--number__controls\n    .#{$prefix}--number__control-btn:hover {\n    outline: none;\n  }\n\n  .#{$prefix}--number--readonly\n    .#{$prefix}--number__controls:hover\n    .#{$prefix}--number__rule-divider:not(:first-of-type) {\n    background-color: $border-subtle;\n  }\n\n  // Styles for `AILabel` rendered inside `NumberInput`\n  .#{$prefix}--number__input-wrapper--decorator\n    .#{$prefix}--number__input-inner-wrapper--decorator\n    > *,\n  .#{$prefix}--number__input-wrapper--slug .#{$prefix}--ai-label,\n  .#{$prefix}--number__input-wrapper--slug .#{$prefix}--slug {\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-end: $spacing-12;\n    transform: translateY(-50%);\n  }\n\n  .#{$prefix}--number__input-wrapper--decorator\n    .#{$prefix}--number__input-inner-wrapper--decorator:not(\n      :has(.#{$prefix}--ai-label)\n    )\n    > * {\n    block-size: 1rem;\n  }\n\n  .#{$prefix}--number__input-wrapper--decorator\n    .#{$prefix}--number__input-inner-wrapper--decorator\n    > *::before,\n  .#{$prefix}--number__input-wrapper--decorator\n    .#{$prefix}--number__control-btn::before,\n  .#{$prefix}--number__input-wrapper--decorator\n    .#{$prefix}--number__control-btn::after,\n  .#{$prefix}--number__input-wrapper--slug .#{$prefix}--ai-label::before,\n  .#{$prefix}--number__input-wrapper--slug .#{$prefix}--slug::before,\n  .#{$prefix}--number__input-wrapper--slug\n    .#{$prefix}--number__control-btn::before,\n  .#{$prefix}--number__input-wrapper--slug\n    .#{$prefix}--number__control-btn::after {\n    position: absolute;\n    background-color: $border-subtle;\n    block-size: convert.to-rem(16px);\n    content: '';\n    inline-size: convert.to-rem(1px);\n  }\n  .#{$prefix}--number__input-wrapper--decorator\n    .#{$prefix}--number__input-inner-wrapper--decorator\n    > *::before,\n  .#{$prefix}--number__input-wrapper--slug .#{$prefix}--ai-label::before,\n  .#{$prefix}--number__input-wrapper--slug .#{$prefix}--slug::before {\n    display: none;\n    inset-inline-start: convert.to-rem(-16px);\n  }\n\n  .#{$prefix}--number__control-btn::after {\n    display: block;\n    inset-inline-end: 0;\n  }\n\n  .#{$prefix}--number__input-wrapper--decorator\n    .#{$prefix}--number__control-btn::before,\n  .#{$prefix}--number__input-wrapper--slug\n    .#{$prefix}--number__control-btn::before {\n    display: block;\n    inset-inline-end: $spacing-08;\n  }\n\n  .#{$prefix}--number__input-wrapper--decorator\n    .#{$prefix}--number__control-btn:focus::before,\n  .#{$prefix}--number__input-wrapper--slug\n    .#{$prefix}--number__control-btn:focus::before {\n    display: none;\n  }\n\n  .#{$prefix}--number__control-btn:hover::after,\n  .#{$prefix}--number__control-btn:hover::before {\n    display: none;\n    inset-inline-end: 0;\n  }\n\n  .#{$prefix}--number__input-wrapper:has(.#{$prefix}--number__control-btn:hover)\n    ~ .#{$prefix}--number__input-wrapper--decorator::after,\n  .#{$prefix}--number__input-wrapper:has(.#{$prefix}--number__control-btn:hover)\n    ~ .#{$prefix}--number__input-wrapper--slug::after {\n    display: none;\n  }\n\n  .#{$prefix}--number__control-btn:has(.up-icon)::after,\n  .#{$prefix}--number__control-btn:has(.up-icon)::before {\n    display: none;\n  }\n\n  .#{$prefix}--number__input-wrapper--decorator .#{$prefix}--number__invalid,\n  .#{$prefix}--number__input-wrapper--slug .#{$prefix}--number__invalid {\n    inset-inline-end: $spacing-13 - $spacing-05;\n  }\n\n  .#{$prefix}--number__input-wrapper--decorator:has(\n      .#{$prefix}--number__invalid\n    )\n    .#{$prefix}--number__input-inner-wrapper--decorator\n    > *::before,\n  .#{$prefix}--number__input-wrapper--slug:has(.#{$prefix}--number__invalid)\n    .#{$prefix}--ai-label::before,\n  .#{$prefix}--number__input-wrapper--slug:has(.#{$prefix}--number__invalid)\n    .#{$prefix}--ai-label::before,\n  .#{$prefix}--number__input-wrapper--slug:has(.#{$prefix}--number__invalid)\n    .#{$prefix}--slug::before {\n    display: block;\n  }\n\n  .#{$prefix}--number\n    .#{$prefix}--number__input-wrapper--decorator\n    input[data-invalid],\n  .#{$prefix}--number\n    .#{$prefix}--number__input-wrapper--decorator.#{$prefix}--number__input-wrapper--warning\n    input,\n  .#{$prefix}--number\n    .#{$prefix}--number__input-wrapper--slug\n    input[data-invalid],\n  .#{$prefix}--number\n    .#{$prefix}--number__input-wrapper--slug.#{$prefix}--number__input-wrapper--warning\n    input {\n    padding-inline-end: convert.to-rem(144px);\n  }\n\n  .#{$prefix}--number__input-wrapper--decorator\n    input[type='number']:has(\n      ~ .#{$prefix}--number__input-inner-wrapper--decorator\n        .#{$prefix}--ai-label\n    ):not(\n      :has(\n          ~ .#{$prefix}--number__input-inner-wrapper--decorator\n            .#{$prefix}--ai-label--revert\n        )\n    ),\n  .#{$prefix}--number__input-wrapper--slug\n    input[type='number']:has(~ .#{$prefix}--ai-label):not(\n      :has(~ .#{$prefix}--ai-label--revert)\n    ),\n  .#{$prefix}--number__input-wrapper--slug\n    input[type='number']:has(~ .#{$prefix}--slug):not(\n      :has(~ .#{$prefix}--slug--revert)\n    ),\n  .#{$prefix}--number__input-wrapper--slug input[type='number']:disabled {\n    @include ai-gradient;\n\n    padding-inline-end: convert.to-rem(145px);\n  }\n\n  // Skeleton State\n\n  .#{$prefix}--number.#{$prefix}--skeleton {\n    @include skeleton;\n\n    inline-size: 100%;\n\n    input[type='number'] {\n      display: none;\n    }\n  }\n\n  .#{$prefix}--number.#{$prefix}--skeleton.#{$prefix}--number--sm {\n    block-size: $spacing-07;\n  }\n\n  .#{$prefix}--number.#{$prefix}--skeleton.#{$prefix}--number--md {\n    block-size: $spacing-08;\n  }\n\n  .#{$prefix}--number.#{$prefix}--skeleton.#{$prefix}--number--lg {\n    block-size: $spacing-09;\n  }\n\n  // Windows HCM fix\n\n  .#{$prefix}--number__control-btn:hover,\n  .#{$prefix}--number__control-btn:focus {\n    @include high-contrast-mode('focus');\n  }\n\n  .#{$prefix}--number__control-btn {\n    @include high-contrast-mode('outline');\n  }\n\n  .#{$prefix}--number__control-btn svg {\n    @include high-contrast-mode('icon-fill');\n  }\n}\n\n.#{$prefix}--number__controls:hover .#{$prefix}--number__control-btn::after {\n  display: none;\n}\n\n.#{$prefix}--number__input-wrapper--decorator .#{$prefix}--number__rule-divider,\n.#{$prefix}--number__input-wrapper--slug .#{$prefix}--number__rule-divider {\n  display: none;\n}\n\n.#{$prefix}--number__input-wrapper--decorator\n  .#{$prefix}--number__control-btn:hover,\n.#{$prefix}--number__input-wrapper--slug\n  .#{$prefix}--number__control-btn:hover {\n  box-shadow: 0 -1px 0 $ai-border-strong inset;\n}\n\n//hide dividers on button focus\n.#{$prefix}--number__controls:focus-within\n  .#{$prefix}--number__control-btn::after {\n  display: none;\n}\n","//\n// Copyright IBM Corp. 2022\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n//-----------------------------\n// Fluid Number Input\n//-----------------------------\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../utilities/ai-gradient' as *;\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n@use '../number-input';\n\n@mixin fluid-number-input {\n  .#{$prefix}--number-input--fluid {\n    position: relative;\n    background: $field;\n    block-size: 100%;\n  }\n\n  .#{$prefix}--number-input--fluid .#{$prefix}--label {\n    position: absolute;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    margin: 0;\n    block-size: convert.to-rem(16px);\n    inline-size: calc(100% - 2rem);\n    inset-block-start: convert.to-rem(13px);\n    inset-inline-start: $spacing-05;\n  }\n\n  .#{$prefix}--number-input--fluid .#{$prefix}--label::-webkit-scrollbar,\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--label\n    .#{$prefix}--toggletip-label::-webkit-scrollbar {\n    display: none;\n  }\n\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--label:not(:has(.#{$prefix}--toggletip-label)),\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--label\n    .#{$prefix}--toggletip-label {\n    -ms-overflow-style: none;\n    overflow-x: scroll;\n    scrollbar-width: none;\n    white-space: nowrap;\n  }\n\n  .#{$prefix}--number-input--fluid .#{$prefix}--number__input-wrapper {\n    position: initial;\n  }\n\n  .#{$prefix}--number-input--fluid input[type='number'] {\n    padding: convert.to-rem(32px) convert.to-rem(80px) convert.to-rem(13px)\n      $spacing-05;\n    background: transparent;\n    min-block-size: convert.to-rem(64px);\n    outline: none;\n  }\n\n  .#{$prefix}--number-input--fluid .#{$prefix}--number__controls {\n    block-size: convert.to-rem(40px);\n    inset-block-start: convert.to-rem(23px);\n    transform: translate(0);\n  }\n\n  .#{$prefix}--number-input--fluid\n    input[type='number']:focus\n    ~ .#{$prefix}--number__controls\n    .#{$prefix}--number__control-btn {\n    border-block-end-color: $focus;\n    box-shadow: inset 0 -1px $focus;\n  }\n\n  .#{$prefix}--number-input--fluid\n    input[type='number']:focus\n    ~ .#{$prefix}--number__controls\n    .#{$prefix}--number__control-btn:last-of-type {\n    box-shadow:\n      inset 0 -1px $focus,\n      inset -2px 0 $focus;\n  }\n\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number__input-wrapper--warning\n    input[type='number']:focus\n    ~ .#{$prefix}--number__controls\n    .#{$prefix}--number__control-btn,\n  .#{$prefix}--number-input--fluid--invalid\n    input[type='number']:focus\n    ~ .#{$prefix}--number__controls\n    .#{$prefix}--number__control-btn {\n    border-block-end-color: transparent;\n    box-shadow: none;\n  }\n\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number__input-wrapper--warning\n    input[type='number']:focus\n    ~ .#{$prefix}--number__controls\n    .#{$prefix}--number__control-btn:last-of-type,\n  .#{$prefix}--number-input--fluid--invalid\n    input[type='number'][data-invalid]:focus\n    ~ .#{$prefix}--number__controls\n    .#{$prefix}--number__control-btn:last-of-type {\n    box-shadow: inset -2px 0 $focus;\n  }\n\n  .#{$prefix}--number-input--fluid--invalid\n    input[type='number'][data-invalid]:not(:focus)\n    ~ .#{$prefix}--number__controls\n    .#{$prefix}--number__control-btn:last-of-type:hover {\n    box-shadow: inset -2px 0 $support-error;\n  }\n\n  .#{$prefix}--number-input--fluid--invalid\n    input[type='number'][data-invalid]:not(:focus)\n    ~ .#{$prefix}--number__controls\n    .#{$prefix}--number__control-btn:hover {\n    box-shadow: none;\n  }\n\n  .#{$prefix}--number-input--fluid.#{$prefix}--number-input--fluid--focus\n    .#{$prefix}--number {\n    @include focus-outline('outline');\n  }\n\n  .#{$prefix}--number-input--fluid:not(\n      .#{$prefix}--number-input--fluid--invalid\n    )\n    .#{$prefix}--number-input-wrapper:not(\n      .#{$prefix}--number-input-wrapper__warning\n    )\n    input[type='number']:focus\n    ~ .#{$prefix}--number__controls\n    .#{$prefix}--number__control-btn:hover {\n    border-block-end: 1px solid $focus;\n    outline: none;\n  }\n\n  .#{$prefix}--number-input--fluid--invalid\n    input[type='number'][data-invalid]\n    ~ .#{$prefix}--number__controls\n    .#{$prefix}--number__control-btn:focus,\n  .#{$prefix}--number-input--fluid--invalid\n    .#{$prefix}--number\n    input[type='number'][data-invalid]\n    ~ .#{$prefix}--number__controls\n    .#{$prefix}--number__control-btn:focus:hover {\n    @include focus-outline('outline');\n  }\n\n  // Invalid styles\n  .#{$prefix}--number-input--fluid .#{$prefix}--number-input__divider {\n    display: none;\n  }\n\n  .#{$prefix}--number-input--fluid .#{$prefix}--number__invalid {\n    inset-block-start: convert.to-rem(73px);\n    inset-inline-end: $spacing-05;\n    pointer-events: none;\n  }\n\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number__controls\n    .#{$prefix}--number__rule-divider:first-of-type {\n    display: none;\n  }\n\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number__input-wrapper--warning\n    input[type='number'] {\n    border-block-end: 1px solid transparent;\n  }\n\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number__input-wrapper--warning\n    input[type='number']:focus {\n    outline: none;\n  }\n\n  .#{$prefix}--number-input--fluid.#{$prefix}--number-input--fluid--invalid\n    .#{$prefix}--number-input__divider,\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number__input-wrapper--warning\n    + .#{$prefix}--number-input__divider {\n    position: absolute;\n    display: block;\n    border: none;\n    margin: 0 1rem;\n    block-size: convert.to-rem(1px);\n    border-block-end: 1px solid $border-subtle;\n    inline-size: calc(100% - 2rem);\n    inset-block-start: convert.to-rem(63px);\n  }\n\n  .#{$prefix}--number-input--fluid .#{$prefix}--form-requirement {\n    padding: $spacing-03 convert.to-rem(40px) $spacing-03 $spacing-05;\n    margin: 0;\n  }\n\n  .#{$prefix}--number-input--fluid.#{$prefix}--number-input--fluid--invalid:not(\n      .#{$prefix}--number-input--fluid--focus\n    )\n    .#{$prefix}--number {\n    @include focus-outline('invalid');\n  }\n\n  .#{$prefix}--number-input--fluid--invalid\n    .#{$prefix}--number[data-invalid]\n    input[type='number'] {\n    border-block-end: 1px solid transparent;\n  }\n\n  .#{$prefix}--number-input--fluid--invalid\n    .#{$prefix}--number[data-invalid]\n    input[type='number'],\n  .#{$prefix}--number-input--fluid--invalid\n    .#{$prefix}--number\n    input[type='number'][data-invalid]\n    ~ .#{$prefix}--number__controls\n    .#{$prefix}--number__control-btn:hover,\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number__input-wrapper--warning\n    input[type='number']\n    ~ .#{$prefix}--number__controls\n    .#{$prefix}--number__control-btn:hover:not(:focus) {\n    outline: none;\n  }\n\n  .#{$prefix}--number-input--fluid.#{$prefix}--number-input--invalid\n    .#{$prefix}--number__input-wrapper\n    input[type='number']\n    ~ .#{$prefix}--number__controls\n    .#{$prefix}--number__control-btn,\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number__input-wrapper--warning\n    input[type='number']\n    ~ .#{$prefix}--number__controls\n    .#{$prefix}--number__control-btn {\n    border-block-end: none;\n  }\n\n  .#{$prefix}--number-input--fluid--invalid\n    .#{$prefix}--number\n    input[type='number'][data-invalid]\n    ~ .#{$prefix}--number__controls\n    .#{$prefix}--number__control-btn,\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number\n    input[type='number']\n    ~ .#{$prefix}--number__controls\n    .#{$prefix}--number__control-btn {\n    border: initial;\n    border-block-end-width: convert.to-rem(1px);\n  }\n\n  // Disabled states\n  .#{$prefix}--number-input--fluid--disabled:not(\n      .#{$prefix}--number-input--fluid--invalid\n    )\n    .#{$prefix}--number {\n    border-block-end: 1px solid $border-subtle;\n  }\n\n  .#{$prefix}--number-input--fluid--disabled.#{$prefix}--number-input--fluid--invalid\n    .#{$prefix}--number\n    input[type='number']:disabled {\n    background-color: transparent;\n  }\n\n  // AILabel styles\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number__input-wrapper--decorator\n    .#{$prefix}--number__input-inner-wrapper--decorator\n    > *,\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number__input-wrapper--slug\n    .#{$prefix}--ai-label,\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number__input-wrapper--slug\n    .#{$prefix}--slug {\n    inset-block-start: convert.to-rem(43px);\n  }\n\n  .#{$prefix}--number-input--fluid.#{$prefix}--number-input--fluid--invalid\n    .#{$prefix}--number__input-wrapper--decorator\n    .#{$prefix}--number__input-inner-wrapper--decorator\n    > *,\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number__input-wrapper--decorator.#{$prefix}--number__input-wrapper--warning\n    .#{$prefix}--number__input-inner-wrapper--decorator\n    > *,\n  .#{$prefix}--number-input--fluid.#{$prefix}--number-input--fluid--invalid\n    .#{$prefix}--number__input-wrapper--slug\n    .#{$prefix}--ai-label,\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number__input-wrapper--slug.#{$prefix}--number__input-wrapper--warning\n    .#{$prefix}--ai-label,\n  .#{$prefix}--number-input--fluid.#{$prefix}--number-input--fluid--invalid\n    .#{$prefix}--number__input-wrapper--slug\n    .#{$prefix}--slug,\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number__input-wrapper--slug.#{$prefix}--number__input-wrapper--warning\n    .#{$prefix}--slug {\n    inset-inline-end: convert.to-rem(88px);\n  }\n\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number__input-wrapper--decorator\n    input,\n  .#{$prefix}--number-input--fluid.#{$prefix}--number-input--fluid--invalid\n    .#{$prefix}--number__input-wrapper--decorator\n    input[data-invalid],\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number__input-wrapper--decorator.#{$prefix}--number__input-wrapper--warning\n    input,\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number__input-wrapper--slug\n    input,\n  .#{$prefix}--number-input--fluid.#{$prefix}--number-input--fluid--invalid\n    .#{$prefix}--number__input-wrapper--slug\n    input[data-invalid],\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number__input-wrapper--slug.#{$prefix}--number__input-wrapper--warning\n    input {\n    padding-inline-end: convert.to-rem(120px);\n  }\n\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number__input-wrapper--decorator:has(\n      .#{$prefix}--ai-label\n    ):not(:has(.#{$prefix}--ai-label--revert)),\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number__input-wrapper--slug:has(.#{$prefix}--ai-label):not(\n      :has(.#{$prefix}--ai-label--revert)\n    ),\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number__input-wrapper--slug:has(.#{$prefix}--slug):not(\n      :has(.#{$prefix}--slug--revert)\n    ) {\n    @include ai-gradient;\n  }\n}\n","//\n// Copyright IBM Corp. 2022\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n//-----------------------------\n// Fluid Search\n//-----------------------------\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n@use '../search';\n\n@mixin fluid-search {\n  .#{$prefix}--search--fluid {\n    block-size: convert.to-rem(64px);\n  }\n\n  .#{$prefix}--search--fluid .#{$prefix}--label {\n    position: absolute;\n    z-index: 1;\n    display: flex;\n    overflow: initial;\n    align-items: center;\n    margin: 0;\n    block-size: convert.to-rem(16px);\n    clip: initial;\n    inline-size: calc(100% - 2rem);\n    inset-block-start: convert.to-rem(13px);\n    inset-inline-start: $spacing-05;\n    white-space: initial;\n  }\n\n  .#{$prefix}--search--fluid .#{$prefix}--label::-webkit-scrollbar,\n  .#{$prefix}--search--fluid\n    .#{$prefix}--label\n    .#{$prefix}--toggletip-label::-webkit-scrollbar {\n    display: none;\n  }\n\n  .#{$prefix}--search--fluid\n    .#{$prefix}--label:not(:has(.#{$prefix}--toggletip-label)),\n  .#{$prefix}--search--fluid .#{$prefix}--label .#{$prefix}--toggletip-label {\n    -ms-overflow-style: none;\n    overflow-x: scroll;\n    scrollbar-width: none;\n    white-space: nowrap;\n  }\n\n  .#{$prefix}--search--fluid .#{$prefix}--search-input {\n    padding: convert.to-rem(32px) convert.to-rem(88px) convert.to-rem(13px)\n      $spacing-05;\n    block-size: 100%;\n  }\n\n  .#{$prefix}--search--fluid .#{$prefix}--search-magnifier-icon {\n    color: $icon-primary;\n    inset: auto 1rem convert.to-rem(13px) auto;\n    transform: none;\n  }\n\n  .#{$prefix}--search--fluid .#{$prefix}--search-close {\n    border: none;\n    block-size: convert.to-rem(40px);\n    inline-size: convert.to-rem(40px);\n    inset: auto convert.to-rem(48px) 0 auto;\n    transition: background-color $duration-fast-01 motion(standard, productive);\n  }\n\n  .#{$prefix}--search--fluid\n    .#{$prefix}--search-input:focus\n    ~ .#{$prefix}--search-close:hover {\n    outline: none;\n  }\n\n  .#{$prefix}--search--fluid .#{$prefix}--search-close::after {\n    position: absolute;\n    display: block;\n    block-size: convert.to-rem(2px);\n    content: '';\n    inline-size: 100%;\n    inset-block-end: 0;\n    inset-inline-start: 0;\n  }\n\n  .#{$prefix}--search--fluid\n    .#{$prefix}--search-input:focus\n    ~ .#{$prefix}--search-close::after {\n    background: $focus;\n  }\n\n  .#{$prefix}--search--fluid\n    .#{$prefix}--search-input:not(:focus)\n    ~ .#{$prefix}--search-close:not([disabled])::after {\n    background: $border-strong;\n    block-size: convert.to-rem(1px);\n  }\n\n  .#{$prefix}--search--fluid .#{$prefix}--search-close svg {\n    margin-block-end: convert.to-rem(2px);\n  }\n\n  // Disabled styles\n  .#{$prefix}--search--fluid\n    .#{$prefix}--search-input:disabled\n    ~ .#{$prefix}--search-close:hover::before {\n    background: $border-subtle;\n  }\n\n  .#{$prefix}--search--fluid.#{$prefix}--search--disabled .#{$prefix}--label {\n    color: $text-disabled;\n    cursor: not-allowed;\n  }\n\n  .#{$prefix}--search--fluid.#{$prefix}--search--disabled\n    .#{$prefix}--search-input[disabled] {\n    border-block-end: 1px solid $border-subtle;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../form';\n@use '../../colors' as *;\n@use '../../config' as *;\n@use '../../spacing' as *;\n@use '../../motion' as *;\n@use '../../type' as *;\n@use '../../breakpoint' as *;\n@use '../../theme' as *;\n@use '../../utilities/ai-gradient' as *;\n@use '../../utilities/component-reset';\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/skeleton' as *;\n\n/// Select styles\n/// @access public\n/// @group select\n@mixin select {\n  .#{$prefix}--select {\n    @include component-reset.reset;\n\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--select-input__wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--select-input {\n    @include type-style('body-compact-01');\n    @include focus-outline('reset');\n\n    display: block;\n    border: none;\n    border-radius: 0;\n    appearance: none;\n    background-color: $field;\n    block-size: convert.to-rem(40px);\n    border-block-end: 1px solid $border-strong;\n    color: $text-primary;\n    cursor: pointer;\n    font-family: inherit;\n    inline-size: 100%;\n    // reset disabled <select> opacity\n    opacity: 1;\n    padding-block: 0;\n    padding-inline: $spacing-05 $spacing-09;\n    text-overflow: ellipsis;\n\n    // Do not transition on background-color (see: https://github.com/carbon-design-system/carbon/issues/4464)\n    transition: outline $duration-fast-01 motion(standard, productive);\n\n    &:hover {\n      background-color: $field-hover;\n    }\n\n    // Hide default select arrow in IE10+\n    &::-ms-expand {\n      display: none;\n    }\n\n    // Select text renders a little high on Firefox\n    @document url-prefix() {\n      // Removes dotted inner focus\n      &:-moz-focusring,\n      &::-moz-focus-inner {\n        background-image: none;\n        color: transparent;\n        text-shadow: 0 0 0 #000000;\n      }\n    }\n\n    &:focus {\n      @include focus-outline('outline');\n\n      color: $text-primary;\n    }\n\n    &:disabled,\n    &:hover:disabled {\n      background-color: $field;\n      border-block-end-color: transparent;\n      color: $text-disabled;\n      cursor: not-allowed;\n    }\n  }\n\n  .#{$prefix}--select-input--sm {\n    block-size: convert.to-rem(32px);\n    max-block-size: convert.to-rem(32px);\n  }\n\n  .#{$prefix}--select-input--lg {\n    block-size: convert.to-rem(48px);\n    max-block-size: convert.to-rem(48px);\n  }\n\n  .#{$prefix}--select--disabled .#{$prefix}--label,\n  .#{$prefix}--select--disabled .#{$prefix}--form__helper-text {\n    color: $text-disabled;\n  }\n\n  .#{$prefix}--select-input__wrapper[data-invalid] .#{$prefix}--select-input,\n  .#{$prefix}--select--warning .#{$prefix}--select-input {\n    padding-inline-end: $spacing-10;\n  }\n\n  .#{$prefix}--select-input:disabled ~ .#{$prefix}--select__arrow {\n    fill: $icon-disabled;\n  }\n\n  .#{$prefix}--select--light .#{$prefix}--select-input {\n    background-color: $field-02;\n\n    &:hover {\n      background-color: $field-hover;\n    }\n\n    &:disabled,\n    &:hover:disabled {\n      background-color: $field-02;\n      color: $text-disabled;\n      cursor: not-allowed;\n    }\n  }\n\n  .#{$prefix}--select__arrow {\n    position: absolute;\n    block-size: 100%;\n    fill: $icon-primary;\n    inset-block-start: 0;\n    inset-inline-end: $spacing-05;\n    pointer-events: none;\n\n    // Windows, Firefox HCM Fix\n    @media screen and (-ms-high-contrast: active),\n      screen and (prefers-contrast) {\n      // `ButtonText` is a CSS2 system color to help improve colors in HCM\n      path {\n        fill: ButtonText;\n      }\n    }\n  }\n\n  .#{$prefix}--select__invalid-icon {\n    position: absolute;\n    inset-inline-end: $spacing-08;\n  }\n\n  .#{$prefix}--select-input__wrapper[data-invalid]\n    .#{$prefix}--select-input\n    ~ .#{$prefix}--select__invalid-icon {\n    fill: $support-error;\n  }\n\n  .#{$prefix}--select__invalid-icon--warning {\n    fill: $support-warning;\n  }\n\n  .#{$prefix}--select__invalid-icon--warning path[fill] {\n    fill: $black-100;\n    opacity: 1;\n  }\n\n  optgroup.#{$prefix}--select-optgroup,\n  .#{$prefix}--select-option {\n    // For the options to show in IE11\n    background-color: $layer-hover;\n    color: $text-primary;\n\n    &:disabled {\n      color: $text-disabled;\n    }\n  }\n\n  .#{$prefix}--select--inline {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .#{$prefix}--select--inline.#{$prefix}--select--invalid .#{$prefix}--label,\n  .#{$prefix}--select--inline.#{$prefix}--select--invalid\n    .#{$prefix}--form__helper-text {\n    align-self: flex-start;\n    // Offset label text margin\n    margin-block-start: convert.to-rem(13px);\n  }\n\n  .#{$prefix}--select--inline .#{$prefix}--form__helper-text {\n    margin-block-end: 0;\n    margin-inline-start: $spacing-03;\n  }\n\n  .#{$prefix}--select--inline .#{$prefix}--label {\n    margin: 0 $spacing-03 0 0;\n    white-space: nowrap;\n  }\n\n  .#{$prefix}--select--inline .#{$prefix}--select-input {\n    background-color: transparent;\n    border-block-end: none;\n    color: $text-primary;\n    inline-size: auto;\n    padding-inline: $spacing-03 $spacing-07;\n  }\n\n  .#{$prefix}--select--inline .#{$prefix}--select-input:focus,\n  .#{$prefix}--select--inline .#{$prefix}--select-input:focus option,\n  .#{$prefix}--select--inline .#{$prefix}--select-input:focus optgroup {\n    background-color: $background;\n  }\n\n  .#{$prefix}--select--inline .#{$prefix}--select-input[disabled],\n  .#{$prefix}--select--inline .#{$prefix}--select-input[disabled]:hover {\n    background-color: $field;\n  }\n\n  .#{$prefix}--select--inline .#{$prefix}--select__arrow {\n    inset-inline-end: $spacing-03;\n  }\n\n  .#{$prefix}--select--inline.#{$prefix}--select--invalid\n    .#{$prefix}--select-input {\n    padding-inline-end: convert.to-rem(56px);\n  }\n\n  .#{$prefix}--select--inline.#{$prefix}--select--invalid\n    .#{$prefix}--select-input\n    ~ .#{$prefix}--select__invalid-icon {\n    inset-inline-end: $spacing-07;\n  }\n\n  .#{$prefix}--select--inline .#{$prefix}--select-input:disabled {\n    color: $text-disabled;\n    cursor: not-allowed;\n\n    ~ * {\n      cursor: not-allowed;\n    }\n  }\n\n  // readonly\n  .#{$prefix}--select--readonly .#{$prefix}--select-input {\n    background-color: transparent;\n    border-block-end-color: $border-subtle;\n    cursor: default;\n  }\n\n  .#{$prefix}--select--readonly .#{$prefix}--select__arrow {\n    fill: $icon-disabled;\n  }\n\n  // Skeleton State\n  .#{$prefix}--select.#{$prefix}--skeleton {\n    @include skeleton;\n\n    block-size: 2.5rem;\n\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--select.#{$prefix}--skeleton .#{$prefix}--select-input {\n    display: none;\n  }\n\n  // AILabel styles\n\n  $divider-width: 1px;\n\n  .#{$prefix}--select--decorator\n    .#{$prefix}--select__inner-wrapper--decorator\n    > *,\n  .#{$prefix}--select--slug .#{$prefix}--ai-label,\n  .#{$prefix}--select--slug .#{$prefix}--slug {\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-end: calc($spacing-08 + 8px + $divider-width);\n    margin-block-start: convert.to-rem(0.5px);\n    transform: translateY(-50%);\n  }\n\n  .#{$prefix}--select--decorator\n    .#{$prefix}--select__inner-wrapper--decorator\n    > *::after,\n  .#{$prefix}--select--decorator\n    .#{$prefix}--select__inner-wrapper--decorator\n    > *::before,\n  .#{$prefix}--select--slug .#{$prefix}--ai-label::after,\n  .#{$prefix}--select--slug .#{$prefix}--ai-label::before,\n  .#{$prefix}--select--slug .#{$prefix}--slug::after,\n  .#{$prefix}--select--slug .#{$prefix}--slug::before {\n    position: absolute;\n    background-color: $border-subtle-01;\n    block-size: convert.to-rem(16px);\n    content: '';\n    inline-size: convert.to-rem(1px);\n  }\n\n  .#{$prefix}--select--decorator\n    .#{$prefix}--select__inner-wrapper--decorator\n    > *::before,\n  .#{$prefix}--select--slug .#{$prefix}--ai-label::before,\n  .#{$prefix}--select--slug .#{$prefix}--slug::before {\n    display: none;\n    inset-inline-start: calc(-#{$spacing-03} - #{$divider-width});\n  }\n\n  .#{$prefix}--select--decorator\n    .#{$prefix}--select__inner-wrapper--decorator\n    > *::after,\n  .#{$prefix}--select--slug .#{$prefix}--ai-label::after,\n  .#{$prefix}--select--slug .#{$prefix}--slug::after {\n    display: block;\n    inset-block-start: 0;\n    inset-inline-end: calc(-#{$spacing-03} - #{$divider-width});\n  }\n\n  .#{$prefix}--select--decorator\n    .#{$prefix}--select__inner-wrapper--decorator\n    > .#{$prefix}--ai-label--revert::before,\n  .#{$prefix}--select--slug .#{$prefix}--ai-label--revert::before,\n  .#{$prefix}--select--slug .#{$prefix}--slug--revert::before {\n    inset-block-start: 0.5rem;\n    inset-inline-start: 0;\n  }\n\n  .#{$prefix}--select--decorator\n    .#{$prefix}--select__inner-wrapper--decorator\n    > .#{$prefix}--ai-label--revert,\n  .#{$prefix}--select--slug .#{$prefix}--ai-label--revert {\n    inset-inline-end: convert.to-rem(41px);\n  }\n\n  .#{$prefix}--select--decorator .#{$prefix}--ai-label--revert::after,\n  .#{$prefix}--select--slug .#{$prefix}--ai-label--revert::after,\n  .#{$prefix}--select--slug .#{$prefix}--slug--revert::after {\n    inset-block-start: convert.to-rem(8px);\n    inset-inline-end: -($divider-width);\n  }\n\n  .#{$prefix}--select--decorator\n    .#{$prefix}--select-input:has(\n      ~ .#{$prefix}--select__inner-wrapper--decorator\n    ),\n  .#{$prefix}--select--slug\n    .#{$prefix}--select-input:has(~ .#{$prefix}--ai-label),\n  .#{$prefix}--select--slug .#{$prefix}--select-input:has(~ .#{$prefix}--slug) {\n    padding-inline-end: $spacing-10;\n  }\n\n  .#{$prefix}--select--decorator:has(.#{$prefix}--select__invalid-icon)\n    .#{$prefix}--select-input:has(\n      ~ .#{$prefix}--select__inner-wrapper--decorator\n    ),\n  .#{$prefix}--select--slug:has(.#{$prefix}--select__invalid-icon)\n    .#{$prefix}--select-input:has(~ .#{$prefix}--ai-label),\n  .#{$prefix}--select--slug:has(.#{$prefix}--select__invalid-icon)\n    .#{$prefix}--select-input:has(~ .#{$prefix}--slug) {\n    padding-inline-end: $spacing-12;\n  }\n\n  .#{$prefix}--select--decorator\n    .#{$prefix}--select-input:has(\n      ~ .#{$prefix}--select__inner-wrapper--decorator .#{$prefix}--ai-label\n    ):not(\n      :has(\n          ~ .#{$prefix}--select__inner-wrapper--decorator\n            .#{$prefix}--ai-label--revert\n        )\n    ),\n  .#{$prefix}--select--slug\n    .#{$prefix}--select-input:has(~ .#{$prefix}--ai-label):not(\n      :has(~ .#{$prefix}--ai-label--revert)\n    ),\n  .#{$prefix}--select--slug\n    .#{$prefix}--select-input:has(~ .#{$prefix}--slug):not(\n      :has(~ .#{$prefix}--slug--revert)\n    ) {\n    @include ai-gradient;\n  }\n\n  .#{$prefix}--select--decorator:has(.#{$prefix}--select__invalid-icon)\n    .#{$prefix}--select__inner-wrapper--decorator\n    > *::before,\n  .#{$prefix}--select--slug:has(.#{$prefix}--select__invalid-icon)\n    .#{$prefix}--ai-label::before,\n  .#{$prefix}--select--slug:has(.#{$prefix}--select__invalid-icon)\n    .#{$prefix}--slug::before {\n    display: block;\n  }\n\n  .#{$prefix}--select--decorator\n    .#{$prefix}--select-input__wrapper\n    .#{$prefix}--select-input\n    ~ .#{$prefix}--select__invalid-icon,\n  .#{$prefix}--select--slug\n    .#{$prefix}--select-input__wrapper[data-invalid]\n    .#{$prefix}--select-input\n    ~ .#{$prefix}--select__invalid-icon,\n  .#{$prefix}--select--slug\n    .#{$prefix}--select-input__wrapper\n    .#{$prefix}--select-input\n    ~ .#{$prefix}--select__invalid-icon {\n    inset-inline-end: $spacing-11;\n  }\n\n  // Windows HCM fix\n\n  .#{$prefix}--select__arrow {\n    @include high-contrast-mode('icon-fill');\n  }\n}\n","//\n// Copyright IBM Corp. 2022\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n//-----------------------------\n// Fluid Select\n//-----------------------------\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n@use '../select';\n\n@mixin fluid-select {\n  .#{$prefix}--select--fluid .#{$prefix}--select {\n    position: relative;\n    background: $field;\n    block-size: 100%;\n    transition:\n      background-color $duration-fast-01 motion(standard, productive),\n      outline $duration-fast-01 motion(standard, productive);\n  }\n\n  .#{$prefix}--select--fluid .#{$prefix}--label {\n    position: absolute;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    margin: 0;\n    block-size: convert.to-rem(16px);\n    inline-size: calc(100% - 2rem);\n    inset-block-start: convert.to-rem(13px);\n    inset-inline-start: $spacing-05;\n  }\n\n  .#{$prefix}--select--fluid .#{$prefix}--label::-webkit-scrollbar,\n  .#{$prefix}--select--fluid\n    .#{$prefix}--label\n    .#{$prefix}--toggletip-label::-webkit-scrollbar {\n    display: none;\n  }\n\n  .#{$prefix}--select--fluid\n    .#{$prefix}--label:not(:has(.#{$prefix}--toggletip-label)),\n  .#{$prefix}--select--fluid .#{$prefix}--label .#{$prefix}--toggletip-label {\n    -ms-overflow-style: none;\n    overflow-x: scroll;\n    scrollbar-width: none;\n    white-space: nowrap;\n  }\n\n  .#{$prefix}--select--fluid .#{$prefix}--select-input {\n    padding: convert.to-rem(32px) convert.to-rem(32px) convert.to-rem(13px)\n      $spacing-05;\n    min-block-size: convert.to-rem(64px);\n    outline: none;\n    text-overflow: ellipsis;\n  }\n\n  .#{$prefix}--select--fluid .#{$prefix}--select__arrow {\n    block-size: 1rem;\n    inset-block-start: convert.to-rem(34px);\n    inset-inline-end: $spacing-04;\n  }\n\n  .#{$prefix}--select--fluid .#{$prefix}--select__divider {\n    display: none;\n    transition: border-color $duration-fast-01 motion(standard, productive);\n  }\n\n  // Invalid + Warn states\n  .#{$prefix}--select--fluid\n    .#{$prefix}--select--invalid\n    .#{$prefix}--select-input__wrapper {\n    @include focus-outline('invalid');\n  }\n\n  .#{$prefix}--select--fluid\n    .#{$prefix}--select--invalid\n    .#{$prefix}--select__divider,\n  .#{$prefix}--select--fluid\n    .#{$prefix}--select--warning\n    .#{$prefix}--select__divider {\n    display: block;\n    border: none;\n    margin: 0 1rem;\n    border-block-end: 1px solid $border-subtle;\n    inline-size: calc(100% - 2rem);\n  }\n\n  .#{$prefix}--select--fluid\n    .#{$prefix}--select-input__wrapper[data-invalid]\n    .#{$prefix}--select-input,\n  .#{$prefix}--select--fluid\n    .#{$prefix}--select--warning\n    .#{$prefix}--select-input {\n    border-block-end: 1px solid transparent;\n    padding-inline-end: convert.to-rem(32px);\n  }\n\n  .#{$prefix}--select--fluid .#{$prefix}--select--warning {\n    border-block-end: 1px solid $border-strong;\n  }\n\n  .#{$prefix}--select--fluid .#{$prefix}--select-input__wrapper {\n    display: block;\n  }\n\n  .#{$prefix}--select--fluid\n    .#{$prefix}--select-input__wrapper[data-invalid]\n    .#{$prefix}--select-input:not(:focus),\n  .#{$prefix}--select--fluid\n    .#{$prefix}--select--warning\n    .#{$prefix}--select-input:not(:focus) {\n    outline: none;\n  }\n\n  .#{$prefix}--select--fluid\n    .#{$prefix}--select-input__wrapper[data-invalid]\n    .#{$prefix}--form-requirement,\n  .#{$prefix}--select--fluid\n    .#{$prefix}--select--warning\n    .#{$prefix}--form-requirement {\n    display: block;\n    overflow: visible;\n    max-block-size: 100%;\n  }\n\n  .#{$prefix}--select--fluid\n    .#{$prefix}--select-input__wrapper[data-invalid]\n    .#{$prefix}--form-requirement {\n    color: $text-error;\n  }\n\n  .#{$prefix}--select--fluid .#{$prefix}--form-requirement {\n    padding: $spacing-03 convert.to-rem(40px) $spacing-03 $spacing-05;\n    margin: 0;\n  }\n\n  .#{$prefix}--select--fluid\n    .#{$prefix}--select-input__wrapper[data-invalid]:hover\n    + .#{$prefix}--select__divider,\n  .#{$prefix}--select--fluid\n    .#{$prefix}--select--warning\n    .#{$prefix}--select-input__wrapper:hover\n    + .#{$prefix}--select__divider {\n    border-color: transparent;\n  }\n\n  .#{$prefix}--select--fluid\n    .#{$prefix}--select--invalid\n    .#{$prefix}--select-input__wrapper[data-invalid]\n    .#{$prefix}--select__invalid-icon,\n  .#{$prefix}--select--fluid\n    .#{$prefix}--select--warning\n    .#{$prefix}--select-input__wrapper\n    .#{$prefix}--select__invalid-icon {\n    inset-block-start: convert.to-rem(73px);\n    inset-inline-end: $spacing-05;\n    pointer-events: none;\n  }\n\n  // Focus styles\n  .#{$prefix}--select--fluid\n    .#{$prefix}--select--fluid--focus\n    .#{$prefix}--select-input__wrapper {\n    @include focus-outline('outline');\n  }\n\n  .#{$prefix}--select--fluid\n    .#{$prefix}--select--fluid--focus\n    .#{$prefix}--select-input,\n  .#{$prefix}--select--fluid\n    .#{$prefix}--select--fluid--focus.#{$prefix}--select--warning {\n    border-block-end: 1px solid transparent;\n  }\n\n  // Disabled state\n  .#{$prefix}--select--fluid\n    .#{$prefix}--select--disabled\n    .#{$prefix}--toggletip-label {\n    color: $text-disabled;\n  }\n\n  .#{$prefix}--select--fluid\n    .#{$prefix}--select--disabled\n    .#{$prefix}--toggletip-button {\n    pointer-events: none;\n  }\n\n  .#{$prefix}--select--fluid\n    .#{$prefix}--select--disabled\n    .#{$prefix}--toggletip-button\n    svg {\n    fill: $icon-disabled;\n  }\n\n  // AILabel styles\n  .#{$prefix}--select--fluid\n    .#{$prefix}--select--decorator\n    .#{$prefix}--select__inner-wrapper--decorator\n    > *,\n  .#{$prefix}--select--fluid .#{$prefix}--select--slug .#{$prefix}--ai-label,\n  .#{$prefix}--select--fluid .#{$prefix}--select--slug .#{$prefix}--slug {\n    inset-block-start: convert.to-rem(42px);\n    inset-inline-end: $spacing-09;\n  }\n\n  .#{$prefix}--select--fluid\n    .#{$prefix}--select--slug\n    .#{$prefix}--select-input {\n    padding-inline-end: $spacing-10;\n  }\n\n  // remove ai-label divider when element is invalid and fluid\n  .#{$prefix}--select--fluid\n    .#{$prefix}--select--slug:has(.#{$prefix}--select__invalid-icon)\n    .#{$prefix}--ai-label::before,\n  .#{$prefix}--select--fluid\n    .#{$prefix}--select--slug:has(.#{$prefix}--select__invalid-icon)\n    .#{$prefix}--slug::before {\n    display: none;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../form';\n@use '../../colors' as *;\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/ai-gradient' as *;\n@use '../../utilities/component-reset';\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/placeholder-colors' as *;\n@use '../../utilities/skeleton' as *;\n@use '../../utilities/layout';\n\n/// Text area styles\n/// @access public\n/// @group text-area\n@mixin text-area {\n  .#{$prefix}--text-area {\n    @include component-reset.reset;\n    @include type-style('body-01');\n    @include focus-outline('reset');\n\n    padding: convert.to-rem(11px) layout.density('padding-inline');\n    border: none;\n    background-color: $field;\n    block-size: 100%;\n    border-block-end: 1px solid $border-strong;\n    color: $text-primary;\n    font-family: inherit;\n    min-block-size: convert.to-rem(40px);\n\n    min-inline-size: 10rem;\n    resize: vertical;\n    transition:\n      background-color $duration-fast-01 motion(standard, productive),\n      outline $duration-fast-01 motion(standard, productive);\n  }\n\n  .#{$prefix}--text-area:focus,\n  .#{$prefix}--text-area:active {\n    @include focus-outline('outline');\n  }\n\n  .#{$prefix}--text-area::placeholder {\n    @include placeholder-colors;\n    @include type-style('body-01');\n  }\n\n  // V11: Possibly deprecate\n  .#{$prefix}--text-area--light {\n    background-color: $field-02;\n  }\n\n  .#{$prefix}--text-area--invalid {\n    padding-inline-end: $spacing-08;\n  }\n\n  .#{$prefix}--text-area__wrapper {\n    @include layout.use('density', $default: 'normal');\n\n    position: relative;\n    display: flex;\n    inline-size: 100%;\n    max-inline-size: 100%;\n  }\n\n  .#{$prefix}--text-area__wrapper--cols {\n    inline-size: auto;\n  }\n\n  .#{$prefix}--text-area__invalid-icon {\n    position: absolute;\n    fill: $support-error;\n    inset-block-start: $spacing-04;\n    inset-inline-end: layout.density('padding-inline');\n  }\n\n  .#{$prefix}--text-area__invalid-icon--warning {\n    fill: $support-warning;\n  }\n\n  .#{$prefix}--text-area__invalid-icon--warning path[fill] {\n    fill: $black-100;\n    opacity: 1;\n  }\n\n  .#{$prefix}--text-area__counter-alert {\n    position: absolute;\n    overflow: hidden;\n    padding: 0;\n    border: 0;\n    margin: -1px;\n    block-size: 1px;\n    clip: rect(0, 0, 0, 0);\n    inline-size: 1px;\n  }\n\n  .#{$prefix}--form-item {\n    &:has(.#{$prefix}--text-area__wrapper--cols) {\n      inline-size: fit-content;\n    }\n  }\n\n  //-----------------------------\n  // Disabled\n  //-----------------------------\n  .#{$prefix}--text-area:disabled {\n    background-color: $field;\n    border-block-end: 1px solid transparent;\n    color: $text-disabled;\n    cursor: not-allowed;\n    outline: none;\n    resize: none;\n  }\n\n  .#{$prefix}--text-area:disabled::placeholder {\n    color: $text-disabled;\n  }\n\n  //-----------------------------\n  // Readonly\n  //-----------------------------\n  .#{$prefix}--text-area__wrapper--readonly .#{$prefix}--text-area {\n    background: transparent;\n    border-block-end-color: $border-subtle;\n  }\n\n  // Styles for `AILabel` rendered inside `TextArea`\n  .#{$prefix}--text-area__wrapper--decorator\n    .#{$prefix}--text-area__inner-wrapper--decorator\n    > *,\n  .#{$prefix}--text-area__wrapper--slug .#{$prefix}--ai-label,\n  .#{$prefix}--text-area__wrapper--slug .#{$prefix}--slug {\n    position: absolute;\n    inset-block-start: $spacing-04;\n    inset-inline-end: $spacing-05;\n  }\n\n  .#{$prefix}--text-area__wrapper--decorator\n    .#{$prefix}--ai-label.#{$prefix}--ai-label--revert,\n  .#{$prefix}--text-area__wrapper--slug\n    .#{$prefix}--ai-label.#{$prefix}--ai-label--revert,\n  .#{$prefix}--text-area__wrapper--slug\n    .#{$prefix}--slug.#{$prefix}--slug--revert {\n    inset-block-start: $spacing-02;\n    inset-inline-end: $spacing-03;\n    transform: translate(0);\n  }\n\n  .#{$prefix}--text-area__wrapper--decorator\n    .#{$prefix}--text-area:has(\n      ~ .#{$prefix}--text-area__inner-wrapper--decorator .#{$prefix}--ai-label\n    ):not(\n      :has(\n          ~ .#{$prefix}--text-area__inner-wrapper--decorator\n            .#{$prefix}--ai-label--revert\n        )\n    ),\n  .#{$prefix}--text-area__wrapper--slug\n    .#{$prefix}--text-area:has(~ .#{$prefix}--ai-label):not(\n      :has(~ .#{$prefix}--ai-label--revert)\n    ),\n  .#{$prefix}--text-area__wrapper--slug\n    .#{$prefix}--text-area:has(~ .#{$prefix}--slug):not(\n      :has(~ .#{$prefix}--slug--revert)\n    ) {\n    @include ai-gradient;\n  }\n\n  .#{$prefix}--text-area__wrapper--decorator\n    .#{$prefix}--text-area:has(\n      ~ .#{$prefix}--text-area__inner-wrapper--decorator > *\n    ),\n  .#{$prefix}--text-area__wrapper--slug\n    .#{$prefix}--text-area:has(~ .#{$prefix}--ai-label),\n  .#{$prefix}--text-area__wrapper--slug\n    .#{$prefix}--text-area:has(~ .#{$prefix}--slug) {\n    padding-inline-end: $spacing-08;\n  }\n\n  .#{$prefix}--text-area--invalid:has(\n      ~ .#{$prefix}--text-area__inner-wrapper--decorator > *\n    ),\n  .#{$prefix}--text-area--warn:has(\n      ~ .#{$prefix}--text-area__inner-wrapper--decorator > *\n    ),\n  .#{$prefix}--text-area--invalid:has(~ .#{$prefix}--ai-label),\n  .#{$prefix}--text-area--warn:has(~ .#{$prefix}--ai-label),\n  .#{$prefix}--text-area--invalid:has(~ .#{$prefix}--slug),\n  .#{$prefix}--text-area--warn:has(~ .#{$prefix}--slug) {\n    padding-inline-end: $spacing-10;\n  }\n\n  .#{$prefix}--text-area--invalid\n    ~ .#{$prefix}--text-area__inner-wrapper--decorator\n    > *,\n  .#{$prefix}--text-area--warn\n    ~ .#{$prefix}--text-area__inner-wrapper--decorator\n    > *,\n  .#{$prefix}--text-area--invalid ~ .#{$prefix}--ai-label,\n  .#{$prefix}--text-area--warn ~ .#{$prefix}--ai-label,\n  .#{$prefix}--text-area--invalid ~ .#{$prefix}--slug,\n  .#{$prefix}--text-area--warn ~ .#{$prefix}--slug {\n    inset-inline-end: $spacing-08;\n  }\n\n  .#{$prefix}--text-area--invalid\n    ~ .#{$prefix}--ai-label.#{$prefix}--ai-label--revert,\n  .#{$prefix}--text-area--warn\n    ~ .#{$prefix}--ai-label.#{$prefix}--ai-label--revert,\n  .#{$prefix}--text-area--invalid ~ .#{$prefix}--slug.#{$prefix}--slug--revert,\n  .#{$prefix}--text-area--warn ~ .#{$prefix}--slug.#{$prefix}--slug--revert {\n    inset-inline-end: $spacing-07;\n  }\n\n  // Skeleton State\n  .#{$prefix}--text-area.#{$prefix}--skeleton {\n    @include skeleton;\n\n    block-size: convert.to-rem(100px);\n    inline-size: 100%;\n\n    &::placeholder {\n      color: transparent;\n    }\n  }\n\n  .#{$prefix}--text-area__label-wrapper {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n    inline-size: 100%;\n  }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n//-----------------------------\n// Fluid Text Area\n//-----------------------------\n@use '../text-area';\n@use '../../config' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../utilities/ai-gradient' as *;\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n\n@mixin fluid-text-area {\n  .#{$prefix}--text-area--fluid .#{$prefix}--text-area__wrapper {\n    position: relative;\n    flex-direction: column;\n    background: $field;\n    block-size: 100%;\n  }\n\n  .#{$prefix}--modal\n    .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper {\n    background: $field-02;\n  }\n\n  .#{$prefix}--text-area--fluid .#{$prefix}--text-area__label-wrapper {\n    position: relative;\n    block-size: 100%;\n  }\n\n  .#{$prefix}--text-area--fluid .#{$prefix}--label {\n    position: absolute;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    margin: 0;\n    block-size: convert.to-rem(16px);\n    inset-block-start: convert.to-rem(13px);\n\n    // For the main label\n    &:not(.#{$prefix}--text-area__label-counter) {\n      inline-size: auto;\n      inset-inline-end: auto;\n      inset-inline-start: $spacing-05;\n    }\n\n    // For the counter\n    &.#{$prefix}--text-area__label-counter {\n      inline-size: auto;\n      inset-inline-end: $spacing-05;\n      inset-inline-start: auto;\n    }\n    .#{$prefix}--toggletip-button {\n      padding: $spacing-02;\n      margin-inline-start: -$spacing-02;\n      min-block-size: $spacing-06;\n      min-inline-size: $spacing-06;\n    }\n  }\n\n  .#{$prefix}--text-area--fluid .#{$prefix}--label::-webkit-scrollbar,\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--label\n    .#{$prefix}--toggletip-label::-webkit-scrollbar {\n    display: none;\n  }\n\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--label:not(:has(.#{$prefix}--toggletip-label)),\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--label\n    .#{$prefix}--toggletip-label {\n    -ms-overflow-style: none;\n    overflow-x: scroll;\n    scrollbar-width: none;\n    white-space: nowrap;\n  }\n\n  //counter\n  .#{$prefix}--text-area--fluid div.#{$prefix}--label {\n    display: flex;\n    justify-content: flex-end;\n  }\n\n  .#{$prefix}--text-area--fluid .#{$prefix}--text-area {\n    padding: 0 $spacing-05 convert.to-rem(13px);\n    margin-block-start: 2rem;\n    min-block-size: convert.to-rem(64px);\n    outline: none;\n  }\n\n  .#{$prefix}--text-area--fluid .#{$prefix}--form__helper-text {\n    display: none;\n  }\n\n  // invalid\n  .#{$prefix}--text-area--fluid .#{$prefix}--text-area--invalid,\n  .#{$prefix}--text-area--fluid .#{$prefix}--text-area:focus {\n    border-block-end: 1px solid transparent;\n  }\n\n  .#{$prefix}--text-area__divider,\n  .#{$prefix}--text-area--fluid .#{$prefix}--text-area__divider {\n    display: none;\n  }\n\n  .#{$prefix}--text-area--fluid .#{$prefix}--text-area--invalid,\n  .#{$prefix}--text-area--fluid .#{$prefix}--text-area--warn {\n    resize: none;\n  }\n\n  // accounts for 2px of border when invalid\n  .#{$prefix}--text-area--fluid .#{$prefix}--text-area--invalid {\n    padding: 0 convert.to-rem(14px) convert.to-rem(13px);\n    margin-block-start: convert.to-rem(30px);\n  }\n\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper[data-invalid]\n    .#{$prefix}--text-area__divider,\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper--warn\n    .#{$prefix}--text-area__divider {\n    display: block;\n    border-style: solid;\n    border-color: $border-subtle;\n    margin: 0 1rem;\n    border-block-end: none;\n  }\n\n  // invalid & warning error message container\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper[data-invalid]\n    .#{$prefix}--form-requirement.#{$prefix}--form-requirement,\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper--warn\n    .#{$prefix}--form-requirement.#{$prefix}--form-requirement {\n    position: relative;\n    display: block;\n    overflow: visible;\n    padding: 0.5rem 2.5rem 0.5rem 1rem;\n    margin: 0;\n    background: $field;\n    max-block-size: 12.5rem;\n  }\n\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper--warn\n    .#{$prefix}--form-requirement.#{$prefix}--form-requirement {\n    border-block-end: 1px solid $border-strong;\n    color: $text-primary;\n  }\n\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper[data-invalid]\n    .#{$prefix}--form-requirement.#{$prefix}--form-requirement {\n    border-block-end: none;\n    color: $text-error;\n  }\n\n  .#{$prefix}--text-area--fluid .#{$prefix}--text-area--warn {\n    border-block-end: none;\n  }\n\n  .#{$prefix}--modal\n    .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper[data-invalid]\n    .#{$prefix}--text-area__divider\n    + .#{$prefix}--form-requirement {\n    background: $field-02;\n  }\n\n  .#{$prefix}--text-area--fluid .#{$prefix}--text-area__invalid-icon {\n    inset-block-start: 0.5rem;\n  }\n\n  //invalid outline\n  // needs to be a border for some weirdness when in a modal\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper[data-invalid]:not(:focus) {\n    border: 2px solid $support-error;\n  }\n\n  // focus\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper[data-invalid]:focus-within,\n  .#{$prefix}--text-area--fluid .#{$prefix}--text-area__wrapper:focus-within {\n    @include focus-outline('outline');\n  }\n\n  // end weirdness\n\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper[data-invalid]\n    > .#{$prefix}--text-area--invalid:focus,\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper\n    > .#{$prefix}--text-area:focus,\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper\n    > .#{$prefix}--text-area:active,\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper[data-invalid]\n    > .#{$prefix}--text-area--invalid {\n    outline: none;\n    transition: none;\n  }\n\n  // Skeleton\n  .#{$prefix}--text-area--fluid__skeleton {\n    padding: $spacing-05;\n    background: $skeleton-background;\n    border-block-end: 1px solid $skeleton-element;\n  }\n\n  .#{$prefix}--text-area--fluid__skeleton .#{$prefix}--skeleton,\n  .#{$prefix}--text-area--fluid__skeleton\n    .#{$prefix}--text-area.#{$prefix}--skeleton::before {\n    block-size: 0.5rem;\n  }\n\n  .#{$prefix}--text-area--fluid__skeleton .#{$prefix}--label {\n    margin-block-end: $spacing-04;\n  }\n\n  .#{$prefix}--text-area--fluid__skeleton\n    .#{$prefix}--text-area.#{$prefix}--skeleton {\n    block-size: 4rem;\n    inline-size: 80%;\n  }\n\n  // AILabel styles\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper--decorator:has(\n      .#{$prefix}--text-area__inner-wrapper--decorator .#{$prefix}--ai-label\n    ):not(\n      :has(\n          .#{$prefix}--text-area__inner-wrapper--decorator\n            .#{$prefix}--ai-label--revert\n        )\n    ),\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper--slug:has(.#{$prefix}--ai-label):not(\n      :has(.#{$prefix}--ai-label--revert)\n    ),\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper--slug:has(.#{$prefix}--slug):not(\n      :has(.#{$prefix}--slug--revert)\n    ) {\n    @include ai-gradient;\n  }\n\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper--decorator\n    .#{$prefix}--text-area--invalid\n    ~ .#{$prefix}--text-area__inner-wrapper--decorator\n    > *,\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper--decorator\n    .#{$prefix}--text-area--warn\n    ~ .#{$prefix}--text-area__inner-wrapper--decorator\n    > *,\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper--slug\n    .#{$prefix}--text-area--invalid\n    ~ .#{$prefix}--ai-label,\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper--slug\n    .#{$prefix}--text-area--warn\n    ~ .#{$prefix}--ai-label,\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper--slug\n    .#{$prefix}--text-area--invalid\n    ~ .#{$prefix}--slug,\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper--slug\n    .#{$prefix}--text-area--warn\n    ~ .#{$prefix}--slug {\n    inset-inline-end: $spacing-05;\n  }\n\n  // Remove ai border when invalid\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper--decorator\n    .#{$prefix}--text-area--invalid,\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper--slug\n    .#{$prefix}--text-area--invalid {\n    border-block-end-color: transparent;\n  }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n//-----------------------------\n// Fluid Text Input\n//-----------------------------\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n@use '../text-input';\n\n@mixin fluid-text-input {\n  .#{$prefix}--text-input--fluid.#{$prefix}--text-input-wrapper {\n    position: relative;\n    background: $field;\n    block-size: 100%;\n    transition:\n      background-color $duration-fast-01 motion(standard, productive),\n      outline $duration-fast-01 motion(standard, productive);\n  }\n\n  .#{$prefix}--text-input--fluid .#{$prefix}--label {\n    position: absolute;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    margin: 0;\n    block-size: convert.to-rem(16px);\n    inset-block-start: convert.to-rem(13px);\n\n    // For the main label\n    &:not(.#{$prefix}--text-input__label-counter) {\n      inline-size: auto;\n      inset-inline-end: auto;\n      inset-inline-start: $spacing-05;\n    }\n\n    // For the counter\n    &.#{$prefix}--text-input__label-counter {\n      inline-size: auto;\n      inset-inline-end: $spacing-05;\n      inset-inline-start: auto;\n    }\n  }\n\n  .#{$prefix}--text-input--fluid .#{$prefix}--label::-webkit-scrollbar,\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--label\n    .#{$prefix}--toggletip-label::-webkit-scrollbar {\n    display: none;\n  }\n\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--label:not(:has(.#{$prefix}--toggletip-label)),\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--label\n    .#{$prefix}--toggletip-label {\n    -ms-overflow-style: none;\n    overflow-x: scroll;\n    scrollbar-width: none;\n    white-space: nowrap;\n  }\n\n  .#{$prefix}--text-input--fluid .#{$prefix}--form__helper-text {\n    display: none;\n  }\n\n  .#{$prefix}--text-input--fluid .#{$prefix}--text-input {\n    padding: convert.to-rem(32px) $spacing-05 convert.to-rem(13px);\n    min-block-size: convert.to-rem(64px);\n  }\n\n  .#{$prefix}--text-input__divider,\n  .#{$prefix}--text-input--fluid .#{$prefix}--text-input__divider {\n    display: none;\n  }\n\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input__field-wrapper[data-invalid],\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input__field-wrapper--warning {\n    display: block;\n  }\n\n  .#{$prefix}--text-input--fluid input[data-invalid] {\n    outline: none;\n  }\n\n  .#{$prefix}--text-input--fluid .#{$prefix}--form-requirement {\n    padding: $spacing-03 convert.to-rem(40px) $spacing-03 $spacing-05;\n    margin: 0;\n  }\n\n  .#{$prefix}--text-input--fluid .#{$prefix}--text-input--invalid,\n  .#{$prefix}--text-input--fluid .#{$prefix}--text-input--warning {\n    border-block-end: none;\n  }\n\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input--invalid\n    ~ .#{$prefix}--text-input__divider,\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input--warning\n    ~ .#{$prefix}--text-input__divider {\n    display: block;\n    border-style: solid;\n    border-color: $border-subtle;\n    margin: 0 1rem;\n    border-block-end: none;\n  }\n\n  .#{$prefix}--text-input--fluid .#{$prefix}--text-input__invalid-icon {\n    inset-block-start: convert.to-rem(80px);\n  }\n\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input__field-wrapper[data-invalid]\n    > .#{$prefix}--text-input--invalid,\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input__field-wrapper--warning\n    > .#{$prefix}--text-input--warning {\n    outline: none;\n  }\n\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input__field-wrapper--warning {\n    border-block-end: 1px solid $border-strong;\n  }\n\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input__field-wrapper[data-invalid]:not(:focus) {\n    @include focus-outline('invalid');\n  }\n\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input__field-wrapper[data-invalid]:focus-within,\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input__field-wrapper--warning:focus-within {\n    @include focus-outline('outline');\n  }\n\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input__field-wrapper[data-invalid]\n    > .#{$prefix}--text-input--invalid:focus,\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input__field-wrapper--warning\n    > .#{$prefix}--text-input--warning:focus {\n    outline: none;\n  }\n\n  // Password Input\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input.#{$prefix}--password-input {\n    padding-inline-end: $spacing-08;\n  }\n\n  .#{$prefix}--text-input--fluid.#{$prefix}--password-input-wrapper\n    .#{$prefix}--text-input__invalid-icon {\n    inset-inline-end: $spacing-05;\n  }\n\n  .#{$prefix}--text-input--fluid .#{$prefix}--toggle-password-tooltip {\n    @include focus-outline('reset');\n\n    position: absolute;\n    block-size: convert.to-rem(64px);\n    cursor: pointer;\n    inline-size: convert.to-rem(48px);\n    inset-block-start: 0;\n    inset-inline-end: 0;\n    transition: outline $duration-fast-01 motion(standard, productive);\n  }\n\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--toggle-password-tooltip\n    .#{$prefix}--popover {\n    inset-inline-start: 0;\n  }\n\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--btn.#{$prefix}--text-input--password__visibility__toggle.#{$prefix}--tooltip__trigger {\n    block-size: convert.to-rem(32px);\n    inline-size: convert.to-rem(32px);\n    inset-block-start: convert.to-rem(26px);\n    inset-inline-end: $spacing-03;\n  }\n\n  // Skeleton\n  .#{$prefix}--text-input--fluid__skeleton {\n    position: relative;\n    background: $skeleton-background;\n    block-size: convert.to-rem(64px);\n    border-block-end: 1px solid $skeleton-element;\n  }\n\n  .#{$prefix}--text-input--fluid__skeleton .#{$prefix}--skeleton {\n    position: absolute;\n    block-size: convert.to-rem(8px);\n    inline-size: 25%;\n    inset-block-start: $spacing-05;\n    inset-inline-start: $spacing-05;\n  }\n\n  .#{$prefix}--text-input--fluid__skeleton .#{$prefix}--label {\n    position: absolute;\n    padding: 0;\n    block-size: convert.to-rem(8px);\n    inline-size: 50%;\n    inset-block-start: convert.to-rem(36px);\n    inset-inline-start: $spacing-05;\n  }\n\n  // AILabel styles\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input__field-wrapper--decorator\n    .#{$prefix}--text-input__field-inner-wrapper--decorator\n    > *,\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input__field-wrapper--slug\n    .#{$prefix}--ai-label,\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input__field-wrapper--slug\n    .#{$prefix}--slug {\n    inset-block-start: convert.to-rem(42px);\n  }\n\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input--invalid\n    ~ .#{$prefix}--text-input__field-inner-wrapper--decorator\n    > *,\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input--warning\n    ~ .#{$prefix}--text-input__field-inner-wrapper--decorator\n    > *,\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input--invalid\n    ~ .#{$prefix}--ai-label,\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input--warning\n    ~ .#{$prefix}--ai-label,\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input--invalid\n    ~ .#{$prefix}--slug,\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input--warning\n    ~ .#{$prefix}--slug {\n    inset-inline-end: $spacing-05;\n  }\n\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input__field-wrapper--decorator\n    .#{$prefix}--text-input,\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input__field-wrapper--decorator\n    .#{$prefix}--text-input--invalid,\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input__field-wrapper--decorator\n    .#{$prefix}--text-input--warning,\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input__field-wrapper--slug\n    .#{$prefix}--text-input,\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input__field-wrapper--slug\n    .#{$prefix}--text-input--invalid,\n  .#{$prefix}--text-input--fluid\n    .#{$prefix}--text-input__field-wrapper--slug\n    .#{$prefix}--text-input--warning {\n    padding-inline-end: $spacing-08;\n  }\n}\n","//\n// Copyright IBM Corp. 2022\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n//-----------------------------\n// Fluid Time Picker\n//-----------------------------\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n@use '../fluid-text-input';\n@use '../fluid-select';\n\n@mixin fluid-time-picker {\n  .#{$prefix}--time-picker--fluid {\n    background: $field;\n  }\n\n  .#{$prefix}--time-picker--fluid .#{$prefix}--time-picker--fluid__wrapper {\n    display: flex;\n  }\n\n  .#{$prefix}--time-picker--fluid__wrapper > *:nth-child(1),\n  .#{$prefix}--time-picker--fluid__wrapper > *:nth-child(2) {\n    flex-basis: 25%;\n  }\n\n  .#{$prefix}--time-picker--equal-width\n    .#{$prefix}--time-picker--fluid__wrapper\n    > * {\n    flex-basis: 50%;\n  }\n\n  // Simulated borders\n  .#{$prefix}--time-picker--fluid__wrapper\n    > *:nth-child(2):not(:last-child)\n    .#{$prefix}--select-input__wrapper::before,\n  .#{$prefix}--time-picker--fluid__wrapper\n    > *:last-child\n    .#{$prefix}--select-input__wrapper::before {\n    position: absolute;\n    display: block;\n    background-color: $border-strong;\n    block-size: calc(100% - 1px);\n    content: '';\n    inline-size: 1px;\n    opacity: 1;\n    transition: opacity $duration-fast-01 motion(standard, productive);\n  }\n\n  .#{$prefix}--select--readonly .#{$prefix}--select-input__wrapper::before {\n    background-color: $border-subtle !important; /* stylelint-disable-line declaration-no-important */\n    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */\n    transition: none;\n  }\n\n  .#{$prefix}--time-picker--fluid__wrapper\n    .#{$prefix}--select-input__wrapper::after {\n    inset-inline-end: 0;\n  }\n\n  .#{$prefix}--time-picker--fluid__wrapper\n    .#{$prefix}--select-input__wrapper::before {\n    inset-inline-start: 0;\n  }\n\n  .#{$prefix}--time-picker--fluid:not(.#{$prefix}--time-picker--fluid--disabled)\n    .#{$prefix}--time-picker--fluid__wrapper\n    > *:nth-child(2):not(:last-child):hover\n    .#{$prefix}--select-input__wrapper::before,\n  .#{$prefix}--time-picker--fluid:not(.#{$prefix}--time-picker--fluid--disabled)\n    .#{$prefix}--time-picker--fluid__wrapper\n    > *:nth-child(2):hover:not(:last-child)\n    ~ *\n    .#{$prefix}--select-input__wrapper::before,\n  .#{$prefix}--time-picker--fluid:not(.#{$prefix}--time-picker--fluid--disabled)\n    .#{$prefix}--time-picker--fluid__wrapper\n    > *:last-child:hover\n    .#{$prefix}--select-input__wrapper::before {\n    opacity: 0;\n  }\n\n  .#{$prefix}--time-picker--fluid--disabled\n    .#{$prefix}--time-picker--fluid__wrapper\n    .#{$prefix}--select--disabled\n    .#{$prefix}--select-input__wrapper::before {\n    background: $border-disabled;\n  }\n\n  // Invalid + Warn states\n  .#{$prefix}--time-picker--fluid .#{$prefix}--form-requirement {\n    padding: $spacing-03 convert.to-rem(40px) $spacing-03 $spacing-05;\n    margin: 0;\n    background: $field;\n  }\n\n  .#{$prefix}--time-picker--fluid--invalid {\n    @include focus-outline('invalid');\n\n    position: relative;\n  }\n\n  .#{$prefix}--time-picker--fluid--invalid .#{$prefix}--text-input,\n  .#{$prefix}--time-picker--fluid--invalid .#{$prefix}--text-input-wrapper,\n  .#{$prefix}--time-picker--fluid--invalid .#{$prefix}--select-input,\n  .#{$prefix}--time-picker--fluid--invalid .#{$prefix}--select {\n    background: transparent;\n  }\n\n  .#{$prefix}--time-picker--fluid--invalid .#{$prefix}--select-input {\n    border-block-start: 2px solid transparent;\n    padding-block-start: convert.to-rem(30px);\n  }\n\n  .#{$prefix}--time-picker--fluid\n    .#{$prefix}--select--fluid:last-of-type\n    .#{$prefix}--select-input {\n    border-inline-end: 2px solid transparent;\n  }\n\n  .#{$prefix}--time-picker--fluid--invalid\n    .#{$prefix}--select-input:hover:not([disabled]) {\n    background: $field-hover;\n  }\n\n  .#{$prefix}--time-picker--fluid--invalid .#{$prefix}--select-input:hover {\n    border-block-start: 2px solid $support-error;\n  }\n\n  .#{$prefix}--time-picker--fluid--invalid\n    .#{$prefix}--select--fluid:last-of-type\n    .#{$prefix}--select-input:hover {\n    border-inline-end: 2px solid $support-error;\n  }\n\n  .#{$prefix}--time-picker--fluid--warning {\n    position: relative;\n  }\n\n  .#{$prefix}--time-picker__icon {\n    display: none;\n  }\n\n  .#{$prefix}--time-picker--fluid--invalid .#{$prefix}--time-picker__icon,\n  .#{$prefix}--time-picker--fluid--warning .#{$prefix}--time-picker__icon {\n    position: absolute;\n    display: block;\n    inset-block-start: convert.to-rem(72px);\n    inset-inline-end: $spacing-05;\n  }\n\n  .#{$prefix}--time-picker--fluid--invalid .#{$prefix}--time-picker__icon {\n    fill: $support-error;\n  }\n\n  .#{$prefix}--time-picker--fluid--warning .#{$prefix}--time-picker__icon {\n    fill: $support-warning;\n  }\n\n  .#{$prefix}--time-picker--fluid--warning\n    .#{$prefix}--time-picker__icon\n    path:first-of-type {\n    fill: $icon-primary;\n  }\n\n  .#{$prefix}--time-picker--fluid--invalid .#{$prefix}--form-requirement,\n  .#{$prefix}--time-picker--fluid--warning .#{$prefix}--form-requirement {\n    display: block;\n    overflow: visible;\n    max-block-size: 100%;\n  }\n\n  .#{$prefix}--time-picker--fluid--invalid .#{$prefix}--form-requirement {\n    color: $text-error;\n  }\n\n  .#{$prefix}--time-picker--fluid--invalid\n    .#{$prefix}--time-picker--fluid__wrapper\n    > *:nth-child(2):not(:last-child)\n    .#{$prefix}--select-input__wrapper::before,\n  .#{$prefix}--time-picker--fluid--invalid\n    .#{$prefix}--time-picker--fluid__wrapper\n    > *:last-child\n    .#{$prefix}--select-input__wrapper::before,\n  .#{$prefix}--time-picker--fluid--warning\n    .#{$prefix}--time-picker--fluid__wrapper\n    > *:nth-child(2):not(:last-child)\n    .#{$prefix}--select-input__wrapper::before,\n  .#{$prefix}--time-picker--fluid--warning\n    .#{$prefix}--time-picker--fluid__wrapper\n    > *:last-child\n    .#{$prefix}--select-input__wrapper::before {\n    block-size: calc(100% - 1rem);\n    inset-block-start: 8px;\n  }\n\n  .#{$prefix}--time-picker--fluid--invalid .#{$prefix}--text-input,\n  .#{$prefix}--time-picker--fluid--warning .#{$prefix}--text-input,\n  .#{$prefix}--time-picker--fluid--invalid .#{$prefix}--select-input,\n  .#{$prefix}--time-picker--fluid--warning .#{$prefix}--select-input {\n    border-block-end: 1px solid transparent;\n  }\n\n  .#{$prefix}--time-picker--fluid.#{$prefix}--time-picker--fluid--invalid\n    .#{$prefix}--time-picker__divider,\n  .#{$prefix}--time-picker--fluid.#{$prefix}--time-picker--fluid--warning\n    .#{$prefix}--time-picker__divider {\n    border-style: solid;\n    border-color: $border-subtle;\n    margin: 0 1rem;\n    border-block-end: none;\n    inline-size: calc(100% - 2rem);\n  }\n\n  // Skeleton styles\n  .#{$prefix}--time-picker--fluid--skeleton {\n    display: flex;\n    block-size: convert.to-rem(64px);\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--time-picker--fluid--skeleton > * {\n    block-size: 100%;\n    inline-size: auto;\n  }\n\n  .#{$prefix}--time-picker--fluid--skeleton > *:nth-child(1),\n  .#{$prefix}--time-picker--fluid--skeleton > *:nth-child(2) {\n    inline-size: 25%;\n  }\n\n  .#{$prefix}--time-picker--fluid--skeleton > *:last-child,\n  .#{$prefix}--time-picker--fluid--skeleton.#{$prefix}--time-picker--equal-width\n    > *:first-child {\n    inline-size: 50%;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../config' as *;\n@use '../../spacing' as *;\n@use '../../colors' as *;\n@use './tokens' as *;\n\n/// icon-indicator styles\n/// @access public\n/// @group tag\n@mixin icon-indicator {\n  .#{$prefix}--icon-indicator {\n    @include type-style('body-compact-01');\n\n    display: flex;\n    color: $text-secondary;\n  }\n\n  .#{$prefix}--icon-indicator svg {\n    align-self: center;\n    margin-inline-end: $spacing-03;\n  }\n\n  .#{$prefix}--icon-indicator--20 {\n    @include type-style('body-compact-02');\n  }\n\n  .#{$prefix}--icon-indicator--failed {\n    fill: $status-red;\n  }\n\n  .#{$prefix}--icon-indicator--caution-major {\n    fill: $status-orange;\n\n    path:first-of-type {\n      fill: $black;\n    }\n  }\n\n  .#{$prefix}--icon-indicator--caution-minor {\n    fill: $status-yellow;\n\n    path:first-of-type {\n      fill: $black;\n    }\n  }\n\n  .#{$prefix}--icon-indicator--undefined {\n    fill: $status-purple;\n  }\n\n  .#{$prefix}--icon-indicator--succeeded {\n    fill: $status-green;\n  }\n\n  .#{$prefix}--icon-indicator--normal {\n    fill: $status-blue;\n  }\n\n  .#{$prefix}--icon-indicator--in-progress {\n    fill: $status-blue;\n  }\n\n  .#{$prefix}--icon-indicator--incomplete {\n    fill: $status-blue;\n  }\n\n  .#{$prefix}--icon-indicator--not-started {\n    fill: $status-gray;\n  }\n\n  .#{$prefix}--icon-indicator--pending {\n    fill: $status-gray;\n  }\n\n  .#{$prefix}--icon-indicator--unknown {\n    fill: $status-gray;\n  }\n\n  .#{$prefix}--icon-indicator--informative {\n    fill: $status-blue;\n  }\n}\n","//\n// Copyright IBM Corp. 2020\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:color';\n@use 'sass:map';\n@use '../../config';\n@use '../../colors';\n@use '../../themes';\n@use '../../theme' as *;\n@use '../../utilities/component-tokens';\n@use '@carbon/themes/scss/component-tokens' as status;\n\n// status-red\n$status-red: (\n  fallback: map.get(status.$status-red, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(status.$status-red, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(status.$status-red, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(status.$status-red, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(status.$status-red, g-100),\n    ),\n  ),\n) !default;\n\n// status-orange\n$status-orange: (\n  fallback: map.get(status.$status-orange, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(status.$status-orange, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(status.$status-orange, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(status.$status-orange, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(status.$status-orange, g-100),\n    ),\n  ),\n) !default;\n\n// status-orange-outline\n$status-orange-outline: (\n  fallback: map.get(status.$status-orange-outline, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(status.$status-orange-outline, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(status.$status-orange-outline, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(status.$status-orange, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(status.$status-orange, g-100),\n    ),\n  ),\n) !default;\n\n// status-yellow\n$status-yellow: (\n  fallback: map.get(status.$status-yellow, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(status.$status-yellow, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(status.$status-yellow, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(status.$status-yellow, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(status.$status-yellow, g-100),\n    ),\n  ),\n) !default;\n\n// status-yellow-outline\n$status-yellow-outline: (\n  fallback: map.get(status.$status-yellow-outline, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(status.$status-yellow-outline, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(status.$status-yellow-outline, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(status.$status-yellow, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(status.$status-yellow, g-100),\n    ),\n  ),\n) !default;\n\n// status-green\n$status-green: (\n  fallback: map.get(status.$status-green, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(status.$status-green, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(status.$status-green, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(status.$status-green, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(status.$status-green, g-100),\n    ),\n  ),\n) !default;\n\n// status-blue\n$status-blue: (\n  fallback: map.get(status.$status-blue, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(status.$status-blue, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(status.$status-blue, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(status.$status-blue, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(status.$status-blue, g-100),\n    ),\n  ),\n) !default;\n\n// status-purple\n$status-purple: (\n  fallback: map.get(status.$status-purple, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(status.$status-purple, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(status.$status-purple, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(status.$status-purple, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(status.$status-purple, g-100),\n    ),\n  ),\n) !default;\n\n// status-gray\n$status-gray: (\n  fallback: map.get(status.$status-gray, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(status.$status-gray, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(status.$status-gray, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(status.$status-gray, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(status.$status-gray, g-100),\n    ),\n  ),\n) !default;\n\n// Add to $status-tokens map\n$status-tokens: (\n  status-red: $status-red,\n  status-orange: $status-orange,\n  status-orange-outline: $status-orange-outline,\n  status-yellow: $status-yellow,\n  status-yellow-outline: $status-yellow-outline,\n  status-green: $status-green,\n  status-blue: $status-blue,\n  status-purple: $status-purple,\n  status-gray: $status-gray,\n);\n\n// Generate CSS custom properties for each token\n$status-red: component-tokens.get-var($status-red, 'status-red');\n$status-orange: component-tokens.get-var($status-orange, 'status-orange');\n$status-orange-outline: component-tokens.get-var(\n  $status-orange-outline,\n  'status-orange-outline'\n);\n$status-yellow: component-tokens.get-var($status-yellow, 'status-yellow');\n$status-yellow-outline: component-tokens.get-var(\n  $status-yellow-outline,\n  'status-yellow-outline'\n);\n$status-green: component-tokens.get-var($status-green, 'status-green');\n$status-blue: component-tokens.get-var($status-blue, 'status-blue');\n$status-purple: component-tokens.get-var($status-purple, 'status-purple');\n$status-gray: component-tokens.get-var($status-gray, 'status-gray');\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../config' as *;\n\n@keyframes #{prefix}--stroke {\n  100% {\n    stroke-dashoffset: 0;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'keyframes';\n@use '../loading';\n@use '../../config' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/convert';\n\n/// @type Number\n/// @access private\n/// @group loading\n$-loading-gap-small: 110;\n\n/// Inline loading styles\n/// @access public\n/// @group inline-loading\n@mixin inline-loading {\n  .#{$prefix}--inline-loading {\n    display: flex;\n    align-items: center;\n    inline-size: 100%;\n    min-block-size: 2rem;\n  }\n\n  .#{$prefix}--inline-loading__text {\n    @include type-style('label-02');\n\n    color: $text-secondary;\n  }\n\n  .#{$prefix}--inline-loading__animation {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-inline-end: $spacing-03;\n  }\n\n  .#{$prefix}--inline-loading__checkmark-container {\n    fill: $support-success;\n\n    // For deprecated older markup\n    &.#{$prefix}--inline-loading__svg {\n      position: absolute;\n      inline-size: 0.75rem;\n      inset-block-start: 0.75rem;\n    }\n\n    &[hidden] {\n      display: none;\n    }\n  }\n\n  .#{$prefix}--inline-loading__checkmark {\n    animation-duration: 250ms;\n    animation-fill-mode: forwards;\n    animation-name: #{$prefix}--stroke;\n    fill: none;\n    stroke: $interactive;\n    stroke-dasharray: 12;\n    stroke-dashoffset: 12;\n    stroke-width: 1.8;\n    transform-origin: 50% 50%;\n  }\n\n  .#{$prefix}--inline-loading--error {\n    block-size: convert.to-rem(16px);\n    fill: $support-error;\n    inline-size: convert.to-rem(16px);\n\n    &[hidden] {\n      display: none;\n    }\n  }\n\n  .#{$prefix}--loading--small .#{$prefix}--inline-loading__svg {\n    stroke: $interactive;\n  }\n\n  .#{$prefix}--btn .#{$prefix}--inline-loading--btn {\n    min-block-size: 0;\n\n    .#{$prefix}--inline-loading__text {\n      @include type-style('body-short-01');\n    }\n  }\n\n  /* If IE11 Don't show check animation */\n  @media screen and (-ms-high-contrast: active),\n    screen and (-ms-high-contrast: none) {\n    .#{$prefix}--inline-loading__checkmark-container {\n      inset-block-start: 1px;\n      inset-inline-end: 0.5rem;\n    }\n\n    .#{$prefix}--inline-loading__checkmark {\n      animation: none;\n      stroke-dasharray: 0;\n      stroke-dashoffset: 0;\n    }\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n//-----------------------------\n// List\n//-----------------------------\n\n@use '../../config' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type';\n@use '../../utilities/component-reset';\n@use '../../utilities/convert';\n\n/// List styles\n/// @access public\n/// @group list\n@mixin list {\n  .#{$prefix}--list--nested,\n  .#{$prefix}--list--unordered,\n  .#{$prefix}--list--ordered,\n  .#{$prefix}--list--ordered--native {\n    @include component-reset.reset;\n    @include type.type-style('body-01');\n\n    list-style: none;\n  }\n\n  .#{$prefix}--list--unordered:not(.#{$prefix}--list--nested) {\n    margin-inline-start: $spacing-05;\n  }\n\n  .#{$prefix}--list--expressive,\n  .#{$prefix}--list--expressive .#{$prefix}--list--nested {\n    @include type.type-style('body-02');\n  }\n\n  .#{$prefix}--list--ordered--native {\n    list-style: decimal;\n  }\n\n  .#{$prefix}--list__item {\n    color: $text-primary;\n  }\n\n  .#{$prefix}--list--nested {\n    margin-inline-start: convert.to-rem(32px);\n  }\n\n  .#{$prefix}--list--nested .#{$prefix}--list__item {\n    padding-inline-start: $spacing-02;\n  }\n\n  .#{$prefix}--list--ordered:not(.#{$prefix}--list--nested) {\n    counter-reset: item;\n  }\n\n  .#{$prefix}--list--ordered:not(.#{$prefix}--list--nested)\n    > .#{$prefix}--list__item {\n    position: relative;\n  }\n\n  .#{$prefix}--list--ordered:not(.#{$prefix}--list--nested)\n    > .#{$prefix}--list__item::before {\n    position: absolute;\n    content: counter(item) '.';\n    counter-increment: item;\n    inset-inline-start: convert.to-rem(-24px);\n  }\n\n  .#{$prefix}--list--ordered.#{$prefix}--list--nested,\n  .#{$prefix}--list--ordered--native.#{$prefix}--list--nested {\n    list-style-type: lower-latin;\n  }\n\n  .#{$prefix}--list--unordered > .#{$prefix}--list__item {\n    position: relative;\n\n    &::before {\n      position: absolute;\n      // – en dash\n      content: '\\002013';\n      inset-inline-start: calc(-1 * #{$spacing-05});\n    }\n  }\n\n  .#{$prefix}--list--unordered.#{$prefix}--list--nested\n    > .#{$prefix}--list__item::before {\n    // ▪ square\n    content: '\\0025AA';\n    // offset to account for smaller ▪ vs –\n    inset-inline-start: calc(-1 * #{$spacing-04});\n  }\n}\n","//\n// Copyright IBM Corp. 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../button';\n@use '../menu';\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../utilities/custom-property';\n\n/// Menu Button styles\n/// @access public\n/// @group menu-button\n@mixin menu-button {\n  .#{$prefix}--menu-button__container {\n    display: inline-block;\n  }\n\n  .#{$prefix}--menu-button__trigger:not(.#{$prefix}--btn--ghost) {\n    min-inline-size: 12rem;\n  }\n\n  .#{$prefix}--menu-button__trigger svg {\n    transition: transform $duration-fast-02 motion(standard, productive);\n  }\n\n  .#{$prefix}--menu-button__trigger--open svg {\n    transform: rotate(180deg);\n  }\n}\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../config' as *;\n@use '../theme' as *;\n\n/// Update tokens when fields are placed on `layer`\n/// @access public\n/// @group utilities\n@mixin update_fields_on_layer {\n  // Fluid inputs\n  .#{$prefix}--text-input--fluid .#{$prefix}--text-input,\n  .#{$prefix}--text-area--fluid .#{$prefix}--text-area__wrapper,\n  .#{$prefix}--text-area--fluid .#{$prefix}--text-area,\n  .#{$prefix}--search--fluid .#{$prefix}--search-input,\n  .#{$prefix}--select--fluid .#{$prefix}--select-input,\n  .#{$prefix}--text-area--fluid\n    .#{$prefix}--text-area__wrapper[data-invalid]\n    .#{$prefix}--text-area__divider\n    + .#{$prefix}--form-requirement,\n  .#{$prefix}--list-box__wrapper--fluid .#{$prefix}--list-box,\n  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper,\n  .#{$prefix}--number-input--fluid input[type='number'],\n  .#{$prefix}--number-input--fluid .#{$prefix}--number__control-btn::before,\n  .#{$prefix}--number-input--fluid .#{$prefix}--number__control-btn::after,\n  .#{$prefix}--date-picker--fluid\n    .c#{$prefix}ds--date-picker-input__wrapper\n    .#{$prefix}--date-picker__input {\n    background-color: $field-01;\n  }\n\n  // Override to align layer token with field\n  .#{$prefix}--list-box__wrapper--fluid .#{$prefix}--list-box__menu {\n    background-color: $layer-01;\n  }\n\n  .#{$prefix}--list-box__menu-item:hover {\n    background-color: $layer-hover-02;\n  }\n\n  .#{$prefix}--list-box__menu-item--active {\n    background-color: $layer-selected-02;\n  }\n\n  .#{$prefix}--list-box__menu-item--active:hover {\n    background-color: $layer-selected-hover-02;\n  }\n\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number__control-btn:hover::before,\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number__control-btn:hover::after {\n    background-color: $field-hover;\n  }\n\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number__control-btn:focus::before,\n  .#{$prefix}--number-input--fluid\n    .#{$prefix}--number__control-btn:focus::after {\n    border-inline-start: 2px solid $focus;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../button';\n@use '../../config' as *;\n@use '../../feature-flags' as *;\n@use '../../breakpoint' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/ai-gradient' as *;\n@use '../../utilities/convert';\n@use '../../utilities/component-reset';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/update_fields_on_layer' as *;\n@use '../../utilities/z-index' as *;\n\n/// Modal styles\n/// @access public\n/// @group modal\n@mixin modal(\n  $enable-experimental-focus-wrap-without-sentinels: false,\n  $enable-dialog-element: false\n) {\n  .#{$prefix}--modal {\n    // For modals using the native dialog element, the modal visibility is handled\n    // by the Dialog styles.\n    @if not(\n      enabled('enable-experimental-focus-wrap-without-sentinels') or\n        $enable-experimental-focus-wrap-without-sentinels or\n        enabled('enable-dialog-element') or\n        $enable-dialog-element\n    )\n    {\n      position: fixed;\n      z-index: z('modal');\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background-color: $overlay;\n      block-size: 100vh;\n      content: '';\n      inline-size: 100vw;\n      inset-block-start: 0;\n      inset-inline-start: 0;\n      opacity: 0;\n      transition:\n        opacity $duration-moderate-02 motion(exit, expressive),\n        visibility 0ms linear $duration-moderate-02;\n      visibility: hidden;\n    }\n\n    // For modals using the native dialog element, the modal visibility is handled\n    // by the Dialog styles.\n    @if not(\n      enabled('enable-experimental-focus-wrap-without-sentinels') or\n        $enable-experimental-focus-wrap-without-sentinels or\n        enabled('enable-dialog-element') or\n        $enable-dialog-element\n    )\n    {\n      &.is-visible {\n        opacity: 1;\n        transition:\n          opacity $duration-moderate-02 motion(entrance, expressive),\n          visibility 0ms linear;\n        visibility: inherit;\n\n        @media screen and (prefers-reduced-motion: reduce) {\n          transition: none;\n        }\n      }\n    }\n\n    @include update_fields_on_layer;\n  }\n\n  .#{$prefix}--modal.is-visible .#{$prefix}--modal-container {\n    transform: translate3d(0, 0, 0);\n    transition: transform $duration-moderate-02 motion(entrance, expressive);\n  }\n\n  // -----------------------------\n  // Modal container\n  // -----------------------------\n  .#{$prefix}--modal-container {\n    position: fixed;\n    display: grid;\n    background-color: $layer;\n    block-size: 100%;\n    grid-template-columns: 100%;\n    grid-template-rows: auto 1fr auto;\n    inline-size: 100%;\n    inset-block-start: 0;\n    max-block-size: 100%;\n    // make modal edge visible on high contrast themes (#3880)\n    outline: 3px solid transparent;\n    outline-offset: -3px;\n    transform: translate3d(0, -24px, 0);\n    transform-origin: top center;\n    transition: transform $duration-moderate-02 motion(exit, expressive);\n\n    @include breakpoint(md) {\n      position: static;\n      block-size: auto;\n      inline-size: 84%;\n      max-block-size: 90%;\n    }\n\n    @include breakpoint(lg) {\n      inline-size: 60%;\n      max-block-size: 84%;\n    }\n\n    @include breakpoint(xlg) {\n      inline-size: 48%;\n    }\n\n    .#{$prefix}--modal-container-body {\n      display: contents;\n    }\n  }\n\n  // -----------------------------\n  // Modal content\n  // -----------------------------\n  .#{$prefix}--modal-content {\n    @include type-style('body-01');\n\n    position: relative;\n    color: $text-primary;\n    font-weight: 400;\n    grid-column: 1/-1;\n    grid-row: 2/-2;\n    overflow-y: auto;\n    padding-block: $spacing-03 $spacing-09;\n    // Required to accommodate focus outline's negative offset:\n    // anything besides text/p spans full width, with just 16px padding\n    padding-inline: $spacing-05 $spacing-05;\n\n    &:focus {\n      @include focus-outline('outline');\n    }\n  }\n\n  // fluid form in modal\n  .#{$prefix}--modal-content .#{$prefix}--form--fluid {\n    margin-inline: -$spacing-05 - $spacing-05;\n  }\n\n  //TO-DO: remove .#{$prefix}--modal-content__regular-content in v11 since hasForm has been deprecated\n  // text/p gets 20% right padding\n  .#{$prefix}--modal-content > p,\n  .#{$prefix}--modal-content__regular-content {\n    @include type-style('body-01');\n    // padding should take into account the left and right padding of modal container\n    padding-inline-end: calc(20% - $spacing-07);\n  }\n\n  //TO-DO: remove .#{$prefix}--modal-content--with-form in v11 since hasForm has been deprecated\\\n  // anything besides text/p spans full width, with just 16px padding\n  .#{$prefix}--modal-content--with-form {\n    padding-inline-end: $spacing-05;\n  }\n\n  // -----------------------------\n  // Modal header\n  // -----------------------------\n  .#{$prefix}--modal-header {\n    grid-column: 1/-1;\n    grid-row: 1/1;\n    margin-block-end: $spacing-03;\n    padding-block-start: $spacing-05;\n    padding-inline: $spacing-05 $spacing-09;\n  }\n\n  .#{$prefix}--modal-header__label {\n    @include component-reset.reset;\n    @include type-style('label-01');\n\n    color: $text-secondary;\n    margin-block-end: $spacing-02;\n  }\n\n  .#{$prefix}--modal-header__heading {\n    @include component-reset.reset;\n    @include type-style('heading-03');\n\n    color: $text-primary;\n    // padding should take into account the left and right padding of modal container\n    padding-inline-end: calc(20% - $spacing-09);\n  }\n\n  // -----------------------------\n  // XS Modal\n  // -----------------------------\n  .#{$prefix}--modal-container--xs {\n    //text always spans full width in xs modals\n    .#{$prefix}--modal-content__regular-content {\n      padding-inline-end: $spacing-05;\n    }\n\n    .#{$prefix}--modal-content > p {\n      //.#{$prefix}--modal-content already has 16px padding so this doesn't need any\n      padding-inline-end: 0;\n    }\n\n    @include breakpoint(md) {\n      inline-size: 48%;\n    }\n\n    @include breakpoint(lg) {\n      inline-size: 32%;\n      max-block-size: 48%;\n    }\n\n    @include breakpoint(xlg) {\n      inline-size: 24%;\n    }\n  }\n\n  // -----------------------------\n  // SM Modal\n  // -----------------------------\n  .#{$prefix}--modal-container--sm {\n    //text spans full width in sm modals below 1056\n    .#{$prefix}--modal-content__regular-content {\n      padding-inline-end: $spacing-05;\n    }\n\n    .#{$prefix}--modal-content > p {\n      //.#{$prefix}--modal-content already has 16px padding so this doesn't need any\n      padding-inline-end: 0;\n    }\n\n    @include breakpoint(md) {\n      inline-size: 60%;\n    }\n\n    @include breakpoint(lg) {\n      inline-size: 42%;\n      max-block-size: 72%;\n\n      .#{$prefix}--modal-content > p,\n      .#{$prefix}--modal-content__regular-content {\n        padding-inline-end: 20%;\n      }\n    }\n\n    @include breakpoint(xlg) {\n      inline-size: 36%;\n    }\n  }\n\n  // -----------------------------\n  // LG Modal\n  // -----------------------------\n  .#{$prefix}--modal-container--lg {\n    @include breakpoint(md) {\n      inline-size: 96%;\n    }\n\n    @include breakpoint(lg) {\n      inline-size: 84%;\n      max-block-size: 96%;\n    }\n\n    @include breakpoint(xlg) {\n      inline-size: 72%;\n    }\n  }\n\n  // -----------------------------\n  // Modal overflow\n  // -----------------------------\n  .#{$prefix}--modal-scroll-content {\n    // Required to accommodate focus outline's negative offset when scrolling in Chrome\n    border-block-end: 2px solid transparent;\n    mask-image: linear-gradient(\n        to bottom,\n        $layer calc(100% - 80px),\n        transparent calc(100% - 48px),\n        transparent 100%\n      ),\n      linear-gradient(to left, $layer 0, 16px, transparent 16px),\n      linear-gradient(to right, $layer 0, 2px, transparent 2px),\n      linear-gradient(to top, $layer 0, 2px, transparent 2px);\n  }\n\n  //removing mask image in case we have dropdown in modal\n  .#{$prefix}--modal-scroll-content:has(.#{$prefix}--autoalign) {\n    mask-image: none;\n  }\n\n  // Required so overflow-indicator disappears at end of content\n  .#{$prefix}--modal-scroll-content > *:last-child {\n    margin-block-end: $spacing-06;\n  }\n\n  // -----------------------------\n  // Modal footer\n  // -----------------------------\n  .#{$prefix}--modal-footer {\n    display: flex;\n    justify-content: flex-end;\n    block-size: convert.to-rem(64px);\n    grid-column: 1/-1;\n    grid-row: -1/-1;\n    margin-block-start: auto;\n  }\n\n  .#{$prefix}--modal-footer .#{$prefix}--btn {\n    flex: 0 1 50%;\n    align-items: baseline;\n    margin: 0;\n    block-size: convert.to-rem(64px);\n    max-inline-size: none;\n  }\n\n  .#{$prefix}--modal-footer .#{$prefix}--btn:not(.#{$prefix}--skeleton) {\n    padding-block: calc($spacing-05 - convert.to-rem(2px)) $spacing-07;\n  }\n\n  .#{$prefix}--modal-footer--three-button .#{$prefix}--btn {\n    flex: 0 1 25%;\n    align-items: flex-start;\n  }\n\n  // -----------------------------\n  // Modal close btn\n  // -----------------------------\n\n  .#{$prefix}--modal-close-button {\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-end: 0;\n  }\n\n  .#{$prefix}--modal-close {\n    padding: convert.to-rem(12px);\n    border: 2px solid transparent;\n    background-color: transparent;\n    block-size: 3rem;\n    cursor: pointer;\n    inline-size: 3rem;\n    transition: background-color $duration-fast-02 motion(standard, productive);\n\n    &:hover {\n      background-color: $layer-hover;\n    }\n\n    &:focus {\n      border-color: $focus;\n      outline: none;\n    }\n  }\n\n  .#{$prefix}--modal-close::-moz-focus-inner {\n    border: 0;\n  }\n\n  .#{$prefix}--modal-close__icon {\n    block-size: convert.to-rem(20px);\n    fill: $icon-primary;\n    inline-size: convert.to-rem(20px);\n  }\n\n  .#{$prefix}--body--with-modal-open {\n    overflow: hidden;\n  }\n\n  .#{$prefix}--body--with-modal-open .#{$prefix}--modal .#{$prefix}--tooltip,\n  .#{$prefix}--body--with-modal-open\n    .#{$prefix}--modal\n    .#{$prefix}--overflow-menu-options,\n  .#{$prefix}--body--with-modal-open .#{$prefix}--overflow-menu-options {\n    z-index: z('modal');\n  }\n\n  // Fluid Modal (No padding)\n  .#{$prefix}--modal-container--full-width .#{$prefix}--modal-content {\n    padding: 0;\n    margin: 0;\n  }\n\n  // AIlabel styles\n  .#{$prefix}--modal--slug.#{$prefix}--modal,\n  .#{$prefix}--modal--decorator:has(.#{$prefix}--ai-label).#{$prefix}--modal {\n    background-color: $ai-overlay;\n  }\n\n  .#{$prefix}--modal--slug .#{$prefix}--modal-container,\n  .#{$prefix}--modal--decorator:has(.#{$prefix}--ai-label)\n    .#{$prefix}--modal-container {\n    @include ai-popover-gradient('default', 0, 'layer');\n\n    border: 1px solid transparent;\n    background-color: $layer;\n    box-shadow:\n      inset 0 -80px 70px -65px $ai-inner-shadow,\n      0 24px 40px -24px $ai-drop-shadow;\n  }\n\n  .#{$prefix}--modal--slug\n    .#{$prefix}--modal-container:has(.#{$prefix}--modal-footer),\n  .#{$prefix}--modal--decorator:has(.#{$prefix}--ai-label)\n    .#{$prefix}--modal-container:has(.#{$prefix}--modal-footer) {\n    @include ai-popover-gradient('default', 64px, 'layer');\n\n    box-shadow:\n      inset 0 -80px 0 -16px $layer,\n      inset 0 -160px 70px -65px $ai-inner-shadow,\n      0 24px 40px -24px $ai-drop-shadow;\n  }\n\n  .#{$prefix}--modal--slug\n    .#{$prefix}--modal-content.#{$prefix}--modal-scroll-content,\n  .#{$prefix}--modal--decorator\n    .#{$prefix}--modal-content.#{$prefix}--modal-scroll-content {\n    mask-image: linear-gradient(\n        to bottom,\n        $layer calc(100% - 80px),\n        transparent calc(100% - 48px),\n        transparent 100%\n      ),\n      linear-gradient(to left, $layer 0, 16px, transparent 16px),\n      linear-gradient(to right, $layer 0, 2px, transparent 2px),\n      linear-gradient(to top, $layer 0, 2px, transparent 2px);\n  }\n\n  .#{$prefix}--modal-header\n    > .#{$prefix}--modal--inner__decorator:has(\n      + .#{$prefix}--modal-close-button\n    )\n    > *,\n  .#{$prefix}--modal-header\n    > .#{$prefix}--modal-close-button\n    ~ .#{$prefix}--modal--inner__decorator\n    > *,\n  .#{$prefix}--modal--decorator\n    .#{$prefix}--modal-container-body\n    > .#{$prefix}--modal--inner__decorator\n    > *,\n  .#{$prefix}--modal-header\n    > .#{$prefix}--ai-label:has(+ .#{$prefix}--modal-close-button),\n  .#{$prefix}--modal-header\n    > .#{$prefix}--modal-close-button\n    ~ .#{$prefix}--ai-label,\n  .#{$prefix}--modal--slug\n    .#{$prefix}--modal-container-body\n    > .#{$prefix}--ai-label,\n  .#{$prefix}--modal-header\n    > .#{$prefix}--slug:has(+ .#{$prefix}--modal-close-button),\n  .#{$prefix}--modal-header\n    > .#{$prefix}--modal-close-button\n    ~ .#{$prefix}--slug,\n  .#{$prefix}--modal--slug\n    .#{$prefix}--modal-container-body\n    > .#{$prefix}--slug {\n    position: absolute;\n    inset-block-start: convert.to-rem(10px);\n    inset-inline-end: convert.to-rem(48px);\n  }\n\n  .#{$prefix}--modal-header\n    > .#{$prefix}--modal--inner__decorator:not(:has(.#{$prefix}--ai-label))\n    > * {\n    inset-block-start: 1rem;\n  }\n\n  .#{$prefix}--modal-header\n    > .#{$prefix}--modal--inner__decorator:has(.#{$prefix}--ai-label--revert)\n    > * {\n    inset-block-start: 1.475rem;\n  }\n\n  .#{$prefix}--modal--decorator\n    .#{$prefix}--modal-content--overflow-indicator::before,\n  .#{$prefix}--modal--decorator .#{$prefix}--modal-content--overflow-indicator {\n    display: none;\n  }\n\n  // Windows HCM fix\n\n  .#{$prefix}--modal-close__icon {\n    @include high-contrast-mode('icon-fill');\n  }\n\n  .#{$prefix}--modal-close:focus {\n    @include high-contrast-mode('focus');\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n@use 'mixins' as *;\n@use '../../breakpoint' as *;\n@use '../../colors' as *;\n@use '../../config' as *;\n@use '../../feature-flags';\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../themes' as *;\n@use '../../type' as *;\n@use '../../utilities/convert';\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/focus-outline' as *;\n@use './tokens' as *;\n\n/// Inline notification styles\n/// @access public\n/// @group notification\n@mixin inline-notification {\n  .#{$prefix}--inline-notification {\n    @include reset;\n\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    block-size: auto;\n\n    color: $text-inverse;\n    inline-size: 100%;\n    max-inline-size: convert.to-rem(288px);\n    min-block-size: convert.to-rem(48px);\n    min-inline-size: convert.to-rem(288px);\n\n    @include breakpoint(md) {\n      flex-wrap: nowrap;\n      max-inline-size: convert.to-rem(608px);\n    }\n\n    @include breakpoint(lg) {\n      max-inline-size: convert.to-rem(736px);\n    }\n\n    @include breakpoint(max) {\n      max-inline-size: convert.to-rem(832px);\n    }\n  }\n\n  .#{$prefix}--inline-notification:not(\n      .#{$prefix}--inline-notification--low-contrast\n    )\n    a {\n    color: $link-inverse;\n  }\n\n  .#{$prefix}--inline-notification a {\n    text-decoration: none;\n  }\n\n  .#{$prefix}--inline-notification a:hover {\n    text-decoration: underline;\n  }\n\n  .#{$prefix}--inline-notification a:focus {\n    outline: 1px solid $link-inverse;\n  }\n\n  .#{$prefix}--inline-notification.#{$prefix}--inline-notification--low-contrast\n    a:focus {\n    @include focus-outline;\n  }\n\n  .#{$prefix}--inline-notification--low-contrast {\n    color: $text-primary;\n\n    &::before {\n      position: absolute;\n      box-sizing: border-box;\n      border-width: 1px 1px 1px 0;\n      border-style: solid;\n      block-size: 100%;\n      content: '';\n      filter: opacity(0.4);\n      inline-size: 100%;\n      inset-block-start: 0;\n      inset-inline-start: 0;\n      pointer-events: none;\n    }\n  }\n\n  .#{$prefix}--inline-notification--error {\n    @include notification--experimental(\n      $support-error-inverse,\n      $background-inverse\n    );\n  }\n\n  .#{$prefix}--inline-notification--low-contrast.#{$prefix}--inline-notification--error {\n    @include notification--experimental(\n      $support-error,\n      $notification-background-error\n    );\n\n    &::before {\n      border-color: $support-error;\n    }\n  }\n\n  .#{$prefix}--inline-notification--success {\n    @include notification--experimental(\n      $support-success-inverse,\n      $background-inverse\n    );\n  }\n\n  .#{$prefix}--inline-notification--low-contrast.#{$prefix}--inline-notification--success {\n    @include notification--experimental(\n      $support-success,\n      $notification-background-success\n    );\n\n    &::before {\n      border-color: $support-success;\n    }\n  }\n\n  .#{$prefix}--inline-notification--info,\n  .#{$prefix}--inline-notification--info-square {\n    @include notification--experimental(\n      $support-info-inverse,\n      $background-inverse\n    );\n  }\n\n  .#{$prefix}--inline-notification--low-contrast.#{$prefix}--inline-notification--info,\n  .#{$prefix}--inline-notification--low-contrast.#{$prefix}--inline-notification--info-square {\n    @include notification--experimental(\n      $support-info,\n      $notification-background-info\n    );\n\n    &::before {\n      border-color: $support-info;\n    }\n  }\n\n  .#{$prefix}--inline-notification--warning,\n  .#{$prefix}--inline-notification--warning-alt {\n    @include notification--experimental(\n      $support-warning-inverse,\n      $background-inverse\n    );\n  }\n\n  .#{$prefix}--inline-notification--low-contrast.#{$prefix}--inline-notification--warning,\n  .#{$prefix}--inline-notification--low-contrast.#{$prefix}--inline-notification--warning-alt {\n    @include notification--experimental(\n      $support-warning,\n      $notification-background-warning\n    );\n\n    &::before {\n      border-color: $support-warning;\n    }\n  }\n\n  .#{$prefix}--inline-notification--warning\n    .#{$prefix}--inline-notification__icon\n    path[opacity='0'],\n  .#{$prefix}--inline-notification--warning-alt\n    .#{$prefix}--inline-notification__icon\n    path:first-of-type {\n    fill: $black-100;\n    opacity: 1;\n  }\n\n  .#{$prefix}--inline-notification__details {\n    display: flex;\n    flex-grow: 1;\n    margin-inline: convert.to-rem(13px) $spacing-09;\n\n    @include breakpoint(md) {\n      margin: 0 convert.to-rem(13px);\n    }\n  }\n\n  .#{$prefix}--inline-notification__icon {\n    flex-shrink: 0;\n    margin-block-start: convert.to-rem(14px);\n    margin-inline-end: $spacing-05;\n  }\n\n  .#{$prefix}--inline-notification__text-wrapper {\n    display: flex;\n    flex-wrap: wrap;\n    padding: convert.to-rem(15px) 0;\n  }\n\n  .#{$prefix}--inline-notification__title {\n    @include type-style('heading-compact-01');\n\n    margin-inline-end: $spacing-02;\n  }\n\n  .#{$prefix}--inline-notification__subtitle {\n    @include type-style('body-compact-01');\n\n    word-break: break-word;\n  }\n\n  .#{$prefix}--inline-notification__action-button.#{$prefix}--btn--ghost {\n    block-size: convert.to-rem(32px);\n    margin-block-end: $spacing-03;\n    margin-inline-start: $spacing-08;\n\n    @include breakpoint(md) {\n      margin: $spacing-03 0;\n    }\n  }\n\n  .#{$prefix}--inline-notification:not(\n      .#{$prefix}--inline-notification--low-contrast\n    )\n    .#{$prefix}--inline-notification__action-button.#{$prefix}--btn--ghost {\n    color: $link-inverse;\n  }\n\n  .#{$prefix}--inline-notification__action-button.#{$prefix}--btn--ghost:active,\n  .#{$prefix}--inline-notification__action-button.#{$prefix}--btn--ghost:hover {\n    background-color: $background-inverse-hover;\n  }\n\n  .#{$prefix}--inline-notification--low-contrast\n    .#{$prefix}--inline-notification__action-button.#{$prefix}--btn--ghost:active,\n  .#{$prefix}--inline-notification--low-contrast\n    .#{$prefix}--inline-notification__action-button.#{$prefix}--btn--ghost:hover {\n    background-color: $notification-action-hover;\n  }\n\n  .#{$prefix}--inline-notification__action-button.#{$prefix}--btn--ghost:focus {\n    border-color: transparent;\n    box-shadow: none;\n    outline: 2px solid $focus-inverse;\n    outline-offset: -2px;\n  }\n\n  .#{$prefix}--inline-notification--low-contrast\n    .#{$prefix}--inline-notification__action-button.#{$prefix}--btn--ghost:focus {\n    outline-color: $focus;\n  }\n\n  .#{$prefix}--inline-notification--hide-close-button\n    .#{$prefix}--inline-notification__action-button.#{$prefix}--btn--ghost {\n    margin-inline-end: $spacing-03;\n  }\n\n  .#{$prefix}--inline-notification__close-button {\n    @include focus-outline('reset');\n\n    position: absolute;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    border: none;\n    background: transparent;\n    block-size: convert.to-rem(48px);\n    cursor: pointer;\n    inline-size: convert.to-rem(48px);\n    inset-block-start: 0;\n    inset-inline-end: 0;\n    max-inline-size: convert.to-rem(48px);\n    min-inline-size: convert.to-rem(48px);\n    transition:\n      outline $duration-fast-02 motion(standard, productive),\n      background-color $duration-fast-02 motion(standard, productive);\n\n    &:focus {\n      outline: 2px solid $focus-inverse;\n      outline-offset: -2px;\n    }\n\n    .#{$prefix}--inline-notification__close-icon {\n      fill: $icon-inverse;\n    }\n\n    @include breakpoint(md) {\n      position: static;\n    }\n  }\n\n  .#{$prefix}--inline-notification--low-contrast\n    .#{$prefix}--inline-notification__close-button:focus {\n    @include focus-outline('outline');\n  }\n\n  .#{$prefix}--inline-notification--low-contrast\n    .#{$prefix}--inline-notification__close-button\n    .#{$prefix}--inline-notification__close-icon {\n    fill: $icon-primary;\n  }\n\n  // Windows HCM fix\n\n  .#{$prefix}--inline-notification {\n    @include high-contrast-mode('outline');\n  }\n\n  .#{$prefix}--inline-notification__close-button:focus,\n  .#{$prefix}--btn.#{$prefix}--btn--ghost.#{$prefix}--inline-notification__action-button:focus {\n    @include high-contrast-mode('focus');\n  }\n\n  .#{$prefix}--inline-notification .#{$prefix}--inline-notification__icon {\n    @include high-contrast-mode('icon-fill');\n  }\n  .#{$prefix}--inline-notification\n    .#{$prefix}--inline-notification__close-icon {\n    @include high-contrast-mode('icon-fill');\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../config' as *;\n\n/// @access public\n/// @group notification\n@mixin inline-notification--color($color) {\n  border: 1px solid $color;\n  border-inline-start: 6px solid $color;\n\n  .#{$prefix}--inline-notification__icon {\n    fill: $color;\n  }\n}\n\n//----------------------------------------------\n// Toast Notification\n// ---------------------------------------------\n\n/// @access private\n/// @group notification\n@mixin notification--color($color) {\n  border-inline-start: 6px solid $color;\n}\n\n/// @access private\n/// @group notification\n@mixin notification--experimental($color, $background-color) {\n  background: $background-color;\n  border-inline-start: 3px solid $color;\n\n  .#{$prefix}--inline-notification__icon,\n  .#{$prefix}--toast-notification__icon,\n  .#{$prefix}--actionable-notification__icon {\n    fill: $color;\n  }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:color';\n@use 'sass:map';\n@use 'sass:list';\n@use '../../config';\n@use '../../colors';\n@use '../../themes';\n@use '../../theme';\n@use '../../utilities/component-tokens';\n@use '@carbon/themes/scss/component-tokens' as notification;\n\n@use '../button/tokens' as button-tokens;\n\n$notification-background-error: (\n  fallback: map.get(notification.$notification-background-error, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(notification.$notification-background-error, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(notification.$notification-background-error, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(notification.$notification-background-error, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(notification.$notification-background-error, g-100),\n    ),\n  ),\n) !default;\n\n$notification-background-success: (\n  fallback: map.get(notification.$notification-background-success, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(notification.$notification-background-success, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(notification.$notification-background-success, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(notification.$notification-background-success, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(notification.$notification-background-success, g-100),\n    ),\n  ),\n) !default;\n\n$notification-background-info: (\n  fallback: map.get(notification.$notification-background-info, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(notification.$notification-background-info, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(notification.$notification-background-info, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(notification.$notification-background-info, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(notification.$notification-background-info, g-100),\n    ),\n  ),\n) !default;\n\n$notification-background-warning: (\n  fallback: map.get(notification.$notification-background-warning, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(notification.$notification-background-warning, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(notification.$notification-background-warning, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(notification.$notification-background-warning, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(notification.$notification-background-warning, g-100),\n    ),\n  ),\n) !default;\n\n$notification-action-hover: (\n  fallback: map.get(notification.$notification-background-info, white-theme),\n  values: (\n    (\n      theme: themes.$white,\n      value: map.get(notification.$notification-action-hover, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(notification.$notification-action-hover, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: theme.$layer-hover,\n    ),\n    (\n      theme: themes.$g100,\n      value: theme.$layer-hover,\n    ),\n  ),\n) !default;\n\n$notification-action-tertiary-inverse: (\n  fallback: map.get(button-tokens.$button-tokens, button-tertiary, fallback),\n  values: (\n    (\n      theme: themes.$white,\n      value:\n        map.get(notification.$notification-action-tertiary-inverse, white-theme),\n    ),\n    (\n      theme: themes.$g10,\n      value: map.get(notification.$notification-action-tertiary-inverse, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value: map.get(notification.$notification-action-tertiary-inverse, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value: map.get(notification.$notification-action-tertiary-inverse, g-100),\n    ),\n  ),\n) !default;\n\n$notification-action-tertiary-inverse-active: (\n  fallback:\n    map.get(button-tokens.$button-tokens, button-tertiary-active, fallback),\n  values: (\n    (\n      theme: themes.$white,\n      value:\n        map.get(\n          notification.$notification-action-tertiary-inverse-active,\n          white-theme\n        ),\n    ),\n    (\n      theme: themes.$g10,\n      value:\n        map.get(notification.$notification-action-tertiary-inverse-active, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value:\n        map.get(notification.$notification-action-tertiary-inverse-active, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value:\n        map.get(\n          notification.$notification-action-tertiary-inverse-active,\n          g-100\n        ),\n    ),\n  ),\n) !default;\n\n$notification-action-tertiary-inverse-hover: (\n  fallback:\n    map.get(button-tokens.$button-tokens, button-tertiary-hover, fallback),\n  values: (\n    (\n      theme: themes.$white,\n      value:\n        map.get(\n          notification.$notification-action-tertiary-inverse-hover,\n          white-theme\n        ),\n    ),\n    (\n      theme: themes.$g10,\n      value:\n        map.get(notification.$notification-action-tertiary-inverse-hover, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value:\n        map.get(notification.$notification-action-tertiary-inverse-hover, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value:\n        map.get(notification.$notification-action-tertiary-inverse-hover, g-100),\n    ),\n  ),\n) !default;\n\n$notification-action-tertiary-inverse-text: (\n  fallback:\n    map.get(\n      notification.$notification-action-tertiary-inverse-text,\n      white-theme\n    ),\n  values: (\n    (\n      theme: themes.$white,\n      value:\n        map.get(\n          notification.$notification-action-tertiary-inverse-text,\n          white-theme\n        ),\n    ),\n    (\n      theme: themes.$g10,\n      value:\n        map.get(notification.$notification-action-tertiary-inverse-text, g-10),\n    ),\n    (\n      theme: themes.$g90,\n      value:\n        map.get(notification.$notification-action-tertiary-inverse-text, g-90),\n    ),\n    (\n      theme: themes.$g100,\n      value:\n        map.get(notification.$notification-action-tertiary-inverse-text, g-100),\n    ),\n  ),\n) !default;\n\n$notification-action-tertiary-inverse-text-on-color-disabled: (\n  fallback:\n    map.get(\n      notification.$notification-action-tertiary-inverse-text-on-color-disabled,\n      white-theme\n    ),\n  values: (\n    (\n      theme: themes.$white,\n      value:\n        map.get(\n          notification.$notification-action-tertiary-inverse-text-on-color-disabled,\n          white-theme\n        ),\n    ),\n    (\n      theme: themes.$g10,\n      value:\n        map.get(\n          notification.$notification-action-tertiary-inverse-text-on-color-disabled,\n          g-10\n        ),\n    ),\n    (\n      theme: themes.$g90,\n      value:\n        map.get(\n          notification.$notification-action-tertiary-inverse-text-on-color-disabled,\n          g-90\n        ),\n    ),\n    (\n      theme: themes.$g100,\n      value:\n        map.get(\n          notification.$notification-action-tertiary-inverse-text-on-color-disabled,\n          g-100\n        ),\n    ),\n  ),\n) !default;\n\n$notification-tokens: (\n  notification-background-error: $notification-background-error,\n  notification-background-success: $notification-background-success,\n  notification-background-info: $notification-background-info,\n  notification-background-warning: $notification-background-warning,\n  notification-action-hover: $notification-action-hover,\n  notification-action-tertiary-inverse: $notification-action-tertiary-inverse,\n  notification-action-tertiary-inverse-active:\n    $notification-action-tertiary-inverse-active,\n  notification-action-tertiary-inverse-hover:\n    $notification-action-tertiary-inverse-hover,\n  notification-action-tertiary-inverse-text:\n    $notification-action-tertiary-inverse-text,\n  notification-action-tertiary-inverse-text-on-color-disabled:\n    $notification-action-tertiary-inverse-text-on-color-disabled,\n);\n\n$notification-background-error: component-tokens.get-var(\n  $notification-background-error,\n  'notification-background-error'\n);\n\n$notification-background-success: component-tokens.get-var(\n  $notification-background-success,\n  'notification-background-success'\n);\n\n$notification-background-info: component-tokens.get-var(\n  $notification-background-info,\n  'notification-background-info'\n);\n\n$notification-background-warning: component-tokens.get-var(\n  $notification-background-warning,\n  'notification-background-warning'\n);\n\n$notification-action-hover: component-tokens.get-var(\n  $notification-action-hover,\n  'notification-action-hover'\n);\n\n$notification-action-tertiary-inverse: component-tokens.get-var(\n  $notification-action-tertiary-inverse,\n  'notification-action-tertiary-inverse'\n);\n\n$notification-action-tertiary-inverse-active: component-tokens.get-var(\n  $notification-action-tertiary-inverse-active,\n  'notification-action-tertiary-inverse-active'\n);\n\n$notification-action-tertiary-inverse-hover: component-tokens.get-var(\n  $notification-action-tertiary-inverse-hover,\n  'notification-action-tertiary-inverse-hover'\n);\n\n$notification-action-tertiary-inverse-text: component-tokens.get-var(\n  $notification-action-tertiary-inverse-text,\n  'notification-action-tertiary-inverse-text'\n);\n\n$notification-action-tertiary-inverse-text-on-color-disabled: component-tokens.get-var(\n  $notification-action-tertiary-inverse-text-on-color-disabled,\n  'notification-action-tertiary-inverse-text-on-color-disabled'\n);\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'mixins' as *;\n@use 'tokens' as *;\n@use '../../breakpoint' as *;\n@use '../../colors' as *;\n@use '../../config' as *;\n@use '../../feature-flags';\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../themes' as *;\n@use '../../type' as *;\n@use '../../utilities/convert';\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/focus-outline' as *;\n@use './tokens' as *;\n\n/// Toast notification styles\n/// @access public\n/// @group notification\n@mixin toast-notification {\n  .#{$prefix}--toast-notification {\n    @include reset;\n\n    display: flex;\n    block-size: auto;\n    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);\n    color: $text-inverse;\n    inline-size: convert.to-rem(288px);\n    padding-inline-start: convert.to-rem(13px);\n\n    @include breakpoint(max) {\n      inline-size: convert.to-rem(352px);\n    }\n  }\n\n  .#{$prefix}--toast-notification:not(\n      .#{$prefix}--toast-notification--low-contrast\n    )\n    a {\n    color: $link-inverse;\n  }\n\n  .#{$prefix}--toast-notification a {\n    text-decoration: none;\n  }\n\n  .#{$prefix}--toast-notification a:hover {\n    text-decoration: underline;\n  }\n\n  .#{$prefix}--toast-notification a:focus {\n    outline: 1px solid $link-inverse;\n  }\n\n  .#{$prefix}--toast-notification.#{$prefix}--toast-notification--low-contrast\n    a:focus {\n    @include focus-outline;\n  }\n\n  .#{$prefix}--toast-notification--low-contrast {\n    color: $text-primary;\n  }\n\n  .#{$prefix}--toast-notification--error {\n    @include notification--experimental(\n      $support-error-inverse,\n      $background-inverse\n    );\n  }\n\n  .#{$prefix}--toast-notification--low-contrast.#{$prefix}--toast-notification--error {\n    @include notification--experimental(\n      $support-error,\n      $notification-background-error\n    );\n  }\n\n  .#{$prefix}--toast-notification--success {\n    @include notification--experimental(\n      $support-success-inverse,\n      $background-inverse\n    );\n  }\n\n  .#{$prefix}--toast-notification--low-contrast.#{$prefix}--toast-notification--success {\n    @include notification--experimental(\n      $support-success,\n      $notification-background-success\n    );\n  }\n\n  .#{$prefix}--toast-notification--info,\n  .#{$prefix}--toast-notification--info-square {\n    @include notification--experimental(\n      $support-info-inverse,\n      $background-inverse\n    );\n  }\n\n  .#{$prefix}--toast-notification--low-contrast.#{$prefix}--toast-notification--info,\n  .#{$prefix}--toast-notification--low-contrast.#{$prefix}--toast-notification--info-square {\n    @include notification--experimental(\n      $support-info,\n      $notification-background-info\n    );\n  }\n\n  .#{$prefix}--toast-notification--warning,\n  .#{$prefix}--toast-notification--warning-alt {\n    @include notification--experimental(\n      $support-warning-inverse,\n      $background-inverse\n    );\n  }\n\n  .#{$prefix}--toast-notification--low-contrast.#{$prefix}--toast-notification--warning,\n  .#{$prefix}--toast-notification--low-contrast.#{$prefix}--toast-notification--warning-alt {\n    @include notification--experimental(\n      $support-warning,\n      $notification-background-warning\n    );\n  }\n\n  .#{$prefix}--toast-notification--warning\n    .#{$prefix}--toast-notification__icon\n    path[opacity='0'],\n  .#{$prefix}--toast-notification--warning-alt\n    .#{$prefix}--toast-notification__icon\n    path:first-of-type {\n    fill: $black-100;\n    opacity: 1;\n  }\n\n  .#{$prefix}--toast-notification__icon {\n    flex-shrink: 0;\n    margin-block-start: $spacing-05;\n    margin-inline-end: $spacing-05;\n  }\n\n  .#{$prefix}--toast-notification__details {\n    margin-block-end: $spacing-05;\n    margin-inline-end: $spacing-05;\n  }\n\n  .#{$prefix}--toast-notification__close-button {\n    @include focus-outline('reset');\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    border: none;\n    background-color: transparent;\n    block-size: convert.to-rem(48px);\n    cursor: pointer;\n    inline-size: convert.to-rem(48px);\n    margin-inline-start: auto;\n    min-block-size: convert.to-rem(48px);\n    min-inline-size: convert.to-rem(48px);\n    transition:\n      outline $transition-base,\n      background-color $transition-base;\n\n    &:focus {\n      outline: 2px solid $focus-inverse;\n      outline-offset: -2px;\n    }\n\n    .#{$prefix}--toast-notification__close-icon {\n      fill: $icon-inverse;\n    }\n  }\n\n  .#{$prefix}--toast-notification--low-contrast\n    .#{$prefix}--toast-notification__close-button:focus {\n    @include focus-outline('outline');\n  }\n\n  .#{$prefix}--toast-notification--low-contrast\n    .#{$prefix}--toast-notification__close-button\n    .#{$prefix}--toast-notification__close-icon {\n    fill: $icon-primary;\n  }\n\n  .#{$prefix}--toast-notification__title {\n    @include type-style('heading-compact-01');\n\n    font-weight: 600;\n    margin-block-start: $spacing-05;\n    word-break: break-word;\n  }\n\n  .#{$prefix}--toast-notification__subtitle {\n    @include type-style('body-compact-01');\n\n    color: $text-inverse;\n    margin-block: 0 $spacing-05;\n    word-break: break-word;\n  }\n\n  .#{$prefix}--toast-notification--low-contrast\n    .#{$prefix}--toast-notification__subtitle {\n    color: $text-primary;\n  }\n\n  .#{$prefix}--toast-notification__caption {\n    @include type-style('body-compact-01');\n\n    color: $text-inverse;\n    padding-block-start: $spacing-03;\n  }\n\n  .#{$prefix}--toast-notification--low-contrast\n    .#{$prefix}--toast-notification__caption {\n    color: $text-primary;\n  }\n\n  // Windows HCM fix\n\n  .#{$prefix}--toast-notification {\n    @include high-contrast-mode('outline');\n  }\n  .#{$prefix}--toast-notification__close-button:focus {\n    @include high-contrast-mode('focus');\n  }\n  .#{$prefix}--toast-notification .#{$prefix}--toast-notification__close-icon {\n    @include high-contrast-mode('icon-fill');\n  }\n  .#{$prefix}--toast-notification .#{$prefix}--toast-notification__icon {\n    @include high-contrast-mode('icon-fill');\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n@use 'mixins' as *;\n@use '../button';\n@use '../../breakpoint' as *;\n@use '../../colors' as *;\n@use '../../config' as *;\n@use '../../feature-flags' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../themes' as *;\n@use '../../type' as *;\n@use '../../utilities/convert';\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/focus-outline' as *;\n@use './tokens' as *;\n@use '../button/mixins' as button-mixins;\n@use '../button/vars' as button-vars;\n\n/// Actionable notification styles\n/// @access public\n/// @group notification\n@mixin actionable-notification {\n  .#{$prefix}--actionable-notification {\n    @include reset;\n\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    block-size: auto;\n    color: $text-inverse;\n    inline-size: 100%;\n    max-inline-size: convert.to-rem(288px);\n    min-block-size: convert.to-rem(48px);\n    min-inline-size: convert.to-rem(288px);\n\n    @include breakpoint(md) {\n      flex-wrap: nowrap;\n      max-inline-size: convert.to-rem(608px);\n    }\n\n    @include breakpoint(lg) {\n      max-inline-size: convert.to-rem(736px);\n    }\n\n    @include breakpoint(max) {\n      max-inline-size: convert.to-rem(832px);\n    }\n  }\n\n  .#{$prefix}--actionable-notification--toast {\n    flex-wrap: wrap;\n    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%);\n    max-inline-size: convert.to-rem(288px);\n    min-inline-size: convert.to-rem(288px);\n  }\n\n  .#{$prefix}--actionable-notification:not(\n      .#{$prefix}--actionable-notification--low-contrast\n    )\n    a {\n    color: $link-inverse;\n  }\n\n  .#{$prefix}--actionable-notification a {\n    text-decoration: none;\n  }\n\n  .#{$prefix}--actionable-notification a:hover {\n    text-decoration: underline;\n  }\n\n  .#{$prefix}--actionable-notification a:focus {\n    outline: 1px solid $focus-inverse;\n  }\n\n  .#{$prefix}--actionable-notification.#{$prefix}--actionable-notification--low-contrast\n    a:focus {\n    @include focus-outline;\n  }\n\n  .#{$prefix}--actionable-notification--low-contrast {\n    color: $text-primary;\n  }\n\n  .#{$prefix}--actionable-notification--low-contrast:not(\n      .#{$prefix}--actionable-notification--toast\n    )::before {\n    position: absolute;\n    box-sizing: border-box;\n    border-width: 1px 1px 1px 0;\n    border-style: solid;\n    block-size: 100%;\n    content: '';\n    filter: opacity(0.4);\n    inline-size: 100%;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    pointer-events: none;\n  }\n\n  .#{$prefix}--actionable-notification--error {\n    @include notification--experimental(\n      $support-error-inverse,\n      $background-inverse\n    );\n  }\n\n  .#{$prefix}--actionable-notification--low-contrast.#{$prefix}--actionable-notification--error {\n    @include notification--experimental(\n      $support-error,\n      $notification-background-error\n    );\n\n    &::before {\n      border-color: $support-error;\n    }\n  }\n\n  .#{$prefix}--actionable-notification--success {\n    @include notification--experimental(\n      $support-success-inverse,\n      $background-inverse\n    );\n  }\n\n  .#{$prefix}--actionable-notification--low-contrast.#{$prefix}--actionable-notification--success {\n    @include notification--experimental(\n      $support-success,\n      $notification-background-success\n    );\n\n    &::before {\n      border-color: $support-success;\n    }\n  }\n\n  .#{$prefix}--actionable-notification--info,\n  .#{$prefix}--actionable-notification--info-square {\n    @include notification--experimental(\n      $support-info-inverse,\n      $background-inverse\n    );\n  }\n\n  .#{$prefix}--actionable-notification--low-contrast.#{$prefix}--actionable-notification--info,\n  .#{$prefix}--actionable-notification--low-contrast.#{$prefix}--actionable-notification--info-square {\n    @include notification--experimental(\n      $support-info,\n      $notification-background-info\n    );\n\n    &::before {\n      border-color: $support-info;\n    }\n  }\n\n  .#{$prefix}--actionable-notification--warning,\n  .#{$prefix}--actionable-notification--warning-alt {\n    @include notification--experimental(\n      $support-warning-inverse,\n      $background-inverse\n    );\n  }\n\n  .#{$prefix}--actionable-notification--low-contrast.#{$prefix}--actionable-notification--warning,\n  .#{$prefix}--actionable-notification--low-contrast.#{$prefix}--actionable-notification--warning-alt {\n    @include notification--experimental(\n      $support-warning,\n      $notification-background-warning\n    );\n\n    &::before {\n      border-color: $support-warning;\n    }\n  }\n\n  .#{$prefix}--actionable-notification--warning\n    .#{$prefix}--toast-notification__icon\n    path[opacity='0'],\n  .#{$prefix}--actionable-notification--warning-alt\n    .#{$prefix}--toast-notification__icon\n    path:first-of-type {\n    fill: $black-100;\n    opacity: 1;\n  }\n\n  .#{$prefix}--actionable-notification--warning\n    .#{$prefix}--inline-notification__icon\n    path[opacity='0'],\n  .#{$prefix}--actionable-notification--warning-alt\n    .#{$prefix}--inline-notification__icon\n    path:first-of-type {\n    fill: $black-100;\n    opacity: 1;\n  }\n\n  .#{$prefix}--actionable-notification__details {\n    display: flex;\n    flex-grow: 1;\n    margin-inline: convert.to-rem(13px) $spacing-09;\n  }\n\n  .#{$prefix}--actionable-notification:not(\n      .#{$prefix}--actionable-notification--toast\n    )\n    .#{$prefix}--actionable-notification__details {\n    @include breakpoint(md) {\n      margin: 0 convert.to-rem(13px);\n    }\n  }\n\n  .#{$prefix}--actionable-notification .#{$prefix}--inline-notification__icon {\n    flex-shrink: 0;\n    margin-block-start: convert.to-rem(14px);\n    margin-inline-end: $spacing-05;\n  }\n\n  .#{$prefix}--actionable-notification .#{$prefix}--toast-notification__icon {\n    flex-shrink: 0;\n    margin-block-start: $spacing-05;\n    margin-inline-end: $spacing-05;\n  }\n\n  .#{$prefix}--actionable-notification__text-wrapper {\n    display: flex;\n    flex-wrap: wrap;\n    padding: convert.to-rem(15px) 0;\n  }\n\n  .#{$prefix}--actionable-notification__button-wrapper {\n    display: flex;\n  }\n\n  .#{$prefix}--actionable-notification--toast\n    .#{$prefix}--actionable-notification__text-wrapper {\n    padding: convert.to-rem(15px) 0 convert.to-rem(23px) 0;\n  }\n\n  .#{$prefix}--actionable-notification__content {\n    @include type-style('body-compact-01');\n\n    display: flex;\n    flex-wrap: wrap;\n    word-break: break-word;\n  }\n\n  .#{$prefix}--actionable-notification--toast\n    .#{$prefix}--actionable-notification__content {\n    display: block;\n  }\n\n  .#{$prefix}--actionable-notification__title {\n    @include type-style('heading-compact-01');\n\n    font-weight: 600;\n    margin-inline-end: $spacing-02;\n    word-break: break-word;\n  }\n\n  .#{$prefix}--actionable-notification--toast\n    .#{$prefix}--actionable-notification__title {\n    margin-inline-end: 0;\n  }\n\n  .#{$prefix}--actionable-notification__subtitle {\n    @include type-style('body-compact-01');\n\n    color: $text-inverse;\n    margin-block-start: 0;\n    word-break: break-word;\n  }\n\n  .#{$prefix}--actionable-notification--low-contrast\n    .#{$prefix}--actionable-notification__subtitle {\n    color: $text-primary;\n  }\n  /* Ghost action button when inline */\n  .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--ghost {\n    block-size: convert.to-rem(32px);\n    margin-block-end: $spacing-03;\n    margin-inline-start: $spacing-08;\n\n    @include breakpoint(md) {\n      margin: $spacing-03 0;\n    }\n  }\n\n  .#{$prefix}--actionable-notification:not(\n      .#{$prefix}--actionable-notification--low-contrast\n    )\n    .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--ghost {\n    color: $link-inverse;\n  }\n\n  .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--ghost:active,\n  .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--ghost:hover {\n    background-color: $background-inverse-hover;\n  }\n\n  .#{$prefix}--actionable-notification--low-contrast\n    .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--ghost:active,\n  .#{$prefix}--actionable-notification--low-contrast\n    .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--ghost:hover {\n    background-color: $notification-action-hover;\n  }\n\n  .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--ghost:focus {\n    border-color: transparent;\n    box-shadow: none;\n    outline: 2px solid $focus-inverse;\n    outline-offset: -2px;\n  }\n\n  .#{$prefix}--actionable-notification--low-contrast\n    .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--ghost:focus {\n    outline-color: $focus;\n  }\n\n  .#{$prefix}--actionable-notification--hide-close-button\n    .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--ghost {\n    margin-inline-end: $spacing-03;\n  }\n\n  /* Tertiary action button when not inline (toast) */\n  .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--tertiary {\n    margin-block-end: $spacing-05;\n    // Button should be left aligned with text.\n    // 20px is the width of the notification icon\n    // 2px is the width of the left border that should be negated\n    margin-inline-start: calc(\n      #{$spacing-07} + #{convert.to-rem(20px)} - #{convert.to-rem(2px)}\n    );\n    padding-inline: $spacing-05;\n  }\n\n  // Tertiary button styles by default use mostly \"inverse\" tokens. Since the non-low-contrast notification\n  // background is dark, the button styles have to be inversed again.\n  // So essentially the:\n  // btn-tertiary white theme button styles should become g100 button styles\n  // btn-tertiary g10 theme button styles should become g90 button styles\n  // btn-tertiary g90 theme button styles should become g10 button styles\n  // btn-tertiary g100 theme button styles should become white button styles\n  .#{$prefix}--actionable-notification:not(\n      .#{$prefix}--actionable-notification--low-contrast\n    )\n    .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--tertiary {\n    @include button-mixins.button-theme(\n      transparent,\n      $notification-action-tertiary-inverse,\n      $notification-action-tertiary-inverse,\n      $notification-action-tertiary-inverse-hover,\n      currentColor,\n      $notification-action-tertiary-inverse-active\n    );\n  }\n\n  .#{$prefix}--actionable-notification:not(\n      .#{$prefix}--actionable-notification--low-contrast\n    )\n    .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--tertiary:hover {\n    color: $notification-action-tertiary-inverse-text;\n  }\n\n  .#{$prefix}--actionable-notification:not(\n      .#{$prefix}--actionable-notification--low-contrast\n    )\n    .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--tertiary:focus {\n    border-color: $focus-inverse;\n    background-color: $notification-action-tertiary-inverse;\n    box-shadow:\n      inset 0 0 0 button-vars.$button-outline-width $focus-inverse,\n      inset 0 0 0 button-vars.$button-border-width $background-inverse;\n    color: $notification-action-tertiary-inverse-text;\n  }\n\n  .#{$prefix}--actionable-notification:not(\n      .#{$prefix}--actionable-notification--low-contrast\n    )\n    .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--tertiary:active {\n    border-color: transparent;\n    background-color: $notification-action-tertiary-inverse-active;\n    color: $notification-action-tertiary-inverse-text;\n  }\n\n  .#{$prefix}--actionable-notification:not(\n      .#{$prefix}--actionable-notification--low-contrast\n    )\n    .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--tertiary:disabled,\n  .#{$prefix}--actionable-notification:not(\n      .#{$prefix}--actionable-notification--low-contrast\n    )\n    .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--tertiary:hover:disabled,\n  .#{$prefix}--actionable-notification:not(\n      .#{$prefix}--actionable-notification--low-contrast\n    )\n    .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--tertiary:focus:disabled,\n  .#{$prefix}--actionable-notification:not(\n      .#{$prefix}--actionable-notification--low-contrast\n    )\n    .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--tertiary.#{$prefix}--btn--disabled,\n  .#{$prefix}--actionable-notification:not(\n      .#{$prefix}--actionable-notification--low-contrast\n    )\n    .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--tertiary.#{$prefix}--btn--disabled:hover,\n  .#{$prefix}--actionable-notification:not(\n      .#{$prefix}--actionable-notification--low-contrast\n    )\n    .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--tertiary.#{$prefix}--btn--disabled:focus {\n    background: transparent;\n    color: $notification-action-tertiary-inverse-text-on-color-disabled;\n    outline: none;\n  }\n\n  .#{$prefix}--actionable-notification--hide-close-button\n    .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--tertiary {\n    margin-inline-end: $spacing-03;\n  }\n\n  .#{$prefix}--actionable-notification__close-button {\n    @include focus-outline('reset');\n\n    position: absolute;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    border: none;\n    background: transparent;\n    block-size: convert.to-rem(48px);\n    cursor: pointer;\n    inline-size: convert.to-rem(48px);\n    inset-block-start: 0;\n    inset-inline-end: 0;\n    max-inline-size: convert.to-rem(48px);\n    min-inline-size: convert.to-rem(48px);\n    transition:\n      outline $duration-fast-02 motion(standard, productive),\n      background-color $duration-fast-02 motion(standard, productive);\n\n    &:focus {\n      outline: 2px solid $focus-inverse;\n      outline-offset: -2px;\n    }\n\n    .#{$prefix}--actionable-notification__close-icon {\n      fill: $icon-inverse;\n    }\n\n    @include breakpoint(md) {\n      position: static;\n    }\n  }\n\n  .#{$prefix}--actionable-notification--toast\n    .#{$prefix}--actionable-notification__close-button {\n    @include breakpoint(md) {\n      position: absolute;\n    }\n  }\n\n  .#{$prefix}--actionable-notification--low-contrast\n    .#{$prefix}--actionable-notification__close-button:focus {\n    @include focus-outline('outline');\n  }\n\n  .#{$prefix}--actionable-notification--low-contrast\n    .#{$prefix}--actionable-notification__close-button\n    .#{$prefix}--actionable-notification__close-icon {\n    fill: $icon-primary;\n  }\n\n  // Windows HCM fix\n\n  .#{$prefix}--actionable-notification {\n    @include high-contrast-mode('outline');\n  }\n\n  .#{$prefix}--actionable-notification__close-button:focus,\n  .#{$prefix}--btn.#{$prefix}--btn--ghost.#{$prefix}--actionable-notification__action-button:focus {\n    @include high-contrast-mode('focus');\n  }\n\n  .#{$prefix}--actionable-notification .#{$prefix}--inline-notification__icon,\n  .#{$prefix}--actionable-notification .#{$prefix}--toast-notification__icon,\n  .#{$prefix}--actionable-notification\n    .#{$prefix}--actionable-notification__close-icon {\n    @include high-contrast-mode('icon-fill');\n  }\n}\n","//\n// Copyright IBM Corp. 2025\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../config' as *;\n@use '../../breakpoint' as *;\n// @use '../../motion' as *;\n@use '../../spacing' as *;\n// @use '../../theme' as *;\n@use '../../type' as *;\n// @use '../../layer' as *;\n// @use '../../utilities/box-shadow' as *;\n// @use '../../utilities/button-reset';\n// @use '../../utilities/component-reset';\n// @use '../../utilities/focus-outline' as *;\n// @use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/convert';\n// @use '../../utilities/z-index' as *;\n// @use '../../utilities/custom-property';\n\n/// Page header styles\n/// @access public\n/// @group page-header\n@mixin page-header {\n  .#{$prefix}--page-header {\n    border: 1px solid rebeccapurple; /* stylelint-disable-line */\n  }\n  .#{$prefix}--page-header__breadcrumb-bar {\n    border: 1px solid blue; /* stylelint-disable-line */\n  }\n  .#{$prefix}--page-header__content {\n    margin: $spacing-06 0;\n    border: 1px solid red; /* stylelint-disable-line */\n  }\n\n  .#{$prefix}--page-header__content__title-wrapper {\n    @include breakpoint-down(md) {\n      flex-direction: column;\n    }\n\n    display: flex;\n    justify-content: space-between;\n    gap: $spacing-05;\n  }\n\n  .#{$prefix}--page-header__content__start {\n    display: flex;\n    flex-wrap: wrap;\n    gap: $spacing-05;\n  }\n\n  .#{$prefix}--page-header__content__title-container {\n    display: flex;\n  }\n\n  .#{$prefix}--page-header__content__contextual-actions {\n    display: flex;\n  }\n\n  .#{$prefix}--page-header__content__title {\n    @include type-style('productive-heading-04');\n\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    max-inline-size: convert.to-rem(640px);\n    text-overflow: ellipsis;\n    white-space: normal;\n  }\n\n  .#{$prefix}--page-header__content:has(\n      .#{$prefix}--page-header__content__contextual-actions\n    )\n    .#{$prefix}--page-header__content__title {\n    -webkit-line-clamp: 1;\n  }\n\n  .#{$prefix}--page-header__content__icon {\n    margin-inline-end: $spacing-05;\n  }\n\n  .#{$prefix}--page-header__content__page-actions {\n    display: flex;\n    gap: $spacing-05;\n  }\n\n  .#{$prefix}--page-header__content__subtitle {\n    @include type-style('productive-heading-03');\n\n    margin-block-start: $spacing-05;\n  }\n\n  .#{$prefix}--page-header__content__body {\n    @include type-style('body-01');\n\n    margin-block-start: $spacing-03;\n    max-inline-size: convert.to-rem(640px);\n  }\n\n  .#{$prefix}--page-header__content:not(\n      :has(.#{$prefix}--page-header__content__sub-title)\n    )\n    .#{$prefix}--page-header__content__body {\n    margin-block-start: $spacing-05;\n  }\n\n  .#{$prefix}--page-header__hero-image {\n    display: flex;\n    overflow: hidden;\n    align-items: center;\n    block-size: 100%;\n  }\n\n  .#{$prefix}--page-header__tab-bar {\n    display: grid;\n    padding: 0 $spacing-05;\n    border: 1px solid green; /* stylelint-disable-line */\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../button';\n@use '../select';\n@use '../../layer' as *;\n@use '../../config' as *;\n@use '../../spacing' as *;\n@use '../../motion' as *;\n@use '../../type' as *;\n@use '../../breakpoint' as *;\n@use '../../theme' as *;\n@use '../../utilities/component-reset';\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/high-contrast-mode' as *;\n\n/// Pagination styles\n/// @access public\n/// @group pagination\n@mixin pagination {\n  .#{$prefix}--data-table-container + .#{$prefix}--pagination {\n    border-block-start: 0;\n  }\n\n  .#{$prefix}--pagination {\n    @include component-reset.reset;\n    @include type-style('body-compact-01');\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background-color: $layer;\n    border-block-start: 1px solid $border-subtle;\n    inline-size: calc(100% - 1px);\n    min-block-size: convert.to-rem(40px);\n    overflow-x: auto;\n\n    @include breakpoint('md') {\n      overflow: initial;\n\n      .#{$prefix}--pagination__control-buttons {\n        display: flex;\n      }\n    }\n\n    // mobile friendly pagination\n    @include breakpoint-down('md') {\n      .#{$prefix}--pagination__left > *,\n      .#{$prefix}--pagination__right > * {\n        display: none;\n      }\n\n      .#{$prefix}--pagination__items-count {\n        display: initial;\n      }\n\n      .#{$prefix}--pagination__control-buttons {\n        display: flex;\n      }\n    }\n  }\n\n  .#{$prefix}--pagination--sm {\n    min-block-size: convert.to-rem(32px);\n  }\n\n  .#{$prefix}--pagination--lg {\n    min-block-size: convert.to-rem(48px);\n  }\n\n  .#{$prefix}--pagination .#{$prefix}--select {\n    align-items: center;\n    block-size: 100%;\n  }\n\n  .#{$prefix}--pagination .#{$prefix}--select-input--inline__wrapper {\n    display: flex;\n    block-size: 100%;\n  }\n\n  .#{$prefix}--pagination .#{$prefix}--select-input {\n    @include type-style('body-compact-01');\n\n    block-size: 100%;\n\n    inline-size: auto;\n    line-height: convert.to-rem(40px);\n\n    min-inline-size: auto;\n  }\n\n  // Extra specificity is needed to preserve padding\n  .#{$prefix}--pagination\n    .#{$prefix}--select--inline\n    .#{$prefix}--select-input {\n    padding-inline: $spacing-05 2.25rem;\n  }\n\n  .#{$prefix}--pagination--sm .#{$prefix}--select-input {\n    line-height: convert.to-rem(32px);\n  }\n\n  .#{$prefix}--pagination--lg .#{$prefix}--select-input {\n    line-height: convert.to-rem(48px);\n  }\n\n  .#{$prefix}--pagination .#{$prefix}--select-input:hover {\n    background: $layer-hover;\n  }\n\n  .#{$prefix}--pagination\n    .#{$prefix}--select--inline\n    .#{$prefix}--select-input:focus,\n  .#{$prefix}--pagination\n    .#{$prefix}--select--inline\n    .#{$prefix}--select-input:focus\n    option,\n  .#{$prefix}--pagination\n    .#{$prefix}--select--inline\n    .#{$prefix}--select-input:focus\n    optgroup {\n    background-color: $layer;\n  }\n\n  .#{$prefix}--pagination .#{$prefix}--select__arrow {\n    inset-block-start: 50%;\n    transform: translate(-0.5rem, -50%);\n  }\n\n  .#{$prefix}--pagination\n    .#{$prefix}--select__item-count\n    .#{$prefix}--select-input {\n    border-inline-end: 1px solid $border-subtle;\n  }\n\n  .#{$prefix}--pagination__right {\n    border-inline-start: 1px solid $border-subtle;\n  }\n\n  .#{$prefix}--pagination__left,\n  .#{$prefix}--pagination__right {\n    display: flex;\n    align-items: center;\n    block-size: 100%;\n  }\n\n  .#{$prefix}--pagination__left > .#{$prefix}--form-item,\n  .#{$prefix}--pagination__right > .#{$prefix}--form-item {\n    block-size: 100%;\n  }\n\n  .#{$prefix}--pagination__left .#{$prefix}--pagination__text,\n  .#{$prefix}--pagination__right .#{$prefix}--pagination__text {\n    white-space: nowrap;\n  }\n\n  .#{$prefix}--pagination__left .#{$prefix}--pagination__text {\n    margin-inline-end: convert.to-rem(1px);\n  }\n\n  .#{$prefix}--pagination__right .#{$prefix}--pagination__text {\n    margin-inline: convert.to-rem(1px) 1rem;\n  }\n\n  .#{$prefix}--pagination__right\n    .#{$prefix}--pagination__text.#{$prefix}--pagination__page-text {\n    margin-inline: 1rem convert.to-rem(1px);\n  }\n\n  .#{$prefix}--pagination__right\n    .#{$prefix}--pagination__text.#{$prefix}--pagination__page-text.#{$prefix}--pagination__unknown-pages-text {\n    margin-inline-end: $spacing-05;\n  }\n\n  .#{$prefix}--pagination__right .#{$prefix}--pagination__text:empty {\n    margin: 0;\n  }\n\n  .#{$prefix}--pagination__left {\n    padding: 0 $spacing-05 0 0;\n\n    @include breakpoint('md') {\n      padding: 0 $spacing-05;\n    }\n  }\n\n  .#{$prefix}--pagination__text {\n    @include breakpoint('md') {\n      display: inline-block;\n    }\n  }\n\n  span.#{$prefix}--pagination__text {\n    color: $text-primary;\n    margin-inline-start: $spacing-05;\n  }\n\n  span.#{$prefix}--pagination__text.#{$prefix}--pagination__items-count {\n    color: $text-secondary;\n  }\n\n  .#{$prefix}--pagination__button,\n  .#{$prefix}--btn--ghost.#{$prefix}--pagination__button {\n    @include component-reset.reset;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    margin: 0;\n    background: none;\n    block-size: convert.to-rem(40px);\n    border-inline-start: 1px solid $border-subtle;\n    cursor: pointer;\n    fill: $icon-primary;\n    inline-size: convert.to-rem(40px);\n    min-block-size: convert.to-rem(32px);\n    transition:\n      outline $duration-fast-02 motion(standard, productive),\n      background-color $duration-fast-02 motion(standard, productive);\n  }\n\n  .#{$prefix}--pagination__button > svg,\n  .#{$prefix}--btn--ghost.#{$prefix}--pagination__button > svg {\n    margin-block-start: 0;\n  }\n\n  [dir='rtl'] .#{$prefix}--pagination__button > svg,\n  [dir='rtl'] .#{$prefix}--btn--ghost.#{$prefix}--pagination__button > svg {\n    transform: rotate(0.5turn);\n  }\n\n  .#{$prefix}--pagination--sm .#{$prefix}--pagination__button,\n  .#{$prefix}--pagination--sm\n    .#{$prefix}--btn--ghost.#{$prefix}--pagination__button {\n    block-size: convert.to-rem(32px);\n    inline-size: convert.to-rem(32px);\n  }\n\n  .#{$prefix}--pagination--lg .#{$prefix}--pagination__button,\n  .#{$prefix}--pagination--lg\n    .#{$prefix}--btn--ghost.#{$prefix}--pagination__button {\n    block-size: convert.to-rem(48px);\n    inline-size: convert.to-rem(48px);\n  }\n\n  .#{$prefix}--pagination__button:focus,\n  .#{$prefix}--btn--ghost:focus.#{$prefix}--pagination__button {\n    @include focus-outline('outline');\n\n    border-inline-start: 0;\n  }\n\n  .#{$prefix}--pagination__button:hover,\n  .#{$prefix}--btn--ghost:hover.#{$prefix}--pagination__button {\n    background: $layer-hover;\n  }\n\n  .#{$prefix}--pagination__button--no-index,\n  .#{$prefix}--btn--ghost.#{$prefix}--pagination__button--no-index {\n    cursor: not-allowed;\n    fill: $icon-disabled;\n  }\n\n  .#{$prefix}--pagination__button:disabled:hover,\n  .#{$prefix}--pagination__button--no-index:hover,\n  .#{$prefix}--btn--ghost:disabled:hover.#{$prefix}--pagination__button,\n  .#{$prefix}--btn--ghost:hover.#{$prefix}--pagination__button--no-index {\n    border-color: $border-subtle;\n    background: $layer;\n    cursor: not-allowed;\n    fill: $icon-disabled;\n  }\n\n  // Skeleton state\n  .#{$prefix}--pagination.#{$prefix}--skeleton .#{$prefix}--skeleton__text {\n    margin-block-end: 0;\n    margin-inline-end: 1rem;\n  }\n\n  // Windows HCM fix\n\n  .#{$prefix}--pagination__button,\n  .#{$prefix}--btn--ghost.#{$prefix}--pagination__button {\n    @include high-contrast-mode('outline');\n  }\n\n  // RTL overrides\n  [dir='rtl'] .#{$prefix}--pagination .#{$prefix}--select__arrow {\n    transform: translate(0.5rem, -50%);\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../config' as *;\n@use '../../breakpoint' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/component-reset';\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n@use '../select';\n\n/// Unstable pagination styles\n/// @access private\n/// @group pagination\n@mixin unstable_pagination {\n  .#{$prefix}--unstable-pagination {\n    @include component-reset.reset;\n    @include type-style('body-compact-01');\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background-color: $layer;\n    border-block-end: 1px solid transparent;\n    border-block-start: 1px solid $border-subtle;\n    inline-size: 100%;\n    min-block-size: convert.to-rem(40px);\n  }\n\n  .#{$prefix}--unstable-pagination__text {\n    @include breakpoint('md') {\n      display: inline-block;\n    }\n\n    margin: 0 $spacing-05;\n    color: $text-secondary;\n  }\n\n  .#{$prefix}--unstable-pagination__left,\n  .#{$prefix}--unstable-pagination__right {\n    display: flex;\n    align-items: center;\n    block-size: 100%;\n  }\n\n  .#{$prefix}--unstable-pagination__left {\n    padding: 0 $spacing-05 0 0;\n  }\n\n  .#{$prefix}--unstable-pagination__left > .#{$prefix}--form-item,\n  .#{$prefix}--unstable-pagination__right > .#{$prefix}--form-item {\n    block-size: 100%;\n  }\n\n  .#{$prefix}--unstable-pagination__left\n    .#{$prefix}--unstable-pagination__text {\n    margin-inline-end: convert.to-rem(1px);\n  }\n\n  .#{$prefix}--unstable-pagination__right\n    .#{$prefix}--unstable-pagination__text {\n    margin-inline: convert.to-rem(1px) $spacing-05;\n  }\n\n  .#{$prefix}--unstable-pagination__button {\n    @include component-reset.reset;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    margin: 0;\n    background: none;\n    block-size: convert.to-rem(40px);\n    border-inline-start: 1px solid $border-subtle;\n    color: $icon-primary;\n    cursor: pointer;\n    fill: $icon-primary;\n    inline-size: convert.to-rem(40px);\n    min-block-size: convert.to-rem(32px);\n    transition:\n      outline $duration-fast-02 motion(standard, productive),\n      background-color $duration-fast-02 motion(standard, productive);\n  }\n\n  // Unset height/width set by icon-only button:\n  .#{$prefix}--unstable-pagination__button .#{$prefix}--btn__icon {\n    block-size: initial;\n    inline-size: initial;\n  }\n\n  .#{$prefix}--unstable-pagination__button.#{$prefix}--btn--icon-only.#{$prefix}--tooltip__trigger:focus {\n    @include focus-outline('outline');\n  }\n\n  .#{$prefix}--unstable-pagination__button:hover {\n    background: $layer-hover;\n    color: $icon-primary;\n  }\n\n  .#{$prefix}--unstable-pagination__button--no-index {\n    cursor: not-allowed;\n    fill: $icon-disabled;\n  }\n\n  .#{$prefix}--unstable-pagination__button.#{$prefix}--btn:disabled {\n    border-color: $border-subtle;\n    background: transparent;\n  }\n\n  .#{$prefix}--unstable-pagination__button:disabled:hover,\n  .#{$prefix}--unstable-pagination__button--no-index:hover {\n    background: transparent;\n    cursor: not-allowed;\n    fill: $icon-disabled;\n  }\n\n  .#{$prefix}--unstable-pagination__page-selector,\n  .#{$prefix}--unstable-pagination__page-sizer {\n    align-items: center;\n    block-size: 100%;\n  }\n\n  .#{$prefix}--unstable-pagination__page-selector\n    .#{$prefix}--select-input--inline__wrapper,\n  .#{$prefix}--unstable-pagination__page-sizer\n    .#{$prefix}--select-input--inline__wrapper {\n    display: flex;\n    block-size: 100%;\n  }\n\n  .#{$prefix}--unstable-pagination__page-selector .#{$prefix}--select-input,\n  .#{$prefix}--unstable-pagination__page-sizer .#{$prefix}--select-input {\n    @include type-style('body-short-01');\n\n    padding: 0 2.25rem 0 $spacing-05;\n    block-size: 100%;\n\n    inline-size: auto;\n    line-height: convert.to-rem(40px);\n\n    min-inline-size: auto;\n  }\n\n  .#{$prefix}--unstable-pagination__page-selector\n    .#{$prefix}--select-input:hover,\n  .#{$prefix}--unstable-pagination__page-sizer .#{$prefix}--select-input:hover {\n    background: $layer-hover;\n  }\n\n  .#{$prefix}--unstable-pagination__page-selector .#{$prefix}--select__arrow,\n  .#{$prefix}--unstable-pagination__page-sizer .#{$prefix}--select__arrow {\n    inset-block-start: 50%;\n    transform: translateY(-50%);\n\n    @include breakpoint('md') {\n      inset-inline-end: $spacing-05;\n    }\n  }\n\n  .#{$prefix}--unstable-pagination__page-selector {\n    border-inline-start: 1px solid $border-subtle;\n  }\n\n  .#{$prefix}--unstable-pagination__page-sizer {\n    border-inline-end: 1px solid $border-subtle;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'mixins' as *;\n@use '../button';\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../type' as *;\n@use '../../theme' as *;\n@use '../../utilities/button-reset';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/layout';\n@use '../../utilities/visually-hidden' as *;\n\n/// Pagination nav base styles\n/// @access public\n/// @group pagination-nav\n/// @param {Color} $text-color [$text-02]\n/// @param {Color} $text-color-active [$text-02]\n/// @param {Color} $background-color-hover [$hover-ui]\n/// @param {Color} $background-color-active [initial]\n/// @param {Number} $font-weight [400]\n/// @param {Number} $item-padding [0]\n/// @param {Number} $button-min-width [$spacing-09] TODO: remove in v12\n/// @param {Value} $button-padding [1.0625rem $spacing-02] TODO: remove in v12\n/// @param {Number} $button-direction-size [$spacing-09] TODO: remove in v12\n/// @param {Number} $select-icon-top-position [$spacing-05]\n/// @param {Number} $select-icon-left-position [$spacing-05]\n@mixin pagination-nav(\n  $color: $text-primary,\n  $text-color-active: $text-primary,\n  $background-color-hover: $background-hover,\n  $background-color-active: initial,\n  $font-weight: 400,\n  $item-padding: 0,\n  $button-min-width: $spacing-09,\n  $button-padding: 1.0625rem $spacing-02,\n  $button-direction-size: $spacing-09,\n  $select-icon-top-position: $spacing-05,\n  $select-icon-left-position: $spacing-05\n) {\n  .#{$prefix}--pagination-nav {\n    @include reset;\n    @include type-style('body-compact-01');\n    @include layout.use('size', $default: 'lg', $min: 'sm', $max: 'lg');\n    @include layout.use('density', $default: 'normal');\n\n    line-height: 0;\n  }\n\n  .#{$prefix}--pagination-nav__list {\n    display: flex;\n    align-items: center;\n    list-style: none;\n  }\n\n  .#{$prefix}--pagination-nav__list-item {\n    padding: $item-padding;\n\n    &:first-child {\n      padding-inline-start: 0;\n    }\n\n    &:last-child {\n      padding-inline-end: 0;\n    }\n  }\n\n  .#{$prefix}--pagination-nav__page {\n    @include type-style('body-compact-01');\n    @include button-reset.reset($width: false);\n\n    position: relative;\n    display: block;\n    // subtract 0.875rem to account for font-size 14px\n    padding: calc((layout.size('height') - 0.875rem) / 2) $spacing-02;\n    border-radius: 0;\n    color: $text-primary;\n    font-weight: $font-weight;\n    line-height: 1;\n    min-inline-size: layout.size('height');\n    outline: 0;\n    text-align: center;\n    text-decoration: none;\n    transition:\n      background-color $duration-fast-02 motion(standard, productive),\n      color $duration-fast-02 motion(standard, productive);\n    user-select: none;\n\n    &:hover {\n      background-color: $background-color-hover;\n      color: $text-primary;\n    }\n\n    &:focus {\n      @include focus-outline('outline');\n    }\n\n    &:disabled,\n    &.#{$prefix}--pagination-nav__page--disabled {\n      background: none;\n      color: rgba($text-secondary, 0.5);\n      outline: none;\n      pointer-events: none;\n    }\n\n    @include pseudo-underline();\n\n    &.#{$prefix}--pagination-nav__page--active {\n      background-color: $background-color-active;\n      color: $text-color-active;\n      font-weight: 600;\n    }\n\n    .#{$prefix}--pagination-nav__icon {\n      fill: currentColor;\n      pointer-events: none;\n    }\n  }\n\n  // TODO: remove in v12\n  .#{$prefix}--pagination-nav__page--direction {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    block-size: $button-direction-size;\n    inline-size: $button-direction-size;\n    line-height: 0;\n  }\n\n  .#{$prefix}--pagination-nav__select {\n    position: relative;\n  }\n\n  .#{$prefix}--pagination-nav__page--select {\n    appearance: none;\n    max-block-size: layout.size('height');\n    text-indent: calc(50% - 4.5px);\n    // Override some Firefox user-agent styles\n    @document url-prefix() {\n      text-indent: 0;\n    }\n  }\n\n  .#{$prefix}--pagination-nav__select-icon-wrapper {\n    position: absolute;\n    block-size: 100%;\n    inline-size: 100%;\n    inset-block-start: 0;\n    pointer-events: none;\n\n    @include pseudo-underline();\n\n    .#{$prefix}--pagination-nav__page--active + & {\n      .#{$prefix}--pagination-nav__select-icon {\n        display: none;\n      }\n    }\n  }\n\n  .#{$prefix}--pagination-nav__select-icon {\n    position: absolute;\n    inset-block-start: calc(50% - #{$select-icon-top-position * 0.25});\n    inset-inline-start: calc(50% - #{$select-icon-top-position * 0.5});\n    pointer-events: none;\n  }\n\n  .#{$prefix}--pagination-nav__accessibility-label {\n    @include visually-hidden;\n  }\n\n  // RTL overrides\n  [dir='rtl'] .#{$prefix}--pagination-nav__list-item svg {\n    transform: rotate(0.5turn);\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../config' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../motion' as *;\n\n/// Pseudo underline\n/// @access public\n/// @group pagination-nav\n@mixin pseudo-underline() {\n  &:not(.#{$prefix}--pagination-nav__page--direction) {\n    &::after {\n      position: absolute;\n      display: block;\n      background-color: $border-interactive;\n      block-size: $spacing-02;\n      content: '';\n      inline-size: 0;\n      inset-block-end: 0;\n      inset-inline-start: 50%;\n      opacity: 0;\n      transition: width $duration-fast-02 motion(standard, productive);\n\n      @media screen and (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n  }\n\n  .#{$prefix}--pagination-nav__page--active + &::after,\n  &.#{$prefix}--pagination-nav__page--active::after {\n    inline-size: $spacing-05;\n    inset-inline-start: calc(50% - #{$spacing-05 * 0.5});\n    opacity: 1;\n  }\n}\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../config' as *;\n@use '../../layer' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/convert';\n@use '../../utilities/visually-hidden' as *;\n@use '../../utilities/layout';\n\n/// Progress Bar styles\n/// @access public\n/// @group progress-bar\n@mixin progress-bar {\n  .#{$prefix}--progress-bar {\n    @include layout.use('density', $default: 'normal');\n  }\n\n  .#{$prefix}--progress-bar__label {\n    @include type-style('body-compact-01');\n\n    display: flex;\n    justify-content: space-between;\n    color: $text-primary;\n    margin-block-end: $spacing-03;\n    min-inline-size: convert.to-rem(48px);\n  }\n\n  .#{$prefix}--progress-bar__label-text {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .#{$prefix}--progress-bar__track {\n    position: relative;\n    background-color: $layer;\n    block-size: convert.to-rem(8px);\n    inline-size: 100%;\n    min-inline-size: convert.to-rem(48px);\n  }\n\n  .#{$prefix}--progress-bar--big .#{$prefix}--progress-bar__track {\n    block-size: convert.to-rem(8px);\n  }\n\n  .#{$prefix}--progress-bar--small .#{$prefix}--progress-bar__track {\n    block-size: convert.to-rem(4px);\n  }\n\n  .#{$prefix}--progress-bar__bar {\n    display: block;\n    background-color: currentColor;\n    block-size: 100%;\n    color: $interactive;\n    inline-size: 100%;\n    transform: scaleX(0);\n    transform-origin: 0 center;\n    transition: transform $duration-fast-02 motion(standard, productive);\n  }\n\n  [dir='rtl'] .#{$prefix}--progress-bar__bar {\n    transform-origin: 100% center;\n  }\n\n  .#{$prefix}--progress-bar--indeterminate\n    .#{$prefix}--progress-bar__track::after {\n    position: absolute;\n    animation-duration: 1400ms;\n    animation-iteration-count: infinite;\n    animation-name: #{$prefix}--progress-bar-indeterminate;\n    animation-timing-function: linear;\n    background-image: linear-gradient(\n      90deg,\n      $interactive 12.5%,\n      transparent 12.5%\n    );\n    background-position-x: 0%;\n    background-size: 200% 100%;\n    content: '';\n    inset: 0;\n  }\n\n  [dir='rtl']\n    .#{$prefix}--progress-bar--indeterminate\n    .#{$prefix}--progress-bar__track::after {\n    animation-name: #{$prefix}--progress-bar-indeterminate-rtl;\n  }\n\n  .#{$prefix}--progress-bar__helper-text {\n    @include type-style('helper-text-01');\n\n    color: $text-secondary;\n\n    margin-block-start: $spacing-03;\n  }\n\n  .#{$prefix}--progress-bar__status-icon {\n    flex-shrink: 0;\n    margin-inline-start: layout.density('padding-inline');\n  }\n\n  .#{$prefix}--progress-bar--finished .#{$prefix}--progress-bar__bar,\n  .#{$prefix}--progress-bar--finished .#{$prefix}--progress-bar__status-icon {\n    color: $support-success;\n  }\n\n  .#{$prefix}--progress-bar--error .#{$prefix}--progress-bar__bar,\n  .#{$prefix}--progress-bar--error .#{$prefix}--progress-bar__status-icon,\n  .#{$prefix}--progress-bar--error .#{$prefix}--progress-bar__helper-text {\n    color: $support-error;\n  }\n\n  .#{$prefix}--progress-bar--finished .#{$prefix}--progress-bar__bar,\n  .#{$prefix}--progress-bar--error .#{$prefix}--progress-bar__bar {\n    transform: scaleX(1);\n  }\n\n  .#{$prefix}--progress-bar--finished.#{$prefix}--progress-bar--inline\n    .#{$prefix}--progress-bar__track,\n  .#{$prefix}--progress-bar--error.#{$prefix}--progress-bar--inline\n    .#{$prefix}--progress-bar__track {\n    @include visually-hidden;\n  }\n\n  .#{$prefix}--progress-bar--finished.#{$prefix}--progress-bar--inline\n    .#{$prefix}--progress-bar__label,\n  .#{$prefix}--progress-bar--error.#{$prefix}--progress-bar--inline\n    .#{$prefix}--progress-bar__label {\n    flex-shrink: 1;\n    justify-content: flex-start;\n    margin-inline-end: 0;\n  }\n\n  @keyframes #{$prefix}--progress-bar-indeterminate {\n    0% {\n      background-position-x: 25%;\n    }\n\n    80%,\n    100% {\n      background-position-x: -105%;\n    }\n  }\n\n  @keyframes #{$prefix}--progress-bar-indeterminate-rtl {\n    0% {\n      background-position-x: -105%;\n    }\n\n    80%,\n    100% {\n      background-position-x: 25%;\n    }\n  }\n\n  .#{$prefix}--progress-bar--inline {\n    display: flex;\n    align-items: center;\n  }\n\n  .#{$prefix}--progress-bar--inline .#{$prefix}--progress-bar__label {\n    flex-shrink: 0;\n    margin-block-end: 0;\n    margin-inline-end: layout.density('padding-inline');\n  }\n\n  .#{$prefix}--progress-bar--inline .#{$prefix}--progress-bar__track {\n    flex-basis: 0;\n    flex-grow: 1;\n  }\n\n  .#{$prefix}--progress-bar--inline .#{$prefix}--progress-bar__helper-text {\n    @include visually-hidden;\n  }\n\n  .#{$prefix}--progress-bar--indented .#{$prefix}--progress-bar__label,\n  .#{$prefix}--progress-bar--indented .#{$prefix}--progress-bar__helper-text {\n    padding-inline: layout.density('padding-inline');\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../button';\n@use '../tooltip';\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/convert';\n@use '../../utilities/skeleton' as *;\n@use '../../utilities/button-reset';\n@use '../../utilities/component-reset';\n@use '../../utilities/tooltip' as *;\n\n/// @type Value\n/// @access public\n/// @group progress-indicator\n$progress-indicator-bar-width: 1px inset transparent !default;\n\n/// Progress indicator styles\n/// @access public\n/// @group progress-indicator\n@mixin progress-indicator {\n  .#{$prefix}--progress {\n    @include component-reset.reset;\n\n    display: flex;\n    list-style: none;\n  }\n\n  .#{$prefix}--progress-step {\n    position: relative;\n    display: inline-flex;\n    overflow: visible;\n    flex-direction: row;\n    inline-size: convert.to-rem(128px);\n    min-inline-size: 7rem;\n\n    .#{$prefix}--tooltip__label {\n      display: block;\n    }\n  }\n\n  .#{$prefix}--progress--space-equal .#{$prefix}--progress-step {\n    flex-grow: 1;\n    min-inline-size: 8rem;\n  }\n\n  .#{$prefix}--progress-line {\n    position: absolute;\n    border: $progress-indicator-bar-width;\n    block-size: 2px;\n    inline-size: convert.to-rem(128px);\n    inset-inline-start: 0;\n  }\n\n  .#{$prefix}--progress--space-equal .#{$prefix}--progress-line {\n    inline-size: 100%;\n    min-inline-size: convert.to-rem(128px);\n  }\n\n  .#{$prefix}--progress-step svg {\n    position: relative;\n    z-index: 1;\n    flex-shrink: 0;\n    border-radius: 50%;\n    block-size: $spacing-05;\n    fill: $interactive;\n    inline-size: $spacing-05;\n    margin-block-start: convert.to-rem(10px);\n    margin-inline-end: $spacing-03;\n  }\n\n  .#{$prefix}--progress--space-equal .#{$prefix}--progress-text {\n    overflow: hidden;\n  }\n\n  .#{$prefix}--progress-label {\n    @include type-style('body-compact-01');\n\n    overflow: hidden;\n    margin: $spacing-03 0 0 0;\n    color: $text-primary;\n    line-height: 1.45;\n    max-inline-size: convert.to-rem(88px);\n    text-overflow: ellipsis;\n    transition:\n      box-shadow $duration-fast-02 motion(standard, productive),\n      color $duration-fast-02 motion(standard, productive);\n    white-space: nowrap;\n\n    &::before {\n      display: block;\n      content: '';\n    }\n  }\n\n  .#{$prefix}--progress-label:hover {\n    box-shadow: 0 convert.to-rem(1px) $link-primary-hover;\n    color: $link-primary-hover;\n    cursor: pointer;\n  }\n\n  .#{$prefix}--progress--space-equal .#{$prefix}--progress-label {\n    margin-inline-end: 0.75rem;\n    max-inline-size: 100%;\n  }\n\n  .#{$prefix}--progress-step-button:not(\n      .#{$prefix}--progress-step-button--unclickable\n    ) {\n    &:focus {\n      outline: none;\n    }\n    &:focus-visible .#{$prefix}--progress-label {\n      color: $focus;\n      outline: convert.to-rem(1px) solid $focus;\n    }\n    .#{$prefix}--progress-label:active {\n      box-shadow: 0 convert.to-rem(1px) 0 0 $text-primary;\n      color: $text-primary;\n    }\n  }\n\n  //OVERFLOW STYLING\n  .#{$prefix}--progress-label-overflow:hover ~ .#{$prefix}--tooltip,\n  .#{$prefix}--progress-label-overflow:focus ~ .#{$prefix}--tooltip {\n    visibility: inherit;\n  }\n\n  .#{$prefix}--progress-step .#{$prefix}--tooltip .#{$prefix}--tooltip__caret {\n    margin-inline-start: convert.to-rem(10px);\n  }\n\n  .#{$prefix}--tooltip__text {\n    padding: 0;\n    margin: 0;\n    font-weight: normal;\n  }\n\n  //single line tooltip\n  .#{$prefix}--progress-step .#{$prefix}--tooltip {\n    @include type-style('body-01');\n\n    display: block;\n    padding: $spacing-03 $spacing-05;\n    color: $text-inverse;\n    inline-size: convert.to-rem(125px);\n    margin-block-start: convert.to-rem(40px);\n    margin-inline-start: convert.to-rem(22px);\n    min-block-size: $spacing-06;\n\n    min-inline-size: convert.to-rem(115px);\n    visibility: hidden;\n  }\n\n  //multiline tooltip\n  .#{$prefix}--progress-step .#{$prefix}--tooltip_multi {\n    @include type-style('body-01');\n\n    block-size: auto;\n    color: $text-inverse;\n\n    inline-size: convert.to-rem(150px);\n  }\n\n  //OPTIONAL HELPER TEXT STYLING\n  .#{$prefix}--progress-optional {\n    @include type-style('label-01');\n\n    position: absolute;\n    color: $text-secondary;\n    inset-inline-start: 0;\n    margin-block-start: convert.to-rem(28px);\n    margin-inline-start: $spacing-06;\n    text-align: start;\n  }\n\n  //CURRENT STYLING\n  .#{$prefix}--progress-step--current {\n    .#{$prefix}--progress-line {\n      background-color: $interactive;\n    }\n  }\n\n  //INCOMPLETE STYLING\n  .#{$prefix}--progress-step--incomplete {\n    svg {\n      fill: $icon-primary;\n    }\n\n    .#{$prefix}--progress-line {\n      background-color: $border-subtle;\n    }\n  }\n\n  //COMPLETED STYLING\n  .#{$prefix}--progress-step--complete {\n    .#{$prefix}--progress-line {\n      background-color: $interactive;\n    }\n  }\n\n  //interactive button\n  .#{$prefix}--progress-step-button {\n    @include button-reset.reset;\n\n    display: flex;\n    text-align: start;\n  }\n\n  //unclickable button\n  .#{$prefix}--progress-step-button--unclickable {\n    cursor: default;\n    outline: none;\n  }\n\n  .#{$prefix}--progress-step-button--unclickable\n    .#{$prefix}--progress-label:hover {\n    box-shadow: none;\n    color: $text-primary;\n    cursor: default;\n  }\n\n  .#{$prefix}--progress-step-button--unclickable\n    .#{$prefix}--tooltip__label:hover {\n    box-shadow: 0 convert.to-rem(1px) $link-primary;\n    color: $link-primary;\n    cursor: pointer;\n  }\n\n  //DISABLED STYLING\n  .#{$prefix}--progress-step--disabled {\n    cursor: not-allowed;\n    pointer-events: none;\n\n    svg {\n      cursor: not-allowed;\n      fill: $icon-disabled;\n    }\n\n    .#{$prefix}--progress-label,\n    .#{$prefix}--progress-label:hover {\n      box-shadow: none;\n      color: $text-disabled;\n      cursor: not-allowed;\n    }\n\n    .#{$prefix}--progress-line {\n      cursor: not-allowed;\n    }\n\n    .#{$prefix}--progress-label-overflow:hover\n      ~ .#{$prefix}--tooltip--definition\n      .#{$prefix}--tooltip--definition__bottom {\n      display: none;\n    }\n  }\n\n  // ERROR STYLING\n  .#{$prefix}--progress__warning > * {\n    fill: $support-error;\n  }\n\n  // Skeleton State\n  .#{$prefix}--progress.#{$prefix}--skeleton .#{$prefix}--progress-label {\n    @include skeleton;\n\n    block-size: convert.to-rem(14px);\n\n    inline-size: convert.to-rem(40px);\n\n    margin-block-start: 0.625rem;\n  }\n\n  .#{$prefix}--progress.#{$prefix}--progress--vertical.#{$prefix}--skeleton\n    .#{$prefix}--progress-label {\n    margin-block-start: 0.0625rem;\n  }\n\n  // Vertical Variant\n\n  .#{$prefix}--progress--vertical {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .#{$prefix}--progress--vertical,\n  .#{$prefix}--progress-text {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .#{$prefix}--progress--vertical .#{$prefix}--progress-step,\n  .#{$prefix}--progress--vertical .#{$prefix}--progress-step-button {\n    align-content: flex-start;\n    inline-size: initial;\n    min-block-size: 3.625rem;\n    min-inline-size: initial;\n  }\n\n  .#{$prefix}--progress--vertical .#{$prefix}--progress-step svg,\n  .#{$prefix}--progress--vertical .#{$prefix}--progress-step-button svg {\n    display: inline-block;\n    // 1px top margin based on visual review\n    margin: convert.to-rem(1px) $spacing-03 0;\n  }\n\n  .#{$prefix}--progress--vertical .#{$prefix}--progress-label {\n    display: inline-block;\n    margin: 0;\n    inline-size: initial;\n    max-inline-size: convert.to-rem(160px);\n    vertical-align: top;\n    white-space: initial;\n  }\n\n  .#{$prefix}--progress--vertical\n    .#{$prefix}--progress-step\n    .#{$prefix}--tooltip {\n    margin-block-start: 0.5rem;\n  }\n\n  .#{$prefix}--progress--vertical .#{$prefix}--progress-optional {\n    position: static;\n    margin: 0 0 auto;\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--progress--vertical .#{$prefix}--progress-line {\n    position: absolute;\n    block-size: 100%;\n    inline-size: 1px;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../config' as *;\n@use '../../spacing' as *;\n@use '../../colors' as *;\n@use '../icon-indicator/tokens' as *;\n\n/// shape-indicator styles\n/// @access public\n/// @group tag\n@mixin shape-indicator {\n  .#{$prefix}--shape-indicator {\n    @include type-style('helper-text-01');\n\n    display: flex;\n    color: $text-secondary;\n  }\n\n  .#{$prefix}--shape-indicator svg {\n    align-self: center;\n    margin-inline-end: $spacing-03;\n  }\n\n  .#{$prefix}--shape-indicator--14 {\n    @include type-style('body-compact-01');\n  }\n\n  .#{$prefix}--shape-indicator--failed {\n    fill: $status-red;\n  }\n\n  .#{$prefix}--shape-indicator--critical {\n    fill: $status-red;\n  }\n\n  .#{$prefix}--shape-indicator--high {\n    fill: $status-red;\n  }\n\n  .#{$prefix}--shape-indicator--medium {\n    fill: $status-orange;\n\n    path:first-of-type {\n      fill: $status-orange-outline;\n    }\n  }\n\n  .#{$prefix}--shape-indicator--low {\n    fill: $status-yellow;\n\n    path:nth-of-type(2) {\n      fill: $status-yellow-outline;\n    }\n  }\n\n  .#{$prefix}--shape-indicator--cautious {\n    fill: $status-yellow;\n\n    path:first-of-type {\n      fill: $status-yellow-outline;\n    }\n  }\n\n  .#{$prefix}--shape-indicator--undefined {\n    fill: $status-purple;\n  }\n\n  .#{$prefix}--shape-indicator--stable {\n    fill: $status-green;\n  }\n\n  .#{$prefix}--shape-indicator--informative {\n    fill: $status-blue;\n  }\n\n  .#{$prefix}--shape-indicator--incomplete {\n    path:nth-of-type(2) {\n      fill: $status-blue;\n    }\n  }\n\n  .#{$prefix}--shape-indicator--draft {\n    fill: $status-gray;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2024\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../config' as *;\n@use '../../theme';\n@use '../../utilities/convert';\n\n@keyframes ai-skeleton-animation {\n  0% {\n    transform: translateX(-100%);\n  }\n\n  100% {\n    transform: translateX(100%);\n  }\n}\n\n/// AI Skeleton styles\n/// @access public\n/// @group skeleton\n@mixin ai-skeleton-styles {\n  .#{$prefix}--skeleton__text--ai,\n  .#{$prefix}--skeleton__placeholder--ai,\n  .#{$prefix}--skeleton__icon--ai {\n    overflow: hidden;\n    background: theme.$ai-skeleton-background;\n  }\n\n  .#{$prefix}--skeleton__text--ai::before,\n  .#{$prefix}--skeleton__placeholder--ai::before,\n  .#{$prefix}--skeleton__icon--ai::before {\n    animation: 1250ms ease-in-out ai-skeleton-animation infinite;\n    background: linear-gradient(\n      to right,\n      rgba(theme.get('ai-skeleton-element-background'), 0) 0%,\n      rgba(theme.get('ai-skeleton-element-background'), 0.5) 50%,\n      rgba(theme.get('ai-skeleton-element-background'), 0) 100%\n    );\n  }\n\n  .#{$prefix}--skeleton__placeholder--ai::before,\n  .#{$prefix}--skeleton__icon--ai::before {\n    inline-size: 200%;\n  }\n\n  // //skeleton placeholder\n  .#{$prefix}--skeleton__placeholder--ai {\n    border-radius: convert.to-rem(8px);\n  }\n\n  //skeleton text\n  .#{$prefix}--skeleton__text--ai {\n    border-radius: convert.to-rem(16px);\n  }\n\n  //skeleton icon\n  .#{$prefix}--skeleton__icon--ai {\n    border-radius: convert.to-rem(2px);\n  }\n}\n\n// rgba($ai-skeleton-element-background, 1)\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../config' as *;\n@use '../../utilities/skeleton' as *;\n@use '../../utilities/convert';\n@use '../../spacing' as *;\n\n/// Skeleton styles\n/// @access public\n/// @group skeleton\n@mixin skeleton-styles {\n  //skeleton icon\n  .#{$prefix}--icon--skeleton {\n    @include skeleton;\n\n    display: inline-block;\n    block-size: convert.to-rem(16px);\n    inline-size: convert.to-rem(16px);\n  }\n\n  //skeleton placeholder\n  .#{$prefix}--skeleton__placeholder {\n    @include skeleton;\n\n    block-size: convert.to-rem(100px);\n\n    inline-size: convert.to-rem(100px);\n  }\n\n  //skeleton text\n  .#{$prefix}--skeleton__text {\n    @include skeleton;\n\n    block-size: 1rem;\n\n    inline-size: 100%;\n\n    margin-block-end: $spacing-03;\n  }\n\n  .#{$prefix}--skeleton__heading {\n    block-size: 1.5rem;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n//-----------------------------\n// Slider\n//-----------------------------\n\n@use '../form';\n@use '../text-input';\n@use '../../config' as *;\n@use '../../colors' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/skeleton' as *;\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/convert';\n@use '../../utilities/custom-property';\n\n/// Slider styles\n/// @access public\n/// @group slider\n@mixin slider {\n  .#{$prefix}--slider-container {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 1rem;\n    user-select: none;\n  }\n\n  .#{$prefix}--slider {\n    position: relative;\n    padding: $spacing-05 0;\n    cursor: pointer;\n    inline-size: 100%;\n    max-inline-size: convert.to-rem(640px);\n    min-inline-size: convert.to-rem(200px);\n\n    .#{$prefix}--slider-container--two-handles & {\n      margin-inline: convert.to-rem(4px);\n    }\n  }\n\n  .#{$prefix}--slider__range-label {\n    @include type-style('body-compact-01');\n\n    color: $text-primary;\n    white-space: nowrap;\n  }\n\n  .#{$prefix}--slider__track {\n    position: absolute;\n    background: $border-subtle;\n    block-size: convert.to-rem(2px);\n    inline-size: 100%;\n    transform: translate(0%, -50%);\n  }\n\n  .#{$prefix}--slider__track:before {\n    position: absolute;\n    display: inline-block;\n    background: $border-subtle;\n    block-size: convert.to-rem(4px);\n    content: '';\n    inline-size: convert.to-rem(2px);\n    inset-block-start: convert.to-rem(-5px);\n    inset-inline-start: 50%;\n    transform: translate(-50%, 0);\n  }\n\n  .#{$prefix}--slider__filled-track {\n    position: absolute;\n    background: $layer-selected-inverse;\n    block-size: convert.to-rem(2px);\n    inline-size: 100%;\n    pointer-events: none;\n    transform: translate(0%, -50%);\n    transform-origin: left;\n    transition: background $duration-fast-02 motion(standard, productive);\n  }\n\n  .#{$prefix}--slider__thumb-wrapper {\n    position: absolute;\n    z-index: 3;\n    block-size: convert.to-rem(14px);\n    inline-size: convert.to-rem(14px);\n    transform: translate(-50%, -50%);\n    @include custom-property.declaration('tooltip-padding-inline', $spacing-03);\n    @include custom-property.declaration('popover-offset', $spacing-03);\n\n    .#{$prefix}--slider-container--rtl & {\n      transform: translate(50%, -50%);\n    }\n  }\n\n  .#{$prefix}--slider__thumb-wrapper--lower,\n  .#{$prefix}--slider__thumb-wrapper--upper {\n    block-size: 24px;\n    inline-size: 16px;\n    @include custom-property.declaration(\n      'popover-offset',\n      custom-property.get-var('popover-caret-height', $spacing-03)\n    );\n  }\n\n  .#{$prefix}--slider__thumb-wrapper--lower {\n    transform: translate(-100%, -50%);\n\n    > .#{$prefix}--popover > .#{$prefix}--popover-content {\n      transform: translate(\n        50%,\n        calc(-100% - custom-property.get-var('popover-offset', 0rem))\n      );\n    }\n\n    > .#{$prefix}--popover > .#{$prefix}--popover-caret {\n      inset-inline-start: revert;\n      transform: translate(\n        50%,\n        calc(-1 * custom-property.get-var('popover-offset', 0rem))\n      );\n    }\n  }\n\n  .#{$prefix}--slider-container--rtl .#{$prefix}--slider__thumb-wrapper--lower {\n    transform: translate(100%, -50%);\n\n    > .#{$prefix}--popover > .#{$prefix}--popover-content {\n      transform: translate(\n        0,\n        calc(-100% - custom-property.get-var('popover-offset', 0rem))\n      );\n    }\n\n    > .#{$prefix}--popover > .#{$prefix}--popover-caret {\n      transform: translate(\n        -50%,\n        calc(-1 * custom-property.get-var('popover-offset', 0rem))\n      );\n    }\n  }\n\n  .#{$prefix}--slider__thumb-wrapper--upper {\n    transform: translate(0, -50%);\n\n    > .#{$prefix}--popover > .#{$prefix}--popover-content {\n      transform: translate(\n        -50%,\n        calc(-100% - custom-property.get-var('popover-offset', 0rem))\n      );\n    }\n\n    > .#{$prefix}--popover > .#{$prefix}--popover-caret {\n      transform: translate(\n        -50%,\n        calc(-1 * custom-property.get-var('popover-offset', 0rem))\n      );\n    }\n  }\n\n  .#{$prefix}--slider-container--rtl .#{$prefix}--slider__thumb-wrapper--upper {\n    transform: translate(0, -50%);\n\n    > .#{$prefix}--popover > .#{$prefix}--popover-content {\n      transform: translate(\n        0,\n        calc(-100% - custom-property.get-var('popover-offset', 0rem))\n      );\n    }\n\n    > .#{$prefix}--popover > .#{$prefix}--popover-caret {\n      transform: translate(\n        50%,\n        calc(-1 * custom-property.get-var('popover-offset', 0rem))\n      );\n    }\n  }\n\n  .#{$prefix}--slider__thumb {\n    position: absolute;\n    border-radius: 50%;\n    background: $layer-selected-inverse;\n    box-shadow:\n      inset 0 0 0 1px transparent,\n      inset 0 0 0 2px transparent;\n    inset: 0;\n    outline: none;\n    transition:\n      transform $duration-fast-02 motion(standard, productive),\n      background $duration-fast-02 motion(standard, productive),\n      box-shadow $duration-fast-02 motion(standard, productive);\n\n    &:hover {\n      // 20px / 14px = 1.4286\n      transform: scale(1.4286);\n    }\n\n    &:focus {\n      background-color: $interactive;\n      box-shadow:\n        inset 0 0 0 2px $interactive,\n        inset 0 0 0 3px $layer;\n      // 20px / 14px = 1.4286\n      transform: scale(1.4286);\n    }\n\n    &:active {\n      box-shadow: inset 0 0 0 2px $interactive;\n      transform: scale(1.4286);\n    }\n  }\n\n  .#{$prefix}--slider__thumb-icon {\n    fill: $layer-selected-inverse;\n  }\n\n  .#{$prefix}--slider__thumb-icon--focus {\n    display: none;\n    fill: $interactive;\n  }\n\n  .#{$prefix}--slider__thumb--lower,\n  .#{$prefix}--slider__thumb--upper {\n    position: absolute;\n    border-radius: unset;\n    background-color: transparent;\n    box-shadow: none;\n    inset: 0;\n    transition: none;\n\n    &::before {\n      position: absolute;\n      z-index: -1;\n      display: block;\n      background: $background;\n      block-size: convert.to-rem(2px);\n      content: '';\n      inline-size: convert.to-rem(6px);\n      inset-block-start: calc(50% - #{convert.to-rem(2px) * 0.5});\n      inset-inline-end: 0;\n    }\n\n    &:hover {\n      transform: none;\n\n      .#{$prefix}--slider__thumb-icon {\n        fill: $text-secondary;\n      }\n    }\n\n    &:active {\n      box-shadow: none;\n      transform: none;\n    }\n\n    &:focus {\n      background-color: transparent;\n      box-shadow: none;\n      transform: none;\n\n      .#{$prefix}--slider__thumb-icon {\n        display: none;\n        fill: $interactive;\n      }\n\n      .#{$prefix}--slider__thumb-icon--focus {\n        display: block;\n      }\n    }\n  }\n\n  .#{$prefix}--slider__thumb--lower:focus::before,\n  .#{$prefix}--slider__thumb--upper:focus::before {\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--slider__thumb--upper {\n    transform: none;\n\n    &::before {\n      inset-inline: 0 auto;\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      transform: none;\n    }\n  }\n\n  .#{$prefix}--slider__input {\n    display: none;\n  }\n\n  .#{$prefix}--slider-text-input-wrapper {\n    position: relative;\n  }\n\n  .#{$prefix}--slider-text-input-wrapper--hidden {\n    display: none;\n  }\n\n  .#{$prefix}--slider-text-input,\n  .#{$prefix}-slider-text-input {\n    -moz-appearance: textfield;\n    appearance: textfield;\n    block-size: convert.to-rem(40px);\n    inline-size: convert.to-rem(64px);\n\n    &::-webkit-outer-spin-button,\n    &::-webkit-inner-spin-button {\n      display: none;\n    }\n  }\n\n  .#{$prefix}--slider__thumb:focus ~ .#{$prefix}--slider__filled-track,\n  .#{$prefix}--slider__thumb-wrapper:focus-within\n    ~ .#{$prefix}--slider__filled-track {\n    background-color: $border-interactive;\n  }\n\n  // Invalid & warn state\n  .#{$prefix}--slider-text-input.#{$prefix}--text-input--invalid,\n  .#{$prefix}--slider-text-input--warn {\n    inline-size: 6rem;\n    padding-inline-end: $spacing-09;\n  }\n\n  .#{$prefix}--slider__invalid-icon {\n    position: absolute;\n    fill: $support-error;\n    // top/transform used to center invalid icon in IE11\n    inset-block-start: 50%;\n    inset-inline-end: $spacing-05;\n    transform: translateY(-50%);\n  }\n\n  .#{$prefix}--slider__validation-msg.#{$prefix}--form-requirement {\n    display: block;\n    overflow: visible;\n    max-block-size: 100%;\n  }\n\n  .#{$prefix}--slider__validation-msg--invalid {\n    color: $text-error;\n  }\n\n  .#{$prefix}--slider__invalid-icon.#{$prefix}--slider__invalid-icon--warning {\n    fill: $support-warning;\n  }\n\n  .#{$prefix}--slider__invalid-icon--warning path:first-of-type {\n    fill: $black-100;\n    opacity: 1;\n  }\n\n  // Disabled state\n  .#{$prefix}--label--disabled\n    ~ .#{$prefix}--slider-container\n    > .#{$prefix}--slider__range-label {\n    color: $text-disabled;\n  }\n\n  .#{$prefix}--slider--disabled.#{$prefix}--slider {\n    cursor: not-allowed;\n  }\n\n  .#{$prefix}--slider--disabled .#{$prefix}--slider__thumb {\n    background-color: $border-disabled;\n\n    &:hover {\n      cursor: not-allowed;\n      transform: none;\n    }\n\n    &:focus {\n      background-color: $border-disabled;\n      box-shadow: none;\n      outline: none;\n      transform: none;\n    }\n\n    &:active {\n      background: $border-disabled;\n      box-shadow: none;\n      transform: none;\n    }\n  }\n\n  .#{$prefix}--slider--disabled .#{$prefix}--slider__thumb--lower,\n  .#{$prefix}--slider--disabled .#{$prefix}--slider__thumb--upper {\n    background-color: transparent;\n\n    &:active,\n    &:hover,\n    &:focus {\n      background-color: transparent;\n      transform: none;\n    }\n\n    .#{$prefix}--slider__thumb-icon {\n      fill: $border-disabled;\n    }\n  }\n\n  .#{$prefix}--slider--disabled .#{$prefix}--slider__track,\n  .#{$prefix}--slider--disabled .#{$prefix}--slider__filled-track,\n  .#{$prefix}--slider--disabled\n    .#{$prefix}--slider__thumb:focus\n    ~ .#{$prefix}--slider__filled-track {\n    background-color: $border-disabled;\n  }\n\n  .#{$prefix}--slider--disabled\n    ~ .#{$prefix}--form-item\n    .#{$prefix}--slider-text-input,\n  .#{$prefix}--slider--disabled ~ .#{$prefix}--slider-text-input {\n    border: none;\n    background-color: $field;\n    color: $text-disabled;\n    cursor: not-allowed;\n    transition: none;\n\n    &:active,\n    &:focus,\n    &:hover {\n      color: $text-disabled;\n      outline: none;\n    }\n  }\n\n  // readonly state\n  .#{$prefix}--slider--readonly {\n    cursor: default;\n  }\n\n  .#{$prefix}--slider-container--readonly .#{$prefix}--slider__thumb {\n    block-size: 0;\n    inline-size: 0;\n\n    &::before,\n    &::after {\n      display: none;\n    }\n  }\n\n  .#{$prefix}--slider-container--readonly .#{$prefix}--slider-text-input {\n    background-color: transparent;\n  }\n\n  .#{$prefix}--slider__status-msg.#{$prefix}--form-requirement {\n    display: block;\n    overflow: visible;\n    max-block-size: 100%;\n  }\n\n  // Skeleton state\n  .#{$prefix}--slider-container.#{$prefix}--skeleton\n    .#{$prefix}--slider__range-label {\n    @include skeleton;\n\n    block-size: convert.to-rem(12px);\n    inline-size: convert.to-rem(20px);\n  }\n\n  .#{$prefix}--slider-container.#{$prefix}--skeleton\n    .#{$prefix}--slider__track {\n    cursor: default;\n    pointer-events: none;\n  }\n\n  .#{$prefix}--slider-container.#{$prefix}--skeleton {\n    .#{$prefix}--slider__thumb-wrapper {\n      inset-inline-start: 50%;\n    }\n\n    .#{$prefix}--slider__thumb {\n      cursor: default;\n      pointer-events: none;\n    }\n\n    .#{$prefix}--slider__thumb-wrapper--lower {\n      inset-inline-start: 0;\n    }\n\n    .#{$prefix}--slider__thumb-wrapper--upper {\n      inset-inline-start: 100%;\n    }\n  }\n\n  // With hidden input\n  .#{$prefix}--popover-container.#{$prefix}--slider__thumb-wrapper {\n    position: absolute;\n  }\n\n  // Windows HCM fix\n\n  .#{$prefix}--slider__thumb {\n    @include high-contrast-mode('outline');\n  }\n  .#{$prefix}--slider__thumb:focus {\n    @include high-contrast-mode('focus');\n  }\n  .#{$prefix}--slider__track {\n    @include high-contrast-mode('outline');\n  }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../config' as *;\n@use '../../spacing';\n@use '../../utilities/custom-property';\n\n@mixin stack() {\n  .#{$prefix}--stack-horizontal {\n    display: inline-grid;\n    column-gap: custom-property.get-var('stack-gap', 0);\n    grid-auto-flow: column;\n  }\n\n  .#{$prefix}--stack-vertical {\n    display: grid;\n    grid-auto-flow: row;\n    row-gap: custom-property.get-var('stack-gap', 0);\n  }\n\n  $index: 1;\n\n  @each $step, $value in spacing.$spacing {\n    .#{$prefix}--stack-scale-#{$index} {\n      @include custom-property.declaration('stack-gap', $value);\n    }\n\n    $index: $index + 1;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../spacing' as *;\n\n// Structured List\n\n/// @type Number\n/// @access public\n/// @group structured-list\n$structured-list-padding: 2rem !default;\n\n/// @type Value\n/// @access public\n/// @group structured-list\n$structured-list-text-transform: none !default;\n\n/// Used only for `.#{prefix}--structured-list--condensed`\n/// @access private\n/// @group structured-list\n/// @param {Number} $padding [$structured-list-padding]\n@mixin padding-td--condensed($padding: $structured-list-padding) {\n  padding: $padding * 0.25;\n}\n\n/// Used only for [data-structured-list]\n/// @access private\n/// @group structured-list\n/// @param {Number} $padding [$structured-list-padding]\n@mixin padding--data-structured-list($padding: $structured-list-padding) {\n  padding-inline: $padding * 0.5 $padding * 0.5;\n\n  // Controls gutter sizes for check\n  &:first-child {\n    padding-inline: $padding * 0.5 $padding * 0.5;\n  }\n}\n\n/// Used only for normal structured-list\n/// @access private\n/// @group structured-list\n/// @param {Number} $padding [$structured-list-padding]\n@mixin padding-th($padding: $structured-list-padding) {\n  padding: $spacing-05 $spacing-03 $spacing-03 $spacing-03;\n}\n\n/// Used only for normal structured-list\n/// @access private\n/// @group structured-list\n/// @param {Number} $padding [$structured-list-padding]\n@mixin padding-td($padding: $structured-list-padding) {\n  padding: $spacing-05 $spacing-03 $spacing-06 $spacing-03;\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'mixins' as *;\n@use '../../config' as *;\n@use '../../feature-flags' as *;\n@use '../../layer' as *;\n@use '../../motion';\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../spacing' as *;\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/skeleton' as *;\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/convert';\n@use '../../utilities/component-reset';\n\n@mixin structured-list($enable-v12-structured-list-visible-icons: false) {\n  .#{$prefix}--structured-list--selection .#{$prefix}--structured-list-td,\n  .#{$prefix}--structured-list--selection .#{$prefix}--structured-list-th {\n    @include padding--data-structured-list;\n  }\n  .#{$prefix}--structured-list-row--focused-within {\n    @include focus-outline('outline');\n  }\n\n  .#{$prefix}--structured-list {\n    @include component-reset.reset;\n\n    display: table;\n\n    background-color: $layer transparent;\n    border-collapse: collapse;\n    border-spacing: 0;\n    inline-size: 100%;\n    overflow-x: auto;\n\n    // Condensed list\n    &.#{$prefix}--structured-list--condensed .#{$prefix}--structured-list-td,\n    &.#{$prefix}--structured-list--condensed .#{$prefix}--structured-list-th {\n      @include padding-td--condensed;\n      //8px padding all over\n    }\n\n    .#{$prefix}--structured-list-row\n      .#{$prefix}--structured-list-td:first-of-type,\n    .#{$prefix}--structured-list-row\n      .#{$prefix}--structured-list-th:first-of-type {\n      padding-inline-start: 1rem;\n      // specs require 16px spacing between columns\n      // 8px side padding between col creates 16 px, with exception of 1st col, which needs an override to be 16px\n    }\n\n    // Flush list\n    &.#{$prefix}--structured-list--flush\n      .#{$prefix}--structured-list-row\n      .#{$prefix}--structured-list-td,\n    &.#{$prefix}--structured-list--flush\n      .#{$prefix}--structured-list-row\n      .#{$prefix}--structured-list-th,\n    &.#{$prefix}--structured-list--flush\n      .#{$prefix}--structured-list-row\n      .#{$prefix}--structured-list-td:first-of-type,\n    &.#{$prefix}--structured-list--flush\n      .#{$prefix}--structured-list-row\n      .#{$prefix}--structured-list-th:first-of-type {\n      padding-inline: 0 1rem;\n    }\n  }\n\n  .#{$prefix}--structured-list-row {\n    display: table-row;\n    border-block-start: 1px solid $border-subtle;\n    transition: background-color motion.$duration-fast-02\n      motion.motion(standard, productive);\n  }\n\n  .#{$prefix}--structured-list-tbody\n    .#{$prefix}--structured-list-row:last-child {\n    border-block-end: 1px solid $border-subtle;\n  }\n\n  .#{$prefix}--structured-list-row--header-row {\n    border: none;\n  }\n\n  .#{$prefix}--structured-list--selection\n    .#{$prefix}--structured-list-row:hover:not(\n      .#{$prefix}--structured-list-row--header-row\n    ):not(.#{$prefix}--structured-list-row--selected) {\n    border-color: $layer-hover;\n    background-color: $layer-hover;\n    cursor: pointer;\n  }\n\n  .#{$prefix}--structured-list--selection\n    .#{$prefix}--structured-list-row:hover:not(\n      .#{$prefix}--structured-list-row--header-row\n    ):not(.#{$prefix}--structured-list-row--selected)\n    + .#{$prefix}--structured-list-row {\n    border-color: $layer-hover;\n  }\n\n  .#{$prefix}--structured-list--selection\n    .#{$prefix}--structured-list-row.#{$prefix}--structured-list-row--selected {\n    border-color: $layer-selected;\n    background-color: $layer-selected;\n  }\n\n  .#{$prefix}--structured-list--selection\n    .#{$prefix}--structured-list-row--selected\n    + .#{$prefix}--structured-list-row {\n    border-color: $layer-selected;\n  }\n\n  .#{$prefix}--structured-list--selection\n    .#{$prefix}--structured-list-row.#{$prefix}--structured-list-row--selected\n    .#{$prefix}--structured-list-td {\n    color: $text-primary;\n  }\n\n  .#{$prefix}--structured-list-row.#{$prefix}--structured-list-row--header-row {\n    cursor: inherit;\n  }\n\n  .#{$prefix}--structured-list--selection\n    .#{$prefix}--structured-list-row:hover:not(\n      .#{$prefix}--structured-list-row--header-row\n    )\n    > .#{$prefix}--structured-list-td,\n  .#{$prefix}--structured-list--selection\n    .#{$prefix}--structured-list-row.#{$prefix}--structured-list-row--selected\n    > .#{$prefix}--structured-list-td {\n    color: $text-primary;\n  }\n\n  .#{$prefix}--structured-list-thead {\n    display: table-header-group;\n    vertical-align: middle;\n  }\n\n  .#{$prefix}--structured-list-th {\n    @include component-reset.reset;\n    @include padding-th;\n    @include type-style('heading-compact-01');\n\n    display: table-cell;\n    block-size: convert.to-rem(40px);\n    color: $text-primary;\n    font-weight: 600;\n    text-align: start;\n    text-transform: $structured-list-text-transform;\n    vertical-align: top;\n  }\n\n  .#{$prefix}--structured-list-tbody {\n    display: table-row-group;\n    vertical-align: middle;\n  }\n\n  .#{$prefix}--structured-list-td {\n    @include component-reset.reset;\n    @include type-style('body-01');\n    @include padding-td;\n\n    position: relative;\n    display: table-cell;\n    color: $text-secondary;\n    max-inline-size: 36rem;\n\n    transition: color motion.$duration-fast-02\n      motion.motion(standard, productive);\n  }\n\n  .#{$prefix}--structured-list-content--nowrap {\n    white-space: nowrap;\n  }\n\n  .#{$prefix}--structured-list-input + .#{$prefix}--structured-list-td {\n    text-align: end;\n  }\n\n  .#{$prefix}--structured-list-svg {\n    display: inline-block;\n    margin-block-start: $spacing-01;\n    transition: all motion.$duration-fast-02 motion.motion(standard, productive);\n    vertical-align: top;\n  }\n\n  .#{$prefix}--structured-list-input:checked\n    + .#{$prefix}--structured-list-row\n    .#{$prefix}--structured-list-svg,\n  .#{$prefix}--structured-list-input:checked\n    + .#{$prefix}--structured-list-td\n    .#{$prefix}--structured-list-svg {\n    fill: $icon-primary;\n  }\n\n  @if not(\n    enabled('enable-v12-structured-list-visible-icons') and\n      $enable-v12-structured-list-visible-icons\n  )\n  {\n    .#{$prefix}--structured-list-svg {\n      fill: transparent;\n    }\n    .#{$prefix}--structured-list--selection\n      .#{$prefix}--structured-list-td:last-child {\n      inline-size: $spacing-07;\n      padding-inline-start: 0;\n    }\n  }\n  @if (\n    enabled('enable-v12-structured-list-visible-icons') or\n      $enable-v12-structured-list-visible-icons\n  ) {\n    .#{$prefix}--structured-list-input:checked\n      ~ .#{$prefix}--structured-list-td\n      .#{$prefix}--structured-list-svg {\n      fill: $icon-primary;\n    }\n  }\n\n  // Skeleton State\n  .#{$prefix}--structured-list.#{$prefix}--skeleton {\n    .#{$prefix}--structured-list-th {\n      &:first-child {\n        inline-size: 8%;\n      }\n\n      &:nth-child(3n + 2) {\n        inline-size: 30%;\n      }\n\n      &:nth-child(3n + 3) {\n        inline-size: 15%;\n      }\n    }\n\n    span {\n      @include skeleton;\n\n      display: block;\n      block-size: 1rem;\n\n      inline-size: 75%;\n    }\n  }\n\n  .#{$prefix}--structured-list.#{$prefix}--structured-list--selection.#{$prefix}--skeleton\n    .#{$prefix}--structured-list-th:first-child {\n    inline-size: 5%;\n\n    span {\n      display: none;\n    }\n  }\n\n  // Windows HCM fix\n  .#{$prefix}--structured-list-input:checked\n    + .#{$prefix}--structured-list-td\n    .#{$prefix}--structured-list-svg {\n    @include high-contrast-mode('icon-fill');\n  }\n\n  .#{$prefix}--structured-list__icon {\n    margin-block-start: $spacing-01;\n    vertical-align: top;\n  }\n\n  .#{$prefix}--structured-list--selection\n    .#{$prefix}--structured-list-td:first-child:has(\n      .#{$prefix}--structured-list__icon\n    ) {\n    inline-size: $spacing-07;\n    padding-inline-end: 0;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n//-----------------------------\n// Tabs\n//-----------------------------\n\n@use 'vars' as *;\n@use '../button/tokens' as button;\n@use '../tooltip';\n@use '../../config' as *;\n@use '../../theme' as *;\n@use '../../colors' as *;\n@use '../../type' as *;\n@use '../../breakpoint' as *;\n@use '../../spacing' as *;\n@use '../../motion' as *;\n@use '../../layer' as *;\n@use '../../layer/layer-tokens';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/rotate' as *;\n@use '../../utilities/box-shadow' as *;\n@use '../../utilities/component-reset';\n@use '../../utilities/component-tokens' as *;\n@use '../../utilities/custom-property';\n@use '../../utilities/skeleton' as *;\n@use '../../utilities/visually-hidden' as *;\n@use '../../utilities/button-reset';\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/convert';\n@use '../../utilities/layout';\n@use '../../utilities/update_fields_on_layer' as *;\n\n/// Tabs styles\n/// @access public\n/// @group tabs\n@mixin tabs {\n  .#{$prefix}--tabs,\n  .#{$prefix}--tab-content {\n    @include layout.use('density', $default: 'normal');\n  }\n\n  .#{$prefix}--tabs.#{$prefix}--tabs--tall,\n  .#{$prefix}--tabs.#{$prefix}--tabs--contained.#{$prefix}--tabs--tall {\n    @include layout.use('size', $min: 'lg', $max: 'xl', $default: 'xl');\n  }\n\n  .#{$prefix}--tabs {\n    @include reset;\n    @include type-style('body-compact-01');\n    @include layout.use('size', $min: 'sm', $max: 'lg', $default: 'md');\n\n    position: relative;\n    display: flex;\n    block-size: auto;\n    color: $text-primary;\n    inline-size: 100%;\n    max-block-size: custom-property.get-var('layout-size-height-xl');\n    min-block-size: layout.size('height');\n    overflow-x: hidden;\n\n    &.#{$prefix}--tabs--contained {\n      @include layout.use('size', $min: 'sm', $max: 'xl', $default: 'lg');\n    }\n\n    .#{$prefix}--tab--list {\n      display: flex;\n      inline-size: auto;\n      overflow-x: auto;\n      scroll-behavior: smooth;\n      scrollbar-width: none;\n      will-change: scroll-position;\n\n      &::-webkit-scrollbar {\n        display: none;\n      }\n    }\n\n    &.#{$prefix}--tabs--vertical {\n      background: $layer;\n      box-shadow: inset -1px 0 $border-subtle;\n      grid-column: span 2;\n      max-block-size: none;\n\n      @include breakpoint(lg) {\n        grid-column: span 4;\n      }\n\n      .#{$prefix}--tab--list {\n        overflow: visible auto;\n        flex-direction: column;\n        inline-size: 100%;\n      }\n\n      .#{$prefix}--tab--list-gradient_bottom {\n        position: absolute;\n        background: linear-gradient(to bottom, transparent, $layer);\n        block-size: $spacing-10;\n        inset-block-end: 0;\n        inset-inline: 0;\n        pointer-events: none;\n      }\n\n      .#{$prefix}--tab--list-gradient_top {\n        position: absolute;\n        background: linear-gradient(to top, transparent, $layer);\n        block-size: $spacing-10;\n        inset-block-start: 0;\n        inset-inline: 0;\n        pointer-events: none;\n      }\n    }\n\n    .#{$prefix}--tabs__nav {\n      @include component-reset.reset;\n\n      display: flex;\n    }\n\n    //-----------------------------\n    // Overflow Nav Buttons\n    //-----------------------------\n    .#{$prefix}--tab--overflow-nav-button {\n      @include button-reset.reset;\n\n      display: flex;\n      flex-shrink: 0;\n      align-items: center;\n      justify-content: center;\n      background-color: $background;\n      inline-size: $spacing-08;\n\n      &:focus {\n        @include focus-outline('outline');\n      }\n\n      &:hover {\n        background-color: $background-hover;\n      }\n\n      &:active {\n        background-color: $background-active;\n      }\n    }\n\n    .#{$prefix}--tab--overflow-nav-button--hidden {\n      display: none;\n    }\n\n    &.#{$prefix}--tabs--contained .#{$prefix}--tab--overflow-nav-button {\n      margin: 0;\n      background-color: $layer-accent;\n      inline-size: $spacing-09;\n\n      &:hover {\n        background-color: $layer-accent-hover;\n      }\n\n      &:active {\n        background-color: $layer-accent-active;\n      }\n    }\n\n    .#{$prefix}--tab--overflow-nav-button svg {\n      z-index: 2;\n      fill: $icon-primary;\n\n      &:active,\n      &:hover {\n        fill: $icon-primary;\n      }\n    }\n\n    .#{$prefix}--tab--overflow-nav-button--next {\n      position: relative;\n      inset-block: 0;\n      inset-inline-end: 0;\n    }\n\n    .#{$prefix}--tab--overflow-nav-button--next::before {\n      position: absolute;\n      z-index: 1;\n      block-size: 100%;\n      content: '';\n      inline-size: $spacing-03;\n      inset-inline-start: -$spacing-03;\n    }\n\n    &:not(.#{$prefix}--tabs--contained) {\n      .#{$prefix}--tab--overflow-nav-button--next::before {\n        background: linear-gradient(\n          to right,\n          rgba(255, 255, 255, 0),\n          $background\n        );\n      }\n      .#{$prefix}--tab--overflow-nav-button--previous::before {\n        background: linear-gradient(\n          to left,\n          rgba(255, 255, 255, 0),\n          $background\n        );\n      }\n    }\n\n    .#{$prefix}--tab--overflow-nav-button--previous {\n      position: relative;\n      z-index: 1;\n      inset-block: 0;\n      inset-inline-start: 0;\n    }\n\n    .#{$prefix}--tab--overflow-nav-button--previous::before {\n      position: absolute;\n      z-index: 1;\n      block-size: 100%;\n      content: '';\n      inline-size: $spacing-03;\n      inset-inline-end: -$spacing-03;\n    }\n\n    .#{$prefix}--tabs--light .#{$prefix}--tabs__overflow-indicator--left {\n      background-image: linear-gradient(\n        to left,\n        rgba(255, 255, 255, 0),\n        $layer\n      );\n    }\n\n    .#{$prefix}--tabs--light .#{$prefix}--tabs__overflow-indicator--right {\n      background-image: linear-gradient(\n        to right,\n        rgba(255, 255, 255, 0),\n        $layer\n      );\n    }\n\n    &.#{$prefix}--tabs--contained .#{$prefix}--tabs__overflow-indicator--left {\n      background-image: linear-gradient(\n        to left,\n        rgba(255, 255, 255, 0),\n        $layer-accent\n      );\n    }\n\n    &.#{$prefix}--tabs--contained .#{$prefix}--tabs__overflow-indicator--right {\n      background-image: linear-gradient(\n        to right,\n        rgba(255, 255, 255, 0),\n        $layer-accent\n      );\n    }\n\n    // Safari-only media query\n    // won't appear correctly with CSS custom properties\n    // see: code snippet and modal overflow indicators\n    @media not all and (resolution >= 0.001dpcm) {\n      @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n        .#{$prefix}--tabs__overflow-indicator--left {\n          background-image: linear-gradient(\n            to left,\n            rgba($background, 0),\n            $background\n          );\n        }\n\n        .#{$prefix}--tabs__overflow-indicator--right {\n          background-image: linear-gradient(\n            to right,\n            rgba($background, 0),\n            $background\n          );\n        }\n\n        &.#{$prefix}--tabs--contained\n          .#{$prefix}--tabs__overflow-indicator--left {\n          background-image: linear-gradient(\n            to left,\n            rgba($layer-accent, 0),\n            $layer-accent\n          );\n        }\n\n        &.#{$prefix}--tabs--contained\n          .#{$prefix}--tabs__overflow-indicator--right {\n          background-image: linear-gradient(\n            to right,\n            rgba($layer-accent, 0),\n            $layer-accent\n          );\n        }\n      }\n    }\n\n    //-----------------------------\n    // Wrapper\n    //-----------------------------\n    .#{$prefix}--tabs__nav-item-label-wrapper {\n      display: flex;\n    }\n\n    &:not(.#{$prefix}--tabs--contained)\n      .#{$prefix}--tabs__nav-item-label-wrapper {\n      position: relative;\n      inset-block-start: convert.to-rem(1px);\n    }\n\n    //-----------------------------\n    // Item\n    //-----------------------------\n    .#{$prefix}--tabs__nav-item {\n      @include reset;\n\n      position: relative;\n      display: flex;\n      flex: 1 0 auto;\n      padding: 0;\n      cursor: pointer;\n      transition: background-color $duration-fast-01\n        motion(standard, productive);\n    }\n\n    .#{$prefix}--tabs__nav-item + .#{$prefix}--tabs__nav-item {\n      margin-inline-start: convert.to-rem(1px);\n    }\n\n    &.#{$prefix}--tabs--contained .#{$prefix}--tabs__nav-item {\n      background-color: $layer-accent;\n      // Draws the border without affecting the inner-content\n      box-shadow: convert.to-rem(-1px) 0 0 0 $border-strong;\n      margin-inline-start: 0;\n    }\n\n    &.#{$prefix}--tabs--vertical .#{$prefix}--tabs__nav-item {\n      flex: none;\n      background-color: $layer-01;\n      block-size: $spacing-10;\n      border-block-end: 1px solid $border-subtle;\n      border-inline-end: 1px solid $border-subtle;\n      box-shadow: inset 3px 0 0 0 $border-subtle;\n      inline-size: 100%;\n      margin-inline-start: 0;\n    }\n\n    &.#{$prefix}--tabs--contained:not(.#{$prefix}--tabs--vertical)\n      .#{$prefix}--tabs__nav-item--selected\n      + div\n      + .#{$prefix}--tabs__nav-item {\n      box-shadow: convert.to-rem(-1px) 0 0 0 transparent;\n    }\n\n    .#{$prefix}--tabs__nav-item .#{$prefix}--tabs__nav-link {\n      transition:\n        color $duration-fast-01 motion(standard, productive),\n        border-bottom-color $duration-fast-01 motion(standard, productive),\n        outline $duration-fast-01 motion(standard, productive);\n    }\n\n    &.#{$prefix}--tabs--dismissable .#{$prefix}--tabs__nav-link {\n      padding-inline-end: $spacing-08;\n    }\n\n    &.#{$prefix}--tabs--dismissable.#{$prefix}--tabs--contained\n      .#{$prefix}--tabs__nav-link {\n      padding-inline-end: calc($spacing-09 - 1px);\n    }\n\n    //-----------------------------\n    // Icon\n    //-----------------------------\n\n    .#{$prefix}--tabs__nav-item--close {\n      position: relative;\n      display: flex;\n      align-items: center;\n      inset-inline-start: calc(-#{$spacing-04} - 1px);\n      margin-inline-start: calc(-#{$spacing-06} + 1px);\n    }\n\n    &:not(.#{$prefix}--tabs--contained)\n      .#{$prefix}--tabs__nav-item--close--hidden {\n      @include visually-hidden;\n\n      position: static;\n      inline-size: convert.to-rem(3px);\n    }\n\n    &.#{$prefix}--tabs--contained.#{$prefix}--tabs--full-width\n      .#{$prefix}--tabs__nav-item--close--hidden {\n      display: none;\n    }\n\n    .#{$prefix}--tabs__nav-item--close-icon {\n      @include button-reset.reset();\n\n      block-size: convert.to-rem(24px);\n      inline-size: convert.to-rem(24px);\n      padding-block: $spacing-02;\n      padding-inline: $spacing-02;\n      pointer-events: auto;\n\n      svg {\n        block-size: convert.to-rem(16px);\n        fill: $text-secondary;\n        inline-size: convert.to-rem(16px);\n      }\n\n      svg:hover {\n        fill: $text-primary;\n      }\n\n      &:hover {\n        background-color: $layer-hover;\n      }\n\n      &:focus,\n      &:active {\n        @include focus-outline('outline');\n      }\n    }\n\n    .#{$prefix}--tabs__nav-item:hover\n      + .#{$prefix}--tabs__nav-item--close\n      .#{$prefix}--tabs__nav-item--close-icon\n      svg {\n      fill: $text-primary;\n    }\n\n    .#{$prefix}--tabs__nav-item--close-icon--selected {\n      svg {\n        fill: $text-primary;\n      }\n    }\n\n    .#{$prefix}--tabs__nav-item:hover\n      + .#{$prefix}--tabs__nav-item--close\n      .#{$prefix}--tabs__nav-item--close-icon--disabled,\n    .#{$prefix}--tabs__nav-item--close-icon--disabled,\n    .#{$prefix}--tabs__nav-item--close-icon--disabled:hover {\n      background-color: inherit;\n      cursor: not-allowed;\n\n      svg {\n        fill: $tab-text-disabled;\n      }\n\n      &:focus,\n      &:active {\n        @include focus-outline('reset');\n      }\n    }\n\n    .#{$prefix}--tabs__nav-item--icon {\n      display: flex;\n      align-items: center;\n      padding-inline-start: $spacing-03;\n    }\n\n    .#{$prefix}--tabs__nav-item--icon-left {\n      display: flex;\n      align-items: center;\n      margin-block-start: -2px;\n      padding-inline-end: $spacing-03;\n    }\n\n    &.#{$prefix}--tabs--contained .#{$prefix}--tabs__nav-item--icon {\n      padding-inline-start: layout.density('padding-inline');\n    }\n\n    //-----------------------------\n    // Link\n    //-----------------------------\n    .#{$prefix}--tabs__nav-link {\n      @include button-reset.reset($width: false);\n      @include focus-outline('reset');\n      @include type-style('body-compact-01');\n\n      overflow: hidden;\n      border-block-end: $tab-underline-color;\n      color: $text-secondary;\n      padding-inline: layout.density('padding-inline');\n      text-align: start;\n      text-decoration: none;\n      text-overflow: ellipsis;\n      transition:\n        border $duration-fast-01 motion(standard, productive),\n        outline $duration-fast-01 motion(standard, productive);\n      white-space: nowrap;\n\n      &:focus,\n      &:active {\n        @include focus-outline('outline');\n      }\n    }\n\n    &.#{$prefix}--tabs--contained:not(.#{$prefix}--tabs--vertical)\n      .#{$prefix}--tabs__nav-link {\n      border-block-end: 0;\n      padding-inline: layout.density('padding-inline');\n    }\n\n    &.#{$prefix}--tabs--contained:not(.#{$prefix}--tabs--tall)\n      .#{$prefix}--tabs__nav-item-label {\n      // height - vertical padding\n      line-height: calc(#{convert.to-rem(48px)} - (#{$spacing-03} * 2));\n    }\n\n    &.#{$prefix}--tabs--contained .#{$prefix}--tabs__nav-item-secondary-label {\n      @include type-style('label-01');\n\n      min-block-size: convert.to-rem(16px);\n    }\n\n    &.#{$prefix}--tabs--vertical:not(.#{$prefix}--tabs--tall)\n      .#{$prefix}--tabs__nav-item-label {\n      line-height: var(--cds-body-compact-01-line-height);\n    }\n\n    //-----------------------------\n    // Icon Item\n    //-----------------------------\n    &.#{$prefix}--tabs__icon--default,\n    &.#{$prefix}--tabs__icon--lg,\n    &.#{$prefix}--tabs__icon--default .#{$prefix}--tab--list,\n    &.#{$prefix}--tabs__icon--lg .#{$prefix}--tab--list {\n      overflow-x: visible;\n    }\n\n    .#{$prefix}--tabs__nav-item--icon-only {\n      margin-inline-end: convert.to-rem(1px);\n    }\n\n    .#{$prefix}--tabs__nav-item--icon-only,\n    &.#{$prefix}--tabs--contained .#{$prefix}--tabs__nav-item--icon-only {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      block-size: layout.size('height');\n      inline-size: layout.size('height');\n\n      .#{$prefix}--tabs__nav-item-label {\n        line-height: 0;\n      }\n    }\n\n    .#{$prefix}--tabs__nav-item--icon-only:not(\n        .#{$prefix}--tabs__nav-item--icon-only__20\n      )\n      .#{$prefix}--badge-indicator {\n      margin-block-start: $spacing-02;\n      margin-inline-end: $spacing-02;\n    }\n\n    //-----------------------------\n    // Item Hover\n    //-----------------------------\n    &:not(.#{$prefix}--tabs--contained)\n      .#{$prefix}--tabs__nav-item:not(\n        .#{$prefix}--tabs__nav-item--selected\n      ):not(.#{$prefix}--tabs__nav-item--disabled):hover {\n      border-block-end: $tab-underline-color-hover;\n      color: $text-primary;\n    }\n\n    &.#{$prefix}--tabs--contained\n      .#{$prefix}--tabs__nav-item:not(\n        .#{$prefix}--tabs__nav-item--selected\n      ):not(.#{$prefix}--tabs__nav-item--disabled):not(\n        .#{$prefix}--tabs__nav-item--hover-off\n      ):hover {\n      background-color: $layer-accent-hover;\n      color: $text-primary;\n    }\n\n    &.#{$prefix}--tabs--vertical\n      .#{$prefix}--tabs__nav-item:not(\n        .#{$prefix}--tabs__nav-item--selected\n      ):not(.#{$prefix}--tabs__nav-item--disabled):not(\n        .#{$prefix}--tabs__nav-item--hover-off\n      ):hover {\n      background-color: $layer-hover;\n      box-shadow: inset 3px 0 0 0 $border-strong;\n    }\n\n    //-----------------------------\n    // Item Selected\n    //-----------------------------\n    .#{$prefix}--tabs__nav-item--selected {\n      border-block-end: 2px solid $border-interactive;\n      transition: color $duration-fast-01 motion(standard, productive);\n    }\n\n    &.#{$prefix}--tabs--contained\n      .#{$prefix}--tabs__nav-item--selected\n      + .#{$prefix}--tabs__nav-item {\n      box-shadow: none;\n    }\n\n    &.#{$prefix}--tabs--contained\n      .#{$prefix}--tabs__nav-item.#{$prefix}--tabs__nav-item--selected {\n      // Draws the border without affecting the inner-content\n      box-shadow: inset 0 2px 0 0 $border-interactive;\n    }\n\n    &.#{$prefix}--tabs--vertical\n      .#{$prefix}--tabs__nav-item.#{$prefix}--tabs__nav-item--selected {\n      border-inline: none;\n      // Draws the border without affecting the inner-content\n      box-shadow: inset 3px 0 0 0 $border-interactive;\n    }\n\n    &.#{$prefix}--tabs--contained .#{$prefix}--tabs__nav-item--selected,\n    .#{$prefix}--tabs__nav-item--selected,\n    .#{$prefix}--tabs__nav-item--selected:focus\n      .#{$prefix}--tabs__nav-link:focus,\n    .#{$prefix}--tabs__nav-item--selected:active\n      .#{$prefix}--tabs__nav-link:active {\n      @include type-style('heading-compact-01');\n\n      color: $text-primary;\n    }\n\n    &.#{$prefix}--tabs--contained:not(.#{$prefix}--tabs--tall)\n      .#{$prefix}--tabs__nav-item--selected,\n    &.#{$prefix}--tabs--contained:not(.#{$prefix}--tabs--tall)\n      .#{$prefix}--tabs__nav-item--selected:hover {\n      // height - vertical padding\n      line-height: calc(#{convert.to-rem(48px)} - (#{$spacing-03} * 2));\n    }\n\n    &.#{$prefix}--tabs--contained .#{$prefix}--tabs__nav-item--selected,\n    &.#{$prefix}--tabs--contained .#{$prefix}--tabs__nav-item--selected:hover {\n      background-color: $layer;\n\n      .#{$prefix}--tabs__nav-link:focus,\n      .#{$prefix}--tabs__nav-link:active {\n        box-shadow: none;\n      }\n    }\n\n    &.#{$prefix}--tabs--light.#{$prefix}--tabs--contained\n      .#{$prefix}--tabs__nav-item--selected,\n    &.#{$prefix}--tabs--light.#{$prefix}--tabs--contained\n      .#{$prefix}--tabs__nav-item--selected:hover {\n      background-color: $background;\n    }\n\n    //-----------------------------\n    //  Item Disabled\n    //-----------------------------\n\n    .#{$prefix}--tabs__nav-item--disabled {\n      background-color: transparent;\n      border-block-end: 2px solid $border-subtle;\n      color: $tab-text-disabled;\n      outline: none;\n    }\n\n    .#{$prefix}--tabs__nav-item--disabled:hover {\n      border-block-end: 2px solid $border-subtle;\n      color: $tab-text-disabled;\n      cursor: not-allowed;\n    }\n\n    &.#{$prefix}--tabs--contained\n      .#{$prefix}--tabs__nav-item.#{$prefix}--tabs__nav-item--disabled,\n    &.#{$prefix}--tabs--contained\n      .#{$prefix}--tabs__nav-item.#{$prefix}--tabs__nav-item--disabled:hover {\n      background-color: button.$button-disabled;\n    }\n\n    &.#{$prefix}--tabs--vertical\n      .#{$prefix}--tabs__nav-item.#{$prefix}--tabs__nav-item--disabled,\n    &.#{$prefix}--tabs--vertical\n      .#{$prefix}--tabs__nav-item.#{$prefix}--tabs__nav-item--disabled:hover {\n      background-color: $layer;\n      border-block-end: 1px solid $border-subtle;\n    }\n\n    .#{$prefix}--tabs__nav-item--disabled:focus,\n    .#{$prefix}--tabs__nav-item--disabled:active {\n      border-block-end: 2px solid $border-subtle;\n      outline: none;\n      pointer-events: none;\n    }\n\n    .#{$prefix}--tabs--light\n      .#{$prefix}--tabs__nav-item--disabled\n      .#{$prefix}--tabs__nav-link {\n      border-block-end-color: $border-subtle;\n    }\n\n    .#{$prefix}--tabs--light\n      .#{$prefix}--tabs__nav-item--disabled:hover\n      .#{$prefix}--tabs__nav-link {\n      border-block-end-color: $border-subtle;\n    }\n\n    .#{$prefix}--tabs--light\n      .#{$prefix}--tabs__nav-item--disabled\n      .#{$prefix}--tabs__nav-link:focus,\n    .#{$prefix}--tabs--light\n      .#{$prefix}--tabs__nav-item--disabled\n      .#{$prefix}--tabs__nav-link:active {\n      border-block-end-color: $border-subtle;\n    }\n\n    &.#{$prefix}--tabs--contained:not(.#{$prefix}--tabs--vertical)\n      .#{$prefix}--tabs__nav-item--disabled {\n      border-block-end: none;\n      color: $text-on-color-disabled;\n    }\n  }\n  //-----------------------------\n  //  Tab Content Container\n  //-----------------------------\n  .#{$prefix}--tab-content {\n    padding: layout.density('padding-inline');\n\n    &:focus {\n      @include focus-outline('outline');\n    }\n  }\n\n  .#{$prefix}--tabs--contained ~ .#{$prefix}--tab-content {\n    background: $layer;\n  }\n\n  .#{$prefix}--tabs--vertical ~ .#{$prefix}--tab-content {\n    @include update_fields_on_layer;\n\n    grid-column: 3/-1;\n    overflow-y: auto;\n\n    @include breakpoint(lg) {\n      grid-column: 5/-1;\n    }\n  }\n\n  .#{$prefix}--tab-content--interactive {\n    &:focus {\n      outline: none;\n    }\n  }\n\n  //-----------------------------\n  // Skeleton state\n  //-----------------------------\n  .#{$prefix}--tabs.#{$prefix}--skeleton {\n    cursor: default;\n    pointer-events: none;\n  }\n\n  .#{$prefix}--skeleton.#{$prefix}--tabs:not(.#{$prefix}--tabs--contained)\n    .#{$prefix}--tabs__nav-link {\n    border-block-end: 2px solid $skeleton-element;\n  }\n\n  .#{$prefix}--tabs.#{$prefix}--skeleton .#{$prefix}--tabs__nav-link {\n    display: flex;\n    align-items: center;\n    padding: 0 layout.density('padding-inline');\n    block-size: 100%;\n    inline-size: 10rem;\n  }\n\n  .#{$prefix}--tabs.#{$prefix}--skeleton .#{$prefix}--tabs__nav-link span {\n    @include skeleton;\n\n    display: block;\n    block-size: convert.to-rem(14px);\n    inline-size: 100%;\n  }\n\n  // Windows HCM fix\n  .#{$prefix}--tabs__nav-item\n    .#{$prefix}--tabs__nav-item--selected\n    .#{$prefix}--tabs__nav-item--selected {\n    @include high-contrast-mode('focus');\n  }\n\n  .#{$prefix}--tabs\n    .#{$prefix}--tabs__nav-item--disabled\n    .#{$prefix}--tabs__nav-link {\n    @include high-contrast-mode('disabled');\n  }\n}\n\n//-----------------------------\n// Grid contained tabs\n//-----------------------------\n\n.#{$prefix}--tabs.#{$prefix}--tabs--contained.#{$prefix}--tabs--full-width\n  .#{$prefix}--tab--list {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n  inline-size: 100%;\n\n  .#{$prefix}--tabs__nav-link {\n    .#{$prefix}--tabs__nav-item-label,\n    .#{$prefix}--tabs__nav-item-secondary-label {\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n    .#{$prefix}--tabs__nav-item--icon {\n      margin-inline-start: auto;\n    }\n  }\n}\n\n.#{$prefix}--tabs.#{$prefix}--tabs--vertical {\n  .#{$prefix}--tabs__nav-link {\n    .#{$prefix}--tabs__nav-item-label {\n      display: -webkit-box;\n      overflow: hidden;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n      text-overflow: ellipsis;\n      white-space: normal;\n    }\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../button/tokens' as button;\n@use '../../config' as *;\n@use '../../feature-flags' as *;\n@use '../../layer' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/ai-gradient' as *;\n@use '../../utilities/button-reset';\n@use '../../utilities/convert';\n@use '../../utilities/component-reset';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/visually-hidden' as *;\n@use '../../utilities/layout';\n\n// padding + icon size (1rem) + padding\n$-icon-container-size: calc(#{layout.density('padding-inline')} * 2 + 1rem);\n\n/// Tile styles\n/// @access public\n/// @group tile\n@mixin tile(\n  $enable-experimental-tile-contrast: false,\n  $enable-v12-tile-radio-icons: false\n) {\n  .#{$prefix}--tile-group {\n    @include reset;\n  }\n\n  .#{$prefix}--tile {\n    @include type-style('body-compact-01');\n    @include layout.use('density', $default: 'normal');\n\n    position: relative;\n    display: block;\n    padding: layout.density('padding-inline');\n    background-color: $layer;\n    min-block-size: 4rem;\n    min-inline-size: 8rem;\n    outline: 2px solid transparent;\n    outline-offset: -2px;\n\n    &:focus {\n      @include focus-outline('outline');\n    }\n  }\n\n  // V11: Possibly deprecate\n  .#{$prefix}--tile--light {\n    background-color: $layer-02;\n  }\n\n  .#{$prefix}--tile--clickable,\n  .#{$prefix}--tile--selectable {\n    @include component-reset.reset;\n    @include type-style('body-compact-01');\n\n    padding: layout.density('padding-inline');\n    cursor: pointer;\n    transition: $duration-moderate-01 motion(standard, productive);\n\n    &:hover {\n      background: $layer-hover;\n    }\n  }\n\n  .#{$prefix}--tile--clickable {\n    color: $text-primary;\n    text-decoration: none;\n\n    @if (\n      enabled('enable-experimental-tile-contrast') or\n        $enable-experimental-tile-contrast\n    ) {\n      border: 1px solid $border-tile;\n    }\n\n    &:focus {\n      @include focus-outline('outline');\n\n      text-decoration: none;\n    }\n\n    &:hover,\n    &:focus {\n      .#{$prefix}--tile__checkmark {\n        opacity: 1;\n      }\n    }\n  }\n\n  // Removes Firefox automatic border on buttons\n  .#{$prefix}--tile--expandable::-moz-focus-inner {\n    border: 0;\n  }\n\n  .#{$prefix}--tile--clickable:hover,\n  .#{$prefix}--tile--clickable:active,\n  .#{$prefix}--tile--clickable:visited,\n  .#{$prefix}--tile--clickable:visited:hover {\n    color: $text-primary;\n    text-decoration: none;\n  }\n\n  // Disabled ClickableTile\n  .#{$prefix}--tile--clickable.#{$prefix}--link--disabled,\n  .#{$prefix}--tile--clickable:hover.#{$prefix}--link--disabled {\n    display: block;\n    padding: layout.density('padding-inline');\n    background-color: $layer;\n    color: $text-disabled;\n    cursor: not-allowed;\n\n    @if (\n      enabled('enable-experimental-tile-contrast') or\n        $enable-experimental-tile-contrast\n    ) {\n      border: 1px solid $border-disabled;\n    }\n  }\n\n  .#{$prefix}--tile--clickable .#{$prefix}--tile--icon,\n  .#{$prefix}--tile--clickable.#{$prefix}--link--disabled\n    .#{$prefix}--tile--disabled-icon {\n    position: absolute;\n    block-size: convert.to-rem(20px);\n    inline-size: convert.to-rem(20px);\n    inset-block-end: convert.to-rem(12px);\n    inset-inline-end: convert.to-rem(12px);\n  }\n\n  .#{$prefix}--tile--clickable .#{$prefix}--tile--icon {\n    fill: $icon-interactive;\n  }\n\n  .#{$prefix}--tile--clickable.#{$prefix}--link--disabled\n    .#{$prefix}--tile--disabled-icon {\n    fill: $icon-disabled;\n  }\n\n  .#{$prefix}--tile--clickable.#{$prefix}--link--disabled\n    .#{$prefix}--tile--icon {\n    display: none;\n  }\n\n  .#{$prefix}--tile--selectable {\n    border: 1px solid transparent;\n    padding-inline-end: $-icon-container-size;\n\n    @if (\n      enabled('enable-experimental-tile-contrast') or\n        $enable-experimental-tile-contrast\n    ) {\n      border: 1px solid $border-tile;\n    }\n  }\n\n  .#{$prefix}--tile__checkmark {\n    position: absolute;\n    border: none;\n    background: transparent;\n    block-size: 1rem;\n    inset-block-start: layout.density('padding-inline');\n    inset-inline-end: layout.density('padding-inline');\n    transition: $duration-fast-02 motion(standard, productive);\n\n    @if (\n      enabled('enable-v12-tile-radio-icons') or\n        $enable-experimental-tile-contrast\n    ) {\n      opacity: 1;\n    } @else {\n      opacity: 0;\n    }\n\n    svg {\n      border-radius: 50%;\n      fill: $icon-secondary;\n    }\n\n    &:focus {\n      @include focus-outline('outline');\n    }\n  }\n\n  .#{$prefix}--tile__checkmark--persistent {\n    opacity: 1;\n  }\n\n  .#{$prefix}--tile__chevron {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    block-size: $-icon-container-size;\n    inline-size: $-icon-container-size;\n    inset-block-end: 0;\n    inset-inline-end: 0;\n\n    svg {\n      fill: $icon-primary;\n      transform-origin: center;\n      transition: $duration-fast-02 motion(standard, productive);\n\n      @media screen and (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n\n      // Windows, Firefox HCM Fix\n      @media screen and (-ms-high-contrast: active),\n        screen and (prefers-contrast) {\n        // `ButtonText` is a CSS2 system color to help improve colors in HCM\n        fill: ButtonText;\n      }\n    }\n  }\n\n  .#{$prefix}--tile__chevron--interactive {\n    @include button-reset.reset;\n\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    block-size: $-icon-container-size;\n    inline-size: $-icon-container-size;\n    inset-block-end: 0;\n    inset-inline-end: 0;\n    @if (\n      enabled('enable-experimental-tile-contrast') or\n        $enable-experimental-tile-contrast\n    ) {\n      border: 1px solid $border-disabled;\n    }\n\n    &:focus {\n      outline: 2px solid $focus;\n      outline-offset: -2px;\n    }\n\n    &:hover {\n      background-color: $layer-hover;\n      cursor: pointer;\n    }\n  }\n\n  .#{$prefix}--tile--expandable {\n    position: relative;\n    overflow: hidden;\n    border: 0;\n    color: inherit;\n    cursor: pointer;\n    font-family: inherit;\n    font-size: inherit;\n    inline-size: 100%;\n    text-align: start;\n    transition: max-height $duration-moderate-01 motion(standard, productive);\n\n    @include type-style('body-compact-01');\n\n    @if (\n      enabled('enable-experimental-tile-contrast') or\n        $enable-experimental-tile-contrast\n    ) {\n      border: 1px solid $border-tile;\n    }\n\n    &:hover {\n      background: $layer-hover;\n    }\n  }\n\n  .#{$prefix}--tile--expandable.#{$prefix}--tile--expandable--interactive {\n    border: none;\n    cursor: default;\n    transition: max-height $duration-moderate-01 motion(standard, productive);\n\n    &:hover {\n      background-color: $layer;\n    }\n\n    &:focus {\n      outline: none;\n    }\n  }\n\n  .#{$prefix}--tile--expandable--interactive:focus {\n    @include focus-outline('outline');\n  }\n\n  .#{$prefix}--tile-content__below-the-fold {\n    display: block;\n    opacity: 0;\n    transition:\n      opacity $duration-fast-02 motion(standard, productive),\n      visibility $duration-fast-02 motion(standard, productive);\n    visibility: hidden;\n  }\n\n  .#{$prefix}--tile--is-expanded {\n    overflow: visible;\n    transition: max-height $duration-fast-02 motion(standard, productive);\n\n    .#{$prefix}--tile__chevron svg {\n      transform: rotate(180deg);\n    }\n\n    .#{$prefix}--tile-content__below-the-fold {\n      opacity: 1;\n      transition:\n        opacity $duration-fast-02 motion(standard, productive),\n        visibility $duration-fast-02 motion(standard, productive);\n      visibility: inherit;\n\n      // Safari-only media query\n      // Fixes an issue with scrolling\n      // and absolutely positioned elements (#8119)\n      @media not all and (resolution >= 0.001dpcm) {\n        @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n          overflow-y: auto;\n        }\n      }\n    }\n  }\n\n  .#{$prefix}--tile--is-selected {\n    border: 1px solid $layer-selected-inverse;\n  }\n\n  .#{$prefix}--tile--is-selected .#{$prefix}--tile__checkmark {\n    opacity: 1;\n  }\n\n  .#{$prefix}--tile--is-selected .#{$prefix}--tile__checkmark svg {\n    fill: $icon-primary;\n\n    // Windows, Firefox HCM Fix\n    @media screen and (-ms-high-contrast: active),\n      screen and (prefers-contrast) {\n      // `ButtonText` is a CSS2 system color to help improve colors in HCM\n      fill: ButtonText;\n    }\n  }\n\n  .#{$prefix}--tile-content {\n    block-size: 100%;\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--tile-input {\n    @include visually-hidden;\n  }\n\n  .#{$prefix}--tile-input:focus + .#{$prefix}--tile {\n    @include focus-outline('outline');\n  }\n\n  .#{$prefix}--tile--disabled.#{$prefix}--tile--selectable {\n    background-color: $layer;\n    color: $text-disabled;\n    cursor: not-allowed;\n\n    @if (\n      enabled('enable-experimental-tile-contrast') or\n        $enable-experimental-tile-contrast\n    ) {\n      border: 1px solid $border-disabled;\n    }\n  }\n\n  // V11: Possibly deprecate\n  .#{$prefix}--tile--disabled.#{$prefix}--tile--selectable.#{$prefix}--tile--light {\n    background-color: $layer-02;\n  }\n\n  .#{$prefix}--tile--disabled.#{$prefix}--tile--is-selected {\n    border-color: $border-disabled;\n  }\n\n  .#{$prefix}--tile--disabled .#{$prefix}--tile__checkmark svg {\n    fill: $icon-disabled;\n  }\n\n  // AILabel styles\n  .#{$prefix}--tile > .#{$prefix}--tile--inner-decorator > *,\n  .#{$prefix}--tile--expandable > div > .#{$prefix}--tile--inner-decorator > *,\n  .#{$prefix}--tile > .#{$prefix}--ai-label,\n  .#{$prefix}--tile--expandable > div > .#{$prefix}--ai-label,\n  .#{$prefix}--tile > .#{$prefix}--slug,\n  .#{$prefix}--tile--expandable > div > .#{$prefix}--slug,\n  .#{$prefix}--tile--clickable .#{$prefix}--tile--ai-label-icon {\n    position: absolute;\n    inset-block-start: $spacing-05;\n    inset-inline-end: $spacing-05;\n  }\n\n  .#{$prefix}--tile.#{$prefix}--tile--selectable\n    > .#{$prefix}--tile--inner-decorator\n    > *,\n  .#{$prefix}--tile.#{$prefix}--tile--selectable > .#{$prefix}--ai-label,\n  .#{$prefix}--tile.#{$prefix}--tile--selectable > .#{$prefix}--slug {\n    inset-inline-end: $spacing-08;\n  }\n\n  .#{$prefix}--tile.#{$prefix}--tile--selectable.#{$prefix}--tile--radio\n    > .#{$prefix}--tile--inner-decorator\n    > *,\n  .#{$prefix}--tile.#{$prefix}--tile--selectable.#{$prefix}--tile--radio\n    > .#{$prefix}--ai-label,\n  .#{$prefix}--tile.#{$prefix}--tile--selectable.#{$prefix}--tile--radio\n    > .#{$prefix}--slug {\n    inset-inline-end: $spacing-05;\n    transition: inset-inline-end $duration-fast-02 motion(standard, productive);\n\n    @if (\n      enabled('enable-v12-tile-radio-icons') or\n        $enable-experimental-tile-contrast\n    ) {\n      inset-inline-end: $spacing-08;\n    }\n  }\n\n  .#{$prefix}--tile.#{$prefix}--tile--selectable.#{$prefix}--tile--radio.#{$prefix}--tile--is-selected\n    > .#{$prefix}--tile--inner-decorator\n    > *,\n  .#{$prefix}--tile.#{$prefix}--tile--selectable.#{$prefix}--tile--radio.#{$prefix}--tile--is-selected\n    > .#{$prefix}--ai-label,\n  .#{$prefix}--tile.#{$prefix}--tile--selectable.#{$prefix}--tile--radio.#{$prefix}--tile--is-selected\n    > .#{$prefix}--slug {\n    inset-inline-end: $spacing-08;\n  }\n\n  .#{$prefix}--tile.#{$prefix}--tile--clickable\n    > .#{$prefix}--tile--inner-decorator\n    > *,\n  .#{$prefix}--tile.#{$prefix}--tile--clickable > .#{$prefix}--ai-label,\n  .#{$prefix}--tile.#{$prefix}--tile--clickable > .#{$prefix}--slug {\n    pointer-events: none;\n  }\n\n  .#{$prefix}--tile--decorator:has(\n      .#{$prefix}--tile--ai-label-icon\n    ).#{$prefix}--tile,\n  .#{$prefix}--tile--decorator:has(.#{$prefix}--ai-label).#{$prefix}--tile,\n  .#{$prefix}--tile--slug.#{$prefix}--tile {\n    @include ai-popover-gradient('default', 0, 'layer');\n\n    border: 1px solid transparent;\n    box-shadow:\n      inset 0 -80px 70px -65px $ai-inner-shadow,\n      0 4px 8px 0 $ai-drop-shadow;\n  }\n\n  .#{$prefix}--tile--decorator:has(\n      .#{$prefix}--ai-label\n    ).#{$prefix}--tile--expandable:hover,\n  .#{$prefix}--tile--slug.#{$prefix}--tile--expandable:hover {\n    @include ai-popover-gradient('default', 0, 'layer');\n  }\n\n  .#{$prefix}--tile--decorator.#{$prefix}--tile--selectable::before,\n  .#{$prefix}--tile--decorator.#{$prefix}--tile--selectable::after,\n  .#{$prefix}--tile--decorator.#{$prefix}--tile--clickable::before,\n  .#{$prefix}--tile--slug.#{$prefix}--tile--selectable::before,\n  .#{$prefix}--tile--slug.#{$prefix}--tile--selectable::after,\n  .#{$prefix}--tile--slug.#{$prefix}--tile--clickable::before {\n    position: absolute;\n    display: block;\n    block-size: 100%;\n    content: '';\n    inline-size: 100%;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    opacity: 0;\n    transition: opacity $duration-fast-02 motion(standard, productive);\n  }\n\n  .#{$prefix}--tile--decorator:has(\n      .#{$prefix}--ai-label\n    ).#{$prefix}--tile--selectable::before,\n  .#{$prefix}--tile--decorator:has(\n      .#{$prefix}--ai-label\n    ).#{$prefix}--tile--clickable::before,\n  .#{$prefix}--tile--slug.#{$prefix}--tile--selectable::before,\n  .#{$prefix}--tile--slug.#{$prefix}--tile--clickable::before {\n    @include ai-popover-gradient('hover', 0, 'layer');\n\n    box-shadow:\n      inset 0 -80px 70px -65px $ai-inner-shadow,\n      0 4px 10px 2px $ai-drop-shadow;\n  }\n\n  .#{$prefix}--tile--decorator.#{$prefix}--tile--selectable:hover::before,\n  .#{$prefix}--tile--decorator.#{$prefix}--tile--clickable:hover::before,\n  .#{$prefix}--tile--slug.#{$prefix}--tile--selectable:hover::before,\n  .#{$prefix}--tile--slug.#{$prefix}--tile--clickable:hover::before {\n    opacity: 1;\n  }\n\n  .#{$prefix}--tile--decorator.#{$prefix}--tile--selectable:focus,\n  .#{$prefix}--tile--decorator.#{$prefix}--tile--clickable:focus,\n  .#{$prefix}--tile-input:focus + .#{$prefix}--tile--decorator.#{$prefix}--tile,\n  .#{$prefix}--tile--slug.#{$prefix}--tile--selectable:focus,\n  .#{$prefix}--tile--slug.#{$prefix}--tile--clickable:focus,\n  .#{$prefix}--tile-input:focus + .#{$prefix}--tile--slug.#{$prefix}--tile {\n    outline-offset: -1px;\n  }\n\n  .#{$prefix}--tile--decorator:has(\n      .#{$prefix}--tile--inner-decorator .#{$prefix}--ai-label\n    ).#{$prefix}--tile--selectable::after,\n  .#{$prefix}--tile--slug.#{$prefix}--tile--selectable::after {\n    @include ai-popover-gradient('selected', 0, 'layer');\n\n    box-shadow:\n      inset 0 -80px 70px -65px $ai-inner-shadow,\n      0 4px 8px 0 $ai-drop-shadow;\n  }\n\n  .#{$prefix}--tile--decorator.#{$prefix}--tile--selectable:hover::after,\n  .#{$prefix}--tile--slug.#{$prefix}--tile--selectable:hover::after {\n    opacity: 0;\n  }\n\n  .#{$prefix}--tile--decorator.#{$prefix}--tile--is-selected::after,\n  .#{$prefix}--tile--slug.#{$prefix}--tile--is-selected::after {\n    opacity: 1;\n  }\n\n  .#{$prefix}--tile--decorator:has(\n      .#{$prefix}--tile--inner-decorator\n    ).#{$prefix}--tile--is-selected,\n  .#{$prefix}--tile--slug.#{$prefix}--tile--is-selected {\n    border-color: $border-inverse;\n  }\n\n  .#{$prefix}--tile--decorator.#{$prefix}--tile--selectable\n    .#{$prefix}--tile-content,\n  .#{$prefix}--tile--decorator.#{$prefix}--tile--clickable\n    .#{$prefix}--tile-content,\n  .#{$prefix}--tile--slug.#{$prefix}--tile--selectable\n    .#{$prefix}--tile-content,\n  .#{$prefix}--tile--slug.#{$prefix}--tile--clickable\n    .#{$prefix}--tile-content {\n    position: relative;\n    cursor: pointer;\n  }\n\n  .#{$prefix}--tile--decorator.#{$prefix}--tile--selectable\n    .#{$prefix}--tile-content,\n  .#{$prefix}--tile--decorator.#{$prefix}--tile--clickable\n    .#{$prefix}--tile-content,\n  .#{$prefix}--tile--decorator.#{$prefix}--tile--selectable\n    > .#{$prefix}--tile__checkmark,\n  .#{$prefix}--tile--decorator.#{$prefix}--tile--is-selected\n    .#{$prefix}--tile--inner-decorator\n    > *,\n  .#{$prefix}--tile--slug.#{$prefix}--tile--selectable\n    .#{$prefix}--tile-content,\n  .#{$prefix}--tile--slug.#{$prefix}--tile--clickable .#{$prefix}--tile-content,\n  .#{$prefix}--tile--slug.#{$prefix}--tile--selectable\n    > .#{$prefix}--tile__checkmark,\n  .#{$prefix}--tile--slug.#{$prefix}--tile--is-selected .#{$prefix}--ai-label,\n  .#{$prefix}--tile--slug.#{$prefix}--tile--is-selected .#{$prefix}--slug {\n    z-index: 1;\n  }\n\n  .#{$prefix}--tile--decorator.#{$prefix}--tile--selectable\n    .#{$prefix}--tile--inner-decorator\n    > *:has(> .#{$prefix}--popover--open),\n  .#{$prefix}--tile--slug.#{$prefix}--tile--selectable\n    .#{$prefix}--ai-label:has(> .#{$prefix}--popover--open),\n  .#{$prefix}--tile--slug.#{$prefix}--tile--selectable\n    .#{$prefix}--slug:has(> .#{$prefix}--popover--open) {\n    z-index: 2;\n  }\n\n  .#{$prefix}--tile--decorator.#{$prefix}--tile--selectable\n    > .#{$prefix}--tile--inner-decorator\n    > *,\n  .#{$prefix}--tile--decorator.#{$prefix}--tile--selectable\n    > .#{$prefix}--tile__checkmark,\n  .#{$prefix}--tile--slug.#{$prefix}--tile--selectable > .#{$prefix}--ai-label,\n  .#{$prefix}--tile--slug.#{$prefix}--tile--selectable > .#{$prefix}--slug,\n  .#{$prefix}--tile--slug.#{$prefix}--tile--selectable\n    > .#{$prefix}--tile__checkmark {\n    z-index: 1;\n  }\n\n  .#{$prefix}--tile--expandable:has(\n      .#{$prefix}--tile--inner-decorator > * > .#{$prefix}--popover--open\n    ),\n  .#{$prefix}--tile--expandable:has(\n      .#{$prefix}--ai-label > .#{$prefix}--popover--open\n    ),\n  .#{$prefix}--tile--expandable:has(\n      .#{$prefix}--slug > .#{$prefix}--popover--open\n    ) {\n    overflow: visible;\n  }\n\n  .#{$prefix}--tile--clickable .#{$prefix}--tile--ai-label-icon rect {\n    stroke: $icon-primary;\n  }\n\n  .#{$prefix}--tile--clickable .#{$prefix}--tile--ai-label-icon path {\n    fill: $icon-primary;\n  }\n\n  // Tile with slug and rounded corners\n  .#{$prefix}--tile--decorator-rounded,\n  .#{$prefix}--tile--decorator-rounded.#{$prefix}--tile--selectable::before,\n  .#{$prefix}--tile--decorator-rounded.#{$prefix}--tile--selectable::after,\n  .#{$prefix}--tile--decorator-rounded.#{$prefix}--tile--clickable::before,\n  .#{$prefix}--tile--slug-rounded,\n  .#{$prefix}--tile--slug-rounded.#{$prefix}--tile--selectable::before,\n  .#{$prefix}--tile--slug-rounded.#{$prefix}--tile--selectable::after,\n  .#{$prefix}--tile--slug-rounded.#{$prefix}--tile--clickable::before {\n    border-radius: $spacing-03;\n  }\n\n  .#{$prefix}--tile--decorator-rounded .#{$prefix}--tile__chevron,\n  .#{$prefix}--tile--slug-rounded .#{$prefix}--tile__chevron {\n    border-end-end-radius: $spacing-03;\n  }\n\n  // Windows HCM fix\n  .#{$prefix}--tile__chevron svg,\n  .#{$prefix}--tile__checkmark svg,\n  .#{$prefix}--tile--is-selected .#{$prefix}--tile__checkmark svg {\n    @include high-contrast-mode('icon-fill');\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../text-input';\n@use '../select';\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/placeholder-colors' as *;\n\n/// Time picker styles\n/// @access public\n/// @group time-picker\n@mixin time-picker {\n  .#{$prefix}--time-picker {\n    display: flex;\n    align-items: flex-end;\n  }\n\n  .#{$prefix}--time-picker__select {\n    justify-content: center;\n    margin-inline-start: $spacing-01;\n  }\n\n  .#{$prefix}--time-picker__input {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .#{$prefix}--time-picker__error__icon {\n    position: absolute;\n    display: flex;\n    block-size: 100%;\n    inset-block-start: 50%;\n    inset-inline-end: 1rem;\n    place-items: center;\n    // top/transform used to center invalid icon in IE11\n    transform: translateY(-50%);\n  }\n\n  .#{$prefix}--time-picker__error__icon .#{$prefix}--checkbox__invalid-icon {\n    fill: $support-error;\n  }\n\n  .#{$prefix}--time-picker .#{$prefix}--select-input {\n    margin: 0;\n    inline-size: auto;\n    line-height: 1;\n    min-inline-size: auto;\n    padding-inline-end: convert.to-rem(48px);\n  }\n\n  .#{$prefix}--time-picker__input-field {\n    @include focus-outline('reset');\n    @include type-style('code-02');\n\n    display: flex;\n    align-items: center;\n    block-size: convert.to-rem(40px);\n    inline-size: 4.875rem;\n    transition:\n      outline $duration-fast-01 motion(standard, productive),\n      background-color $duration-fast-01 motion(standard, productive);\n\n    &::placeholder {\n      @include placeholder-colors;\n    }\n  }\n\n  .#{$prefix}--time-picker__input-field-error {\n    inline-size: 6.175rem;\n  }\n\n  // V11: Possibly deprecate\n  .#{$prefix}--time-picker--light .#{$prefix}--select-input {\n    background-color: $field-02;\n\n    &:hover {\n      background-color: $field-hover;\n    }\n\n    &:disabled,\n    &:hover:disabled {\n      background-color: transparent;\n      border-block-end: 1px solid transparent;\n      color: $text-disabled;\n      cursor: not-allowed;\n    }\n  }\n\n  .#{$prefix}--time-picker--sm .#{$prefix}--select-input,\n  .#{$prefix}--time-picker--sm .#{$prefix}--time-picker__input-field {\n    block-size: convert.to-rem(32px);\n    max-block-size: convert.to-rem(32px);\n  }\n\n  .#{$prefix}--time-picker--lg .#{$prefix}--select-input,\n  .#{$prefix}--time-picker--lg .#{$prefix}--time-picker__input-field {\n    block-size: convert.to-rem(48px);\n    max-block-size: convert.to-rem(48px);\n  }\n\n  // readonly\n  .#{$prefix}--time-picker--readonly .#{$prefix}--time-picker__input-field {\n    background-color: transparent;\n    border-block-end-color: $border-subtle;\n  }\n\n  .#{$prefix}--time-picker--readonly .#{$prefix}--select-input {\n    background-color: transparent;\n    border-block-end-color: $border-subtle;\n    cursor: default;\n  }\n\n  .#{$prefix}--time-picker--readonly\n    .#{$prefix}--select-input\n    + .#{$prefix}--select__arrow {\n    fill: $icon-disabled;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//3\n\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../button/tokens' as button;\n@use '../../utilities/convert';\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/visually-hidden' as *;\n@use '../../utilities/skeleton' as *;\n\n/// Toggle styles\n/// @access public\n/// @group toggle\n@mixin toggle {\n  .#{$prefix}--toggle {\n    display: inline-block;\n    user-select: none;\n  }\n\n  .#{$prefix}--toggle__label-text {\n    @include type-style('label-01');\n\n    display: block;\n    color: $text-secondary;\n    margin-block-end: $spacing-05;\n  }\n\n  .#{$prefix}--toggle__button {\n    @include visually-hidden;\n\n    &:focus {\n      outline: none;\n    }\n  }\n\n  .#{$prefix}--toggle__appearance {\n    display: inline-grid;\n    align-items: center;\n    column-gap: $spacing-03;\n    cursor: pointer;\n    grid-template-columns: max-content max-content;\n  }\n\n  .#{$prefix}--toggle__switch {\n    position: relative;\n    border-radius: convert.to-rem(12px);\n    background-color: $toggle-off;\n    block-size: convert.to-rem(24px);\n    inline-size: convert.to-rem(48px);\n    transition: background-color $duration-fast-01 motion(exit, productive);\n\n    &::before {\n      position: absolute;\n      border-radius: 50%;\n      background-color: $icon-on-color;\n      block-size: convert.to-rem(18px);\n      content: '';\n      inline-size: convert.to-rem(18px);\n      inset-block-start: convert.to-rem(3px);\n      inset-inline-start: convert.to-rem(3px);\n      transition: transform $duration-fast-01 motion(exit, productive);\n\n      @media screen and (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n  }\n\n  .#{$prefix}--toggle__button:focus\n    + .#{$prefix}--toggle__label\n    .#{$prefix}--toggle__switch,\n  .#{$prefix}--toggle:not(.#{$prefix}--toggle--disabled):active\n    .#{$prefix}--toggle__switch {\n    &::after {\n      display: block;\n      border-radius: convert.to-rem(16px);\n      block-size: 100%;\n      content: '';\n      outline: 2px solid $focus;\n      outline-offset: 1px;\n    }\n  }\n\n  .#{$prefix}--toggle__switch--checked {\n    background-color: $support-success;\n\n    &::before {\n      transform: translateX(convert.to-rem(24px));\n    }\n  }\n\n  .#{$prefix}--toggle__text {\n    @include type-style('body-01');\n\n    color: $text-primary;\n  }\n\n  .#{$prefix}--toggle__appearance--sm .#{$prefix}--toggle__switch {\n    block-size: convert.to-rem(16px);\n    inline-size: convert.to-rem(32px);\n\n    &::before {\n      block-size: convert.to-rem(10px);\n      inline-size: convert.to-rem(10px);\n    }\n  }\n\n  .#{$prefix}--toggle__appearance--sm\n    .#{$prefix}--toggle__switch--checked::before {\n    transform: translateX(convert.to-rem(16px));\n  }\n\n  .#{$prefix}--toggle__check {\n    position: absolute;\n    block-size: convert.to-rem(5px);\n    fill: $support-success;\n    inline-size: convert.to-rem(6px);\n    inset-block-start: convert.to-rem(6px);\n    inset-inline-end: convert.to-rem(5px);\n    visibility: hidden;\n  }\n\n  .#{$prefix}--toggle__switch--checked .#{$prefix}--toggle__check {\n    visibility: visible;\n  }\n\n  // ----------------------------------------\n  // disabled\n  // ----------------------------------------\n\n  .#{$prefix}--toggle--disabled .#{$prefix}--toggle__appearance {\n    cursor: not-allowed;\n  }\n\n  .#{$prefix}--toggle--disabled .#{$prefix}--toggle__label-text,\n  .#{$prefix}--toggle--disabled .#{$prefix}--toggle__text {\n    color: $text-disabled;\n  }\n\n  .#{$prefix}--toggle--disabled .#{$prefix}--toggle__switch {\n    background-color: button.$button-disabled;\n\n    &::before {\n      background-color: $icon-on-color-disabled;\n    }\n  }\n\n  .#{$prefix}--toggle--disabled .#{$prefix}--toggle__check {\n    fill: button.$button-disabled;\n  }\n\n  // ----------------------------------------\n  // readonly\n  // ----------------------------------------\n  .#{$prefix}--toggle--readonly .#{$prefix}--toggle__appearance {\n    cursor: default;\n  }\n\n  .#{$prefix}--toggle--readonly .#{$prefix}--toggle__switch {\n    border: 1px solid $icon-disabled;\n    background-color: transparent;\n\n    &::before {\n      background-color: $text-primary;\n      inset-block-start: convert.to-rem(2px);\n      inset-inline-start: convert.to-rem(2px);\n    }\n  }\n\n  .#{$prefix}--toggle--readonly .#{$prefix}--toggle__check {\n    fill: $background;\n    inset-block-start: convert.to-rem(5px);\n    inset-inline-end: convert.to-rem(4px);\n  }\n\n  .#{$prefix}--toggle--readonly .#{$prefix}--toggle__text {\n    cursor: text;\n    user-select: text;\n  }\n\n  // HCM\n\n  .#{$prefix}--toggle__switch,\n  .#{$prefix}--toggle__switch::before {\n    @include high-contrast-mode('outline');\n  }\n\n  .#{$prefix}--toggle__button:focus\n    + .#{$prefix}--toggle__label\n    .#{$prefix}--toggle__switch,\n  .#{$prefix}--toggle:not(.#{$prefix}--toggle--disabled):active\n    .#{$prefix}--toggle__switch {\n    @include high-contrast-mode('focus');\n  }\n\n  // Skeleton state\n  .#{$prefix}--toggle--skeleton {\n    display: flex;\n    align-items: center;\n  }\n\n  .#{$prefix}--toggle--skeleton .#{$prefix}--toggle__skeleton-circle {\n    @include circular-skeleton;\n\n    border-radius: 50%;\n    block-size: convert.to-rem(18px);\n    inline-size: convert.to-rem(18px);\n  }\n\n  .#{$prefix}--toggle--skeleton .#{$prefix}--toggle__skeleton-rectangle {\n    @include skeleton;\n\n    block-size: convert.to-rem(8px);\n    inline-size: convert.to-rem(24px);\n    margin-inline-start: convert.to-rem(8px);\n  }\n\n  // RTL overrides\n  [dir='rtl'] .#{$prefix}--toggle__switch--checked::before {\n    transform: translateX(convert.to-rem(-24px));\n  }\n\n  [dir='rtl']\n    .#{$prefix}--toggle__appearance--sm\n    .#{$prefix}--toggle__switch--checked::before {\n    transform: translateX(convert.to-rem(-16px));\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../form';\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/convert';\n@use '../../utilities/component-reset';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/skeleton' as *;\n\n/// Treeview styles\n/// @access public\n/// @group treeview\n@mixin treeview {\n  .#{$prefix}--tree {\n    @include component-reset.reset;\n\n    overflow: hidden;\n  }\n\n  .#{$prefix}--tree-node {\n    background-color: $layer-01;\n    color: $text-secondary;\n    padding-inline-start: $spacing-05;\n\n    &:focus {\n      outline: none;\n    }\n\n    &:hover {\n      cursor: pointer;\n    }\n  }\n\n  .#{$prefix}--tree-node--hidden {\n    display: none;\n  }\n\n  .#{$prefix}--tree-node__children {\n    @include component-reset.reset;\n\n    list-style-type: none;\n  }\n\n  .#{$prefix}--tree-node--with-icon .#{$prefix}--tree-node {\n    margin-inline-start: $spacing-03;\n  }\n\n  .#{$prefix}--tree-node:focus > .#{$prefix}--tree-node__label {\n    @include focus-outline('outline');\n  }\n\n  .#{$prefix}--tree-node--disabled:focus > .#{$prefix}--tree-node__label {\n    outline: none;\n  }\n\n  .#{$prefix}--tree-node--disabled,\n  .#{$prefix}--tree-node--disabled .#{$prefix}--tree-node__label:hover,\n  .#{$prefix}--tree-node--disabled\n    .#{$prefix}--tree-node__label:hover\n    .#{$prefix}--tree-node__label__details {\n    background-color: $field-01;\n    color: $text-disabled;\n  }\n\n  .#{$prefix}--tree-node--disabled .#{$prefix}--tree-parent-node__toggle-icon,\n  .#{$prefix}--tree-node--disabled .#{$prefix}--tree-node__icon,\n  .#{$prefix}--tree-node--disabled\n    .#{$prefix}--tree-node__label:hover\n    .#{$prefix}--tree-parent-node__toggle-icon,\n  .#{$prefix}--tree-node--disabled\n    .#{$prefix}--tree-node__label:hover\n    .#{$prefix}--tree-node__icon {\n    fill: $icon-disabled;\n  }\n\n  .#{$prefix}--tree-node--disabled,\n  .#{$prefix}--tree-node--disabled\n    .#{$prefix}--tree-parent-node__toggle-icon:hover {\n    cursor: not-allowed;\n  }\n\n  // Overrides link styling\n  li a.#{$prefix}--tree-node {\n    text-decoration: none;\n\n    &:not(.cds--tree-node--disabled) {\n      color: $text-secondary;\n    }\n  }\n\n  li.#{$prefix}--tree-node-link-parent {\n    display: flex;\n    flex-direction: column;\n    background-color: $layer-01;\n\n    > .#{$prefix}--tree-node__children {\n      padding-inline-start: $spacing-05;\n    }\n  }\n\n  .#{$prefix}--tree-node__label {\n    @include type-style('body-compact-01');\n\n    display: flex;\n    flex: 1;\n    align-items: center;\n    min-block-size: convert.to-rem(32px);\n\n    &:hover {\n      background-color: $layer-hover-01;\n      color: $text-primary;\n    }\n  }\n\n  .#{$prefix}--tree-node:not(.#{$prefix}--tree-parent-node)\n    .#{$prefix}--tree-node__label {\n    padding-block: convert.to-rem(7px) convert.to-rem(7px);\n    // (min-height 32px - single line text height 18px) / 2 = 7px\n  }\n\n  .#{$prefix}--tree-node__label:hover .#{$prefix}--tree-node__label__details {\n    color: $text-primary;\n  }\n\n  .#{$prefix}--tree-node__label:hover\n    .#{$prefix}--tree-parent-node__toggle-icon,\n  .#{$prefix}--tree-node__label:hover .#{$prefix}--tree-node__icon {\n    fill: $icon-primary;\n  }\n\n  .#{$prefix}--tree-leaf-node {\n    display: flex;\n    padding-inline-start: $spacing-08;\n  }\n\n  .#{$prefix}--tree-leaf-node.#{$prefix}--tree-node--with-icon {\n    padding-inline-start: $spacing-07;\n  }\n\n  .#{$prefix}--tree-leaf-node.#{$prefix}--tree-node--with-icon\n    .#{$prefix}--tree-leaf-node {\n    padding-inline-start: $spacing-06;\n  }\n\n  .#{$prefix}--tree-node__label__details {\n    display: flex;\n    align-items: center;\n  }\n\n  .#{$prefix}--tree-node--with-icon .#{$prefix}--tree-parent-node__toggle {\n    margin-inline-end: 0;\n  }\n\n  .#{$prefix}--tree-parent-node__toggle {\n    display: flex;\n    align-items: center;\n    border: 0;\n    block-size: convert.to-rem(24px);\n    inline-size: convert.to-rem(24px);\n    margin-inline: -$spacing-02 $spacing-02;\n    padding-inline-start: $spacing-02;\n\n    &:hover {\n      cursor: pointer;\n    }\n\n    &:focus {\n      outline: none;\n    }\n  }\n\n  .#{$prefix}--tree-parent-node__toggle-icon {\n    fill: $icon-secondary;\n    transform: rotate(-90deg);\n    transition: all $duration-fast-02 motion(standard, productive);\n  }\n\n  .#{$prefix}--tree-parent-node__toggle-icon--expanded {\n    transform: rotate(0);\n  }\n\n  .#{$prefix}--tree-node__icon {\n    fill: $icon-secondary;\n    margin-inline: $spacing-03 $spacing-03;\n    min-block-size: 1rem;\n    min-inline-size: 1rem;\n  }\n\n  .#{$prefix}--tree-parent-node__toggle\n    + .#{$prefix}--tree-node__label__details\n    .#{$prefix}--tree-node__icon {\n    margin-inline-start: $spacing-02;\n  }\n\n  .#{$prefix}--tree-node--selected > .#{$prefix}--tree-node__label {\n    background-color: $layer-selected-01;\n    color: $text-primary;\n\n    &:hover {\n      background-color: $layer-selected-hover-01;\n    }\n  }\n\n  .#{$prefix}--tree-node--selected\n    > .#{$prefix}--tree-node__label\n    .#{$prefix}--tree-parent-node__toggle-icon,\n  .#{$prefix}--tree-node--selected\n    > .#{$prefix}--tree-node__label\n    .#{$prefix}--tree-node__icon {\n    fill: $icon-primary;\n  }\n\n  .#{$prefix}--tree-node--active > .#{$prefix}--tree-node__label {\n    position: relative;\n\n    &::before {\n      position: absolute;\n      background-color: $interactive;\n      block-size: 100%;\n      content: '';\n      inline-size: convert.to-rem(4px);\n      inset-block-start: 0;\n      inset-inline-start: 0;\n    }\n  }\n\n  // xs size variant\n  .#{$prefix}--tree--xs .#{$prefix}--tree-node__label {\n    min-block-size: convert.to-rem(24px);\n  }\n\n  .#{$prefix}--tree--xs\n    .#{$prefix}--tree-node:not(.#{$prefix}--tree-parent-node)\n    .#{$prefix}--tree-node__label {\n    padding: 0;\n  }\n\n  .#{$prefix}--tree--xs .#{$prefix}--tree-parent-node__toggle {\n    margin-block-start: 0;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../functions' as *;\n@use '../../../config' as *;\n@use '../../../theme' as *;\n\n/// UI shell content\n/// @access private\n/// @group ui-shell\n@mixin content {\n  .#{$prefix}--content {\n    padding: 2rem;\n    color: $text-primary;\n    will-change: margin-left;\n  }\n\n  .#{$prefix}--header ~ .#{$prefix}--content,\n  div:has(.#{$prefix}--header) ~ .#{$prefix}--content {\n    margin-block-start: mini-units(6);\n  }\n\n  .#{$prefix}--side-nav ~ .#{$prefix}--content {\n    margin-inline-start: mini-units(6);\n  }\n\n  .#{$prefix}--side-nav.#{$prefix}--side-nav--expanded ~ .#{$prefix}--content {\n    margin-inline-start: mini-units(32);\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../button';\n@use '../mixins' as *;\n@use '../functions' as *;\n@use '../../../breakpoint' as *;\n@use '../../../config' as *;\n@use '../../../layer' as *;\n@use '../../../motion' as *;\n@use '../../../spacing' as *;\n@use '../../../theme' as *;\n@use '../../../type' as *;\n@use '../../../utilities/button-reset';\n@use '../../../utilities/component-reset';\n@use '../../../utilities/convert';\n@use '../../../utilities/z-index' as *;\n\n/// UI shell header\n/// @access private\n/// @group ui-shell\n@mixin header {\n  .#{$prefix}--header {\n    @include component-reset.reset;\n\n    position: fixed;\n    z-index: z('header');\n    display: flex;\n    align-items: center;\n    background-color: $background;\n    block-size: mini-units(6);\n    border-block-end: 1px solid $border-subtle;\n    inset-block-start: 0;\n    inset-inline: 0;\n  }\n\n  .#{$prefix}--header__action {\n    @include button-reset.reset();\n\n    display: inline-flex;\n    border: convert.to-rem(1px) solid transparent;\n    block-size: mini-units(6);\n    inline-size: mini-units(6);\n    transition:\n      background-color $duration-fast-02,\n      border-color $duration-fast-02;\n    @include breakpoint-down('md') {\n      min-inline-size: $spacing-09;\n    }\n  }\n\n  .#{$prefix}--header__global .#{$prefix}--popover {\n    z-index: z('header') + 1;\n  }\n\n  .#{$prefix}--header__action > :first-child {\n    margin-block-start: 0;\n  }\n\n  .#{$prefix}--header__action\n    > svg.#{$prefix}--navigation-menu-panel-collapse-icon,\n  .#{$prefix}--header__action--active\n    > svg.#{$prefix}--navigation-menu-panel-expand-icon {\n    display: none;\n  }\n\n  .#{$prefix}--header__action--active\n    > svg.#{$prefix}--navigation-menu-panel-collapse-icon {\n    display: inline;\n  }\n\n  .#{$prefix}--header__action:hover {\n    background-color: $background-hover;\n  }\n\n  .#{$prefix}--header__action--active {\n    background: $layer;\n    border-block-end: 1px solid transparent;\n    border-inline-end: 1px solid $border-subtle;\n    border-inline-start: 1px solid $border-subtle;\n  }\n\n  .#{$prefix}--header__action--active > svg {\n    fill: $icon-primary;\n  }\n\n  .#{$prefix}--header__action:focus {\n    border-color: $focus;\n    outline: none;\n  }\n\n  .#{$prefix}--header__action:active {\n    background-color: $background-active;\n  }\n\n  .#{$prefix}--header__action.#{$prefix}--btn--icon-only {\n    align-items: center;\n    justify-content: center;\n  }\n\n  .#{$prefix}--btn.#{$prefix}--btn--icon-only.#{$prefix}--header__action svg {\n    fill: $icon-secondary;\n  }\n\n  .#{$prefix}--btn.#{$prefix}--btn--icon-only.#{$prefix}--header__action:hover\n    svg,\n  .#{$prefix}--btn.#{$prefix}--btn--icon-only.#{$prefix}--header__action:active\n    svg,\n  .#{$prefix}--btn.#{$prefix}--btn--icon-only.#{$prefix}--header__action--active\n    svg {\n    fill: $icon-primary;\n  }\n\n  .#{$prefix}--header__menu-trigger > svg {\n    fill: $icon-primary;\n  }\n\n  .#{$prefix}--header__menu-trigger:hover > svg {\n    fill: $icon-primary;\n    //TO-DO: ask design if this color changes on hover, missing spec for it\n  }\n\n  .#{$prefix}--header__menu-toggle {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .#{$prefix}--header__menu-toggle__hidden {\n    @include breakpoint('lg') {\n      display: none;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  // Header - Name\n  //--------------------------------------------------------------------------\n  a.#{$prefix}--header__name {\n    @include type-style('body-compact-01');\n\n    display: flex;\n    align-items: center;\n    padding: 0 mini-units(4) 0 mini-units(2);\n    border: convert.to-rem(2px) solid transparent;\n    block-size: 100%;\n    font-weight: 600;\n    letter-spacing: 0.1px;\n    line-height: 1.25rem;\n    outline: none;\n    text-decoration: none;\n    transition: border-color $duration-fast-02;\n    user-select: none;\n    @include breakpoint-down('md') {\n      padding: 0 $spacing-05;\n    }\n  }\n\n  a.#{$prefix}--header__name:focus {\n    border-color: $focus;\n    //TO-DO: follow up with design to see if this is correct, missing focus spec for it\n  }\n\n  .#{$prefix}--header__name--prefix {\n    font-weight: 400;\n  }\n\n  a.#{$prefix}--header__name,\n  a.#{$prefix}--header__name:hover {\n    color: $text-primary;\n  }\n\n  .#{$prefix}--header__menu-toggle:not(.#{$prefix}--header__menu-toggle__hidden)\n    ~ .#{$prefix}--header__name {\n    padding-inline-start: convert.to-rem(8px);\n  }\n\n  //--------------------------------------------------------------------------\n  // Header - Navigation\n  //--------------------------------------------------------------------------\n  .#{$prefix}--header__nav {\n    position: relative;\n    display: none;\n    block-size: 100%;\n    padding-inline-start: mini-units(2);\n\n    @include breakpoint('lg') {\n      display: block;\n    }\n\n    // header nav divider\n    &::before {\n      position: absolute;\n      display: block;\n      background-color: $border-subtle;\n      block-size: convert.to-rem(24px);\n      content: '';\n      inline-size: convert.to-rem(1px);\n      inset-block-start: 50%;\n      inset-inline-start: 0;\n      transform: translateY(-50%);\n    }\n  }\n\n  .#{$prefix}--header__menu-bar {\n    @include component-reset.reset;\n\n    display: flex;\n    padding: 0;\n    margin: 0;\n    block-size: 100%;\n    list-style: none;\n  }\n\n  a.#{$prefix}--header__menu-item {\n    position: relative;\n    display: flex;\n    align-items: center;\n    padding: 0 mini-units(2);\n    // Used for focus styles\n    border: 2px solid transparent;\n    background-color: $background;\n    // Used for links that are directly in the menubar to span the full height\n    block-size: 100%;\n    color: $text-secondary;\n    // Text styles\n    font-size: convert.to-rem(14px);\n    font-weight: 400;\n    letter-spacing: 0;\n    line-height: 1.125rem;\n    // Reset link styles and make sure the text isn't selectable\n    text-decoration: none;\n    transition:\n      background-color $duration-fast-02,\n      border-color $duration-fast-02,\n      color $duration-fast-02;\n    user-select: none;\n  }\n\n  a.#{$prefix}--header__menu-item:hover {\n    background-color: $background-hover;\n    color: $text-primary;\n  }\n\n  .#{$prefix}--header__action:active,\n  a.#{$prefix}--header__menu-item:active {\n    background-color: $background-active;\n    color: $text-primary;\n  }\n\n  a.#{$prefix}--header__menu-item:focus {\n    border-color: $focus;\n    outline: none;\n  }\n\n  a.#{$prefix}--header__menu-item:hover > svg,\n  a.#{$prefix}--header__menu-item:active > svg {\n    fill: $icon-primary;\n  }\n\n  // Styles for selected state\n\n  a.#{$prefix}--header__menu-item[aria-current='page'],\n  .#{$prefix}--header__menu-item--current {\n    color: $text-primary;\n  }\n\n  a.#{$prefix}--header__menu-item[aria-current='page']::after,\n  .#{$prefix}--header__menu-item--current::after {\n    position: absolute;\n    background-color: $border-interactive;\n    block-size: 3px;\n    content: '';\n    inline-size: calc(100% + 4px);\n    inset-block-end: -2px;\n    inset-inline-start: -2px;\n  }\n\n  a.#{$prefix}--header__menu-item[aria-current='page']:focus::after,\n  .#{$prefix}--header__menu-item--current:focus::after {\n    border: 0;\n  }\n\n  .#{$prefix}--header__submenu .#{$prefix}--header__menu {\n    a.#{$prefix}--header__menu-item[aria-current='page']::after,\n    .#{$prefix}--header__menu-item--current::after {\n      background-color: $border-interactive;\n      block-size: calc(100% + 4px);\n      inline-size: 3px;\n      inset-block-start: -2px;\n      inset-inline-start: -2px;\n    }\n\n    a.#{$prefix}--header__menu-item[aria-current='page']:focus::after,\n    .#{$prefix}--header__menu-item--current:focus::after {\n      background-color: $border-interactive;\n      block-size: calc(100% + 4px);\n      // extra, hidden width prevents flickering on focus change\n      inline-size: 5px;\n      inset-block-start: -2px;\n      inset-inline-start: -2px;\n    }\n  }\n\n  a.#{$prefix}--header__menu-item[aria-current='page']:focus,\n  a.#{$prefix}--header__menu-item.#{$prefix}--header__menu-item--current:focus {\n    border: 2px solid $focus;\n  }\n\n  .#{$prefix}--header__submenu {\n    position: relative;\n  }\n\n  .#{$prefix}--header__menu-title[aria-haspopup='true'] {\n    position: relative;\n  }\n\n  .#{$prefix}--header__menu-title[aria-expanded='true'] {\n    // Note: needs to be higher than menu. Adding 1 here instead of moving to\n    // the next level.\n    z-index: #{z('header') + 2};\n    background-color: $layer;\n    color: $text-secondary;\n  }\n\n  .#{$prefix}--header__menu-title[aria-expanded='true']\n    > .#{$prefix}--header__menu-arrow {\n    transform: rotate(180deg);\n  }\n\n  .#{$prefix}--header__menu {\n    display: none;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n\n  .#{$prefix}--header__menu-title[aria-expanded='true']\n    + .#{$prefix}--header__menu {\n    position: absolute;\n    z-index: #{z('header') + 1};\n    display: flex;\n    flex-direction: column;\n    background-color: $layer;\n    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 50%);\n    inline-size: mini-units(25);\n    inset-block-end: 0;\n    inset-inline-start: 0;\n    transform: translateY(100%);\n  }\n\n  .#{$prefix}--header__menu-title[aria-expanded='true']\n    + .#{$prefix}--header__menu\n    .#{$prefix}--header__menu-item {\n    background-color: $layer;\n  }\n\n  .#{$prefix}--header__menu-title[aria-expanded='true']\n    + .#{$prefix}--header__menu\n    .#{$prefix}--header__menu-item:hover {\n    background-color: $layer-hover;\n    color: $text-primary;\n  }\n\n  .#{$prefix}--header__menu-title[aria-expanded='true']\n    + .#{$prefix}--header__menu\n    .#{$prefix}--header__menu-item:active {\n    background-color: $layer-active;\n    color: $text-primary;\n  }\n\n  .#{$prefix}--header__menu-title[aria-expanded='true']\n    + .#{$prefix}--header__menu\n    .#{$prefix}--header__menu-item.#{$prefix}--header__menu-item--current {\n    // used for both desktop and mobile\n    background-color: $layer-selected;\n\n    &:hover {\n      background-color: $layer-selected-hover;\n    }\n  }\n\n  .#{$prefix}--header__menu .#{$prefix}--header__menu-item {\n    block-size: mini-units(6);\n  }\n\n  .#{$prefix}--header__menu-arrow {\n    fill: $icon-secondary;\n    margin-inline-start: mini-units(1);\n    transition:\n      transform $duration-fast-02,\n      fill $duration-fast-02;\n  }\n\n  //--------------------------------------------------------------------------\n  // Header - Global\n  //--------------------------------------------------------------------------\n  .#{$prefix}--header__global {\n    display: flex;\n    flex: 1 1 0%;\n    justify-content: flex-end;\n    block-size: 100%;\n  }\n\n  //--------------------------------------------------------------------------\n  // Header - Skip to content\n  //--------------------------------------------------------------------------\n  .#{$prefix}--skip-to-content {\n    position: absolute;\n    overflow: hidden;\n    padding: 0;\n    border: 0;\n    margin: -1px;\n    block-size: 1px;\n    clip: rect(0, 0, 0, 0);\n    inline-size: 1px;\n    visibility: inherit;\n    white-space: nowrap;\n  }\n\n  .#{$prefix}--skip-to-content:focus {\n    z-index: 9999;\n    display: flex;\n    align-items: center;\n    padding: 0 1rem;\n    border: 4px solid $focus;\n    background-color: $background;\n    block-size: 3rem;\n    clip: auto;\n    color: $text-secondary;\n    inline-size: auto;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    //TO-DO: double check with design that these tokens are correct, missing spec for it\n    outline: none;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../functions' as *;\n@use '../../../config' as *;\n@use '../../../layer' as *;\n@use '../../../motion' as *;\n@use '../../../theme' as *;\n@use '../../../utilities/z-index' as *;\n\n/// UI shell side nav\n/// @access private\n/// @group ui-shell\n@mixin header-panel {\n  //----------------------------------------------------------------------------\n  // Header Panel\n  //----------------------------------------------------------------------------\n  .#{$prefix}--header-panel {\n    position: fixed;\n    z-index: z('header');\n    overflow: hidden;\n    border: none;\n    background-color: $layer;\n    color: $text-secondary;\n    inline-size: 0;\n    inset-block: mini-units(6) 0;\n    inset-inline-end: 0;\n    transition: width $duration-fast-02 motion(exit, productive);\n    will-change: width;\n  }\n\n  .#{$prefix}--header-panel--expanded {\n    border-inline-end: 1px solid $border-subtle;\n    border-inline-start: 1px solid $border-subtle;\n    inline-size: mini-units(32);\n    overflow-y: auto;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../mixins' as *;\n@use '../functions' as *;\n@use '../../../breakpoint' as *;\n@use '../../../config' as *;\n@use '../../../layer' as *;\n@use '../../../motion' as *;\n@use '../../../spacing' as *;\n@use '../../../theme' as *;\n@use '../../../type' as *;\n@use '../../../utilities/button-reset';\n@use '../../../utilities/component-reset';\n@use '../../../utilities/convert';\n@use '../../../utilities/focus-outline' as *;\n@use '../../../utilities/high-contrast-mode' as *;\n@use '../../../utilities/z-index' as *;\n\n/// UI shell side nav\n/// @access private\n/// @group ui-shell\n@mixin side-nav {\n  //----------------------------------------------------------------------------\n  // Side-nav > Panel\n  //----------------------------------------------------------------------------.\n  .#{$prefix}--side-nav {\n    position: fixed;\n    z-index: z('header');\n    // Useful to toggle this property to see what's going on when not expanded\n    overflow: hidden;\n    background-color: $background;\n    color: $text-secondary;\n    inline-size: mini-units(6);\n    inset-block: 0;\n    inset-inline-start: 0;\n    max-inline-size: mini-units(32);\n    // TODO: sync with motion work\n    transition:\n      inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9),\n      transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);\n    will-change: inline-size;\n  }\n\n  .#{$prefix}--side-nav--ux {\n    inline-size: mini-units(32);\n    inset-block-start: $spacing-09;\n\n    @include breakpoint-down('lg') {\n      inline-size: 0;\n    }\n  }\n\n  //----------------------------------------------------------------------------\n  // Rail\n  //---------------------------------------------------------------------------\n  // Used for rendering the actual side rail. There are two states that we have\n  // to style for, namely for when the rail is collapsed and expanded. When\n  // collapsed, the rail is intended to expand on mouse over. When expanded, it\n  // should have the same dimensions as when expanded on mouse over\n\n  .#{$prefix}--side-nav--rail {\n    inline-size: mini-units(6);\n  }\n\n  .#{$prefix}--side-nav--hidden {\n    inline-size: 0;\n  }\n\n  .#{$prefix}--side-nav--expanded {\n    inline-size: mini-units(32);\n  }\n\n  .#{$prefix}--side-nav__overlay {\n    position: fixed;\n    background-color: transparent;\n    block-size: 0;\n    inline-size: 0;\n    inset-block-start: convert.to-rem(48px);\n    inset-inline-start: 0;\n    opacity: 0;\n    transition:\n      opacity $transition-expansion $standard-easing,\n      background-color $transition-expansion $standard-easing;\n  }\n\n  .#{$prefix}--side-nav__overlay-active {\n    @include breakpoint-down('lg') {\n      z-index: z('overlay');\n      background-color: $overlay;\n      block-size: 100vh;\n      inline-size: 100vw;\n      opacity: 1;\n      transition:\n        opacity $transition-expansion $standard-easing,\n        background-color $transition-expansion $standard-easing;\n    }\n  }\n\n  // When used alongside the header, we update the `top` positioning so that we\n  // can fit both widgets on the same page without overlapping.\n  .#{$prefix}--header ~ .#{$prefix}--side-nav {\n    block-size: calc(100% - 48px);\n    inset-block-start: mini-units(6);\n  }\n\n  .#{$prefix}--side-nav--fixed {\n    inline-size: mini-units(32);\n  }\n\n  .#{$prefix}--side-nav--collapsed {\n    inline-size: mini-units(32);\n    transform: translateX(mini-units(-32));\n  }\n\n  //----------------------------------------------------------------------------\n  // Side-nav > Navigation\n  //----------------------------------------------------------------------------\n  .#{$prefix}--side-nav__navigation {\n    display: flex;\n    flex-direction: column;\n  }\n\n  //----------------------------------------------------------------------------\n  // Side-nav > Navigation > Item(s)\n  //----------------------------------------------------------------------------\n  .#{$prefix}--side-nav__items {\n    @include component-reset.reset;\n\n    overflow: hidden;\n    flex: 1 1 0%;\n    padding: 1rem 0 0;\n\n    @include expanded() {\n      overflow-y: auto;\n    }\n  }\n\n  .#{$prefix}--side-nav--ux .#{$prefix}--side-nav__items {\n    overflow-y: auto;\n  }\n\n  .#{$prefix}--side-nav__item {\n    overflow: hidden;\n    block-size: auto;\n    inline-size: auto;\n  }\n\n  .#{$prefix}--side-nav--ux .#{$prefix}--side-nav__item {\n    block-size: auto;\n    inline-size: auto;\n  }\n\n  .#{$prefix}--side-nav__item:not(.#{$prefix}--side-nav__item--active):hover\n    .#{$prefix}--side-nav__item:not(.#{$prefix}--side-nav__item--active)\n    > .#{$prefix}--side-nav__submenu:hover,\n  .#{$prefix}--side-nav__item:not(.#{$prefix}--side-nav__item--active)\n    > .#{$prefix}--side-nav__link:hover,\n  .#{$prefix}--side-nav__menu\n    a.#{$prefix}--side-nav__link:not(.#{$prefix}--side-nav__link--current):not(\n      [aria-current='page']\n    ):hover,\n  .#{$prefix}--side-nav a.#{$prefix}--header__menu-item:hover,\n  .#{$prefix}--side-nav\n    .#{$prefix}--header__menu-title[aria-expanded='true']:hover {\n    // TODO: sync color\n    background-color: $background-hover;\n    color: $text-primary;\n  }\n\n  .#{$prefix}--side-nav__item:not(.#{$prefix}--side-nav__item--active)\n    > .#{$prefix}--side-nav__link:hover\n    > span,\n  .#{$prefix}--side-nav__item:not(.#{$prefix}--side-nav__item--active)\n    .#{$prefix}--side-nav__menu-item\n    > .#{$prefix}--side-nav__link:hover\n    > span {\n    color: $text-primary;\n  }\n\n  .#{$prefix}--side-nav__item--large {\n    block-size: auto;\n  }\n\n  //----------------------------------------------------------------------------\n  // Side-nav > Navigation > Divider\n  //----------------------------------------------------------------------------\n  .#{$prefix}--side-nav__divider {\n    margin: $spacing-03 $spacing-05;\n    background-color: $border-subtle;\n    block-size: 1px;\n    list-style-type: none;\n  }\n\n  .#{$prefix}--side-nav__divider hr {\n    border: none;\n  }\n\n  //----------------------------------------------------------------------------\n  // Side-nav > Navigation > {Menu,Submenu}\n  //----------------------------------------------------------------------------\n  .#{$prefix}--side-nav__submenu {\n    @include button-reset.reset($width: true);\n    @include type-style('heading-compact-01');\n    @include focus-outline('reset');\n\n    display: flex;\n    align-items: center;\n\n    padding: 0 mini-units(2);\n    block-size: mini-units(4);\n    color: $text-secondary;\n    transition:\n      color $duration-fast-02,\n      background-color $duration-fast-02,\n      outline $duration-fast-02;\n    user-select: none;\n  }\n\n  .#{$prefix}--side-nav__submenu:hover {\n    background-color: $background-hover;\n    color: $text-primary;\n  }\n\n  .#{$prefix}--side-nav__submenu:focus {\n    @include focus-outline('outline');\n  }\n\n  .#{$prefix}--side-nav__submenu-title {\n    @include text-overflow();\n\n    text-align: start;\n  }\n\n  .#{$prefix}--side-nav__icon.#{$prefix}--side-nav__submenu-chevron {\n    display: flex;\n    flex: 1;\n    justify-content: flex-end;\n  }\n\n  .#{$prefix}--side-nav__submenu-chevron > svg {\n    block-size: convert.to-rem(16px);\n    inline-size: convert.to-rem(16px);\n    transition: transform $duration-fast-02;\n  }\n\n  .#{$prefix}--side-nav__submenu[aria-expanded='true']\n    .#{$prefix}--side-nav__submenu-chevron\n    > svg {\n    transform: rotate(180deg);\n  }\n\n  .#{$prefix}--side-nav__item--large .#{$prefix}--side-nav__submenu {\n    block-size: mini-units(6);\n  }\n\n  .#{$prefix}--side-nav__item--active .#{$prefix}--side-nav__submenu:hover {\n    //the active className is used for selected styles, hence using the selected tokens\n    background-color: $background-selected;\n    color: $text-primary;\n  }\n\n  .#{$prefix}--side-nav__item--active\n    .#{$prefix}--side-nav__submenu[aria-expanded='false'] {\n    position: relative;\n    background-color: $background-selected;\n    color: $text-primary;\n\n    &::before {\n      position: absolute;\n      background-color: $border-interactive;\n      content: '';\n      inline-size: 3px;\n      inset-block: 0;\n      inset-inline-start: 0;\n    }\n  }\n\n  .#{$prefix}--side-nav__item--active .#{$prefix}--side-nav__submenu-title {\n    color: $text-primary;\n    font-weight: 600;\n  }\n\n  .#{$prefix}--side-nav__item--active .#{$prefix}--side-nav__icon > svg {\n    fill: $icon-primary;\n  }\n\n  .#{$prefix}--side-nav__menu {\n    @include component-reset.reset;\n\n    display: block;\n    max-block-size: 0;\n    visibility: hidden;\n  }\n\n  .#{$prefix}--side-nav__submenu[aria-expanded='true']\n    + .#{$prefix}--side-nav__menu {\n    max-block-size: convert.to-rem(1500px);\n    visibility: inherit;\n  }\n\n  .#{$prefix}--side-nav__menu a.#{$prefix}--side-nav__link {\n    block-size: mini-units(4);\n    font-weight: 400;\n    min-block-size: mini-units(4);\n    padding-inline-start: mini-units(4);\n  }\n\n  .#{$prefix}--side-nav__item.#{$prefix}--side-nav__item--icon\n    a.#{$prefix}--side-nav__link {\n    padding-inline-start: mini-units(9);\n  }\n  .#{$prefix}--side-nav__menu a.#{$prefix}--side-nav__link--current,\n  .#{$prefix}--side-nav__menu a.#{$prefix}--side-nav__link[aria-current='page'],\n  a.#{$prefix}--side-nav__link--current {\n    background-color: $background-selected;\n\n    > span {\n      color: $text-primary;\n      font-weight: 600;\n    }\n  }\n\n  //----------------------------------------------------------------------------\n  // Side-nav > Link\n  //----------------------------------------------------------------------------\n  a.#{$prefix}--side-nav__link,\n  .#{$prefix}--side-nav a.#{$prefix}--header__menu-item,\n  .#{$prefix}--side-nav\n    .#{$prefix}--header__menu-title[aria-expanded='true']\n    + .#{$prefix}--header__menu {\n    @include focus-outline('reset');\n    @include type-style('heading-compact-01');\n\n    position: relative;\n    display: flex;\n    align-items: center;\n    padding: 0 mini-units(2);\n    min-block-size: mini-units(4);\n    text-decoration: none;\n    transition:\n      color $duration-fast-02,\n      background-color $duration-fast-02,\n      outline $duration-fast-02;\n  }\n\n  .#{$prefix}--side-nav__item--large a.#{$prefix}--side-nav__link {\n    block-size: mini-units(6);\n  }\n\n  a.#{$prefix}--side-nav__link > .#{$prefix}--side-nav__link-text,\n  .#{$prefix}--side-nav\n    a.#{$prefix}--header__menu-item\n    .#{$prefix}--text-truncate-end {\n    @include text-overflow();\n\n    color: $text-secondary;\n    font-size: convert.to-rem(14px);\n    letter-spacing: 0.1px;\n    line-height: 1.25rem;\n    user-select: none;\n  }\n\n  a.#{$prefix}--side-nav__link:focus,\n  .#{$prefix}--side-nav a.#{$prefix}--header__menu-item:focus {\n    @include focus-outline('outline');\n  }\n\n  a.#{$prefix}--side-nav__link[aria-current='page'],\n  a.#{$prefix}--side-nav__link--current {\n    background-color: $background-selected;\n    font-weight: 600;\n  }\n\n  a.#{$prefix}--side-nav__link[aria-current='page']\n    .#{$prefix}--side-nav__link-text,\n  a.#{$prefix}--side-nav__link--current .#{$prefix}--side-nav__link-text {\n    color: $text-primary;\n  }\n\n  a.#{$prefix}--side-nav__link[aria-current='page']::before,\n  a.#{$prefix}--side-nav__link--current::before {\n    position: absolute;\n    background-color: $border-interactive;\n    content: '';\n    inline-size: 3px;\n    inset-block: 0;\n    inset-inline-start: 0;\n  }\n\n  //----------------------------------------------------------------------------\n  // Side-nav > Icons\n  //----------------------------------------------------------------------------\n  .#{$prefix}--side-nav__icon {\n    display: flex;\n    // Helpful in flex containers so the icon does not have less than the\n    // expected width\n    flex: 0 0 mini-units(2);\n    align-items: center;\n    justify-content: center;\n  }\n\n  .#{$prefix}--side-nav__icon:not(.#{$prefix}--side-nav__submenu-chevron) {\n    margin-inline-end: mini-units(3);\n  }\n\n  .#{$prefix}--side-nav__icon > svg {\n    block-size: mini-units(2);\n    fill: $icon-secondary;\n    inline-size: mini-units(2);\n  }\n\n  .#{$prefix}--side-nav__icon > svg.#{$prefix}--side-nav-collapse-icon {\n    display: none;\n  }\n\n  .#{$prefix}--side-nav--expanded\n    .#{$prefix}--side-nav__icon\n    > svg.#{$prefix}--side-nav-expand-icon {\n    display: none;\n  }\n\n  .#{$prefix}--side-nav--expanded\n    .#{$prefix}--side-nav__icon\n    > svg.#{$prefix}--side-nav-collapse-icon {\n    display: block;\n  }\n\n  //----------------------------------------------------------------------------\n  // Variants - Fixed\n  //----------------------------------------------------------------------------\n  .#{$prefix}--side-nav--fixed a.#{$prefix}--side-nav__link,\n  .#{$prefix}--side-nav--fixed .#{$prefix}--side-nav__submenu {\n    padding-inline-start: mini-units(2);\n  }\n\n  .#{$prefix}--side-nav--fixed\n    .#{$prefix}--side-nav__item:not(.#{$prefix}--side-nav__item--icon)\n    .#{$prefix}--side-nav__menu\n    a.#{$prefix}--side-nav__link {\n    padding-inline-start: mini-units(4);\n  }\n\n  //----------------------------------------------------------------------------\n  // Variants - Header Nav Links in Side Nav\n  //----------------------------------------------------------------------------\n  .#{$prefix}--side-nav .#{$prefix}--header__nav {\n    @include breakpoint-down('lg') {\n      display: block;\n    }\n  }\n\n  .#{$prefix}--side-nav__header-navigation {\n    @include component-reset.reset;\n\n    display: none;\n\n    @include breakpoint-down('lg') {\n      position: relative;\n      display: block;\n      margin-block-end: convert.to-rem(32px);\n    }\n  }\n\n  .#{$prefix}--side-nav__header-divider::after {\n    position: absolute;\n    background: $border-subtle;\n    block-size: convert.to-rem(1px);\n    content: '';\n    inline-size: calc(100% - 32px);\n    inset-block-end: convert.to-rem(-16px);\n    inset-inline-start: convert.to-rem(16px);\n  }\n\n  //header menu items overrides\n  .#{$prefix}--side-nav a.#{$prefix}--header__menu-item {\n    justify-content: space-between;\n    color: $text-secondary;\n    white-space: nowrap;\n\n    &[aria-expanded='true'] {\n      background-color: transparent;\n    }\n  }\n\n  .#{$prefix}--side-nav\n    .#{$prefix}--header__menu-title[aria-expanded='true']\n    + .#{$prefix}--header__menu {\n    padding: 0;\n    background-color: transparent;\n    box-shadow: none;\n    inline-size: 100%;\n    inset-block-end: inherit;\n    transform: none;\n\n    li {\n      inline-size: 100%;\n    }\n\n    a.#{$prefix}--header__menu-item {\n      font-weight: 400;\n      padding-inline-start: 4.25rem;\n    }\n\n    a.#{$prefix}--header__menu-item:hover {\n      background-color: $background-hover;\n      color: $text-primary;\n    }\n\n    // non-hover, selected state inherited from `_header.scss`\n    a.#{$prefix}--header__menu-item--current:hover {\n      background-color: $layer-selected-hover;\n    }\n  }\n\n  .#{$prefix}--side-nav\n    .#{$prefix}--side-nav__header-navigation\n    a.#{$prefix}--header__menu-item[aria-current='page']::after,\n  .#{$prefix}--side-nav\n    .#{$prefix}--side-nav__header-navigation\n    .#{$prefix}--header__menu-item--current::after {\n    block-size: calc(100% + 4px);\n    inline-size: 3px;\n  }\n\n  .#{$prefix}--side-nav\n    .#{$prefix}--header__menu\n    a.#{$prefix}--header__menu-item {\n    block-size: inherit;\n  }\n\n  .#{$prefix}--side-nav\n    a.#{$prefix}--header__menu-item:hover\n    .#{$prefix}--header__menu-arrow,\n  .#{$prefix}--side-nav\n    a.#{$prefix}--header__menu-item:focus\n    .#{$prefix}--header__menu-arrow,\n  .#{$prefix}--side-nav .#{$prefix}--header__menu-arrow {\n    fill: $icon-secondary;\n  }\n\n  // Windows HCM fix\n  .#{$prefix}--side-nav__icon > svg,\n  .#{$prefix}--side-nav\n    a.#{$prefix}--header__menu-item:hover\n    .#{$prefix}--header__menu-arrow,\n  .#{$prefix}--side-nav\n    a.#{$prefix}--header__menu-item:focus\n    .#{$prefix}--header__menu-arrow,\n  .#{$prefix}--side-nav .#{$prefix}--header__menu-arrow {\n    @include high-contrast-mode('icon-fill');\n  }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../config' as *;\n\n/// Helper to add in text overflow styles to a particular node. Useful if we\n/// don't want to have display-inline: block from the text helper classes\n/// @access private\n/// @group ui-shell\n/// @example\n///   .my-custom-selector {\n///     @include text-overflow();\n///   }\n@mixin text-overflow {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/// Helper for handling selectors for the expansion state of the side-nav.\n/// This helper makes it easier to write code for children that need to respond\n/// to whether the side-nav is open, or closed. For convenience, we also\n/// optionally set properties for opacity and visibility to help with the\n/// transition animation.\n/// @access private\n/// @group ui-shell\n/// @param {Bool} $opacity [false]\n/// @param {Bool} $visibility [false]\n/// @content\n@mixin expanded($opacity: false, $visibility: false) {\n  @if $opacity == true {\n    opacity: 0;\n  }\n\n  @if $visibility == true {\n    visibility: hidden;\n  }\n\n  .#{$prefix}--side-nav:hover &,\n  // Include the fixed variant here so components can render in both expandable\n  // and fixed side navs\n  .#{$prefix}--side-nav--fixed &,\n  .#{$prefix}--side-nav--expanded & {\n    @if $visibility == true {\n      visibility: inherit;\n    }\n    @if $opacity == true {\n      opacity: 1;\n    }\n    @content;\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../../config' as *;\n@use '../../../spacing' as *;\n@use '../../../theme' as *;\n@use '../../../type' as *;\n@use '../../../utilities/component-reset';\n@use '../../../utilities/convert';\n\n/// UI shell side nav\n/// @access private\n/// @group ui-shell\n@mixin switcher {\n  //----------------------------------------------------------------------------\n  // Header Switcher\n  //----------------------------------------------------------------------------\n  .#{$prefix}--switcher {\n    @include component-reset.reset;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    color: $text-secondary;\n  }\n\n  .#{$prefix}--switcher__item {\n    block-size: $spacing-07;\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--switcher__item:nth-child(1) {\n    margin-block-start: $spacing-05;\n  }\n\n  .#{$prefix}--switcher__item--divider {\n    display: block;\n    border: none;\n    margin: $spacing-03 $spacing-05;\n    background: $border-subtle;\n    block-size: 1px;\n    inline-size: convert.to-rem(224px);\n  }\n\n  .#{$prefix}--switcher__item-link {\n    @include type-style('heading-compact-01');\n\n    display: block;\n    padding: convert.to-rem(6px) $spacing-05;\n    block-size: $spacing-07;\n    color: $text-secondary;\n    text-decoration: none;\n\n    &:hover:not(.#{$prefix}--switcher__item-link--selected) {\n      background: $layer-hover;\n      color: $text-primary;\n      cursor: pointer;\n    }\n\n    &:focus {\n      outline: 2px solid $focus;\n      outline-offset: -2px;\n    }\n\n    &:active {\n      background: $layer-active;\n      color: $text-primary;\n    }\n  }\n\n  .#{$prefix}--switcher__item-link--selected {\n    //TO-DO: should we add a 3px left border-interactive here too? Doesn't currently have it, but specs have it\n    background: $layer-selected;\n    color: $text-primary;\n  }\n}\n","@use '@carbon/layout';\n\nhtml,\nbody {\n  width: 100%;\n  height: 100%;\n}\n\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  display: flex;\n  flex-direction: column;\n}\n\n.omrs-app-error {\n  padding: layout.$spacing-11;\n  width: 100%;\n  height: 100%;\n  background: white;\n  border-top: 5px solid $danger;\n\n  p {\n    margin: layout.$spacing-06 0;\n  }\n\n  .cds--snippet {\n    margin-top: layout.$spacing-06;\n  }\n}\n","html,\nbody {\n  background-color: $ui-01;\n  margin: 0;\n  padding: 0;\n}\n",":root {\n  --omrs-color-bg-high-contrast: #ffffff;\n  --omrs-color-bg-medium-contrast: rgba(249, 249, 249, 0.94);\n  --omrs-color-bg-low-contrast: #eff1f2;\n  --omrs-color-bg-lowest-contrast: #e5e5e6;\n\n  --omrs-color-ink-high-contrast: #121212;\n  --omrs-color-ink-medium-contrast: rgba(19, 19, 21, 0.6);\n  --omrs-color-ink-low-contrast: rgba(60, 60, 67, 0.3);\n  --omrs-color-ink-lowest-contrast: rgba(47, 60, 85, 0.18);\n  --omrs-color-ink-white: #ffffff;\n\n  --omrs-color-interaction-plus-two: #122c7b;\n  --omrs-color-interaction-plus-one: #193faf;\n  --omrs-color-interaction: #1e4bd1;\n  --omrs-color-interaction-minus-one: #456de4;\n  --omrs-color-interaction-minus-two: rgba(73, 133, 224, 0.12);\n\n  --omrs-color-success: #006800;\n  --omrs-color-success-two: #e6f0e6;\n  --omrs-color-warning: #6d5d01;\n  --omrs-color-warning-two: #efede4;\n  --omrs-color-danger: #b50706;\n  --omrs-color-danger-two: #f8eaea;\n\n  --omrs-color-brand-orange: #f26522;\n  --omrs-color-brand-violet: #5b57a6;\n  --omrs-color-brand-gold: #eea616;\n  --omrs-color-brand-teal: #009384;\n  --omrs-color-brand-black: #231f20;\n}\n","@use '@carbon/layout';\n@use '@openmrs/esm-styleguide/src/vars' as vars;\n\nnav.breadcrumbs-container {\n  padding: layout.$spacing-05;\n  background-color: vars.$ui-01;\n\n  ol li {\n    display: inline-flex;\n  }\n}\n","@use '@carbon/layout';\n\n:root {\n  --omrs-sidenav-width: 16rem;\n  --omrs-offline-banner-height: 0;\n  --omrs-navbar-height: #{layout.$spacing-09};\n  --omrs-topnav-height: var(--omrs-navbar-height);\n}\n\n.omrs-main-content {\n  margin-left: 0;\n  transition: margin-left 0.5s ease;\n}\n\n.omrs-offline {\n  --omrs-offline-banner-height: #{layout.$spacing-06};\n  --omrs-topnav-height: 4.5rem;\n\n  .cds--side-nav,\n  .cds--header-panel--expanded,\n  .cds--side-nav__overlay {\n    top: var(--omrs-topnav-height);\n  }\n}\n","#omrs-logo-full-color,\n#omrs-logo-partial-color,\n#omrs-logo-icon-color {\n  --logo-red: #e15d29;\n  --logo-orange: #e4a12a;\n  --logo-purple: #545090;\n  --logo-green: #008877;\n  --logo-black: #1a1919;\n}\n\n#omrs-logo-full-mono,\n#omrs-logo-partial-mono,\n#omrs-logo-icon-mono {\n  --logo-red: rgba(19, 19, 21, 0.6);\n  --logo-orange: rgba(19, 19, 21, 0.6);\n  --logo-purple: rgba(19, 19, 21, 0.6);\n  --logo-green: rgba(19, 19, 21, 0.6);\n  --logo-black: rgba(19, 19, 21, 0.6);\n}\n\n#omrs-logo-full-grey,\n#omrs-logo-partial-grey,\n#omrs-logo-icon-grey {\n  --logo-red: #eee;\n  --logo-orange: #eee;\n  --logo-purple: #c6c6c6;\n  --logo-green: #c6c6c6;\n  --logo-black: #c6c6c6;\n}\n\n#omrs-logo-white {\n  --logo-grey: #c6c6c6;\n  --logo-white: #fff;\n}\n",".omrs-loading-spinner {\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n\n  > .cds--inline-loading {\n    width: auto;\n  }\n}\n","@use '@carbon/layout';\n\n.omrs-inline-notifications-container {\n  z-index: 100000;\n  position: fixed;\n  width: 100%;\n  bottom: layout.$spacing-07;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.omrs-notification-mounting,\n.omrs-notification-mounting > * {\n  padding: 0;\n}\n\n.omrs-notification-closing,\n.omrs-notification-mounting {\n  opacity: 0;\n}\n","@use '@carbon/layout';\n\n.omrs-actionable-notifications-container {\n  z-index: 1000;\n  position: fixed;\n  width: 100%;\n  display: flex;\n  bottom: layout.$spacing-07;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.omrs-actionable-notification-mounting,\n.omrs-actionable-notification-mounting > * {\n  padding: 0;\n}\n\n.omrs-actionable-notification-closing,\n.omrs-actionable-notification-mounting {\n  opacity: 0;\n}\n","@use '@carbon/layout';\n\n.omrs-toasts-container {\n  display: flex;\n  flex-direction: column;\n  z-index: 100000;\n  position: fixed;\n  width: 20rem;\n  top: layout.$spacing-10;\n  right: layout.$spacing-05;\n  gap: layout.$spacing-03;\n}\n\n.omrs-toast-mounting,\n.omrs-toast-mounting > * {\n  padding: 0;\n}\n\n.omrs-toast-closing,\n.omrs-toast-mounting {\n  opacity: 0;\n}\n","@use '@carbon/layout';\n\n.omrs-snackbars-container {\n  z-index: 1000;\n  position: fixed;\n  width: 20rem;\n  bottom: layout.$spacing-05;\n  left: layout.$spacing-05;\n  gap: layout.$spacing-03;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n}\n\n/* Tablet */\n.omrs-breakpoint-lt-desktop {\n  .omrs-snackbars-container {\n    bottom: 5.5rem;\n  }\n}\n\n.omrs-snackbar-mounting,\n.omrs-snackbar-mounting > * {\n  padding: 0;\n}\n\n.omrs-snackbar-closing,\n.omrs-snackbar-mounting {\n  opacity: 0;\n}\n",".omrs-modals-container {\n  position: fixed;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 9000;\n  visibility: hidden;\n  top: 0;\n  left: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n","@use '@carbon/colors';\n@use '@carbon/layout';\n\n/* UI Shell Header */\n.cds--header {\n  @include brand-01(background-color);\n  border-bottom: none;\n}\n\n.cds--header__action:hover {\n  @include brand-02(background-color);\n}\n\n.cds--header__action--active {\n  @include brand-02(background-color);\n  @include brand-02(border-color);\n}\n\n.cds--header-panel {\n  @include brand-02(background-color);\n}\n\n.cds--header__menu-trigger > svg,\n.cds--header__menu-trigger:hover > svg,\n.cds--btn.cds--btn--icon-only.cds--header__action svg,\n.cds--btn.cds--btn--icon-only.cds--header__action:hover svg {\n  fill: white;\n}\n\n.cds--header-panel--expanded {\n  border-left: none;\n  border-right: none;\n}\n\n.cds--side-nav__overlay-active {\n  display: none;\n}\n\n/* Side nav */\n.cds--side-nav {\n  overflow: auto;\n  z-index: 0;\n}\n\n/* Tooltip */\n.cds--tooltip--definition .cds--tooltip__trigger {\n  border-bottom: none;\n}\n\n/* Tooltips presently have a higher stacking context than modals, which leads to tooltip buttons rendering above modal content */\n.cds--body--with-modal-open .cds--tooltip {\n  z-index: 0;\n}\n\n/* Modals */\n.cds--modal-close {\n  background-color: rgba(0, 0, 0, 0) !important;\n}\n\n.cds--modal-close:hover {\n  background-color: colors.$gray-10-hover !important;\n}\n\n/* Content Switcher */\n.cds--content-switcher:not(.darkThemeSwitch) {\n  & > :first-child {\n    border-bottom-left-radius: layout.$spacing-02;\n    border-right: unset !important;\n    border-top-left-radius: layout.$spacing-02;\n\n    [aria-selected='false'] {\n      border-left: 0.0625rem solid colors.$blue-30 !important;\n    }\n  }\n\n  & > :last-child {\n    border-bottom-right-radius: layout.$spacing-02;\n    border-left: unset !important;\n    border-top-right-radius: layout.$spacing-02;\n\n    [aria-selected='false'] {\n      border-right: 0.0625rem solid colors.$blue-30 !important;\n    }\n  }\n}\n\n.cds--content-switcher-btn:not(.darkThemeSwitch) {\n  background-color: $ui-02;\n  border: none;\n  border-top: 1px solid colors.$blue-30;\n  border-bottom: 1px solid colors.$blue-30;\n\n  &:hover {\n    background-color: colors.$gray-10-hover !important;\n  }\n\n  &::after {\n    background-color: transparent !important;\n  }\n\n  &.cds--btn--primary {\n    background-color: unset;\n  }\n\n  &:focus {\n    box-shadow: none;\n  }\n\n  &::before {\n    height: 100%;\n    z-index: 0;\n  }\n\n  &.cds--content-switcher--selected {\n    border: 1px solid colors.$blue-60 !important;\n    background-color: colors.$blue-10 !important;\n    color: colors.$blue-60 !important;\n\n    svg {\n      fill: colors.$blue-60 !important;\n    }\n\n    &::after {\n      background-color: colors.$blue-10;\n    }\n\n    &::before {\n      background-color: transparent;\n    }\n\n    &:disabled {\n      border: 0 !important;\n    }\n  }\n}\n\n.cds--content-switcher--icon-only\n  .cds--content-switcher-popover__wrapper:first-child\n  .cds--content-switcher-btn:not(.darkThemeSwitch) {\n  border-left: unset;\n}\n\n.cds--content-switcher--icon-only\n  .cds--content-switcher-popover__wrapper:last-child\n  .cds--content-switcher-btn:not(.darkThemeSwitch) {\n  border-right: unset;\n}\n\n.cds--content-switcher:not(.cds--content-switcher--icon-only)\n  .cds--content-switcher-btn:not(.darkThemeSwitch):first-child {\n  border-left: 0.0625rem solid colors.$blue-30;\n}\n\n.cds--content-switcher:not(.cds--content-switcher--icon-only)\n  .cds--content-switcher-btn:not(.darkThemeSwitch):last-child {\n  border-right: 0.0625rem solid colors.$blue-30;\n}\n\n/* Tabs */\n.cds--tabs--scrollable .cds--tabs--scrollable__nav-item--selected .cds--tabs--scrollable__nav-link,\n.cds--tabs--scrollable .cds--tabs--scrollable__nav-item--selected .cds--tabs--scrollable__nav-link:active,\n.cds--tabs--scrollable .cds--tabs--scrollable__nav-item--selected .cds--tabs--scrollable__nav-link:focus {\n  border-bottom: 2px solid var(--brand-03);\n}\n\n.cds--tabs--scrollable.cds--tabs--scrollable--container\n  .cds--tabs--scrollable__nav-item--selected\n  .cds--tabs--scrollable__nav-link {\n  box-shadow: inset 0 2px 0 0 var(--brand-03);\n}\n\n.cds--tabs--scrollable .cds--tabs--scrollable__nav-link:active,\n.cds--tabs--scrollable .cds--tabs--scrollable__nav-link:focus {\n  outline: 2px solid var(--brand-03);\n}\n\n/* DataTables */\n.cds--data-table {\n  td,\n  th,\n  .cds--table-header-label {\n    text-align: start;\n  }\n}\n\n.cds--data-table-container {\n  background: $ui-02;\n  position: relative;\n}\n\n.cds--table-toolbar {\n  position: absolute;\n  top: 2px;\n}\n\n.cds--data-table-header {\n  padding: layout.$spacing-04;\n  text-align: start;\n}\n\n.cds--data-table-header__title {\n  font-size: layout.$spacing-05;\n  font-weight: 600;\n  color: $text-02;\n}\n\n.cds--data-table thead,\n.cds--data-table tr,\n.cds--data-table td,\n.cds--data-table th,\n.cds--data-table--sort th,\n.cds--data-table--sort th .cds--table-sort__flex {\n  min-height: unset;\n  color: $text-02;\n}\n\n/* Alternate background and border colors for zebra styled table rows */\n\n// Datatables without expansion\n.cds--data-table--zebra tbody tr:not(.cds--parent-row):nth-child(odd) td {\n  background-color: $ui-02;\n  border-bottom: 1px solid $ui-03;\n}\n\n.cds--data-table--zebra tbody tr:not(.cds--parent-row):nth-child(2n) td {\n  background-color: $ui-01;\n  border-bottom: 1px solid $ui-03;\n  border-top: 1px solid $ui-03;\n}\n\n// Datatables with expansion\n.cds--data-table--zebra tbody tr[data-parent-row]:nth-child(4n + 1) td {\n  background-color: $ui-02;\n  border-bottom: 1px solid $ui-03;\n  border-top: 1px solid $ui-03;\n}\n\n.cds--data-table--zebra tbody tr[data-parent-row]:nth-child(4n + 3) td {\n  background-color: $ui-01;\n  border-bottom: 1px solid $ui-03;\n}\n\n/* Misc */\n.cds--btn--primary,\n.cds--btn--primary:active,\n.cds--btn--tertiary:hover,\n.cds--btn--tertiary:active,\n.cds--btn--tertiary:focus {\n  @include brand-03(background-color);\n}\n\n.cds--btn--primary:hover {\n  @include brand-02(background-color);\n}\n\n.cds--btn--tertiary {\n  @include brand-03(color);\n}\n\n.cds--btn--tertiary,\n.cds--btn--primary:focus,\n.cds--btn--tertiary:focus {\n  @include brand-03(border-color);\n}\n\n.cds--btn--tertiary:hover,\n.cds--btn--tertiary:active,\n.cds--btn--tertiary:focus {\n  color: $ui-02;\n}\n\n.cds--overflow-menu--flip {\n  &.cds--overflow-menu-options {\n    background-color: $openmrs-background-grey;\n    left: -6.025rem;\n    min-width: 12.5rem;\n    top: layout.$spacing-09;\n  }\n}\n\n.cds--overflow-menu--flip {\n  &.cds--overflow-menu-options[data-floating-menu-direction='bottom'] {\n    &::after {\n      top: 0;\n      height: 0;\n      width: 0;\n      left: 0;\n    }\n  }\n}\n\n.cds--pagination-nav__page:not(.cds--pagination-nav__page--direction) {\n  &::after {\n    @include brand-03(background-color);\n  }\n}\n\n.cds--pagination-nav__page .cds--pagination-nav__page--active,\n.cds--pagination-nav__page:focus {\n  outline: 2px solid var(--brand-03);\n}\n\n.cds--data-table--xs .cds--overflow-menu {\n  height: layout.$spacing-07;\n}\n\n.cds--data-table--sm .cds--overflow-menu {\n  height: layout.$spacing-08;\n}\n\n.cds--data-table--sm .cds--overflow-menu--sm {\n  height: layout.$spacing-07;\n}\n\n.cds--data-table--xs .cds--overflow-menu {\n  max-height: layout.$spacing-07;\n}\n\n.cds--data-table-container {\n  padding-top: 0;\n}\n\n.cds--data-table td.cds--table-column-menu {\n  width: layout.$spacing-08;\n  vertical-align: top;\n  padding-right: 0;\n}\n\n.cds--data-table--lg td.cds--table-column-menu {\n  width: layout.$spacing-09;\n}\n\n.cds--overflow-menu {\n  background-color: unset;\n}\n\n/* Search inputs */\n.cds--search-input:focus {\n  outline: 2px solid colors.$orange-40;\n}\n\n.cds--search-input:focus ~ .cds--search-close:hover {\n  outline: none;\n}\n\n/* Radio buttons */\n.cds--radio-button-group--vertical .cds--radio-button-wrapper:not(:last-of-type) {\n  margin-bottom: 0;\n}\n\n/* Breadcrumbs */\n.cds--breadcrumb-item {\n  &,\n  &:after {\n    margin-left: unset;\n    margin-right: unset;\n  }\n\n  &:after,\n  &:last-child:after {\n    margin-inline: layout.$spacing-03;\n  }\n}\n\n/* Preloader */\n.cds--inline-loading__animation {\n  margin-inline: layout.$spacing-03;\n}\n\nhtml[dir='rtl'] {\n  .cds--header {\n    & > a:first-child {\n      & > div {\n        margin-left: 0;\n        margin-right: layout.$spacing-05;\n      }\n    }\n  }\n\n  .cds--header__name {\n    padding-inline: layout.$spacing-05 layout.$spacing-07;\n  }\n\n  .cds--header-panel--expanded {\n    left: 0;\n    right: auto;\n  }\n\n  .cds--btn--tertiary {\n    padding: calc(0.875rem - 3px) 15px calc(0.875rem - 3px) 63px;\n\n    svg {\n      left: layout.$spacing-05;\n      right: unset;\n      transform: scale(-1, 1);\n    }\n  }\n\n  .cds--btn--secondary {\n    svg {\n      left: layout.$spacing-05;\n      right: unset;\n      transform: scale(-1, 1);\n    }\n  }\n\n  .cds--btn--ghost {\n    svg {\n      margin-right: layout.$spacing-03;\n      margin-left: unset;\n      transform: scale(-1, 1);\n    }\n  }\n\n  .cds--btn--ghost.cds--btn--icon-only {\n    svg {\n      margin: unset;\n    }\n  }\n\n  .cds--btn--primary {\n    padding: calc(0.875rem - 3px) 15px calc(0.875rem - 3px) 63px;\n\n    svg {\n      left: layout.$spacing-05;\n      right: unset;\n      transform: scale(-1, 1);\n    }\n  }\n\n  .cds--btn--primary.cds--btn--icon-only {\n    padding: unset;\n  }\n\n  .cds--accordion__heading {\n    & > svg {\n      margin: 2px 0 0 layout.$spacing-05;\n    }\n\n    p {\n      text-align: right;\n    }\n  }\n\n  .cds--select__page-number {\n    .cds--select-input {\n      padding: 0 layout.$spacing-05 0 2.25rem;\n    }\n  }\n\n  /* RTL Content Switcher */\n  .cds--content-switcher {\n    & > :first-child {\n      border-bottom-right-radius: layout.$spacing-02 !important;\n      border-left: unset !important;\n      border-right: unset !important;\n      border-top-right-radius: layout.$spacing-02 !important;\n\n      [aria-selected='false'] {\n        border-right: 0.0625rem solid colors.$blue-30;\n        border-left: unset !important;\n      }\n    }\n\n    & > :last-child {\n      border-bottom-left-radius: layout.$spacing-02 !important;\n      border-top-left-radius: layout.$spacing-02 !important;\n\n      [aria-selected='false'] {\n        border-left: 0.0625rem solid colors.$blue-30;\n        border-right: unset !important;\n      }\n    }\n\n    .cds--btn--icon-only {\n      display: flex;\n      align-items: center;\n    }\n  }\n\n  .cds--content-switcher-btn {\n    &::after {\n      background-color: transparent !important;\n    }\n\n    &.cds--btn--primary {\n      background-color: unset;\n\n      &:hover {\n        background-color: colors.$gray-10-hover;\n      }\n    }\n\n    &::before {\n      height: 100%;\n      z-index: 0;\n    }\n\n    &:focus {\n      box-shadow: none;\n    }\n\n    &.cds--content-switcher--selected {\n      border: 1px solid colors.$blue-60 !important;\n      background-color: colors.$blue-10 !important;\n      color: colors.$blue-60 !important;\n\n      svg {\n        fill: colors.$blue-60 !important;\n      }\n\n      &::after {\n        background-color: colors.$blue-10;\n      }\n\n      &::before {\n        background-color: transparent;\n      }\n\n      &:disabled {\n        border: 0 !important;\n      }\n    }\n  }\n\n  .cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher-btn {\n    border-bottom-right-radius: layout.$spacing-02 !important;\n    border-top-right-radius: layout.$spacing-02 !important;\n    border-top-left-radius: unset !important;\n    border-bottom-left-radius: unset !important;\n  }\n\n  .cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:last-child .cds--content-switcher-btn {\n    border-bottom-left-radius: layout.$spacing-02 !important;\n    border-top-left-radius: layout.$spacing-02 !important;\n    border-top-right-radius: unset !important;\n    border-bottom-right-radius: unset !important;\n  }\n\n  .cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher-btn {\n    border-left: unset;\n  }\n\n  .cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:last-child .cds--content-switcher-btn {\n    border-right: unset;\n  }\n\n  .cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:first-child {\n    border-right: 0.0625rem solid colors.$blue-30;\n    border-bottom-left-radius: unset !important;\n    border-top-left-radius: unset !important;\n  }\n\n  .cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:last-child {\n    border-left: 0.0625rem solid colors.$blue-30;\n    border-bottom-right-radius: unset !important;\n    border-top-right-radius: unset !important;\n  }\n\n  .cds--date-picker-input__wrapper {\n    svg {\n      left: layout.$spacing-05;\n      right: unset;\n    }\n  }\n\n  .cds--list-box__field {\n    padding: 0 layout.$spacing-05 0 layout.$spacing-09;\n\n    .cds--list-box__menu-icon {\n      left: layout.$spacing-05;\n      right: unset;\n      transform: scale(-1, 1);\n    }\n  }\n\n  .cds--select-input__wrapper {\n    select {\n      padding: 0 layout.$spacing-05 0 layout.$spacing-09;\n    }\n\n    svg {\n      right: unset;\n      left: layout.$spacing-05;\n    }\n  }\n\n  .cds--search-magnifier {\n    svg {\n      left: unset;\n      right: layout.$spacing-05;\n    }\n  }\n\n  .cds--search-close {\n    right: unset;\n    left: 0;\n  }\n\n  .cds--search--sm {\n    .cds--search-magnifier {\n      svg {\n        left: unset;\n        right: layout.$spacing-03;\n      }\n    }\n  }\n\n  .cds--tile {\n    & > div:first-child {\n      h4 {\n        text-align: right;\n      }\n    }\n  }\n\n  .active-left-nav-link {\n    border-right: layout.$spacing-02 solid var(--brand-01);\n    border-left: unset !important;\n  }\n\n  .omrs-breakpoint-gt-tablet {\n    main {\n      & > section {\n        margin-left: unset;\n        margin-right: var(--omrs-sidenav-width);\n\n        nav {\n          left: calc(100vw - var(--omrs-sidenav-width));\n          border-left: 1px solid #e0e0e0;\n          border-right: unset;\n        }\n      }\n    }\n  }\n\n  .omrs-breakpoint-lt-desktop {\n    .cds--side-nav {\n      left: unset !important;\n    }\n  }\n\n  .form-container {\n    .tab-container {\n      .tab {\n        & > button {\n          text-align: right;\n        }\n\n        .active {\n          border-left: unset !important;\n          border-right: layout.$spacing-03 solid #009d9a;\n        }\n\n        .enabled {\n          border-left: unset !important;\n          border-right: layout.$spacing-03 solid #9ef0f0;\n        }\n      }\n    }\n\n    .tab-content {\n      .pane {\n        padding-inline: 0;\n\n        & > h4 {\n          padding-left: unset;\n          padding-inline-start: layout.$spacing-05;\n        }\n      }\n    }\n\n    .cds--accordion__title {\n      text-align: start;\n    }\n\n    .cds--accordion__content {\n      padding-inline: layout.$spacing-05;\n\n      .cds--text-input,\n      .cds--text-area {\n        box-sizing: border-box;\n      }\n    }\n\n    .question-area {\n      min-width: unset;\n    }\n  }\n}\n\n// This is to override the green border and background color which we apply to tertiary buttons. Since this in the Notification carbon uses blue.\n.cds--actionable-notification__action-button.cds--btn--tertiary {\n  background-color: transparent;\n  border: 1px solid #0f62fe;\n  color: #0f62fe;\n}\n\n.omrs-icon {\n  fill: var(--omrs-icon-fill, 'currentColor');\n}\n"],"names":[],"sourceRoot":""}