@shohojdhara/atomix 0.1.14 → 0.1.16

package/dist/css/atomix.css.map

@@ -1 +1 @@
-{"version":3,"file":"css/atomix.css","mappings":"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CA,CAhBA,mBACA,CAIA,yCACA,sCACA,0CACA,CALA,+BACA,CAFA,sBACA,CAKA,yCACA,CALA,+DACA,CAKA,iBAGA,CAOA,6HAEA,CANA,+DACA,CAJA,qBASA,cACE,qCAGF,cAGE,2CACA,kDAKA,CARA,mCAQA,iBC/CJ,uBACA,wBACA,kCACA,8BACA,8BACA,wCACA,+BACA,+BACA,yCACA,iCACA,iCACA,2CDoCI,mBC/CJ,uBACA,wBACA,kCACA,8BACA,8BACA,wCACA,+BACA,+BACA,yCACA,iCACA,iCACA,2CDoCI,iBC/CJ,uBACA,wBACA,kCACA,8BACA,8BACA,wCACA,+BACA,+BACA,yCACA,iCACA,iCACA,2CDoCI,cC/CJ,uBACA,wBACA,kCACA,8BACA,8BACA,wCACA,+BACA,+BACA,yCACA,iCACA,iCACA,2CDoCI,iBC/CJ,uBACA,wBACA,kCACA,8BACA,8BACA,wCACA,+BACA,+BACA,yCACA,iCACA,iCACA,2CDoCI,eC/CJ,uBACA,wBACA,kCACA,8BACA,8BACA,wCACA,+BACA,+BACA,yCACA,iCACA,iCACA,2CDoCI,eC/CJ,uBACA,wBACA,kCACA,8BACA,8BACA,wCACA,+BACA,+BACA,yCACA,iCACA,iCACA,2CDoCI,cC/CJ,uBACA,wBACA,kCACA,8BACA,8BACA,wCACA,+BACA,+BACA,yCACA,iCACA,iCACA,2CD0CI,yBCDJ,wCACA,4BACA,gDACA,+CACA,8CACA,sDACA,gDACA,6CACA,uDACA,kDACA,qCACA,yDDVI,2BCDJ,uCACA,4BACA,kDACA,8CACA,8CACA,wDACA,+CACA,+CACA,yDACA,oDACA,qCACA,2DDVI,yBCDJ,wCACA,4BACA,gDACA,+CACA,4CACA,sDACA,gDACA,6CACA,uDACA,kDACA,qCACA,yDDVI,sBCDJ,qCACA,4BACA,6CACA,+CACA,yCACA,mDACA,gDACA,0CACA,oDACA,+CACA,qCACA,sDDVI,yBCDJ,wCACA,4BACA,gDACA,+CACA,4CACA,sDACA,gDACA,6CACA,uDACA,kDACA,qCACA,yDDVI,uBCDJ,sCACA,4BACA,8CACA,+CACA,0CACA,oDACA,gDACA,2CACA,qDACA,gDACA,qCACA,uDDVI,uBCDJ,uCACA,4BACA,8CACA,8CACA,8CACA,oDACA,+CACA,2CACA,qDACA,gDACA,qCACA,uDDVI,sBCDJ,uCACA,4BACA,6CACA,8CACA,8CACA,mDACA,+CACA,0CACA,oDACA,+CACA,qCACA,sDDLE,YCUF,2BACA,4BACA,4BACA,mCDVI,yBACE,6BAIJ,YCEF,0BACA,4BACA,gCACA,kCDFI,yBACE,8BAIJ,iBACE,gCAGF,cACE,2CACA,4DACA,6BAEA,CACA,oFAEA,CAHA,eAGA,oBACE,wFAIJ,cACE,kDAGF,2DAKE,8CAEA,qDACA,CALA,sCACA,CAIA,0CE9GN,CF0GM,mBE1GN,eAEE,+BACA,qCACA,sCACA,6CACA,mDACA,0EACA,0CACA,mCACA,mCACA,wDACA,uCACA,uCACA,6CACA,0CACA,4CACA,yCACA,4CACA,yCACA,2CACA,wCACA,uCACA,sCACA,sCACA,qCACA,mEACA,4CACA,kEACA,4DACA,0DACA,kEACA,kEAGA,CAKA,oCAIA,CARA,oBACA,CACA,0CACA,uCACA,CALA,iBACA,CACA,UAOA,8BAGE,kBAKF,CANE,YACA,CAFA,iBAOF,sBAEE,OACA,oBAKF,CANE,UAMF,8BAIE,mBAKF,CAPE,YAOF,0DANE,2CACA,CAHA,iBAsBA,CAdF,4BAIE,kBACA,CACA,eACA,YACA,CAIA,4CAEA,CALA,cACA,CAPA,YACA,CAOA,gBACA,CAPA,sBACA,CAIA,cACA,CATA,UAYA,mCAEE,kDAMJ,CAPI,8BAOJ,yBAKE,4CACA,qDACA,+CACA,kBAGA,CAPA,6EACA,CAJA,iBACA,CACA,oCACA,CADA,SAQA,qEAEE,WACA,qBACA,aAGF,oCACA,wCAEA,8CAKA,OAHE,QAGF,qCAKA,QAHE,QAGF,uEAGE,mBAGF,CAJE,UAIF,qCACA,wCAEA,iFAGE,4BAGF,sCACA,yCAKF,+BACE,oGAEA,+CAEE,YAGF,CAJE,eAIF,CAIA,wFACE,mCAMJ,6BAIE,oDAKF,CARE,sBAEA,oBAMF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CA,YACA,+DAGF,kCAEE,iDAGF,CAJE,yCAIF,oCACE,kCACA,WACA,oBAIJ,6BAEE,kBACA,CAFA,mBACA,CACA,kBAGF,sBAGE,oDAGF,CALE,UACA,eAIF,qBAKE,kCACA,CALA,aACA,CAEA,gBACA,CAFA,eACA,CAGA,UAKA,CAVA,mFACA,CAGA,kBAMA,oBACE,8DACA,qEACA,8DAHF,wBACE,kEACA,yEACA,kEAHF,uBACE,iEACA,wEACA,iEAHF,sBACE,gEACA,uEACA,gEAHF,mBACE,6DACA,oEACA,6DAHF,sBACE,gEACA,uEACA,gEAHF,oBACE,8DACA,qEACA,8DAHF,oBACE,8DACA,qEACA,8DAHF,mBACE,6DACA,oEACA,6DAMF,8CACE,yBE7ON,eAIE,4BACA,gCACA,gCACA,mCACA,mCACA,6CACA,mDACA,oDACA,+DACA,yCACA,uCACA,6CACA,4DAEA,CAGA,WACA,CAFA,QAFA,cAEA,WACA,CACA,uCAGA,yBAIE,iIACA,CAFA,+CACA,CADA,QAGA,UALA,iBAEA,CAIA,mEACA,oBAEA,CAHA,SAGA,sCACE,kCAGF,0CACE,mCAKJ,0BAKE,4CACA,2CACA,CALA,oCACA,CAMA,YACA,sBACA,CAPA,WACA,CAGA,eACA,CARA,iBACA,CACA,oCACA,CAOA,6BAEA,CALA,SAKA,uCACE,+FAGF,2CACE,gGAKJ,uBAEE,kBACA,CAEA,6DACA,CALA,YACA,CAIA,aAIF,CAPE,6BACA,8EAMF,sBAKE,kBACA,CACA,iBACA,CANA,cACA,CACA,YACA,CACA,sBACA,CAJA,aACA,CAIA,oCAEA,CATA,+DASA,4BACE,gCAGF,oCACE,uCACA,mBAKJ,qBAIE,OAFA,eAEA,CAHA,6EACA,CAEA,gCAKA,+CAIE,4DACA,CADA,SAFA,MACA,MACA,CACA,2BAEA,4DACE,2BAGF,gEACE,4BAMJ,6CAKE,2DACA,CAFA,SACA,UAHA,OACA,MACA,CAEA,0BAEA,0DACE,yBAGF,8DACE,0BAMJ,6CAQE,6DAEA,CANA,WACA,CACA,sCACA,CALA,MACA,QACA,OAGA,2BACA,CAHA,UAKA,0D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,4BACI,iBAGJ,4BAEI,2CACA,gDAEA,6DAJA,mCASJ,eAII,eC3NR,CDyNQ,eACA,4CACA,CAHA,UCxNR,aAGE,4BACA,iCACA,iCACA,wCACA,mCACA,iCACA,uDACA,0CACA,wCACA,uCACA,uCACA,yCACA,yCACA,iDACA,wCACA,oCACA,yCACA,yCACA,sDACA,0CACA,2DACA,0CACA,sCACA,sCACA,+CACA,2DACA,wCACA,6CACA,uCACA,8CACA,uEACA,2DACA,0CACA,oCACA,qCACA,2CACA,uCACA,sCACA,+CACA,0CACA,0CACA,uCACA,uDACA,+EACA,yCACA,2EACA,8CACA,gDACA,+CACA,kDAEA,CAQA,0CAEA,CAJA,oFAEA,CAHA,kDACA,CALA,sCACA,uCACA,0EAEA,CALA,UAUA,mBACE,6CACA,8CACA,cAGF,sBAEE,oBAEA,CAHA,YACA,CAEA,oDAGF,oBAQE,gGAIA,CAXA,YACA,sBACA,qCACA,CACA,4CACA,sFAEA,CAJA,UAQA,iCACE,kJAKF,gCACE,kJAMJ,qBACE,kCACA,kDAGF,mBACE,2CACA,CACA,eAGF,qCAJE,oDAaF,CATA,kBAIE,4CACA,CAJA,aACA,CAIA,2CAGF,CANE,gBACA,CAFA,UAOF,mBAME,+CACA,gHAGF,CARE,uCACA,gDACA,oFAEA,CALA,wCASF,mBAKE,yCAGF,CAJE,+GACA,CAJA,YACA,eACA,oFAKF,wBAOE,sCACA,oBAIF,CAPE,0CACA,CALA,sBACA,CACA,gB1B1JF,CACA,4C0B2JE,CACA,0DACA,CALA,kBACA,C1B1JF,2C0BmKA,wBACE,4CACA,qDAGF,wBACE,4CACA,qDAGF,oBAEE,iHzB/KA,CDCF,0C0B8KE,CzB/KA,oCACA,iDyBkLF,C1BnLA,wC0BmLA,4BACE,0BACA,2BAGE,gDAEE,gDAGF,CAJE,cAIF,+CACE,oBACA,iJAIE,4DACE,kJAKF,2DACE,kJAMN,8CACE,qDACA,wDACA,gHAGF,8CACE,0DACA,wDACA,gH5CzMF,uE4C4MI,sCAIJ,+CACE,iHAGF,mDAEE,oD5CtNF,C4CqNE,wC5CrNF,4E4CyNI,sC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AGF,oCAEE,gBACA,kBAGF,CALE,iBAKF,oCACE,sB5CjKF,yB4CwKA,gCAEI,0BAMR,qBAEE,eAGE,CAJF,cAIE,sEAEE,eAGF,kCACE,qBAGF,sCACE,YACA,8BACA,W5C9KF,4B4C2KA,qCAMI,cC1MV,kBAGE,oCACA,uCACA,6CACA,0CACA,2DACA,0DACA,4CACA,2CACA,kDAGA,8CACA,mDAGA,gDAGA,oCACA,8CACA,2CACA,0CACA,sDACA,oCACA,8CACA,kDAEA,CACA,0CACA,CAGA,eAEA,CALA,iFAEA,kBACA,CALA,UAOA,wBACE,4DAGF,wBACE,4CACA,qDACA,yDAGF,uBACE,2CACA,oDACA,wDACA,sDAGF,0BACE,YACA,iDACA,yDAGF,yBAGE,kBACA,CAHA,YACA,sBACA,CAGE,gBACA,kBAIJ,CAPE,iBAOF,wBACE,gBACA,iBAEA,iDACE,wBAIJ,4BACE,iBACA,CAGF,yCAEE,YACA,uBAGF,CALE,sDAKF,wBAGE,yCAGF,CAJE,WACA,CAFA,oDAKF,qBAKE,WACA,CAFA,OAGA,eAGF,CATE,iBAEA,MACA,WACA,CACA,6CAIF,2BAEE,WACA,qCAGF,CALE,UAKF,0BAME,4DACA,CAFA,WACA,CAFA,OAGA,kDAGF,CATE,iBAEA,MACA,WAMF,CAGE,oKAGE,+BAKF,4CACE,uDAGF,2CACE,4DAKF,4CACE,uDAGF,2CACE,6D7C/IA,yB6CoJF,2BACE,YACA,sBAGF,yBACE,oDChKN,EAGE,wCACA,kCACA,kCACA,+CACA,mCACA,kCACA,yCACA,wEACA,uEACA,yCACA,8DACA,iEACA,yEACA,sCACA,oCACA,0CACA,uCACA,uCACA,sCACA,+CACA,0DACA,4CACA,sCACA,sCACA,oDACA,8CACA,0CACA,gEAMA,kBACA,iCALA,kBCjCA,2BACA,WACA,YACA,gBACA,CACA,2BACA,CACA,kBDiCA,CCjCA,SDiCA,qBAKE,wCACA,mDACA,iDACA,CALA,4CACA,CAIA,cjDhDF,CiD4CE,wCACA,CAHA,qEACA,CjDxCF,mBiDiDE,CjDnDF,uBACA,CAFA,uBACA,CACA,sCACA,CiDsCE,UAWA,2BACI,oDAIN,wBACE,4CACA,gDACA,CAEA,oCACA,CAFA,kCACA,CACA,8BAKF,wCARE,iBACA,CjD1DF,mBiDiEA,CjDnEA,uBACA,CAFA,uBACA,CACA,sCiDgFA,CAdA,gBAME,8CACA,uDACA,iDACA,CANA,QACA,CAEA,OAGA,ejD7EF,CiDwEE,oDAEA,CAJA,UACA,CAQA,UAGF,kBACE,iFAIF,kBAGE,eAGF,CAJE,eACA,CAFA,cAKF,iBAIE,6CACA,sDjDlGF,CiDgGE,qCACA,CAHA,+EAEA,CjD7FF,mBiDkGE,CjDpGF,uBACA,CAFA,uBACA,CACA,sCiDmGE,mCACI,cAGJ,uBACE,mDAIJ,eACE,2DAGF,mBACE,mDACA,0CACE,wBElHN,cAGE,oCACA,oCACA,4CACA,yCACA,wCACA,yCACA,wDACA,yCACA,0CACA,yCACA,2CACA,oEAEA,CAGA,qCACA,oDhDGI,CgDNJ,2EAEA,CAHA,UhDOI,4BgDvBN,aAuBI,oBAGF,sBAEI,QACA,gBACA,CnD9BJ,mBGuBI,CHzBJ,uBACA,CAFA,uBACA,CACA,sCACA,CmD8BI,+DhDPA,CgDaJ,oBAEI,mBAIJ,CAnBE,CAmBF,oBACE,yCACA,kDACA,sDACA,qDAGF,oBACE,eACA,CACA,kBAEA,CAHA,cAGA,+BACE,eAIJ,oBAEE,kBAGF,CAJE,YAIF,oBAEE,wCACA,CAFA,oBACA,CACA,gDACA,sFAGA,8BACE,uCACA,gBAIJ,uBAKE,cACA,CALA,YACA,CACA,iBACA,gBACA,CAHA,6BACA,CAGA,+DhD5DE,4BgDsDJ,sBASI,YAIJ,6BnD1FA,mBmD+FE,CnDjGF,uBACA,CAFA,uBACA,CACA,sCmDgGE,iDACE,uBCpGN,aAGE,4BACA,6BACA,wCACA,qDACA,sDACA,oDACA,wCAEA,CAYA,uBACA,CACA,kCACA,CAJA,uCACA,CACA,8BACA,CAXA,4KAMA,0BACA,mDACA,CAMA,WAEA,CAnBA,oBACA,CACA,wCACA,CAYA,mBACA,sBACA,CAhBA,kCAkBA,mBAGE,mBAGF,CAJE,kDACA,CAFA,8CAKF,qBAEE,mBAGF,yCAJE,mCAUA,iBACE,6BADF,iBACE,6BADF,iBACE,6BADF,iBACE,6BADF,kBACE,6BADF,kBACE,6BADF,kBACE,6BC5CN,oBAEI,0BAIJ,aACE,0BACA,oEACA,gDACA,kCACA,uCAEA,CAOA,4EAIE,CARF,2EAEA,CACA,iBACA,CAFA,+BACA,CANA,4CACA,C7CpBA,iC6CsBA,CAFA,iB7CrBA,iC6C+BE,gBACE,0BADF,gBACE,0BADF,gBACE,0BAKF,qBAKE,4CALF,uBAEI,uDAGF,+CALF,qBAKE,4CALF,kBAKE,yCALF,qBAKE,4CALF,mBAKE,0CALF,mBAKE,0CALF,kBAKE,yCClCF,uCACA,8BACA,+DACA,yDACA,mEACA,oDACA,gEACA,sEACA,6DACA,qCACA,8CACA,+CACA,uCACA,uCACA,qCACA,iCACA,2BACA,2CACA,6CAEA,oBAIA,yBAHA,kBACA,4BAQQ,CANR,eACI,YAKI,2CJlCV,2BACA,WACA,YACA,gBACA,CACA,2BACA,CACA,kBIgCM,CJhCN,SIgCM,0BACI,yDACA,iEACA,8EACA,gEAIR,gBAGI,4CACA,CAFA,sCACA,CACA,aAGJ,CANI,oCAMJ,mBAEI,kBACA,CAFA,YACA,CACA,wCAGJ,kBAMI,mDACA,4DAGJ,CANI,2CACA,CAJA,YACA,CAGA,mDACA,C9CrEN,2C8CmEM,CAFA,kB9ClEN,2C8C0EE,gBACI,oCACA,6CAGJ,oBACI,iEACA,oEACA,sBAII,yCAGI,sBAGJ,CAJI,qBACA,CADA,KAIJ,mCACI,wDCpFd,iCACA,uCACA,wCACA,qCACA,sCACA,iEACA,4DACA,0EACA,+CACA,iEACA,sDACA,wDACA,wCACA,uCACA,+CACA,4EACA,gFACA,gCACA,uCACA,wCACA,qCACA,qCAEA,CACA,kCAEA,CAHA,UAGA,cACE,YACA,gBACA,CACA,epDTE,CoDQF,cpDRE,4BoDKJ,aAOI,cAIJ,oBAGE,8CACE,2CAIJ,kBAEE,kBACA,CAUA,8CvD/DF,CuD8DE,gEACA,CADA,mGACA,CAHA,sDACA,CALA,sCACA,CANA,YACA,CAKA,8CACA,mDACA,CALA,wCACA,CAFA,sBACA,CAKA,iFACA,CvDzDF,mBuDgEE,CvDlEF,uBACA,CAFA,uBACA,CACA,sCACA,CuDoDE,UAYA,oDAEE,+FAGF,CAJE,6CAIF,wBACE,oDAGF,wDACE,0FAEA,CACA,uDACA,CAFA,sDACA,CACA,mBAGF,gCAEE,2DAGF,CAJE,YAIF,oBACE,8CAIJ,iBACE,iBAGF,gBACE,YACA,CACA,yBACA,mDAEA,0BACE,aACA,CAIJ,8BACE,6EChHJ,gBAEG,+BACA,oCACA,oCACA,0CACA,0BACA,4CACA,iDACA,6CACA,2CACA,0DACA,2CACA,2DACA,mDACA,4EACA,8CAGA,CAGA,uCAGA,CALA,yCACA,gFACA,CAHA,UAMA,uBACG,2CACA,oDACA,wDACA,gBAGH,wBACG,YACA,kDACA,kDAWH,6BACG,4CACA,qDAGH,6BACG,iDACA,0DAGH,oBACG,iFAGH,oBACG,iFCtDJ,2CACA,mCACA,sBACA,4BACA,uCACA,mCACA,wCACA,oCACA,sCACA,8BACA,sCACA,qDAEA,CAIA,sCACA,CAHA,gDACA,+CACA,CACA,8BACA,CALA,oBACA,CAIA,eAGA,CATA,UASA,gBACE,iBACA,gBACA,CACA,oDAIF,CALE,YAKF,eACE,mDAGF,qBACE,YACA,gCAGF,gBAEE,kBAGF,kBACE,aAIF,eAIE,yDAGF,CANE,eACA,CAEA,SADA,SAIF,gBAGE,aACA,kBAIF,CANE,iBAMF,8BAPE,uCAYA,CALF,cAEE,4DACA,qCAEA,qBACE,iDAIA,6CACE,wCACA,kIAKN,uBAEE,kBACA,CAFA,YACA,CAKF,UAJE,6BAIF,yBAEE,kBACA,CAEA,cAGF,CAPE,YACA,CAGA,OADA,SAIF,mBACE,aAGF,oBACE,qBAGF,qBACE,aACA,WACA,4BAEA,2BAMF,sBAEE,iBAEA,CAHA,cAGA,4BACE,gBACA,qBAGF,2BACE,aAIJ,aACE,cAEA,4BACE,gBACA,sBAGF,2BACE,YAKJ,mBCzGsB,UD6GpB,6DAFA,kBErJJ,CAGE,qCACA,2DACA,qEACA,8CACA,oCACA,iEACA,kDACA,qCACA,sCACA,6CACA,8CACA,+CACA,qCACA,gEAEA,CACA,kBACA,CAFA,YACA,CACA,4BAEA,mBAGE,kBACA,CAGA,+CACA,wDACA,CACA,c3DlCF,C2D0BE,YACA,CACA,0CACA,CACA,yCACA,CANA,iBACA,CAOA,+DACA,CALA,uCASA,4C3DnCF,mB2DmCE,C3DrCF,uBACA,CAFA,uBACA,CACA,sC2DiDA,CAbE,yBAME,gDACA,+D3D7CJ,C2DuCI,UACA,qBACA,CACA,gDACA,iDACA,CAHA,8CAUJ,kBAEE,sCAGF,CAJE,8CAIF,iBACE,+CAEE,0CACE,qJAaN,mCACE,mBAEA,qDACE,kDAIJ,6BACE,mBAGE,qDAIE,8BACA,+DC1FR,CDsFQ,UACA,CAEA,QAFA,iBCvFR,YAGI,gCACA,mCACA,kCACA,mDACA,mCACA,iCACA,0DACA,sCACA,gCACA,gCACA,8BACA,oCAGA,CACA,oDAEA,CACA,0CACA,CAFA,SAEA,yCACA,CACA,mBACA,CARA,iBACA,CAKA,0BACA,CAJA,wCACA,CAIA,YAEA,qBAOI,iDACA,CANA,iCACA,0CACA,8CACA,CAKA,UALA,uEACA,CALA,iBACA,CAQA,oBACA,uDAGJ,CALI,SAKJ,uCARI,yCAmBJ,CAXA,kBAEI,gDAEA,CpDhDN,uCoDkDM,CAFA,SAHA,iBACA,CAEA,wCpDjDN,uCACA,CoDuDE,+BAEI,+DACA,wBAEA,wCAEI,gDACA,wBAIR,uBACI,oDACA,wBAEA,yCACI,qCACA,wBAIR,mBACI,kDAEA,mCAEA,qCAGI,WACA,CAHA,8CAEA,SACA,wCACA,qBAKR,kBAEI,6DAEA,mCAEA,oCAGI,WACA,CAFA,SACA,CACA,+CACA,CAFA,QAEA,wCAIR,oBACI,iDAEA,sCAEI,WAIR,CALQ,6CAKR,yBAKA,wDAJI,iDASJ,CALA,yBAKA,6BACI,mBAEA,0CAEI,4BC7HZ,CAGE,wCACA,+BACA,+BACA,wCACA,wCACA,qCACA,uCACA,iEACA,yCACA,2BACA,+BACA,iCACA,8CACA,wCACA,sCACA,qDACA,wCACA,wCACA,qCACA,oDACA,wCACA,uCACA,qCACA,+CACA,4CACA,2DACA,8CAGA,yCACA,yCACA,4CACA,wCACA,wEACA,uCACA,4DACA,gDACA,6CACA,uEACA,+CACA,iDAGA,mDACA,2CACA,+CACA,oCACA,oCACA,yCACA,qCACA,8CACA,8DAEA,CAGA,wCACA,iD7D/DA,C6D4DA,oCACA,sEACA,C7D3DA,mB6DgEA,C7DlEA,uBACA,CAFA,uBACA,CACA,sCACA,C6DwDA,UAQA,iBACE,8CAGF,kBAGE,kBACA,CAGA,iFAIF,CALE,gDACA,CANA,YACA,sBACA,CACA,iFAOF,iBAGE,6CCrEA,oBD0EF,CAPE,wCACA,0CAMF,kBACE,sCACA,+CACA,mDACA,iDAGF,iBACE,qCACA,8CACA,kDACA,gDAGF,gBACE,8CAGF,wBACE,4CACA,qDACA,yDACA,uDAGF,gBAGE,cACA,CACA,6BAGF,CAPE,UAOF,+BAJE,kBACA,CAHA,YAWF,oBACE,oDAGF,mBACE,4BAEA,CAOA,8FAEA,wDACA,CAVA,YACA,8BACA,CAQA,iDACA,CAPA,kBACA,CAMA,eAGF,CATE,mFAEA,CALA,iBACA,WAWF,yBACE,6CACA,sDACA,0DACA,kBAGF,4BAGE,4CACA,CAHA,YAEA,CACA,oDACA,CAFA,SAEA,gBACA,uDAGF,2BAEE,kBACA,CAFA,YACA,CACA,UAGF,yBACE,+CACA,wDAGF,uBAEE,WAGA,CAJA,UAIA,2BAEE,WAEA,CAHA,UAGA,kCAEE,WACA,CAFA,UACA,CAEA,kDACA,iBACA,qBACA,6BAEA,+CAEE,mBACA,qBAGF,CAEE,mEACA,yCAHF,CASN,iBACE,8BACA,wCACA,yCACA,mCACA,iCACA,yCAGE,oCACE,iBAGF,iCACE,gDAKN,eACE,2BAGF,oBACE,oCACA,wDACA,mDACA,2DAGF,kBACE,qDACA,iDACA,yDAGF,qBACE,kBACA,CACA,6CAEA,CAHA,+DAGA,oCACE,mBErPN,kUAEE,kBACA,CAFA,YACA,CACA,sBAGF,CAIA,uXACE,wGAGF,iPACE,iBACA,oBAIF,wDACE,kBACA,8DACA,wCAKA,gDAIA,+DACE,sBAGF,sDACE,kBACA,kBAGF,4DACE,k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","sources":["webpack://@shohojdhara/atomix/./src/styles/index.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.animations.scss","webpack://@shohojdhara/atomix/./src/styles/03-generic/_generic.reset.scss","webpack://@shohojdhara/atomix/./src/styles/03-generic/_generic.root.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.color-mode.scss","webpack://@shohojdhara/atomix/./src/styles/03-generic/_generic.selection.scss","webpack://@shohojdhara/atomix/./src/styles/01-settings/_settings.colors.scss","webpack://@shohojdhara/atomix/./src/styles/01-settings/_settings.fonts.scss","webpack://@shohojdhara/atomix/./src/styles/03-generic/_generic.fonts.scss","webpack://@shohojdhara/atomix/./src/styles/04-elements/_elements.all.scss","webpack://@shohojdhara/atomix/./src/styles/04-elements/_elements.body.scss","webpack://@shohojdhara/atomix/./src/styles/04-elements/_elements.heading.scss","webpack://@shohojdhara/atomix/./src/styles/04-elements/_elements.html.scss","webpack://@shohojdhara/atomix/./src/styles/04-elements/_elements.links.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.transition.scss","webpack://@shohojdhara/atomix/./src/styles/05-objects/_objects.container.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.grid.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.breakpoints.scss","webpack://@shohojdhara/atomix/./src/styles/05-objects/_objects.grid.scss","webpack://@shohojdhara/atomix/./src/styles/05-objects/_objects.masonry-grid.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.accordion.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.avatar.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.size.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.object-fit.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.avatar-group.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.badge.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.breadcrumb.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.btn-group.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.button.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.button.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.datepicker.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.card.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.checkbox-group.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.checkbox.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.color-mode-toggle.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.countdown.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.data-table.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.dropdown.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.spacing.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.edge-panel.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.form.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.hero.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.form-group.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.input.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.placeholder.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.list-group.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.list.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.menu.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.messages.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.modal.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.nav.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.event.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.navbar.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.media-queries.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.callout.scss","webpack://@shohojdhara/atomix/./src/styles/01-settings/_settings.callout.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.pagination.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.popover.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.product-review.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.progress.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.rating.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.river.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.sectionintro.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.select.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.hidden-visually.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.side-menu.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.skeleton.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.spinner.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.steps.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.tabs.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.testimonials.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.todo.scss","webpack://@shohojdhara/atomix/./src/styles/01-settings/_settings.todo.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.toggle.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.tooltip.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.upload.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.border-radius.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.photoviewer.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.image-gallery.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.clearfix.scss","webpack://@shohojdhara/atomix/./src/styles/99-utilities/_utilities.link.scss","webpack://@shohojdhara/atomix/./src/styles/99-utilities/_utilities.visually-hidden.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.utility-api.scss"],"sourcesContent":["/*!\n * Atomix Design System v0.1.0\n */\n\n// Load Atomix settings and configuration\n@use '01-settings/index' as *;\n@use '02-tools/index' as *;\n@use '03-generic/index' as *;\n@use '04-elements/index' as *;\n@use '05-objects/index' as *;\n@use '06-components/index' as *;\n@use '99-utilities/index' as *;\n","@use '../01-settings/settings.animations' as animations;\n@use 'sass:list';\n@use 'tools.transition' as transition;\n@use '../01-settings/settings.config' as config;\n\n// Forward basic-transition mixin for backwards compatibility\n@mixin basic-transition($property: all, $duration: 0.2s, $timing: ease-in-out, $delay: 0s) {\n  @include transition.basic-transition($property, $duration, $timing, $delay);\n}\n\n@keyframes #{config.$prefix}-skeleton-loading {\n  0% {\n      background-position: 100% 50%;\n  }\n  \n  100% {\n      background-position: 0 50%;\n  }\n}","// _generic.reset.scss\n// Bootstrap 5 style reboot\n// Based on Bootstrap 5's _reboot.scss (MIT License)\n\n@use '../01-settings/settings.config' as config;\n\n// Box sizing rules\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n// Root and body setup\n:root {\n  // Reduce the risk of overflow issues\n  @media (prefers-reduced-motion: no-preference) {\n    scroll-behavior: smooth;\n  }\n}\n\n// Body\nbody {\n  margin: 0;\n  font-family: var(--#{config.$prefix}font-family-base);\n  font-size: var(--#{config.$prefix}font-size-base);\n  font-weight: var(--#{config.$prefix}font-weight-base);\n  line-height: var(--#{config.$prefix}line-height-base);\n  color: var(--#{config.$prefix}body-color);\n  text-align: var(--#{config.$prefix}body-text-align);\n  background-color: var(--#{config.$prefix}body-bg);\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n// Typography\n// Headings\nh1, h2, h3, h4, h5, h6 {\n  margin-top: 0;\n  margin-bottom: var(--#{config.$prefix}headings-margin-bottom);\n  font-family: var(--#{config.$prefix}headings-font-family);\n  font-weight: var(--#{config.$prefix}headings-font-weight);\n  line-height: var(--#{config.$prefix}headings-line-height);\n  color: var(--#{config.$prefix}headings-color);\n}\n\nh1 {\n  font-size: var(--#{config.$prefix}h1-font-size);\n}\n\nh2 {\n  font-size: var(--#{config.$prefix}h2-font-size);\n}\n\nh3 {\n  font-size: var(--#{config.$prefix}h3-font-size);\n}\n\nh4 {\n  font-size: var(--#{config.$prefix}h4-font-size);\n}\n\nh5 {\n  font-size: var(--#{config.$prefix}h5-font-size);\n}\n\nh6 {\n  font-size: var(--#{config.$prefix}h6-font-size);\n}\n\n// Reset margins on paragraphs\np {\n  margin-top: 0;\n  margin-bottom: var(--#{config.$prefix}paragraph-margin-bottom);\n}\n\n// Abbreviations\nabbr[title],\nabbr[data-bs-original-title] {\n  text-decoration: underline dotted;\n  cursor: help;\n  text-decoration-skip-ink: none;\n}\n\n// Address\naddress {\n  margin-bottom: 1rem;\n  font-style: normal;\n  line-height: inherit;\n}\n\n// Lists\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1rem;\n  padding-left: 2rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: var(--#{config.$prefix}dt-font-weight);\n}\n\ndd {\n  margin-bottom: .5rem;\n  margin-left: 0;\n}\n\n// Blockquote\nblockquote {\n  margin: 0 0 1rem;\n}\n\n// Strong\nb,\nstrong {\n  font-weight: var(--#{config.$prefix}font-weight-bolder);\n}\n\n// Small\nsmall {\n  font-size: var(--#{config.$prefix}small-font-size);\n}\n\n// Mark\nmark {\n  padding: var(--#{config.$prefix}mark-padding);\n  background-color: var(--#{config.$prefix}mark-bg);\n}\n\n// Sub and sup\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n// Links\na {\n  color: var(--#{config.$prefix}link-color);\n  text-decoration: var(--#{config.$prefix}link-decoration);\n\n  &:hover {\n    color: var(--#{config.$prefix}link-hover-color);\n    text-decoration: var(--#{config.$prefix}link-hover-decoration);\n  }\n}\n\n// And undo these styles for placeholder links/named anchors (without href)\na:not([href]):not([class]),\na:not([href]):not([class]):hover {\n  color: inherit;\n  text-decoration: none;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  font-family: var(--#{config.$prefix}font-family-monospace);\n  font-size: 1em; // Correct the odd `em` font sizing\n}\n\npre {\n  display: block;\n  margin-top: 0;\n  margin-bottom: 1rem;\n  overflow: auto;\n  font-size: var(--#{config.$prefix}code-font-size);\n\n  // Account for some code outputs that place code tags in pre tags\n  code {\n    font-size: inherit;\n    color: inherit;\n    word-break: normal;\n  }\n}\n\ncode {\n  font-size: var(--#{config.$prefix}code-font-size);\n  color: var(--#{config.$prefix}code-color);\n  word-wrap: break-word;\n\n  // Streamline the style when inside anchors to avoid broken underline and more\n  a > & {\n    color: inherit;\n  }\n}\n\nkbd {\n  padding: var(--#{config.$prefix}kbd-padding-y) var(--#{config.$prefix}kbd-padding-x);\n  font-size: var(--#{config.$prefix}kbd-font-size);\n  color: var(--#{config.$prefix}kbd-color);\n  background-color: var(--#{config.$prefix}kbd-bg);\n  border-radius: var(--#{config.$prefix}border-radius-sm);\n\n  kbd {\n    padding: 0;\n    font-size: 1em;\n    font-weight: var(--#{config.$prefix}font-weight-bolder);\n  }\n}\n\n// Figures\nfigure {\n  margin: 0 0 1rem;\n}\n\n// Images and content\nimg,\nsvg {\n  vertical-align: middle;\n}\n\n// Tables\ntable {\n  caption-side: bottom;\n  border-collapse: collapse;\n}\n\ncaption {\n  padding-top: var(--#{config.$prefix}table-cell-padding-y);\n  padding-bottom: var(--#{config.$prefix}table-cell-padding-y);\n  color: var(--#{config.$prefix}secondary-color);\n  text-align: left;\n}\n\n// Forms\nlabel {\n  display: inline-block;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds\nbutton {\n  border-radius: 0;\n}\n\n// Work around a Firefox/IE bug where the transparent `button` background\n// results in a loss of the default `button` focus styles\nbutton:focus:not(:focus-visible) {\n  outline: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be visible\n:focus:not(:focus-visible) {\n  outline: 0;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\n// Remove the inheritance of text transform in Firefox\nbutton,\nselect {\n  text-transform: none;\n}\n\n// Set the cursor for non-`<button>` buttons\n[role=\"button\"] {\n  cursor: pointer;\n}\n\nselect {\n  word-wrap: normal;\n}\n\n// Remove the inner border and padding in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Add the correct vertical alignment in Chrome and Firefox\nprogress {\n  vertical-align: baseline;\n}\n\n// Correct styling of number inputs in Safari\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=\"search\"] {\n  outline-offset: -2px; // Safari\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  font: inherit; // 2\n  -webkit-appearance: button; // 1\n}\n\n// Correct element displays\noutput {\n  display: inline-block;\n}\n\niframe {\n  border: 0;\n}\n\n// Summary\nsummary {\n  display: list-item;\n  cursor: pointer;\n}\n\n// Hidden attribute\n[hidden] {\n  display: none !important;\n}\n\n// Print styles\n@media print {\n  *,\n  *::before,\n  *::after {\n    text-shadow: none !important;\n    box-shadow: none !important;\n  }\n\n  a:not(.btn) {\n    text-decoration: underline;\n  }\n\n  abbr[title]::after {\n    content: \" (\" attr(title) \")\";\n  }\n\n  pre {\n    white-space: pre-wrap !important;\n  }\n\n  pre,\n  blockquote {\n    border: 1px solid #adb5bd;\n    page-break-inside: avoid;\n  }\n\n  tr,\n  img {\n    page-break-inside: avoid;\n  }\n\n  p,\n  h2,\n  h3 {\n    orphans: 3;\n    widows: 3;\n  }\n\n  h2,\n  h3 {\n    page-break-after: avoid;\n  }\n\n  @page {\n    size: a3;\n  }\n\n  body {\n    min-width: 992px !important;\n  }\n\n  .container {\n    min-width: 992px !important;\n  }\n} ","@use '../02-tools' as *;\n@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.color-mode' as color-mode;\n@use '../01-settings/settings.border-radius' as border-radius;\n@use '../01-settings/settings.border' as border;\n@use '../01-settings/settings.colors' as colors;\n@use '../01-settings/settings.maps' as color-maps;\n@use '../01-settings/settings.box-shadow' as box-shadow;\n@use '../01-settings/settings.typography' as typography;\n@use 'sass:meta';\n\n$gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)) !default;\n\n:root,\n[data-#{config.$prefix}theme=\"light\"] {\n  // Note: Custom variable values only support SassScript inside `#{}`.\n\n  // Colors\n  //\n  // Generate palettes for full colors, grays, and theme colors.\n\n  @each $color, $value in color-maps.$theme-colors {\n    --#{config.$prefix}#{$color}: #{$value};\n  }\n\n  $theme-colors-rgb: map-loop(color-maps.$theme-colors, to-rgb) !default;\n\n  @each $color, $value in color-maps.$theme-colors {\n    --#{config.$prefix}#{$color}-rgb: #{to-rgb($value)};\n  }\n\n  @each $color, $value in color-maps.$grays {\n    --#{config.$prefix}gray-#{$color}: #{$value};\n  }\n\n  @each $color, $value in color-maps.$theme-colors-text {\n    --#{config.$prefix}#{$color}-text-emphasis: #{$value};\n  }\n\n  @each $color, $value in color-maps.$theme-colors-bg-subtle {\n    --#{config.$prefix}#{$color}-bg-subtle: #{$value};\n  }\n\n  @each $color, $value in color-maps.$theme-colors-border-subtle {\n    --#{config.$prefix}#{$color}-border-subtle: #{$value};\n  }\n\n  @each $color, $value in color-maps.$theme-colors-hover {\n    --#{config.$prefix}#{$color}-hover: #{$value};\n  }\n\n  // Fonts\n\n  // Note: Use meta.inspect for lists so that quoted items keep the quotes.\n  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n  --#{config.$prefix}font-sans-serif: #{meta.inspect(typography.$font-family-sans-serif)};\n  --#{config.$prefix}font-monospace: #{meta.inspect(typography.$font-family-monospace)};\n  --#{config.$prefix}gradient: #{$gradient};\n\n  // Root and body\n  // scss-docs-start root-body-variables\n  @if typography.$font-size-root != null {\n    --#{config.$prefix}root-font-size: #{typography.$font-size-root};\n  }\n  --#{config.$prefix}body-font-family: #{meta.inspect(typography.$font-family-base)};\n  --#{config.$prefix}body-font-size: #{typography.$font-size-base};\n  --#{config.$prefix}body-font-weight: #{typography.$font-weight-base};\n  --#{config.$prefix}body-line-height: #{typography.$line-height-base};\n  @if typography.$body-text-align != null {\n    --#{config.$prefix}body-text-align: #{typography.$body-text-align};\n  }\n\n  --#{config.$prefix}body-color: #{colors.$body-color};\n  --#{config.$prefix}body-bg: #{colors.$body-bg};\n\n  // scss-docs-end root-body-variables\n\n  --#{config.$prefix}heading-color: #{colors.$headings-color};\n\n  --#{config.$prefix}link-color: #{colors.$link-color};\n  --#{config.$prefix}link-color-rgb: #{to-rgb(colors.$link-color)};\n  --#{config.$prefix}link-decoration: #{colors.$link-decoration};\n\n  --#{config.$prefix}link-hover-color: #{colors.$link-hover-color};\n  --#{config.$prefix}link-hover-color-rgb: #{to-rgb(colors.$link-hover-color)};\n\n  @if colors.$link-hover-decoration != null {\n    --#{config.$prefix}link-hover-decoration: #{colors.$link-hover-decoration};\n  }\n\n  --#{config.$prefix}code-color: #{colors.$code-color};\n  --#{config.$prefix}highlight-bg: #{colors.$mark-bg};\n\n  // scss-docs-start root-border-var\n  --#{config.$prefix}border-width: #{border.$border-width};\n  --#{config.$prefix}border-style: #{border.$border-style};\n  --#{config.$prefix}border-color: #{border.$border-color};\n  --#{config.$prefix}border-color-translucent: rgba(#{to-rgb(border.$border-color)}, 0.175);\n\n  --#{config.$prefix}border-radius: #{border-radius.$border-radius};\n  --#{config.$prefix}border-radius-sm: #{border-radius.$border-radius-sm};\n  --#{config.$prefix}border-radius-lg: #{border-radius.$border-radius-lg};\n  --#{config.$prefix}border-radius-xl: #{border-radius.$border-radius-xl};\n  --#{config.$prefix}border-radius-xxl: #{border-radius.$border-radius-xxl};\n  --#{config.$prefix}border-radius-2xl: var(--#{config.$prefix}border-radius-xxl); // Deprecated in v5.3.0 for consistency\n  --#{config.$prefix}border-radius-3xl: #{border-radius.$border-radius-3xl};\n  --#{config.$prefix}border-radius-4xl: #{border-radius.$border-radius-4xl};\n  --#{config.$prefix}border-radius-pill: #{border-radius.$border-radius-pill};\n  // scss-docs-end root-border-var\n\n  --#{config.$prefix}box-shadow: #{box-shadow.$box-shadow};\n  --#{config.$prefix}box-shadow-xs: #{box-shadow.$box-shadow-xs};\n  --#{config.$prefix}box-shadow-sm: #{box-shadow.$box-shadow-sm};\n  --#{config.$prefix}box-shadow-lg: #{box-shadow.$box-shadow-lg};\n  --#{config.$prefix}box-shadow-xl: #{box-shadow.$box-shadow-xl};\n  --#{config.$prefix}box-shadow-inset: #{box-shadow.$box-shadow-inset};\n\n  // Focus styles\n  // scss-docs-start root-focus-variables\n  --#{config.$prefix}focus-border-color: #{colors.$focus-border-color};\n  // scss-docs-end root-focus-variables\n\n  // scss-docs-start root-form-validation-variables\n  --#{config.$prefix}form-valid-color: #{colors.$form-valid-color};\n  --#{config.$prefix}form-valid-border-color: #{colors.$form-valid-border-color};\n  --#{config.$prefix}form-invalid-color: #{colors.$form-invalid-color};\n  --#{config.$prefix}form-invalid-border-color: #{colors.$form-invalid-border-color};\n  // scss-docs-end root-form-validation-variables\n}\n\n@if color-mode.$enable-dark-mode {\n  @include color-mode(dark, true) {\n    color-scheme: dark;\n\n    --#{config.$prefix}body-color: #{colors.$body-color-dark};\n    --#{config.$prefix}body-bg: #{colors.$body-bg-dark};\n\n    @each $color, $value in color-maps.$theme-colors-dark {\n      --#{config.$prefix}#{$color}: #{$value};\n    }\n\n    @each $color, $value in color-maps.$theme-colors-text-dark {\n      --#{config.$prefix}#{$color}-text-emphasis: #{$value};\n    }\n\n    @each $color, $value in color-maps.$theme-colors-bg-subtle-dark {\n      --#{config.$prefix}#{$color}-bg-subtle: #{$value};\n    }\n\n    @each $color, $value in color-maps.$theme-colors-border-subtle-dark {\n      --#{config.$prefix}#{$color}-border-subtle: #{$value};\n    }\n\n    @each $color, $value in color-maps.$theme-colors-hover-dark {\n      --#{config.$prefix}#{$color}-hover: #{$value};\n    }\n\n    --#{config.$prefix}box-shadow: #{box-shadow.$box-shadow-dark};\n    --#{config.$prefix}box-shadow-xs: #{box-shadow.$box-shadow-xs-dark};\n    --#{config.$prefix}box-shadow-sm: #{box-shadow.$box-shadow-sm-dark};\n    --#{config.$prefix}box-shadow-lg: #{box-shadow.$box-shadow-lg-dark};\n    --#{config.$prefix}box-shadow-xl: #{box-shadow.$box-shadow-xl-dark};\n\n    --#{config.$prefix}heading-color: #{colors.$headings-color-dark};\n\n    --#{config.$prefix}link-color: #{colors.$link-color-dark};\n    --#{config.$prefix}link-color-rgb: #{to-rgb(colors.$link-color-dark)};\n    --#{config.$prefix}link-hover-color: #{colors.$link-hover-color-dark};\n\n\n    --#{config.$prefix}code-color: #{colors.$code-color-dark};\n    \n    --#{config.$prefix}border-color: #{border.$border-color-dark};\n    --#{config.$prefix}border-color-translucent: #{colors.$border-color-translucent-dark};\n\n    --#{config.$prefix}focus-border-color: #{colors.$focus-border-color-dark};\n\n\n    --#{config.$prefix}form-valid-color: #{colors.$form-valid-color-dark};\n    --#{config.$prefix}form-valid-border-color: #{colors.$form-valid-border-color-dark};\n    --#{config.$prefix}form-invalid-color: #{colors.$form-invalid-color-dark};\n    --#{config.$prefix}form-invalid-border-color: #{colors.$form-invalid-border-color-dark};\n  }\n}\n","@use '../01-settings/settings.color-mode' as color-mode;\n@use '../01-settings/settings.config' as config;\n\n@mixin color-mode($mode: light, $root: false) {\n    @if color-mode.$color-mode-type == \"media-query\" {\n      @if $root == true {\n        @media (prefers-color-scheme: $mode) {\n          :root {\n            @content;\n          }\n        }\n      } @else {\n        @media (prefers-color-scheme: $mode) {\n          @content;\n        }\n      }\n    } @else {\n      [data-#{config.$prefix}theme=\"#{$mode}\"] {\n        @content;\n      }\n    }\n  }","@use '../01-settings/settings.colors' as colors;\n\n::selection {\n  background: colors.$primary;\n  background: rgba(colors.$primary, 0.3);\n}\n\n::-moz-selection {\n  background: colors.$primary;\n  background: rgba(colors.$primary, 0.3);\n}\n\n* {\n  -webkit-tap-highlight-color: rgba(colors.$primary, 0.2);\n}\n","@use \"sass:color\";\n\n@use '../02-tools/tools.to-rgb' as *;\n@use '../02-tools/tools.color-functions' as *;\n\n// Basic Colors \n$white:                         #ffffff !default;\n$black:                         #000000 !default;\n\n// Color contrast variables\n$color-contrast-dark:          #000000 !default;\n$color-contrast-light:         #ffffff !default;\n\n// Primitives Primary Colors\n$primary-1:                     #F2E8FD !default;\n$primary-2:                     #E4D0FA !default;\n$primary-3:                     #D0B2F5 !default;\n$primary-4:                     #B88CEF !default;\n$primary-5:                     #9C63E9 !default;\n$primary-6:                     #7C3AED !default; // Balanced primary purple\n$primary-7:                     #6425CA !default;\n$primary-8:                     #501BA6 !default;\n$primary-9:                     #3C1583 !default;\n$primary-10:                    #2A0E60 !default;\n\n// Primitives Red Colors\n$red-1:                         #FEF2F2 !default;\n$red-2:                         #FEE2E2 !default;\n$red-3:                         #FECACA !default;\n$red-4:                         #FCA5A5 !default;\n$red-5:                         #F87171 !default;\n$red-6:                         #EF4444 !default; // Vibrant, accessible red\n$red-7:                         #DC2626 !default;\n$red-8:                         #B91C1C !default;\n$red-9:                         #991B1B !default;\n$red-10:                        #7F1D1D !default;\n\n// Primitives Green Colors\n$green-1:                       #F0FDF4 !default;\n$green-2:                       #DCFCE7 !default;\n$green-3:                       #BBF7D0 !default;\n$green-4:                       #86EFAC !default;\n$green-5:                       #4ADE80 !default;\n$green-6:                       #22C55E !default; // Balanced, accessible green\n$green-7:                       #16A34A !default;\n$green-8:                       #15803D !default;\n$green-9:                       #166534 !default;\n$green-10:                      #14532D !default;\n\n// Primitives Yellow Colors\n$yellow-1:                      #FEFCE8 !default;\n$yellow-2:                      #FEF9C3 !default;\n$yellow-3:                      #FEF08A !default;\n$yellow-4:                      #FDE047 !default;\n$yellow-5:                      #FACC15 !default;\n$yellow-6:                      #EAB308 !default; // Accessible, high-visibility yellow\n$yellow-7:                      #CA8A04 !default;\n$yellow-8:                      #A16207 !default;\n$yellow-9:                      #854D0E !default;\n$yellow-10:                     #713F12 !default;\n\n// Primitives Blue Colors\n$blue-1:                        #EFF6FF !default;\n$blue-2:                        #DBEAFE !default;\n$blue-3:                        #BFDBFE !default;\n$blue-4:                        #93C5FD !default;\n$blue-5:                        #60A5FA !default;\n$blue-6:                        #3B82F6 !default; // Balanced, accessible blue\n$blue-7:                        #2563EB !default;\n$blue-8:                        #1D4ED8 !default;\n$blue-9:                        #1E40AF !default;\n$blue-10:                       #1E3A8A !default;\n\n// Primitives Gray Colors\n$gray-1:                        #F9FAFB !default;\n$gray-2:                        #F3F4F6 !default;\n$gray-3:                        #E5E7EB !default;\n$gray-4:                        #D1D5DB !default;\n$gray-5:                        #9CA3AF !default;\n$gray-6:                        #6B7280 !default;\n$gray-7:                        #4B5563 !default;\n$gray-8:                        #374151 !default;\n$gray-9:                        #1F2937 !default;\n$gray-10:                       #111827 !default;\n\n// Primitives Overlay\n$overlay-1:                      rgba(20, 20, 20, 0.302) !default;\n$overlay-2:                      rgba($gray-6, .6) !default;\n\n\n\n\n\n\n//Text colors emphasis\n$primary-text:                  $gray-10 !default;\n$secondary-text:                $gray-8 !default;\n$tertiary-text:                 $gray-6 !default;\n$disabled-text:                 $gray-5 !default;\n$invert-text:                   $gray-10 !default;\n$brand-text:                    $primary-6 !default;\n$error-text:                    $red-6 !default;\n$success-text:                  $green-6 !default;\n$warning-text:                  $yellow-6 !default;\n$info-text:                     $blue-6 !default;\n$light-text:                    $gray-1 !default;\n$dark-text:                     $gray-9 !default;\n\n// Text colors dark emphasis\n$primary-text-dark:             $white !default;\n$secondary-text-dark:           $gray-3 !default;\n$tertiary-text-dark:            $gray-4 !default;\n$disabled-text-dark:            $gray-5 !default;\n$invert-text-dark:              $gray-1 !default;\n$brand-text-dark:               $primary-2 !default;\n$error-text-dark:               $red-3 !default;\n$success-text-dark:             $green-3 !default;\n$warning-text-dark:             $yellow-3 !default;\n$info-text-dark:                $blue-3 !default;\n$light-text-dark:               $gray-1 !default;\n$dark-text-dark:                $gray-8 !default;\n\n\n\n// Background colors subtle\n$primary-bg:                    $white !default;\n$secondary-bg:                  $gray-3 !default;\n$tertiary-bg:                   $gray-4 !default;\n$invert-bg:                     $gray-10 !default;\n$brand-bg:                      $primary-2 !default;\n$error-bg:                      $red-2 !default;\n$success-bg:                    $green-2 !default;\n$warning-bg:                    $yellow-2 !default;\n$info-bg:                       $blue-2 !default;\n$light-bg:                      $gray-2 !default;\n$dark-bg:                       $gray-9 !default;\n\n// Background colors dark subtle\n$primary-bg-dark:               $gray-9 !default;\n$secondary-bg-dark:             $gray-7 !default;\n$tertiary-bg-dark:              $gray-6 !default;\n$invert-bg-dark:                $white !default;\n$brand-bg-dark:                 $primary-8 !default;\n$error-bg-dark:                 $red-10 !default;\n$success-bg-dark:               $green-9 !default;\n$warning-bg-dark:               $yellow-10 !default;\n$info-bg-dark:                  $blue-10   !default;\n$light-bg-dark:                 $gray-1 !default;\n$dark-bg-dark:                  $gray-8 !default;\n\n\n\n// Border color\n$primary-border:                $gray-3 !default;\n$secondary-border:              $gray-10 !default;\n$brand-border:                  $primary-6 !default;\n$error-border:                  $red-6 !default;\n$success-border:                $green-6 !default;\n$warning-border:                $yellow-6 !default;\n$info-border:                   $blue-6 !default;\n$light-border:                  $gray-1 !default;\n$dark-border:                   $gray-9 !default;\n\n// Border color dark\n$primary-border-dark:           $gray-8 !default;\n$secondary-border-dark:         $white !default;\n$brand-border-dark:             $primary-6 !default;\n$error-border-dark:             $red-6 !default;\n$success-border-dark:           $green-6 !default;\n$warning-border-dark:           $yellow-6 !default;\n$info-border-dark:              $blue-6 !default;\n$light-border-dark:             $gray-1 !default;\n$dark-border-dark:              $gray-8 !default;\n\n\n\n// theme colors\n$primary:                       $primary-6 !default;\n$secondary:                     $gray-2 !default;\n$light:                         $gray-1 !default;\n$dark:                          $gray-9 !default;\n$success:                       $green-6 !default;\n$info:                          $blue-6 !default;\n$warning:                       $yellow-6 !default;\n$error:                         $red-6 !default;\n\n// Theme colors Dark\n$primary-dark:                  $primary-6 !default;\n$secondary-dark:                $gray-7 !default;\n$light-dark:                    $gray-1 !default;\n$dark-dark:                     $gray-8 !default;\n$success-dark:                  $green-6 !default;\n$info-dark:                     $blue-6 !default;\n$warning-dark:                  $yellow-6 !default; \n$error-dark:                    $red-6 !default;        \n\n\n\n\n// Theme hover background\n$primary-hover:                 $primary-6 !default;\n$secondary-hover:               $gray-3 !default;\n$light-hover:                   $gray-2 !default;\n$dark-hover:                    $gray-7 !default;\n$success-hover:                 $green-8 !default;\n$info-hover:                    $blue-8 !default;\n$warning-hover:                 $yellow-8 !default;\n$error-hover:                   $red-8 !default;\n\n // Theme hover background for dark theme\n$primary-hover-dark:            $primary-6 !default;\n$secondary-hover-dark:          $gray-6 !default;\n$light-hover-dark:              $gray-5 !default; \n$dark-hover-dark:               $gray-7 !default;\n$info-hover-dark:               $blue-4 !default;\n$success-hover-dark:            $green-4 !default;\n$warning-hover-dark:            $yellow-5 !default;\n$error-hover-dark:              $red-4 !default;\n\n\n\n\n//  Mischelleneous Colors\n$color-contrast-dark:           $black !default;\n$color-contrast-light:          $white !default;\n\n$body-color:                    $primary-text !default;\n$body-bg:                       $primary-bg !default;\n$headings-color:                $primary-text !default;\n$link-color:                    $primary !default;\n$link-decoration:              none !default;\n$link-hover-color:             color.adjust($link-color, $lightness: -15%) !default;\n$link-hover-decoration:        null !default;\n$code-color:                   $red-6 !default;\n$mark-bg:                      $yellow-3 !default;\n\n// Form validation colors\n$form-valid-color:             $green-6 !default;\n$form-valid-border-color:      $green-6 !default;\n$form-invalid-color:           $red-6 !default;\n$form-invalid-border-color:    $red-6 !default;\n\n$body-color-dark:               $primary-text-dark !default;\n$body-bg-dark:                  $primary-bg-dark !default;\n\n// Border colors for use with components\n$primary-border:                $gray-6 !default;\n$primary-border-dark:           $gray-7 !default;\n\n// Dark mode colors\n$headings-color-dark:           $gray-3 !default;\n$link-color-dark:               $primary-4 !default;\n$link-hover-color-dark:         color.adjust($link-color-dark, $lightness: -15%) !default;\n$code-color-dark:               $red-5 !default;\n$border-color-translucent-dark: rgba($white, 0.15) !default;\n\n// Form validation dark mode colors\n$form-valid-color-dark:         $green-5 !default;\n$form-valid-border-color-dark:  $green-5 !default;\n$form-invalid-color-dark:       $red-5 !default;\n$form-invalid-border-color-dark: $red-5 !default;\n\n$focus-border-color:            $primary-5 !default;\n$focus-border-color-dark:       $primary-4 !default;\n\n$component-active-color:        $white !default;\n$component-active-bg:           $primary !default;\n\n// All variables are automatically exported when using @use\n","$assets-fonts-path : '../assets/fonts/';\n\n@mixin font-face($name, $foldername, $filename, $weight: normal, $style: normal) {\n    @font-face {\n        font-family: $name;\n        src: url(\"#{$assets-fonts-path}/#{$foldername}/#{$filename}.eot\");\n        src: url(\"#{$assets-fonts-path}/#{$foldername}/#{$filename}.eot?#iefix\") format(\"embedded-opentype\"),\n        url('#{$assets-fonts-path}/#{$foldername}/#{$filename}.woff2') format('woff2'),\n        url(\"#{$assets-fonts-path}/#{$foldername}/#{$filename}.woff\") format(\"woff\"),\n        url(\"#{$assets-fonts-path}/#{$foldername}/#{$filename}.ttf\") format(\"truetype\");\n        font-weight: $weight;\n        font-style: $style;\n        text-rendering: optimizeLegibility;\n    }\n}\n","@use '../01-settings/settings.fonts' as fonts;\n@use '../01-settings/settings.typography' as *;\n\n// Import Helvetica Neue font family using the font-face mixin\n@include fonts.font-face('Helvetica Neue', 'HelveticaNeue', 'HelveticaNeue', $font-weight-normal, normal);\n@include fonts.font-face('Helvetica Neue', 'HelveticaNeue', 'HelveticaNeue-Light', $font-weight-light, normal);\n@include fonts.font-face('Helvetica Neue', 'HelveticaNeue', 'HelveticaNeue-Medium', $font-weight-medium, normal);\n@include fonts.font-face('Helvetica Neue', 'HelveticaNeue', 'HelveticaNeue-Bold', $font-weight-bold, normal);\n@include fonts.font-face('Helvetica Neue', 'HelveticaNeue', 'HelveticaNeue-Thin', $font-weight-light - 100, normal);\n@include fonts.font-face('Helvetica Neue', 'HelveticaNeue', 'HelveticaNeue-UltraLight', $font-weight-light - 200, normal);\n\n// Italic versions\n@include fonts.font-face('Helvetica Neue', 'HelveticaNeue', 'HelveticaNeue-Italic', $font-weight-normal, italic);\n@include fonts.font-face('Helvetica Neue', 'HelveticaNeue', 'HelveticaNeue-LightItalic', $font-weight-light, italic);\n@include fonts.font-face('Helvetica Neue', 'HelveticaNeue', 'HelveticaNeue-MediumItalic', $font-weight-medium, italic);\n@include fonts.font-face('Helvetica Neue', 'HelveticaNeue', 'HelveticaNeue-BoldItalic', $font-weight-bold, italic);\n@include fonts.font-face('Helvetica Neue', 'HelveticaNeue', 'HelveticaNeue-ThinItalic', $font-weight-light - 100, italic);\n@include fonts.font-face('Helvetica Neue', 'HelveticaNeue', 'HelveticaNeue-UltraLightItalic', $font-weight-light - 200, italic);\n\n// Condensed versions\n@include fonts.font-face('Helvetica Neue Condensed', 'HelveticaNeue', 'HelveticaNeue-CondensedBold', $font-weight-bold, normal);\n@include fonts.font-face('Helvetica Neue Condensed', 'HelveticaNeue', 'HelveticaNeue-CondensedBlack', $font-weight-black, normal);\n","@use '../01-settings/settings.config' as config;\n\n*,\n*:before,\n*:after {\n  box-sizing: border-box;\n}\n\nimg{\n  max-width: 100%;\n  height: auto;\n}\n\n.docs-story {\n  background: var(--#{config.$prefix}body-bg) !important;\n}","@use '../01-settings/settings.typography' as typography;\n\nbody {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-family: typography.$font-family-base;\n  font-weight: typography.$font-weight-base;\n  font-size: typography.$font-size-base;\n  line-height: typography.$line-height-base;\n\n  &.is-blocked,\n  &.is-modal-open{\n    overflow: hidden;\n  }\n\n}\n","@use '../01-settings/settings.typography' as typography;\n\nh1, .h1 {\n    font-size: typography.$h1-font-size;\n    letter-spacing: typography.$h1-letter-spaceing;\n}\n\nh2, .h2 {\n    font-size: typography.$h2-font-size;\n    letter-spacing: typography.$h2-letter-spaceing;\n}\n\nh3, .h3 {\n    font-size: typography.$h3-font-size;\n    letter-spacing: typography.$h3-letter-spaceing;\n}\n\nh4, .h4 {\n    font-size: typography.$h4-font-size;\n    letter-spacing: typography.$h4-letter-spaceing;\n}\n\nh5, .h5 { \n    font-size: typography.$h5-font-size;\n    letter-spacing: typography.$h5-letter-spaceing;\n}\n\nh6, .h6 {\n    font-size: typography.$h6-font-size;\n    letter-spacing: typography.$h6-letter-spaceing;\n}\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n  font-family: typography.$headings-font-family;\n  font-weight: typography.$headings-font-weight;\n  line-height: typography.$headings-line-height;\n} ","html {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  scroll-behavior: smooth;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-rendering: optimizeLegibility;\n}\n","@use '../01-settings/settings.config' as config;\n@use '../02-tools/tools.animations' as animations;\n\n\na {\n  color: rgba(var(--#{config.$prefix}link-color-rgb), var(--#{config.$prefix}u-link-opacity, 1));\n  @include animations.basic-transition(color);\n  &,\n  &:hover {\n    text-decoration: none;\n  }\n}\n","@use '../01-settings/settings.animations' as animations;\n@use 'sass:list';\n\n// Transition base mixin\n@mixin transition-base($property: all, $duration: 0.2s, $timing: ease-in-out, $delay: 0s) {\n  transition-property: $property;\n  transition-duration: $duration;\n  transition-timing-function: $timing;\n  transition-delay: $delay;\n}\n\n// Basic transition mixin (used by components)\n@mixin basic-transition($property: all, $duration: 0.2s, $timing: ease-in-out, $delay: 0s) {\n  @include transition-base($property, $duration, $timing, $delay);\n}\n\n// Multiple properties transition\n@mixin transition($transitions...) {\n  $props: ();\n  $durations: ();\n  $timings: ();\n  $delays: ();\n\n  @each $transition in $transitions {\n    $property: nth($transition, 1);\n    $duration: 0.2s;\n    $timing-function: ease-in-out;\n    $delay: 0s;\n\n    @if length($transition) > 1 {\n      $duration: nth($transition, 2);\n    }\n    @if length($transition) > 2 {\n      $timing-function: nth($transition, 3);\n    }\n    @if length($transition) > 3 {\n      $delay: nth($transition, 4);\n    }\n\n    $props: append($props, $property, comma);\n    $durations: append($durations, $duration, comma);\n    $timings: append($timings, $timing-function, comma);\n    $delays: append($delays, $delay, comma);\n  }\n\n  transition-property: $props;\n  transition-duration: $durations;\n  transition-timing-function: $timings;\n  transition-delay: $delays;\n} ","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.grid' as grid;\n@use '../01-settings/settings.breakpoints' as breakpoints;\n@use '../02-tools/tools.breakpoints' as *;\n@use '../02-tools/tools.grid' as *;\n\n.o-container,  .o-container-fluid {\n  @include make-container(); \n}\n\n@each $breakpoint, $container-max-width in grid.$container-max-widths {\n  .o-container-#{$breakpoint} {\n    @extend .o-container-fluid;\n  }\n  \n  @include media-breakpoint-up($breakpoint, breakpoints.$grid-breakpoints) {\n    %responsive-container-#{$breakpoint} {\n      max-width: $container-max-width;\n    }\n\n    $extend-breakpoint: true;\n\n    @each $name, $width in breakpoints.$grid-breakpoints {\n      @if ($extend-breakpoint) {\n         .o-container#{breakpoint-infix($name, breakpoints.$grid-breakpoints)} {\n          @extend %responsive-container-#{$breakpoint};\n        }\n\n        @if ($breakpoint == $name) {\n          $extend-breakpoint: false;\n        }\n      }\n    }\n  }\n}\n","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.grid' as grid;\n@use '../01-settings/settings.breakpoints' as breakpoints;\n@use './tools.breakpoints' as *;\n@use 'sass:math';\n@use 'sass:map';\n@use 'sass:list';\n\n// Container mixin\n@mixin make-container($gutter: grid.$grid-gutter-width) {\n  width: 100%;\n  padding-right: $gutter * 0.5;\n  padding-left: $gutter * 0.5;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n// Row mixin\n@mixin make-row($gutter: grid.$grid-gutter-width) {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$gutter * 0.5;\n  margin-left: -$gutter * 0.5;\n}\n\n// Column ready mixin\n@mixin make-col-ready($gutter: grid.$grid-gutter-width) {\n  position: relative;\n  width: 100%;\n  padding-right: $gutter * 0.5;\n  padding-left: $gutter * 0.5;\n}\n\n// Column size mixin\n@mixin make-col($size, $columns: grid.$grid-columns) {\n  flex: 0 0 auto;\n  width: math.percentage(math.div($size, $columns));\n}\n\n// Column offset mixin\n@mixin make-col-offset($size, $columns: grid.$grid-columns) {\n  margin-left: if($size > 0, math.percentage(math.div($size, $columns)), 0);\n}\n\n// Grid columns generator\n@mixin grid-columns(\n  $columns: grid.$grid-columns,\n  $gutter: grid.$grid-gutter-width,\n  $breakpoints: breakpoints.$grid-breakpoints\n) {\n  @each $breakpoint in map.keys($breakpoints) {\n    $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      .o-grid__col-#{$infix}-auto {\n        flex: 1 0 0%; // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      }\n\n      @if $columns > 0 {\n        @for $i from 1 through $columns {\n          .o-grid__col-#{$infix}-#{$i} {\n            @include make-col($i, $columns);\n          }\n        }\n\n        @for $i from 0 through ($columns - 1) {\n          @if not($infix == '' and $i == 0) {\n            .o-grid__offset-#{$infix}-#{$i} {\n              @include make-col-offset($i, $columns);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.grid' as grid;\n@use '../01-settings/settings.breakpoints' as breakpoints;\n@use 'sass:math';\n@use 'sass:map';\n@use 'sass:list';\n\n\n// Breakpoint viewport sizes and media queries.\n@mixin media-breakpoint-up($name, $breakpoints: breakpoints.$grid-breakpoints) {\n    $min: map.get($breakpoints, $name);\n    @if $min {\n      @media (min-width: $min) {\n        @content;\n      }\n    } @else {\n      @content;\n    }\n  }\n  \n  // Media of at most the maximum breakpoint width\n  @mixin media-breakpoint-down($name, $breakpoints: breakpoints.$grid-breakpoints) {\n    // Get the next breakpoint\n    $breakpoint-names: map.keys($breakpoints);\n    $breakpoint-index: list.index($breakpoint-names, $name);\n    \n    // If not the largest breakpoint\n    @if $breakpoint-index < list.length($breakpoint-names) {\n      $next-breakpoint: list.nth($breakpoint-names, $breakpoint-index + 1);\n      $next-value: map.get($breakpoints, $next-breakpoint);\n      \n      @media (max-width: ($next-value - 0.02)) {\n        @content;\n      }\n    } @else {\n      @content;\n    }\n  }\n  \n  // Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n  @function breakpoint-infix($name, $breakpoints: breakpoints.$grid-breakpoints) {\n    @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n  }\n  \n  // Returns the minimum breakpoint width.\n  @function breakpoint-min($name, $breakpoints: breakpoints.$grid-breakpoints) {\n    $min: map.get($breakpoints, $name);\n    @return if($min != 0, $min, null);\n  }","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.grid' as grid;\n@use '../02-tools/tools.grid' as *;\n@use '../02-tools/tools.breakpoints' as *;\n\n.o-grid {\n    --#{config.$prefix}gutter-y: #{grid.$grid-gutter-width};\n    @include make-row();\n\n    &__col {\n        @include make-col-ready();\n    }\n\n    &--no-gutters {\n       margin-right: 0;\n       margin-left: 0;\n\n       .o-grid__col {\n           padding-right: 0;\n           padding-left: 0;\n       }\n    }\n}\n\n@include grid-columns();\n","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.masonry-grid' as masonry;\n@use '../01-settings/settings.breakpoints' as breakpoints;\n@use '../02-tools/tools.rem' as *;\n@use 'sass:math';\n\n.o-masonry-grid {\n    $root: &;\n    \n    \n    // Base styles\n    position: relative;\n    width: 100%;\n    min-height: 100px; // Minimum height to prevent layout shift\n    \n    // Animation variant\n    &--animate {\n        .o-masonry-grid__item {\n            transition: opacity 0.3s ease, top 0.3s ease, left 0.3s ease;\n        }\n    }\n    \n    // Item styles\n    &__item {\n        box-sizing: border-box;\n        width: 100%;\n        \n        // Prevent FOUC (Flash of Unstyled Content)\n        &:not([style*=\"position: absolute\"]) {\n            opacity: 0;\n            visibility: hidden;\n        }\n    }\n    \n    // Loading states for items\n    &__item-loading {\n        \n        &::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: var(--#{config.$prefix}gray-10);\n            z-index: 1;\n            border-radius: 4px;\n        }\n        \n        img {\n            opacity: 0;\n        }\n    }\n    \n    // Loaded state with fade-in animation\n    &__item-loaded img {\n        animation: masonry-item-fade-in 0.3s ease forwards;\n    }\n    \n    // Progressive loading indicator\n    &--loading-images {\n        position: relative;\n        \n        &::after {\n            content: '';\n            position: absolute;\n            bottom: 16px;\n            right: 16px;\n            width: 24px;\n            height: 24px;\n            border: 2px solid rgba(0, 0, 0, 0.1);\n            border-radius: 50%;\n            border-top-color: var(--#{config.$prefix}brand-border-subtle);\n            animation: masonry-spinner 0.8s linear infinite;\n            z-index: 1000;\n            pointer-events: none;\n        }\n    }\n    \n    // Animations\n    @keyframes masonry-spinner {\n        to { transform: rotate(360deg); }\n    }\n    \n    @keyframes masonry-item-fade-in {\n        from { opacity: 0; }\n        to { opacity: 1; }\n    }\n    \n}\n","@use '../02-tools/tools.rem' as *;\n@use '../01-settings/settings.accordion' as accordion;\n@use '../01-settings/settings.config' as config;\n@use '../02-tools/tools.animations' as *;\n\n.c-accordion {\n  $root: &;\n\n  --#{config.$prefix}accordion-width: #{accordion.$accordion-width};\n  --#{config.$prefix}accordion-border-width: #{accordion.$accordion-border-width};\n  --#{config.$prefix}accordion-border-color: #{accordion.$accordion-border-color};\n  --#{config.$prefix}accordion-border-radius: #{accordion.$accordion-border-radius};\n  --#{config.$prefix}accordion-body-padding-x: #{rem(accordion.$accordion-body-padding-x)};\n  --#{config.$prefix}accordion-body-padding-y: #{rem(accordion.$accordion-body-padding-y)};\n  --#{config.$prefix}accordion-body-color: #{accordion.$accordion-body-color};\n  --#{config.$prefix}accordion-body-bg: #{accordion.$accordion-body-bg};\n  --#{config.$prefix}accordion-header-padding-x: #{rem(accordion.$accordion-header-padding-x)};\n  --#{config.$prefix}accordion-header-padding-y: #{rem(accordion.$accordion-header-padding-y)};\n  --#{config.$prefix}accordion-header-color: #{accordion.$accordion-header-color};\n  --#{config.$prefix}accordion-header-bg: #{accordion.$accordion-header-bg};\n  --#{config.$prefix}accordion-header-bg-hover: #{accordion.$accordion-header-bg-hover};\n  --#{config.$prefix}accordion-icon-size: #{rem(accordion.$accordion-icon-size)};\n  --#{config.$prefix}accordion-icon-color: #{accordion.$accordion-icon-color};\n  --#{config.$prefix}accordion-icon-transform: #{accordion.$accordion-icon-transform};\n  --#{config.$prefix}accordion-disable-color: #{accordion.$accordion-disable-color};\n  --panel-height: 0px;\n\n  width: 100%;\n  max-width: var(--#{config.$prefix}accordion-width);\n  border: var(--#{config.$prefix}accordion-border-width) solid var(--#{config.$prefix}accordion-border-color);\n\n  &__header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    color: var(--#{config.$prefix}accordion-header-color);\n    padding: var(--#{config.$prefix}accordion-header-padding-y) var(--#{config.$prefix}accordion-header-padding-x);\n    background-color: var(--#{config.$prefix}accordion-header-bg);\n    border-radius: var(--#{config.$prefix}accordion-border-radius);\n    border: none;\n    cursor: pointer;\n    width: 100%;\n\n    &--icon-left {\n      flex-direction: row-reverse;\n      justify-content: flex-end;\n      gap: var(--#{config.$prefix}accordion-header-padding-x);\n    }\n\n    &:hover {\n      --#{config.$prefix}accordion-header-bg: var(--#{config.$prefix}accordion-header-bg-hover);\n    }\n  }\n\n  &__title {\n    margin-right: rem(20px);\n  }\n\n  &__icon {\n    color: var(--#{config.$prefix}accordion-icon-color);\n    font-size: var(--#{config.$prefix}accordion-icon-size);\n    will-change: transform;\n\n    @include basic-transition();\n  }\n\n  &__panel {\n    height: var(--panel-height);\n    overflow: hidden;\n    will-change: height;\n\n    @include basic-transition();\n  }\n\n  &__body {\n    color: var(--#{config.$prefix}accordion-body-color);\n    padding: var(--#{config.$prefix}accordion-body-padding-y) var(--#{config.$prefix}accordion-body-padding-x);\n    background-color: var(--#{config.$prefix}accordion-body-bg);\n    border-radius: 0 0 var(--#{config.$prefix}accordion-border-radius) var(--#{config.$prefix}accordion-border-radius);\n  }\n\n  &:focus, &.is-focused {\n    --#{config.$prefix}accordion-border-color: var(--#{config.$prefix}focus-border-color);\n  }\n\n  &.is-open {\n    #{$root}__icon {\n      transform: rotate(var(--#{config.$prefix}accordion-icon-transform));\n    }\n\n    #{$root}__header {\n      border-radius: var(--#{config.$prefix}accordion-border-radius)  var(--#{config.$prefix}accordion-border-radius) 0 0;\n    }\n  }\n\n  &.is-disabled {\n    pointer-events: none;\n\n    --#{config.$prefix}accordion-header-color: var(--#{config.$prefix}accordion-disable-color);\n    --#{config.$prefix}accordion-body-color: var(--#{config.$prefix}accordion-disable-color);\n    --#{config.$prefix}accordion-icon-color: var(--#{config.$prefix}accordion-disable-color);\n  }\n}\n","@use 'sass:map';\n@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.avatar' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.border-radius' as *;\n@use '../02-tools/tools.object-fit' as *;\n@use '../02-tools/tools.size' as *;\n@use '../02-tools/tools.animations' as *;\n\n// Avatar base component\n.c-avatar {\n    // CSS custom properties\n    --#{$prefix}avatar-fit: #{$avatar-fit};\n    --#{$prefix}avatar-size: #{rem(map.get($avatar-size, md))};\n    --#{$prefix}avatar-border-radius: #{map.get($avatar-border-radius, md)};\n    --#{$prefix}avatar-border-circle-radius: #{map.get($avatar-border-radius, 'circle')};\n    --#{$prefix}avatar-color: #{$avatar-color};\n    --#{$prefix}avatar-bg: #{$avatar-bg};\n    --#{$prefix}avatar-border-width: #{$avatar-border-width};\n    --#{$prefix}avatar-border-color: #{$avatar-border-color};\n    --#{$prefix}avatar-initials-font-size: #{map.get($avatar-initials-font-size, md)};\n    --#{$prefix}avatar-hover-opacity: #{$avatar-hover-opacity};\n    --#{$prefix}avatar-focus-ring-width: #{$avatar-focus-ring-width};\n    --#{$prefix}avatar-focus-ring-color: #{$avatar-focus-ring-color};\n    --#{$prefix}avatar-disabled-opacity: #{$avatar-disabled-opacity};\n\n    // Base styles\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    @include square(var(--#{$prefix}avatar-size));\n    border-radius: var(--#{$prefix}avatar-border-radius);\n    background-color: var(--#{$prefix}avatar-bg);\n    color: var(--#{$prefix}avatar-color);\n    border: var(--#{$prefix}avatar-border-width) solid var(--#{$prefix}avatar-border-color);\n    overflow: hidden;\n    user-select: none;\n    @include basic-transition(opacity);\n\n    // Size variants\n    @each $size, $value in $avatar-size {\n        &--#{$size} {\n            --#{$prefix}avatar-size: #{rem($value)};\n            --#{$prefix}avatar-border-radius: #{map.get($avatar-border-radius, $size)};\n            --#{$prefix}avatar-initials-font-size: #{map.get($avatar-initials-font-size, $size)};\n        }\n    }\n\n    // Shape variant\n    &--circle {\n        --#{$prefix}avatar-border-radius: var(--#{$prefix}avatar-border-circle-radius);\n    }\n\n    // Interactive states\n    &[role=\"button\"] {\n        cursor: pointer;\n\n        &:hover {\n            opacity: var(--#{$prefix}avatar-hover-opacity);\n        }\n\n        &:focus-visible {\n            outline: var(--#{$prefix}avatar-focus-ring-width) solid var(--#{$prefix}avatar-focus-ring-color);\n            outline-offset: 1px;\n        }\n    }\n\n    &.is-disabled,\n    &[aria-disabled=\"true\"] {\n        opacity: var(--#{$prefix}avatar-disabled-opacity);\n        pointer-events: none;\n    }\n\n    // Avatar content elements\n    &__image {\n        width: 100%;\n        height: 100%;\n        @include object-fit(var(--#{$prefix}avatar-fit));\n    }\n\n    &__initials {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 100%;\n        height: 100%;\n        font-size: var(--#{$prefix}avatar-initials-font-size);\n        font-weight: $avatar-initials-font-weight;\n        text-transform: uppercase;\n    }\n\n    &__icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 100%;\n        height: 100%;\n    }\n}","@mixin size($width, $height) {\n  width: $width;\n  height: $height;\n}\n\n@mixin square($size) {\n  @include size($size, $size);\n}\n","@mixin object-fit($f: contain, $p: center) {\n    object-fit: $f;\n    object-position: $p;\n}","@use 'sass:map';\n@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.avatar-group' as *;\n@use '../01-settings/settings.avatar' as avatar;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.border-radius' as *;\n@use '../02-tools/tools.animations' as *;\n@use '../01-settings/settings.typography' as *;\n\n// Avatar group component\n.c-avatar-group {\n  // CSS custom properties\n  --#{$prefix}avatar-group-gap: #{rem($avatar-group-gap)};\n  --#{$prefix}avatar-group-stacked-overlap: #{$avatar-group-stacked-overlap};\n  --#{$prefix}avatar-group-stacked-hover-gap: #{rem($avatar-group-stacked-hover-gap)};\n  --#{$prefix}avatar-group-more-color: #{$avatar-group-more-color};\n  --#{$prefix}avatar-group-more-bg: #{$avatar-group-more-bg};\n  --#{$prefix}avatar-group-more-font-size: #{$avatar-group-more-font-size};\n  --#{$prefix}avatar-group-more-font-weight: #{$avatar-group-more-font-weight};\n  --#{$prefix}avatar-group-more-border-width: #{$avatar-group-more-border-width};\n  --#{$prefix}avatar-group-more-border-color: #{$avatar-group-more-border-color};\n  --#{$prefix}avatar-group-transition-duration: #{$avatar-group-transition-duration};\n  --#{$prefix}avatar-group-transition-timing: #{$avatar-group-transition-timing};\n\n  // Base styles\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: center;\n  gap: var(--#{$prefix}avatar-group-gap);\n\n  // More indicator\n  &__more {\n    display: grid;\n    place-items: center;\n    color: var(--#{$prefix}avatar-group-more-color);\n    font-size: var(--#{$prefix}avatar-group-more-font-size);\n    font-weight: var(--#{$prefix}avatar-group-more-font-weight);\n    background-color: var(--#{$prefix}avatar-group-more-bg);\n    border: var(--#{$prefix}avatar-group-more-border-width) solid\n      var(--#{$prefix}avatar-group-more-border-color);\n    \n    // Inherit size and shape from avatars\n    width: var(--#{$prefix}avatar-size);\n    height: var(--#{$prefix}avatar-size);\n    border-radius: var(--#{$prefix}avatar-border-radius);\n  }\n\n  // Stacked variant\n  &--stacked {\n    gap: 0;\n\n    > * {\n      transition: transform var(--#{$prefix}avatar-group-transition-duration) var(--#{$prefix}avatar-group-transition-timing);\n      border: 2px solid var(--#{$prefix}avatar-group-more-bg);\n    }\n\n    // Position each avatar with negative margin\n    @for $i from 1 through 10 {\n      > *:nth-child(#{$i + 1}) {\n        transform: translateX(\n          calc((var(--#{$prefix}avatar-size) / -2) * #{$i})\n        );\n      }\n    }\n\n    // Hover state - spread avatars apart\n    &:hover {\n      > * {\n        transform: translateX(0);\n      }\n      \n      & {\n        gap: var(--#{$prefix}avatar-group-stacked-hover-gap);\n      }\n    }\n    \n    // More indicator in stacked layout\n    .c-avatar-group__more {\n      font-size: var(--#{$prefix}avatar-group-more-font-size);\n      margin-left: calc(var(--#{$prefix}avatar-size) * -1 * var(--#{$prefix}avatar-group-stacked-overlap) / 100);\n      z-index: 1;\n    }\n  }\n}\n","@use 'sass:map';\n@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.badge' as *;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.maps' as maps;\n@use '../02-tools/tools.rem' as *;\n\n.c-badge {\n    --#{$prefix}tag-font-size: #{$tag-font-size};\n    --#{$prefix}tag-font-weight: #{$tag-font-weight};\n    --#{$prefix}tag-color: var(--#{$prefix}body-color);\n    --#{$prefix}tag-padding-x: #{rem($tag-padding-x)};\n    --#{$prefix}tag-padding-y: #{rem($tag-padding-y)};\n    --#{$prefix}tag-border-radius: #{$tag-border-radius};\n    --#{$prefix}tag-bg-color: var(--#{$prefix}body-bg);\n    --#{$prefix}tag-icon-size: #{rem($tag-icon-size)};\n    --#{$prefix}tag-inner-items-gap: #{rem($tag-inner-items-gap)};\n\n    display: inline-flex;\n    align-items: center;\n    gap: var(--#{$prefix}tag-inner-items-gap);\n    color: var(--#{$prefix}tag-color);\n    font-size: var(--#{$prefix}tag-font-size);\n    font-weight: var(--#{$prefix}tag-font-weight);\n    line-height: 1;\n    padding: var(--#{$prefix}tag-padding-y) var(--#{$prefix}tag-padding-x);\n    border-radius: var(--#{$prefix}tag-border-radius);\n    background-color: var(--#{$prefix}tag-bg-color);\n    user-select: none;\n\n    &__icon {\n        font-size: var(--#{$prefix}tag-icon-size);\n        color: var(--#{$prefix}tag-color);\n        fill: var(--#{$prefix}tag-color);\n    }\n\n    &--sm{\n        --#{$prefix}tag-padding-y: #{$tag-padding-y-sm};\n    }\n\n    &--lg {\n        --#{$prefix}tag-padding-y: #{$tag-padding-y-lg};\n    }\n\n    @each $color, $value in maps.$theme-colors  {\n        &--#{$color} {\n            @if($color == 'primary') {\n                --#{$prefix}tag-bg-color: var(--#{$prefix}brand-bg-subtle);\n                --#{$prefix}tag-color: var(--#{$prefix}brand-text-emphasis);\n            } @else if ($color == 'dark') {\n                --#{$prefix}tag-bg-color: var(--#{$prefix}dark);\n                --#{$prefix}tag-color: var(--#{$prefix}light);\n            }@else if ($color == 'light') {\n                --#{$prefix}tag-bg-color: var(--#{$prefix}light);\n                --#{$prefix}tag-color: var(--#{$prefix}dark);\n            }@else {\n                --#{$prefix}tag-bg-color: var(--#{$prefix}#{$color}-bg-subtle);\n                --#{$prefix}tag-color: var(--#{$prefix}#{$color}-text-emphasis);\n            }\n        }\n    }\n}","@use 'sass:map';\n@use 'sass:string';\n@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.breadcrumb' as *;\n@use '../01-settings/settings.typography' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.animations' as *;\n\n.c-breadcrumb {\n    --#{$prefix}breadcrumb-font-size: #{$breadcrumb-font-size};\n\n    --#{$prefix}breadcrumb-link-padding-y: #{rem($breadcrumb-link-padding-y)};\n    --#{$prefix}breadcrumb-link-padding-x: #{rem($breadcrumb-link-padding-x)};\n    --#{$prefix}breadcrumb-link-border-width: #{rem($breadcrumb-link-border-width)};\n    --#{$prefix}breadcrumb-items-gap: #{rem($breadcrumb-items-gap)};\n    --#{$prefix}breadcrumb-margin-bottom: #{rem($breadcrumb-margin-bottom)};\n    --#{$prefix}breadcrumb-color: #{$breadcrumb-color};\n    --#{$prefix}breadcrumb-hover-color: #{$breadcrumb-hover-color};\n    --#{$prefix}breadcrumb-active-color: #{$breadcrumb-active-color};\n    --#{$prefix}breadcrumb-bg: #{$breadcrumb-bg};\n    --#{$prefix}breadcrumb-divider-color: #{$breadcrumb-divider-color};\n    --#{$prefix}breadcrumb-divider-active-color: #{$breadcrumb-divider-active-color};\n    --#{$prefix}breadcrumb-divider-size: #{rem($breadcrumb-divider-size)};\n    --#{$prefix}breadcrumb-divider-gap: #{rem($breadcrumb-divider-gap)};\n\n    $root: &;\n\n    display: flex;\n    gap: var(--#{$prefix}breadcrumb-items-gap);\n    list-style: none;\n    padding-left: 0px;\n    margin-bottom: var(--#{$prefix}breadcrumb-margin-bottom);\n    background-color: var(--#{$prefix}breadcrumb-bg);\n    \n\n    &__item {\n        display: flex;\n        align-items: center;\n        gap: var(--#{$prefix}breadcrumb-items-gap);\n\n        &+& {\n            &::before {\n                content: $breadcrumb-divider;\n                color: var(--#{$prefix}breadcrumb-divider-color);\n                font-size: var(--#{$prefix}breadcrumb-divider-size);\n                margin-right: var(--#{$prefix}breadcrumb-divider-gap);\n            }\n        }\n\n        &.is-active {\n            &::before {\n                color: var(--#{$prefix}breadcrumb-divider-active-color);\n            }\n\n            #{$root}__link{\n                color: var(--#{$prefix}breadcrumb-active-color);\n                font-weight: $font-weight-medium;\n            }\n        }\n    }\n\n    &__link {\n        display: flex;\n        align-items: center;\n        gap: calc(var(--#{$prefix}breadcrumb-items-gap) / 2);\n        color: var(--#{$prefix}breadcrumb-color);\n        padding: var(--#{$prefix}breadcrumb-link-padding-y) var(--#{$prefix}breadcrumb-link-padding-x);\n        border: var(--#{$prefix}breadcrumb-link-border-width) solid transparent;\n\n        @include basic-transition();\n\n        &:focus-visible {\n            outline: none;\n            border-color:  var(--#{$prefix}focus-border-color);\n        }\n\n        &:hover{\n            color: var(--#{$prefix}breadcrumb-hover-color);\n        }\n    }\n}","@use 'sass:map';\n@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.btn-group' as *;\n@use '../02-tools/tools.rem' as *;\n\n.c-btn-group {\n    --#{$prefix}btn-group-gap: #{$btn-group-gap};\n\n    position: relative;\n    display: inline-flex;\n    vertical-align: middle;\n\n    .c-btn {\n        flex: 1 1 auto;\n        position: relative;\n\n        &:not(:first-child):not(:last-child) {\n            border-radius: 0px;\n        }\n\n        &:first-child:not(:last-child) {\n            border-top-right-radius: 0px;\n            border-bottom-right-radius: 0px;\n        }\n\n        &:last-child:not(:first-child) {\n            border-top-left-radius: 0px;\n            border-bottom-left-radius: 0px;\n        }\n    }\n\n    .c-btn+.c-btn {\n        margin-left: calc(var(--#{$prefix}btn-border-width) * -1);\n    }\n}","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.button' as button;\n@use '../01-settings/settings.colors' as colors;\n@use '../01-settings/settings.maps' as color-maps;\n@use '../01-settings/settings.border-radius' as border-radius;\n@use '../02-tools/tools.border-radius' as *;\n@use '../02-tools/tools.button' as *;\n@use '../02-tools/tools.rem' as *;\n\n.c-btn {\n    $root: &; \n  \n    --#{config.$prefix}btn-padding-x: #{button.$btn-padding-x};\n    --#{config.$prefix}btn-padding-y: #{button.$btn-padding-y};\n    --#{config.$prefix}btn-font-family: #{button.$btn-font-family};\n    --#{config.$prefix}btn-font-size: #{button.$btn-font-size};\n    --#{config.$prefix}btn-font-weight: #{button.$btn-font-weight};\n    --#{config.$prefix}btn-line-height: #{button.$btn-line-height};\n    --#{config.$prefix}btn-icon-size: #{rem(button.$btn-icon-size)};\n    --#{config.$prefix}btn-color: #{button.$btn-color};\n    --#{config.$prefix}btn-bg: transparent;\n    --#{config.$prefix}btn-border-width: #{button.$btn-border-width};\n    --#{config.$prefix}btn-border-color: transparent;\n    --#{config.$prefix}btn-border-radius: #{button.$btn-border-radius};\n    --#{config.$prefix}btn-hover-border-color: transparent;\n    --#{config.$prefix}btn-box-shadow: #{button.$btn-box-shadow};\n    --#{config.$prefix}btn-disabled-opacity: #{button.$btn-disabled-opacity};\n    --#{config.$prefix}btn-focus-box-shadow: 0 0 0 #{button.$btn-focus-width} rgba(var(--#{config.$prefix}btn-focus-shadow-rgb), 0.5);\n    --#{config.$prefix}btn-inner-gap: #{rem(button.$btn-inner-gap)};\n  \n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--#{config.$prefix}btn-inner-gap);\n    padding: var(--#{config.$prefix}btn-padding-y) var(--#{config.$prefix}btn-padding-x);\n    font-family: var(--#{config.$prefix}btn-font-family);\n    font-size: var(--#{config.$prefix}btn-font-size);\n    font-weight: var(--#{config.$prefix}btn-font-weight);\n    line-height: var(--#{config.$prefix}btn-line-height);\n    color: var(--#{config.$prefix}btn-color);\n    text-align: center;\n    text-decoration: if(colors.$link-decoration == none, null, none);\n    white-space: button.$btn-white-space;\n    vertical-align: middle;\n    background-color: var(--#{config.$prefix}btn-bg);\n    cursor: if(button.$enable-button-pointers, pointer, null);\n    user-select: none;\n    border: var(--#{config.$prefix}btn-border-width) solid\n      var(--#{config.$prefix}btn-border-color);\n    border-radius: var(--#{config.$prefix}btn-border-radius);\n    transition: button.$btn-transition;\n  \n    &__icon {\n      font-size: var(--#{config.$prefix}btn-icon-size);\n    }\n  \n    &:hover {\n      color: var(--#{config.$prefix}btn-hover-color);\n      text-decoration: if(colors.$link-hover-decoration == underline, none, null);\n      background-color: var(--#{config.$prefix}btn-hover-bg);\n      border-color: var(--#{config.$prefix}btn-hover-border-color);\n    }\n  \n  \n    @each $color, $value in color-maps.$theme-colors {\n      &--#{$color} {\n          @include btn-variant($color, $value);\n      }\n    }\n  \n    @each $color, $value in color-maps.$theme-colors {\n      &--outline-#{$color} {\n        @include btn-outline-variant($color);\n      }\n    }\n  \n    &--lg {\n      @include btn-size(button.$btn-padding-y-lg, button.$btn-padding-x-lg, button.$btn-font-size-lg, button.$btn-border-radius-lg);\n  \n      #{$root}__icon {\n        --#{config.$prefix}btn-icon-size: #{rem(button.$btn-icon-size-lg)};\n      }\n    }\n  \n    &--sm {\n      @include btn-size(button.$btn-padding-y-sm, button.$btn-padding-x-sm, button.$btn-font-size-sm, button.$btn-border-radius-sm);\n  \n      #{$root}__icon {\n        --#{config.$prefix}btn-icon-size: #{rem(button.$btn-icon-size-sm)};\n      }\n    }\n  \n    &--rounded {\n      --#{config.$prefix}btn-border-radius: #{border-radius.$border-radius-pill};\n    }\n  \n    &--link {\n      --#{config.$prefix}btn-color: #{button.$btn-link-color};\n      --#{config.$prefix}btn-color-hover: #{button.$btn-link-color-hover};\n      --#{config.$prefix}btn-font-weight: #{button.$btn-link-font-weight};\n  \n      border-radius: 0px;\n      border-bottom: var(--#{config.$prefix}btn-border-width) solid button.$btn-link-border-color;\n  \n      &:hover {\n        border-bottom: var(--#{config.$prefix}btn-border-width) solid button.$btn-link-border-color-hover;\n      }\n    }\n  \n    &--icon {\n      --#{config.$prefix}btn-padding-x: var(--#{config.$prefix}btn-padding-y);\n    }\n  \n    &:disabled,\n    &--disabled,\n    fieldset:disabled & {\n      color: var(--#{config.$prefix}btn-disabled-color);\n      pointer-events: none;\n      background-color: var(--#{config.$prefix}btn-disabled-bg);\n      background-image: if(button.$enable-gradients, none, null);\n      border-color: var(--#{config.$prefix}btn-disabled-border-color);\n      opacity: var(--#{config.$prefix}btn-disabled-opacity);\n    }\n  }\n  \n  ","@use \"sass:color\";\n@use \"../01-settings/settings.config\" as config;\n@use \"../01-settings/settings.button\" as button;\n@use \"../01-settings/settings.colors\" as colors;\n@use \"../01-settings/settings.border-radius\" as *;\n@use \"tools.to-rgb\" as *;\n@use \"tools.border-radius\" as *;\n\n// Button variant mixin\n@mixin btn-variant(\n  $color,\n  $background,\n  $border: $background,\n  $hover-background: null,\n  $hover-border: null,\n  $active-background: null,\n  $active-border: null\n) {\n  --#{config.$prefix}btn-color: #{colors.$white};\n  --#{config.$prefix}btn-bg: #{$background};\n  --#{config.$prefix}btn-border-color: #{$border};\n  --#{config.$prefix}btn-hover-color: #{colors.$white};\n  --#{config.$prefix}btn-hover-bg: #{if($hover-background, $hover-background, color.scale($background, $lightness: -15%))};\n  --#{config.$prefix}btn-hover-border-color: #{if($hover-border, $hover-border, color.scale($border, $lightness: -10%))};\n  --#{config.$prefix}btn-active-color: #{colors.$white};\n  --#{config.$prefix}btn-active-bg: #{if($active-background, $active-background, color.scale($background, $lightness: -20%))};\n  --#{config.$prefix}btn-active-border-color: #{if($active-border, $active-border, color.scale($border, $lightness: -25%))};\n  --#{config.$prefix}btn-disabled-color: #{colors.$white};\n  --#{config.$prefix}btn-disabled-bg: #{$background};\n  --#{config.$prefix}btn-disabled-border-color: #{$background};\n}\n\n// Button outline variant mixin\n@mixin btn-outline-variant(\n  $color,\n  $color-hover: colors.$white,\n  $hover-background: $color,\n  $hover-border: $color,\n  $active-background: $color,\n  $active-border: $color\n) {\n  @if ($hover-background == \"primary\") {\n    $hover-background: 'secondary';\n  }\n\n  @if ($hover-background == \"light\") {\n    $hover-background: 'secondary';\n  }\n\n  @if ($hover-background == \"dark\") {\n    $hover-background: 'secondary';\n  }\n\n  $btn-color: $color;\n\n  @if($color == \"secondary\") {\n    $btn-color: \"invert\";\n    $color-hover: 'invert';\n  }\n\n  @if($color == \"dark\") {\n    $btn-color: \"invert\";\n    $color-hover: 'invert';\n  }\n\n  @if($color == \"light\") {\n    $btn-color: \"invert\";\n    $color-hover: 'invert';\n  }\n  \n  --#{config.$prefix}btn-color: var(--#{config.$prefix}#{$btn-color});\n  --#{config.$prefix}btn-bg: transparent;\n  --#{config.$prefix}btn-border-color: var(--#{config.$prefix}#{$color});\n  --#{config.$prefix}btn-hover-color: var(--#{config.$prefix}#{$color-hover});\n  --#{config.$prefix}btn-hover-bg: var(--#{config.$prefix}#{$hover-background});\n  --#{config.$prefix}btn-hover-border-color: var(--#{config.$prefix}#{$hover-border});\n  --#{config.$prefix}btn-active-color: var(--#{config.$prefix}#{$color-hover});\n  --#{config.$prefix}btn-active-bg: var(--#{config.$prefix}#{$active-background});\n  --#{config.$prefix}btn-active-border-color: var(--#{config.$prefix}#{$active-border});\n  --#{config.$prefix}btn-disabled-color: var(--#{config.$prefix}#{$color});\n  --#{config.$prefix}btn-disabled-bg: transparent;\n  --#{config.$prefix}btn-disabled-border-color: var(--#{config.$prefix}#{$color});\n}\n\n// Button size mixin\n@mixin btn-size($padding-y, $padding-x, $font-size, $border-radius) {\n  --#{config.$prefix}btn-padding-y: #{$padding-y};\n  --#{config.$prefix}btn-padding-x: #{$padding-x};\n  --#{config.$prefix}btn-font-size: #{$font-size};\n  --#{config.$prefix}btn-border-radius: #{$border-radius};\n}\n","@use 'sass:map';\n@use '../01-settings/settings.config' as *;\n@use '../01-settings/_settings.datepicker' as *;\n@use '../01-settings/settings.typography' as typography;\n@use '../01-settings/settings.border-radius' as radius;\n@use '../02-tools/_tools.rem' as *;\n@use '../02-tools/_tools.animations' as *;\n@use '../01-settings/_settings.z-layers' as *;\n\n// DatePicker base component\n// --------------------------------------------------\n.c-datepicker {\n  // Custom properties\n  --#{$prefix}datepicker-width: #{rem($datepicker-width)};\n  --#{$prefix}datepicker-padding-x: #{rem($datepicker-padding-x)};\n  --#{$prefix}datepicker-padding-y: #{rem($datepicker-padding-y)};\n  --#{$prefix}datepicker-bg: #{$datepicker-bg};\n  --#{$prefix}datepicker-color: #{$datepicker-color};\n  --#{$prefix}datepicker-deactivate-color: #{$datepicker-deactivate-color};\n  --#{$prefix}datepicker-border-radius: #{$datepicker-border-radius};\n  --#{$prefix}datepicker-border-width: #{$datepicker-border-width};\n  --#{$prefix}datepicker-border-color: #{$datepicker-border-color};\n  --#{$prefix}datepicker-box-shadow: #{$datepicker-box-shadow};\n  --#{$prefix}datepicker-body-padding-x: #{$datepicker-body-padding-x};\n  --#{$prefix}datepicker-body-padding-y: #{$datepicker-body-padding-y};\n  --#{$prefix}datepicker-month-font-size: #{$datepicker-month-font-size};\n  --#{$prefix}datepicker-month-font-weight: #{$datepicker-month-font-weight};\n  --#{$prefix}datepicker-year-font-size: #{$datepicker-year-font-size};\n  --#{$prefix}datepicker-year-font-weight: #{$datepicker-year-font-weight};\n  --#{$prefix}datepicker-week-font-size: #{$datepicker-week-font-size};\n  --#{$prefix}datepicker-week-font-weight: #{$datepicker-week-font-weight};\n  --#{$prefix}datepicker-day-font-size: #{$datepicker-day-font-size};\n  --#{$prefix}datepicker-day-font-weight: #{$datepicker-day-font-weight};\n  --#{$prefix}datepicker-week-height: #{rem($datepicker-week-height)};\n  --#{$prefix}datepicker-week-width: #{rem($datepicker-week-width)};\n  --#{$prefix}datepicker-day-height: #{rem($datepicker-day-height)};\n  --#{$prefix}datepicker-day-width: #{rem($datepicker-day-width)};\n  --#{$prefix}datepicker-day-hover-bg: #{$datepicker-day-hover-bg};\n  --#{$prefix}datepicker-day-border-radius: #{$datepicker-day-border-radius};\n  --#{$prefix}datepicker-today-color: #{$datepicker-today-color};\n  --#{$prefix}datepicker-day-selected-color: #{$datepicker-day-selected-color};\n  --#{$prefix}datepicker-day-selected-bg: #{$datepicker-day-selected-bg};\n  --#{$prefix}datepicker-day-in-range-bg: #{$datepicker-day-in-range-bg};\n  --#{$prefix}datepicker-active-hover-bg: var(--#{$prefix}brand-bg-subtle);\n  \n  // Base component styles\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  font-family: var(--#{$prefix}font-family-base);\n  font-size: var(--#{$prefix}font-size-base);\n  color: var(--#{$prefix}datepicker-color);\n\n  // Input wrapper\n  // --------------------------------------------------\n  &__input-wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n  }\n  \n  // Input field\n  // --------------------------------------------------\n  &__input {\n    flex: 1;\n    width: 100%;\n    padding-right: rem(40px);\n  }\n  \n  // Calendar icon\n  // --------------------------------------------------\n  &__calendar-icon {\n    position: absolute;\n    right: rem(12px);\n    color: var(--#{$prefix}secondary-text-emphasis);\n    pointer-events: none;\n  }\n  \n  // Clear button\n  // --------------------------------------------------\n  &__clear-button {\n    position: absolute;\n    right: rem(32px);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: none;\n    color: var(--#{$prefix}secondary-text-emphasis);\n    cursor: pointer;\n    padding: rem(4px);\n    font-size: rem(12px);\n    border-radius: var(--#{$prefix}border-radius-sm);\n    \n    &:hover {\n      color: var(--#{$prefix}body-color);\n      background-color: var(--#{$prefix}secondary-bg-subtle);\n    }\n  }\n  \n  // Calendar popup\n  // --------------------------------------------------\n  &__calendar {\n    position: absolute;\n    z-index: map.get($z-layers, 5);\n    width: var(--#{$prefix}datepicker-width);\n    padding: var(--#{$prefix}datepicker-padding-y) var(--#{$prefix}datepicker-padding-x);\n    background-color: var(--#{$prefix}datepicker-bg);\n    border-radius: var(--#{$prefix}datepicker-border-radius);\n    box-shadow: var(--#{$prefix}datepicker-box-shadow);\n    margin-top: rem(4px);\n    \n    // Calendar placements\n    &--top-start,\n    &--top-end {\n      bottom: 100%;\n      margin-bottom: rem(4px);\n      margin-top: 0;\n    }\n    \n    &--top-start { left: 0; }\n    &--top-end { right: 0; }\n    \n    &--bottom-start {\n      top: 100%;\n      left: 0;\n    }\n    \n    &--bottom-end {\n      top: 100%;\n      right: 0;\n    }\n    \n    &--left-start,\n    &--left-end {\n      right: 100%;\n      margin-right: rem(4px);\n    }\n    \n    &--left-start { top: 0; }\n    &--left-end { bottom: 0; }\n    \n    &--right-start,\n    &--right-end {\n      left: 100%;\n      margin-left: rem(4px);\n    }\n    \n    &--right-start { top: 0; }\n    &--right-end { bottom: 0; }\n  }\n  \n  // Inline mode\n  // --------------------------------------------------\n  &--inline {\n    --#{$prefix}datepicker-width: calc(var(--#{$prefix}datepicker-width) + var(--#{$prefix}datepicker-week-width));\n    \n    .c-datepicker__calendar {\n      position: static;\n      margin-top: 0;\n    }\n\n    .c-datepicker__weekdays {\n      grid-template-columns: repeat(8, 1fr);\n    }\n\n    .c-datepicker__days {\n      grid-template-columns: repeat(8, 1fr);\n    }\n  }\n  \n  // Range selection status\n  // --------------------------------------------------\n  &__range-status {\n    justify-content: center;\n    // width: 100%;\n    margin-bottom: rem(8px);\n    border-radius: var(--#{$prefix}datepicker-border-radius);\n  }\n  \n  // Calendar header\n  // --------------------------------------------------\n  &__header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--#{$prefix}datepicker-body-padding-y) var(--#{$prefix}datepicker-body-padding-x);\n    border-bottom: 1px solid var(--#{$prefix}primary-border-subtle);\n  }\n  \n  // Navigation buttons\n  // --------------------------------------------------\n  &__nav-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: rem(32px);\n    height: rem(32px);\n    background: none;\n    border: none;\n    color: var(--#{$prefix}body-color);\n    cursor: pointer;\n    border-radius: var(--#{$prefix}border-radius-sm);\n    padding: 0;\n    \n    &:hover {\n      background-color: var(--#{$prefix}secondary-bg-subtle);\n    }\n    \n    &:focus-visible {\n      outline: none;\n      box-shadow: var(--#{$prefix}focus-ring);\n    }\n  }\n  \n  // View switch button\n  // --------------------------------------------------\n  &__view-switch {\n    flex: 1;\n    margin: 0 rem(8px);\n    background: none;\n    border: none;\n    text-align: center;\n    font-weight: var(--#{$prefix}datepicker-month-font-weight);\n    padding: rem(8px);\n    border-radius: var(--#{$prefix}border-radius-sm);\n    cursor: pointer;\n    font-size: var(--#{$prefix}datepicker-month-font-size);\n    \n    &:hover {\n      background-color: var(--#{$prefix}secondary-bg-subtle);\n    }\n    \n    &:focus-visible {\n      outline: none;\n      box-shadow: var(--#{$prefix}focus-ring);\n    }\n  }\n  \n  // Calendar body\n  // --------------------------------------------------\n  &__body {\n    padding: var(--#{$prefix}datepicker-body-padding-y) var(--#{$prefix}datepicker-body-padding-x);\n  }\n  \n  // Weekdays header\n  // --------------------------------------------------\n  &__weekdays {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    text-align: center;\n    overflow: hidden;\n    \n    &--has-weeknumber {\n      grid-template-columns: auto repeat(7, 1fr);\n    }\n  }\n  \n  &__weekday {\n    text-align: center;\n    display: grid;\n    place-items: center;\n    font-size: var(--#{$prefix}datepicker-week-font-size);\n    font-weight: var(--#{$prefix}datepicker-week-font-weight);\n    color: var(--#{$prefix}secondary-text-emphasis);\n    text-transform: uppercase;\n    padding: rem(8px) 0;\n    width: var(--#{$prefix}datepicker-week-width);\n    height: var(--#{$prefix}datepicker-week-height);\n    user-select: none;\n  }\n  \n  // Week numbers column\n  // --------------------------------------------------\n  &__weeknumber {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: var(--#{$prefix}datepicker-week-font-size);\n    color: var(--#{$prefix}secondary-text-emphasis);\n    background-color: var(--#{$prefix}secondary-bg-subtle);\n    border-radius: var(--#{$prefix}datepicker-day-border-radius);\n    width: var(--#{$prefix}datepicker-week-width);\n    height: var(--#{$prefix}datepicker-week-height);\n  }\n  \n  // Days grid\n  // --------------------------------------------------\n  &__days {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    width: 100%;\n    position: relative;\n    overflow: hidden;\n    \n    &--has-weeknumber {\n      grid-template-columns: auto repeat(7, 1fr);\n    }\n  }\n  \n  // Day cells\n  // --------------------------------------------------\n  &__day {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--#{$prefix}datepicker-color);\n    font-size: var(--#{$prefix}datepicker-day-font-size);\n    font-weight: var(--#{$prefix}datepicker-day-font-weight);\n    width: var(--#{$prefix}datepicker-day-width);\n    height: var(--#{$prefix}datepicker-day-height);\n    background: none;\n    border: none;\n    border-radius: var(--#{$prefix}datepicker-day-border-radius);\n    cursor: pointer;\n    user-select: none;\n    position: relative;\n    \n    &:hover:not(&--disabled):not(&--selected):not(&--in-range) {\n      background-color: var(--#{$prefix}datepicker-day-hover-bg);\n    }\n    \n    &:focus-visible {\n      outline: none;\n      box-shadow: var(--#{$prefix}focus-ring);\n    }\n    \n    // Days from adjacent months\n    &--outside {\n      color: var(--#{$prefix}datepicker-deactivate-color);\n      opacity: 0.6;\n    }\n    \n    // Current day\n    &--today {\n      position: relative;\n      font-weight: 600;\n      color: var(--#{$prefix}datepicker-today-color);\n      \n      &::after {\n        content: '';\n        position: absolute;\n        bottom: rem(4px);\n        left: 50%;\n        transform: translateX(-50%);\n        width: rem(4px);\n        height: rem(4px);\n        background-color: currentColor;\n        border-radius: 50%;\n      }\n    }\n\n\n    \n    // Range selection\n    &--in-range {\n      border-radius: 0;\n      background-color: var(--#{$prefix}datepicker-day-in-range-bg);\n      \n      &:hover {\n        background-color: var(--#{$prefix}datepicker-active-hover-bg);\n      }\n    }\n\n    // Selected day\n    &--selected {\n      background-color: var(--#{$prefix}datepicker-day-selected-bg);\n      color: var(--#{$prefix}datepicker-day-selected-color);\n      border-radius: var(--#{$prefix}datepicker-day-border-radius);\n      z-index: 1;\n      \n      &:hover {\n        background-color: var(--#{$prefix}datepicker-active-hover-bg);\n      }\n      \n      // Range endpoints styling\n      &:first-of-type {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n      \n      &:last-of-type {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n      }\n    }\n\n    &--start-range {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n\n    &--end-range {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n    \n    // Disabled days\n    &--disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n      color: var(--#{$prefix}disabled-text-emphasis);\n      \n      &:hover {\n        background: none;\n      }\n    }\n  }\n  \n  // Months view\n  // --------------------------------------------------\n  &__months {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: rem(8px);\n  }\n  \n  &__month {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: rem(48px);\n    background: none;\n    border: none;\n    border-radius: var(--#{$prefix}border-radius-sm);\n    font-size: var(--#{$prefix}datepicker-month-font-size);\n    font-weight: var(--#{$prefix}datepicker-month-font-weight);\n    cursor: pointer;\n    color: var(--#{$prefix}datepicker-color);\n    \n    &:hover:not(&--selected) {\n      background-color: var(--#{$prefix}datepicker-day-hover-bg);\n    }\n    \n    &:focus-visible {\n      outline: none;\n      box-shadow: var(--#{$prefix}focus-ring);\n    }\n    \n    &--selected {\n      background-color: var(--#{$prefix}datepicker-day-selected-bg);\n      color: var(--#{$prefix}datepicker-day-selected-color);\n      \n      &:hover {\n        background-color: var(--#{$prefix}datepicker-active-hover-bg);\n      }\n    }\n  }\n  \n  // Years view\n  // --------------------------------------------------\n  &__years {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: rem(8px);\n  }\n  \n  &__year {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: rem(48px);\n    background: none;\n    border: none;\n    border-radius: var(--#{$prefix}border-radius-sm);\n    font-size: var(--#{$prefix}datepicker-year-font-size);\n    font-weight: var(--#{$prefix}datepicker-year-font-weight);\n    cursor: pointer;\n    color: var(--#{$prefix}datepicker-color);\n    \n    &:hover:not(&--selected) {\n      background-color: var(--#{$prefix}datepicker-day-hover-bg);\n    }\n    \n    &:focus-visible {\n      outline: none;\n      box-shadow: var(--#{$prefix}focus-ring);\n    }\n    \n    &--selected {\n      background-color: var(--#{$prefix}datepicker-day-selected-bg);\n      color: var(--#{$prefix}datepicker-day-selected-color);\n      \n      &:hover {\n        background-color: var(--#{$prefix}datepicker-active-hover-bg);\n      }\n    }\n  }\n  \n  // Footer\n  // --------------------------------------------------\n  &__footer {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    padding: rem(12px) rem(8px) 0 rem(8px);\n    border-top: 1px solid var(--#{$prefix}primary-border-subtle);\n  }\n\n  &__close-button {\n    margin-left: auto;\n  }\n  \n  \n  \n  // Size variants\n  // --------------------------------------------------\n  @each $size, $values in (\n    sm: (padding: rem(4px) rem(8px), font-size: rem(14px)),\n    md: (padding: rem(6px) rem(12px), font-size: rem(16px)),\n    lg: (padding: rem(8px) rem(16px), font-size: rem(18px))\n  ) {\n    &__input.c-input--#{$size} {\n      padding: map.get($values, padding);\n      font-size: map.get($values, font-size);\n    }\n  }\n}\n\n// JavaScript implementation\n// --------------------------------------------------\n.js-atomix-datepicker {\n  // Styles for JavaScript implementation will mirror the combined styles\n}\n","@use 'sass:map';\n@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.card' as *;\n@use '../01-settings/settings.border-radius' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.animations' as *;\n@use '../02-tools/tools.object-fit' as *;\n@use '../02-tools/tools.size' as *;\n\n.c-card {\n  $root: &;\n  --#{$prefix}card-spacer-y: #{rem($card-spacer-y)};\n  --#{$prefix}card-spacer-x: #{rem($card-spacer-x)};\n  --#{$prefix}card-row-spacer-y: #{rem($card-row-spacer-y)};\n  --#{$prefix}card-row-spacer-x: #{rem($card-row-spacer-x)};\n  --#{$prefix}card-title-spacer-y: #{rem($card-title-spacer-y)};\n  --#{$prefix}card-action-spacer-y: #{rem($card-action-spacer-y)};\n  --#{$prefix}card-header-spacer-y: #{rem($card-header-spacer-y)};\n  --#{$prefix}card-title-color: #{$card-title-color};\n  --#{$prefix}card-title-font-size: #{$card-title-font-size};\n  --#{$prefix}card-text-color: #{$card-text-color};\n  --#{$prefix}card-text-font-size: #{$card-text-font-size};\n  --#{$prefix}card-border-color: #{$card-border-color};\n  --#{$prefix}card-border-width: #{$card-border-width};\n  --#{$prefix}card-border-radius: #{$card-border-radius};\n  --#{$prefix}card-image-border-radius: #{$card-image-border-radius};\n  --#{$prefix}card-boxshadow: #{$card-boxshadow};\n  --#{$prefix}card-height: #{$card-height};\n  --#{$prefix}card-bg: #{$card-bg};\n  --#{$prefix}card-bg-hover: #{$card-bg-hover};\n  --#{$prefix}card-icon-size: #{rem($card-icon-size)};\n  --#{$prefix}card-icon-padding: #{rem($card-icon-padding)};\n  --#{$prefix}card-icon-bg: #{$card-icon-bg};\n  --#{$prefix}card-icon-color: #{$card-icon-color};\n  --#{$prefix}card-width: #{$card-width};\n\n  width: 100%;\n  max-width: var(--#{$prefix}card-width);\n  padding: var(--#{$prefix}card-spacer-y) var(--#{$prefix}card-spacer-x);\n  border: var(--#{$prefix}card-border-width) solid\n    var(--#{$prefix}card-border-color);\n  border-radius: var(--#{$prefix}card-border-radius);\n  background-color: var(--#{$prefix}card-bg);\n  overflow: hidden;\n  @include basic-transition();\n\n  &__header {\n    margin-bottom: var(--#{$prefix}card-header-spacer-y);\n  }\n\n  &__image {\n    width: 100%;\n    max-width: 100%;\n    border-radius: var(--#{$prefix}card-image-border-radius);\n    @include object-fit(cover);\n  }\n\n  &__body {\n    position: relative;\n  }\n\n  &__title {\n    color: var(--#{$prefix}card-title-color);\n    font-size: var(--#{$prefix}card-title-font-size);\n    margin-bottom: var(--#{$prefix}card-title-spacer-y);\n  }\n\n  &__text {\n    color: var(--#{$prefix}card-text-color);\n    font-size: var(--#{$prefix}card-text-font-size);\n  }\n\n  &__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--#{$prefix}card-action-spacer-y);\n    margin-top: var(--#{$prefix}card-action-spacer-y);\n  }\n\n  &__icon {\n    display: inline-flex;\n    font-size: var(--#{$prefix}card-icon-size);\n    color: var(--#{$prefix}card-icon-color);\n    background-color: var(--#{$prefix}card-icon-bg);\n    padding: var(--#{$prefix}card-icon-padding);\n    border-radius: $border-radius-pill;\n  }\n\n  @if ($card-hover == true) {\n    &:hover {\n      background-color: var(--#{$prefix}card-bg-hover);\n    }\n  }\n\n  &:focus,\n  &.is-active {\n    --#{$prefix}card-border-color: var(--#{$prefix}brand-border-subtle);\n  }\n\n  &--row {\n    display: flex;\n    padding: var(--#{$prefix}card-row-spacer-y)\n      var(--#{$prefix}card-row-spacer-x);\n\n    #{$root} {\n      &__header {\n        margin-bottom: 0;\n      }\n\n      &__body {\n        flex: 1;\n        padding-left: var(--#{$prefix}card-row-spacer-x);\n        padding-top: 0;\n      }\n\n      &__image {\n        flex: 1;\n        @include square(100%);\n        max-width: none;\n        @include object-fit(cover);\n      }\n    }\n  }\n\n  &--flat {\n    padding: 0;\n\n    #{$root}__body {\n      padding: var(--#{$prefix}card-row-spacer-y)\n        var(--#{$prefix}card-row-spacer-x);\n    }\n\n    #{$root}__image {\n      border-radius: 0;\n    }\n\n    #{$root}__footer {\n      padding: var(--#{$prefix}card-row-spacer-y)\n        var(--#{$prefix}card-row-spacer-x);\n      padding-top: 0;\n    }\n  }\n}\n\n// Elevation effect for ElevationCard\n.is-elevated {\n  .c-card {\n    box-shadow: var(--#{$prefix}box-shadow-lg, 0 16px 48px rgba(0,0,0,0.175));\n    z-index: 1;\n    transition: box-shadow 0.2s cubic-bezier(0.4,0,0.2,1);\n  }\n}\n","@use 'sass:map';\n@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.checkbox-group' as *;\n@use '../02-tools/tools.rem' as *;\n\n.c-checkbox-group {\n    --#{$prefix}checkbox-group-items-spacer-y: #{rem($checkbox-group-items-spacer-y)};\n    --#{$prefix}checkbox-group-items-spacer-x: #{rem($checkbox-group-items-spacer-x)};\n\n    display: flex;\n    flex-direction: column;\n    gap: var(--#{$prefix}checkbox-group-items-spacer-y) var(--#{$prefix}checkbox-group-items-spacer-x);\n\n    \n    &--horizontal {\n        flex-direction: row;\n    }\n}","@use 'sass:map';\n@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.checkbox' as *;\n@use '../01-settings/settings.border-radius' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.animations' as *;\n\n.c-checkbox {\n  $root: &;\n\n  --#{$prefix}checkbox-width: #{$checkbox-width};\n  --#{$prefix}checkbox-height: #{$checkbox-height};\n  --#{$prefix}checkbox-spacer: #{$checkbox-spacer};\n  --#{$prefix}checkbox-font-size: #{$checkbox-font-size};\n  --#{$prefix}checkbox-text-color: #{$checkbox-text-color};\n  --#{$prefix}checkbox-text-color-disabled: #{$checkbox-text-color-disabled};\n  --#{$prefix}checkbox-checked-text-color: #{$checkbox-checked-text-color};\n  --#{$prefix}checkbox-checked-text-color-disabled: #{$checkbox-checked-text-color-disabled};\n  --#{$prefix}checkbox-bg: #{$checkbox-bg};\n  --#{$prefix}checkbox-checked-bg: #{$checkbox-checked-bg};\n  --#{$prefix}checkbox-checked-bg-hover: #{$checkbox-checked-bg-hover};\n  --#{$prefix}checkbox-checked-bg-disabled: #{$checkbox-checked-bg-disabled};\n  --#{$prefix}checkbox-border-width: #{$checkbox-border-width};\n  --#{$prefix}checkbox-border-color: #{$checkbox-border-color};\n  --#{$prefix}checkbox-border-color-hover: #{$checkbox-border-color-hover};\n  --#{$prefix}checkbox-border-color-disabled: #{$checkbox-border-color-disabled};\n  --#{$prefix}checkbox-border-color-error: #{$checkbox-border-color-error};\n\n  display: flex;\n  gap: var(--#{$prefix}checkbox-spacer);\n\n  &__input {\n    position: relative;\n    appearance: none;\n    background-color: var(--#{$prefix}checkbox-bg);\n    width: var(--#{$prefix}checkbox-width);\n    height: var(--#{$prefix}checkbox-height);\n    color: currentColor;\n    border: var(--#{$prefix}checkbox-border-width) solid\n      var(--#{$prefix}checkbox-border-color);\n    border-radius: var(--#{$prefix}checkbox-border-radius);\n    overflow: hidden;\n    @include basic-transition();\n\n    &[type=\"radio\"] {\n      border-radius: $border-radius-pill;\n    }\n\n    &::before {\n      position: absolute;\n      top: -7px;\n      left: -4px;\n      font-family: 'Lux Icon';\n      color: var(--#{$prefix}checkbox-checked-bg);\n      content: '\\ef10';\n      font-size: rem(26px);\n      transform: scale(0);\n      display: block;\n      transform-origin: center;\n      transition: 120ms transform ease-in-out;\n    }\n\n    &:hover {\n      border-color: var(--#{$prefix}checkbox-border-color-hover);\n    }\n\n    &:checked {\n      border-color: var(--#{$prefix}checkbox-checked-bg);\n\n      &::before {\n        transform: scale(1);\n      }\n\n      &:hover {\n        border-color: var(--#{$prefix}checkbox-checked-bg-hover);\n\n        &::before {\n          color: var(--#{$prefix}checkbox-checked-bg-hover);\n        }\n      }\n\n      & + #{$root} {\n        color: red;\n      }\n    }\n\n    &:focus-visible {\n      outline: 2px solid var(--#{$prefix}brand-border-subtle);\n    }\n\n    &:disabled {\n      border-color: var(--#{$prefix}checkbox-border-color-disabled) !important;\n      cursor: not-allowed;\n\n      &::before {\n        color: var(--#{$prefix}checkbox-checked-text-color-disabled) !important;\n      }\n    }\n\n   \n  }\n\n  &__label {\n    font-size: var(--#{$prefix}checkbox-font-size);\n    color: var(--#{$prefix}checkbox-text-color);\n  }\n\n  &.is-disabled {\n    --#{$prefix}checkbox-text-color: var(--#{$prefix}checkbox-text-color-disabled);\n\n    #{$root} {\n      &__input {\n        border-color: var(\n          --#{$prefix}checkbox-border-color-disabled\n        ) !important;\n        cursor: not-allowed;\n\n        &::before {\n          color: var(\n            --#{$prefix}checkbox-checked-text-color-disabled\n          ) !important;\n        }\n      }\n    }\n  }\n\n  &.is-error {\n    #{$root} {\n        &__input {\n            border-color: var(--#{$prefix}checkbox-border-color-error) !important;\n        }\n    }\n  }\n\n  &--mixed {\n    #{$root} {\n        &__input::before {\n            content: '\\f0d6';\n        }\n    }\n  }\n}\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.colors' as colors;\n@use '../02-tools/tools.rem' as *;\n\n.c-color-mode-toggle {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  padding: rem(8px);\n  border-radius: 50%;\n  transition: background-color 0.2s ease;\n  color: var(--#{$prefix}body-color);\n  \n  &:hover {\n    background-color: rgba(0, 0, 0, 0.05);\n  }\n  \n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px var(--#{$prefix}primary);\n  }\n  \n  svg {\n    width: rem(24px);\n    height: rem(24px);\n  }\n  \n  [data-#{$prefix}theme=\"dark\"] & {\n    &:hover {\n      background-color: rgba(255, 255, 255, 0.1);\n    }\n  }\n} ","@use 'sass:map';\n@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.countdown' as *;\n@use '../01-settings/settings.typography' as *;\n@use '../02-tools/tools.rem' as *;\n\n.c-countdown {\n    $root: &; \n\n    --#{$prefix}countdown-color: #{$countdown-color};\n    --#{$prefix}countdown-font-size: #{$countdown-font-size};\n    --#{$prefix}countdown-font-weight: #{$countdown-font-weight};\n    --#{$prefix}countdown-focused-time-font-size: #{$countdown-focused-time-font-size};\n    --#{$prefix}countdown-focused-label-font-size: #{$countdown-focused-label-font-size};\n    --#{$prefix}countdown-focused-border-radius: #{$countdown-focused-border-radius};\n    --#{$prefix}countdown-focused-bg: #{$countdown-focused-bg};\n    --#{$prefix}countdown-item-padding-x: #{rem($countdown-item-padding-x)};\n    --#{$prefix}countdown-item-padding-y: #{rem($countdown-item-padding-y)};\n    --#{$prefix}countdown-items-gap: #{rem($countdown-items-gap)};\n    --#{$prefix}countdown-focused-items-gap: #{rem($countdown-focused-items-gap)};\n\n    display: flex;\n    align-items: center;\n    gap: var(--#{$prefix}countdown-items-gap);\n\n    &__time {\n        display: flex;\n    }\n\n    &__time-count {\n        color: var(--#{$prefix}countdown-color);\n        font-size: var(--#{$prefix}countdown-font-size);\n        font-weight: var(--#{$prefix}countdown-font-weight);\n    }\n\n    &__separator {\n        color: var(--#{$prefix}countdown-color);\n        font-size: var(--#{$prefix}countdown-font-size);\n    }\n\n    &__time-label {\n        @extend .c-countdown__time-count;\n    }\n\n    &--focused {\n        gap: var(--#{$prefix}countdown-focused-items-gap);\n\n        #{$root} {\n            &__time {\n                flex-direction: column;\n                align-items: center;\n                padding: var(--#{$prefix}countdown-item-padding-y) var(--#{$prefix}countdown-item-padding-x);\n                border-radius: var(--#{$prefix}countdown-focused-border-radius);\n                background-color: var(--#{$prefix}countdown-focused-bg);   \n            }\n\n            &__time-label {\n                font-size: var(--#{$prefix}countdown-focused-label-font-size);\n                font-weight: $font-weight-normal;\n            }\n        }\n    }\n\n}\n","@use \"../01-settings/settings.config\" as config;\n@use \"../01-settings/settings.data-table\" as data-table;\n@use \"../02-tools/tools.color-functions\" as *;\n@use \"../02-tools/tools.to-rgb\" as *;\n\n// Component: DataTable\n// Description: Styles for the DataTable component\n\n.c-data-table-container {\n  width: 100%;\n  margin-bottom: 1rem;\n}\n\n// Table wrapper (for overflow)\n.c-data-table-wrapper {\n  position: relative;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  width: 100%;\n}\n\n// Base table\n.c-data-table {\n  --#{config.$prefix}data-table-bg: #{data-table.$data-table-bg};\n  --#{config.$prefix}data-table-color: #{data-table.$data-table-color};\n  --#{config.$prefix}data-table-border-color: #{data-table.$data-table-border-color};\n  --#{config.$prefix}data-table-header-bg: #{data-table.$data-table-header-bg};\n  --#{config.$prefix}data-table-header-color: #{data-table.$data-table-header-color};\n  --#{config.$prefix}data-table-striped-bg: #{data-table.$data-table-striped-bg};\n  --#{config.$prefix}data-table-hover-bg: #{data-table.$data-table-hover-bg};\n  \n  width: 100%;\n  margin-bottom: 0;\n  color: var(--#{config.$prefix}data-table-color);\n  background-color: var(--#{config.$prefix}data-table-bg);\n  border-collapse: collapse;\n  \n  // Header\n  &__header {\n    background-color: var(--#{config.$prefix}data-table-header-bg);\n  }\n  \n  &__header-cell {\n    padding: data-table.$data-table-cell-padding-y data-table.$data-table-cell-padding-x;\n    font-weight: data-table.$data-table-header-font-weight;\n    color: var(--#{config.$prefix}data-table-header-color);\n    border-bottom: data-table.$data-table-border-width data-table.$data-table-border-style var(--#{config.$prefix}data-table-border-color);\n    text-align: left;\n    white-space: nowrap;\n    \n    &--sortable {\n      cursor: pointer;\n      user-select: none;\n      \n      &:hover {\n        background-color: rgba(0, 0, 0, 0.05);\n      }\n    }\n  }\n  \n  &__header-content {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  \n  &__sort-icon {\n    margin-left: 0.5rem;\n    font-size: data-table.$data-table-sort-icon-size;\n    color: data-table.$data-table-sort-icon-color;\n    \n    .c-data-table__header-cell[aria-sort] & {\n      color: data-table.$data-table-sort-icon-active-color;\n    }\n  }\n  \n  // Body cells\n  &__cell {\n    padding: data-table.$data-table-cell-padding-y data-table.$data-table-cell-padding-x;\n    border-bottom: data-table.$data-table-border-width data-table.$data-table-border-style var(--#{config.$prefix}data-table-border-color);\n    vertical-align: middle;\n  }\n  \n  // Rows\n  &__row {\n    background-color: var(--#{config.$prefix}data-table-bg);\n    \n    &:hover {\n      background-color: var(--#{config.$prefix}data-table-hover-bg);\n    }\n    \n    &[role=\"button\"] {\n      cursor: pointer;\n    }\n  }\n  \n  // Loading state\n  &__loading-cell {\n    padding: 2rem;\n    text-align: center;\n  }\n  \n  &__loading-indicator {\n    display: inline-block;\n  }\n  \n  // Empty state\n  &__empty-cell {\n    padding: 2rem;\n    text-align: center;\n    color: var(--#{config.$prefix}gray-500);\n  }\n  \n  // Variants\n  &--striped {\n    tbody tr:nth-of-type(odd) {\n      background-color: var(--#{config.$prefix}data-table-striped-bg);\n    }\n  }\n  \n  &--bordered {\n    border: data-table.$data-table-border-width data-table.$data-table-border-style var(--#{config.$prefix}data-table-border-color);\n    border-radius: data-table.$data-table-border-radius;\n    \n    th, td {\n      border: data-table.$data-table-border-width data-table.$data-table-border-style var(--#{config.$prefix}data-table-border-color);\n    }\n  }\n  \n  &--dense {\n    th, td {\n      padding: data-table.$data-table-cell-padding-y-sm data-table.$data-table-cell-padding-x-sm;\n    }\n  }\n  \n  &--loading {\n    opacity: 0.7;\n  }\n}\n\n\n// Toolbar\n.c-data-table-toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 1rem;\n}\n\n// Search\n.c-data-table-search {\n  flex: 0 0 auto;\n  \n  &__input {\n    // Styles are now inherited from c-input class\n    width: 240px;\n  }\n}\n\n// Pagination container\n.c-data-table__pagination-container {\n  display: flex;\n  justify-content: center;\n  margin-top: 1rem;\n}\n\n// Override small pagination in data tables\n.c-data-table__pagination {\n  margin: 0;\n  \n  .c-pagination__items {\n    gap: 0.125rem;\n  }\n  \n  .c-pagination__link {\n    font-size: 0.75rem;\n  }\n}\n  ","@use '../01-settings/_settings.config' as *;\n@use '../01-settings/_settings.dropdown' as *;\n@use '../02-tools/_tools.rem' as *;\n@use '../02-tools/_tools.animations' as *;\n@use '../02-tools/_tools.spacing' as *;\n\n// Add keyframe animations for dropdown\n@keyframes #{$prefix}dropdown-fade-in {\n  from {\n    opacity: 0;\n    transform: translateY(-15px) scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n\n@keyframes #{$prefix}dropdown-fade-out {\n  from {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(-15px) scale(0.95);\n  }\n}\n\n// Add keyframe for toggle icon rotation\n@keyframes #{$prefix}dropdown-icon-rotate {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(-180deg);\n  }\n}\n\n.c-dropdown {\n  $root: &;\n\n  --#{$prefix}dropdown-min-width: #{rem($dropdown-min-width)};\n  --#{$prefix}dropdown-padding-x: #{if($dropdown-padding-x == 0, 0, rem($dropdown-padding-x))};\n  --#{$prefix}dropdown-padding-y: #{rem($dropdown-padding-y)};\n  --#{$prefix}dropdown-spacer: #{rem($dropdown-spacer)};\n  --#{$prefix}dropdown-font-size: #{$dropdown-font-size};\n  --#{$prefix}dropdown-color: #{$dropdown-color};\n  --#{$prefix}dropdown-bg: #{$dropdown-bg};\n  --#{$prefix}dropdown-border-color: #{$dropdown-border-color};\n  --#{$prefix}dropdown-border-radius: #{$dropdown-border-radius};\n  --#{$prefix}dropdown-border-width: #{$dropdown-border-width};\n  --#{$prefix}dropdown-box-shadow: #{$dropdown-box-shadow};\n  --#{$prefix}dropdown-link-color: #{$dropdown-link-color};\n  --#{$prefix}dropdown-link-hover-color: #{$dropdown-link-hover-color};\n  --#{$prefix}dropdown-link-hover-bg: #{$dropdown-link-hover-bg};\n  --#{$prefix}dropdown-link-border-radius: #{$dropdown-link-border-radius};\n  --#{$prefix}dropdown-active-color: #{$dropdown-link-active-color};\n  --#{$prefix}dropdown-active-bg: #{$dropdown-link-active-bg};\n  --#{$prefix}dropdown-item-padding-x: #{rem($dropdown-item-padding-x)};\n  --#{$prefix}dropdown-item-padding-y: #{rem($dropdown-item-padding-y)};\n  // Use animation variables from settings\n  --#{$prefix}dropdown-animation-duration: #{$dropdown-animation-duration};\n  --#{$prefix}dropdown-animation-timing: #{$dropdown-animation-timing};\n\n  display: inline-block;\n  position: relative;\n\n  &__toggle {\n    width: 100%;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n  }\n\n  &__toggle-icon {\n    transition: transform var(--#{$prefix}dropdown-animation-duration) var(--#{$prefix}dropdown-animation-timing);\n    margin-left: 0.25rem;\n  }\n\n  &__menu-wrapper {\n    position: absolute;\n    left: 0;\n    z-index: 99;\n    display: flex;\n    opacity: 0;\n    visibility: hidden;\n    transform-origin: top center;\n    // Improved transitions - shorter and with better easing\n    transition: \n      opacity var(--#{$prefix}dropdown-animation-duration) var(--#{$prefix}dropdown-animation-timing),\n      visibility var(--#{$prefix}dropdown-animation-duration) var(--#{$prefix}dropdown-animation-timing),\n      transform var(--#{$prefix}dropdown-animation-duration) var(--#{$prefix}dropdown-animation-timing);\n    transform: translateY(-15px) scale(0.95);\n    pointer-events: none;\n    will-change: transform, opacity, visibility;\n\n    &.is-open {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n      visibility: visible;\n      animation: #{$prefix}dropdown-fade-in var(--#{$prefix}dropdown-animation-duration) var(--#{$prefix}dropdown-animation-timing) forwards;\n      pointer-events: auto;\n    }\n\n    &:not(.is-open) {\n      animation: #{$prefix}dropdown-fade-out var(--#{$prefix}dropdown-animation-duration) var(--#{$prefix}dropdown-animation-timing) forwards;\n    }\n\n    // Placement variations - using a mixin to reduce duplication\n    @mixin dropdown-placement($position, $alignment, $property, $value) {\n      &--#{$position}-#{$alignment} {\n        @if $position == 'bottom' {\n          top: 100%;\n          margin-top: var(--#{$prefix}dropdown-spacer);\n          transform-origin: top center;\n        } @else if $position == 'top' {\n          bottom: 100%;\n          margin-bottom: var(--#{$prefix}dropdown-spacer);\n          transform-origin: bottom center;\n        } @else if $position == 'left' {\n          right: 100%;\n          margin-right: var(--#{$prefix}dropdown-spacer);\n          transform-origin: right center;\n        } @else if $position == 'right' {\n          left: 100%;\n          margin-left: var(--#{$prefix}dropdown-spacer);\n          transform-origin: left center;\n        }\n\n        @if $alignment == 'start' {\n          @if $position == 'top' or $position == 'bottom' {\n            left: 0;\n          } @else {\n            top: 0;\n          }\n        } @else if $alignment == 'end' {\n          @if $position == 'top' or $position == 'bottom' {\n            right: 0;\n            left: auto;\n          } @else {\n            bottom: 0;\n          }\n        }\n      }\n    }\n\n    // Apply the mixin for all placement variations\n    @include dropdown-placement('bottom', 'start', 'top', '100%');\n    @include dropdown-placement('bottom', 'end', 'top', '100%');\n    @include dropdown-placement('top', 'start', 'bottom', '100%');\n    @include dropdown-placement('top', 'end', 'bottom', '100%');\n    @include dropdown-placement('left', 'start', 'right', '100%');\n    @include dropdown-placement('left', 'end', 'right', '100%');\n    @include dropdown-placement('right', 'start', 'left', '100%');\n    @include dropdown-placement('right', 'end', 'left', '100%');\n  }\n\n  &__menu-inner {\n    width: 100%;\n    min-width: var(--#{$prefix}dropdown-min-width);\n    border-radius: var(--#{$prefix}dropdown-border-radius);\n    box-shadow: var(--#{$prefix}dropdown-box-shadow);\n    overflow: hidden;\n  }\n\n  &__menu {\n    width: 100%;\n    padding: var(--#{$prefix}dropdown-padding-y) var(--#{$prefix}dropdown-padding-x);\n    list-style: none;\n    @include mb(0);\n    background-color: var(--#{$prefix}dropdown-bg);\n    border-radius: var(--#{$prefix}dropdown-border-radius);\n    box-shadow: var(--#{$prefix}dropdown-box-shadow);\n    overflow: hidden;\n  }\n\n  &__menu-item {\n    display: block;\n    width: 100%;\n    padding: var(--#{$prefix}dropdown-item-padding-y) var(--#{$prefix}dropdown-item-padding-x);\n    border: 0;\n    border-radius: var(--#{$prefix}dropdown-link-border-radius);\n    background: transparent;\n    color: var(--#{$prefix}dropdown-link-color);\n    font-size: var(--#{$prefix}dropdown-font-size);\n    text-align: left;\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 0.2s ease;\n\n    &:hover, &:focus {\n      color: var(--#{$prefix}dropdown-link-hover-color);\n      background-color: var(--#{$prefix}dropdown-link-hover-bg);\n      outline: none;\n      padding-left: calc(var(--#{$prefix}dropdown-item-padding-x) + 3px);\n    }\n\n    &.is-active {\n      color: var(--#{$prefix}dropdown-active-color);\n      background-color: var(--#{$prefix}dropdown-active-bg);\n    }\n\n    &.is-disabled {\n      color: var(--#{$prefix}dropdown-color);\n      opacity: 0.5;\n      pointer-events: none;\n    }\n  }\n\n  &__menu-item-icon {\n    display: inline-flex;\n    align-items: center;\n    margin-right: 0.5rem;\n  }\n\n  &__divider {\n    height: 1px;\n    margin: 0.5rem 0;\n    background-color: var(--#{$prefix}dropdown-border-color);\n  }\n\n  &__header {\n    display: block;\n    padding: var(--#{$prefix}dropdown-item-padding-y) var(--#{$prefix}dropdown-item-padding-x);\n    margin-bottom: 0;\n    font-size: 0.875em;\n    color: var(--#{$prefix}dropdown-color);\n    white-space: nowrap;\n    opacity: 0.8;\n  }\n\n  // Color variants\n  @each $color in (brand, secondary, tertiary, success, info, warning, error, light, dark) {\n    &--#{$color} {\n      --#{$prefix}dropdown-link-color: var(--#{$prefix}#{$color}-text-emphasis);\n      --#{$prefix}dropdown-link-hover-color: var(--#{$prefix}#{$color}-text-emphasis);\n      --#{$prefix}dropdown-link-hover-bg: var(--#{$prefix}#{$color}-bg-subtle);\n    }\n  }\n\n  \n  &.is-open {\n    #{$root}__toggle-icon {\n      transform: rotate(-180deg);\n    }\n  }\n}\n","@use 'sass:map';\n@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.spacing' as *;\n\n$spacing-important: false !default;\n\n@mixin m($t: 1, $r: null, $b: null, $l: null) {\n  @if ($t and $r and $b and $l) {\n    @include mt($t);\n    @include mr($r);\n    @include mb($b);\n    @include ml($l);\n  } @else if ($t and $r and $b and not $l) {\n    @include mt($t);\n    @include mx($r);\n    @include mb($b);\n  } @else if ($t and $r and not $b and not $l) {\n    @include my($t);\n    @include mx($r);\n  } @else if ($t and not $r and not $b and not $l) {\n    @if ($t == 'auto') {\n      @include my(0); //be explicit about what the browser does\n      @include mx(auto);\n    } @else {\n      @include my($t);\n      @include mx($t);\n    }\n  } @else {\n    @error \"m(#{$t}, #{$r}, #{$b}, #{$l}): Invalid parameters. Expects m($size), m($y, $x), m($t, $x, $b) or m($t, $r, $b, $l)\";\n  }\n}\n\n@mixin mx($r: 1, $l: null) {\n  @if ($r and $l) {\n    @include mr($r);\n    @include ml($l);\n  } @else if ($r and not $l) {\n    @include mr($r);\n    @include ml($r);\n  } @else {\n    @error \"mx(#{$r}, #{$l}): Invalid parameters. Expects mx($size) or mx($r, $l)\";\n  }\n}\n\n@mixin my($t: 1, $b: null) {\n  @if ($t and $b) {\n    @include mt($t);\n    @include mb($b);\n  } @else if ($t and not $b) {\n    @include mt($t);\n    @include mb($t);\n  } @else {\n    @error \"my(#{$t}, #{$b}): Invalid parameters. Expects my($size) or my($t, $b)\";\n  }\n}\n\n@mixin ml($size: 1) {\n  @if ($size == 'auto') {\n    margin-left: auto #{if($spacing-important, '!important', '')};\n  } @else {\n    margin-left: map.get($spacing-sizes, $size)\n      #{if($spacing-important, '!important', '')};\n  }\n}\n\n@mixin mt($size: 1) {\n  margin-top: map.get($spacing-sizes, $size) #{if(\n      $spacing-important,\n      '!important',\n      ''\n    )};\n}\n\n@mixin mr($size: 1) {\n  @if ($size == 'auto') {\n    margin-right: auto #{if($spacing-important, '!important', '')};\n  } @else {\n    margin-right: map.get($spacing-sizes, $size)\n      #{if($spacing-important, '!important', '')};\n  }\n}\n\n@mixin mb($size: 1) {\n  margin-bottom: map.get($spacing-sizes, $size) #{if(\n      $spacing-important,\n      '!important',\n      ''\n    )};\n}\n\n@mixin p($t: 1, $r: null, $b: null, $l: null) {\n  @if ($t and $r and $b and $l) {\n    @include pt($t);\n    @include pr($r);\n    @include pb($b);\n    @include pl($l);\n  } @else if ($t and $r and $b and not $l) {\n    @include pt($t);\n    @include px($r);\n    @include pb($b);\n  } @else if ($t and $r and not $b and not $l) {\n    @include py($t);\n    @include px($r);\n  } @else if ($t and not $r and not $b and not $l) {\n    @include py($t);\n    @include px($t);\n  } @else {\n    @error \"p(#{$t}, #{$r}, #{$b}, #{$l}): Invalid parameters. Expects p($size), p($y, $x), p($t, $x, $b) or p($t, $r, $b, $l)\";\n  }\n}\n\n@mixin px($r: 1, $l: null) {\n  @if ($r and $l) {\n    @include pr($r);\n    @include pl($l);\n  } @else if ($r and not $l) {\n    @include pr($r);\n    @include pl($r);\n  } @else {\n    @error \"px(#{$r}, #{$l}): Invalid parameters. Expects px($size) or px($r, $l)\";\n  }\n}\n\n@mixin py($t: 1, $b: null) {\n  @if ($t and $b) {\n    @include pt($t);\n    @include pb($b);\n  } @else if ($t and not $b) {\n    @include pt($t);\n    @include pb($t);\n  } @else {\n    @error \"py(#{$t}, #{$b}): Invalid parameters. Expects py($size) or py($t, $b)\";\n  }\n}\n\n@mixin pl($size: 1) {\n  padding-left: map.get($spacing-sizes, $size) #{if(\n      $spacing-important,\n      '!important',\n      ''\n    )};\n}\n\n@mixin pt($size: 1) {\n  padding-top: map.get($spacing-sizes, $size) #{if(\n      $spacing-important,\n      '!important',\n      ''\n    )};\n}\n\n@mixin pr($size: 1) {\n  padding-right: map.get($spacing-sizes, $size) #{if(\n      $spacing-important,\n      '!important',\n      ''\n    )};\n}\n\n@mixin pb($size: 1) {\n  padding-bottom: map.get($spacing-sizes, $size) #{if(\n      $spacing-important,\n      '!important',\n      ''\n    )};\n}\n","@use 'sass:map';\n@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.edge-panel' as *;\n@use '../01-settings/settings.z-layers' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.animations' as *;\n\n// EdgePanel SCSS Styling\n.c-edge-panel {\n  $root: &;\n\n  // CSS Custom Properties for Easy Theming\n  --#{$prefix}edge-panel-zindex: #{$edge-panel-zindex};\n  --#{$prefix}edge-panel-width: #{rem($edge-panel-width)};\n  --#{$prefix}edge-panel-height: #{$edge-panel-height};\n  --#{$prefix}edge-panel-padding-x: #{rem($edge-panel-padding-x)};\n  --#{$prefix}edge-panel-padding-y: #{rem($edge-panel-padding-y)};\n  --#{$prefix}edge-panel-bg: #{$edge-panel-bg};\n  --#{$prefix}edge-panel-color: #{$edge-panel-color};\n  --#{$prefix}edge-panel-shadow: #{$edge-panel-shadow};\n  --#{$prefix}edge-panel-backdrop-bg: #{$edge-panel-backdrop-bg};\n  --#{$prefix}edge-panel-backdrop-opacity: #{$edge-panel-backdrop-opacity};\n  --#{$prefix}edge-panel-backdrop-blur: #{$edge-panel-backdrop-blur};\n  --#{$prefix}edge-panel-animation-duration: #{$edge-panel-animation-duration}ms;\n  --#{$prefix}edge-panel-border-color: #{$edge-panel-border-color};\n\n  position: fixed;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  z-index: var(--#{$prefix}edge-panel-zindex);\n\n  // Backdrop Styling\n  &__backdrop {\n    position: absolute;\n    inset: 0;\n    background: var(--#{$prefix}edge-panel-backdrop-bg);\n    backdrop-filter: blur(var(--#{$prefix}edge-panel-backdrop-blur));\n    opacity: 0;\n    z-index: map.get($z-layers, 1);\n    transition: opacity var(--#{$prefix}edge-panel-animation-duration) ease;\n    will-change: opacity;\n    \n    &.is-animating {\n      animation: fadeIn 0.3s ease forwards;\n    }\n    \n    &.is-animating-out {\n      animation: fadeOut 0.3s ease forwards;\n    }\n  }\n\n  // Panel Container\n  &__container {\n    position: absolute;\n    color: var(--#{$prefix}edge-panel-color);\n    width: var(--#{$prefix}edge-panel-width);\n    height: 100%;\n    background-color: var(--#{$prefix}edge-panel-bg);\n    box-shadow: var(--#{$prefix}edge-panel-shadow);\n    z-index: map.get($z-layers, 2);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    will-change: transform, opacity;\n    \n    &.is-animating {\n      animation: slideIn var(--#{$prefix}edge-panel-animation-duration) cubic-bezier(0.16, 1, 0.3, 1) forwards;\n    }\n    \n    &.is-animating-out {\n      animation: slideOut var(--#{$prefix}edge-panel-animation-duration) cubic-bezier(0.16, 1, 0.3, 1) forwards;\n    }\n  }\n\n  // Panel Header\n  &__header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--#{$prefix}edge-panel-padding-y) var(--#{$prefix}edge-panel-padding-x);\n    border-bottom: 1px solid var(--#{$prefix}edge-panel-border-color);\n    flex-shrink: 0;\n  }\n\n  // Close Button\n  &__close {\n    user-select: none;\n    cursor: pointer;\n    padding: 0.5rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    transition: background-color 0.2s ease;\n    \n    &:hover {\n      background-color: rgba(0, 0, 0, 0.05);\n    }\n    \n    &:focus-visible {\n      outline: 2px solid var(--#{$prefix}primary);\n      outline-offset: 2px;\n    }\n  }\n\n  // Panel Body\n  &__body {\n    padding: var(--#{$prefix}edge-panel-padding-y) var(--#{$prefix}edge-panel-padding-x);\n    overflow-y: auto;\n    flex: 1;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  // Variants for Panel Positioning\n  &--start {\n    #{$root}__container {\n      left: 0;\n      top: 0;\n      bottom: 0;\n      border-right: 1px solid var(--#{$prefix}edge-panel-border-color);\n      transform: translateX(-100%);\n      \n      &.is-animating {\n        animation-name: slideInStart;\n      }\n      \n      &.is-animating-out {\n        animation-name: slideOutStart;\n      }\n    }\n  }\n\n  &--end {\n    #{$root}__container {\n      right: 0;\n      top: 0;\n      bottom: 0;\n      left: auto;\n      border-left: 1px solid var(--#{$prefix}edge-panel-border-color);\n      transform: translateX(100%);\n      \n      &.is-animating {\n        animation-name: slideInEnd;\n      }\n      \n      &.is-animating-out {\n        animation-name: slideOutEnd;\n      }\n    }\n  }\n\n  &--top {\n    #{$root}__container {\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: auto;\n      width: 100%;\n      height: var(--#{$prefix}edge-panel-height);\n      transform: translateY(-100%);\n      border-bottom: 1px solid var(--#{$prefix}edge-panel-border-color);\n      \n      &.is-animating {\n        animation-name: slideInTop;\n      }\n      \n      &.is-animating-out {\n        animation-name: slideOutTop;\n      }\n    }\n  }\n\n  &--bottom {\n    #{$root}__container {\n      left: 0;\n      right: 0;\n      bottom: 0;\n      top: auto;\n      width: 100%;\n      height: var(--#{$prefix}edge-panel-height);\n      transform: translateY(100%);\n      border-top: 1px solid var(--#{$prefix}edge-panel-border-color);\n      \n      &.is-animating {\n        animation-name: slideInBottom;\n      }\n      \n      &.is-animating-out {\n        animation-name: slideOutBottom;\n      }\n    }\n  }\n\n  // Active State (When Open)\n  &.is-open {\n    #{$root}__backdrop {\n      opacity: var(--#{$prefix}edge-panel-backdrop-opacity);\n    }\n\n    #{$root}__container {\n      transform: translateX(0) translateY(0);\n    }\n  }\n  \n  // No animation mode\n  &[data-mode=\"none\"] {\n    #{$root}__container {\n      // Disable all transitions\n      transition: none !important;\n      animation: none !important;\n      \n      &.is-animating,\n      &.is-animating-out {\n        animation: none !important;\n      }\n    }\n    \n    #{$root}__backdrop {\n      transition: none !important;\n      animation: none !important;\n      \n      &.is-animating,\n      &.is-animating-out {\n        animation: none !important;\n      }\n    }\n  }\n}\n\n// Body Modifier When Panel is Open\n.is-edgepanel-open {\n  --#{$prefix}edge-panel-animation-duration: #{$edge-panel-animation-duration}ms;\n  overflow: hidden;\n  \n  &.is-pushed {\n    transition: \n      padding-left var(--#{$prefix}edge-panel-animation-duration) cubic-bezier(0.16, 1, 0.3, 1),\n      padding-right var(--#{$prefix}edge-panel-animation-duration) cubic-bezier(0.16, 1, 0.3, 1),\n      padding-top var(--#{$prefix}edge-panel-animation-duration) cubic-bezier(0.16, 1, 0.3, 1),\n      padding-bottom var(--#{$prefix}edge-panel-animation-duration) cubic-bezier(0.16, 1, 0.3, 1);\n    \n    // Disable scrolling on iOS\n    position: fixed;\n    width: 100%;\n    height: 100%;\n  }\n  \n  &:not(.is-pushed) {\n    // Disable scrolling on iOS\n    position: fixed;\n    width: 100%;\n    height: 100%;\n  }\n}\n\n\n// Simple fade in animation\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: var(--#{$prefix}edge-panel-backdrop-opacity); }\n}\n\n// Simple fade out animation\n@keyframes fadeOut {\n  from { opacity: var(--#{$prefix}edge-panel-backdrop-opacity); }\n  to { opacity: 0; }\n}\n\n// Position-specific animations\n@keyframes slideInStart {\n  from { transform: translateX(-100%); }\n  to { transform: translateX(0); }\n}\n\n@keyframes slideOutStart {\n  from { transform: translateX(0); }\n  to { transform: translateX(-100%); }\n}\n\n@keyframes slideInEnd {\n  from { transform: translateX(100%); }\n  to { transform: translateX(0); }\n}\n\n@keyframes slideOutEnd {\n  from { transform: translateX(0); }\n  to { transform: translateX(100%); }\n}\n\n@keyframes slideInTop {\n  from { transform: translateY(-100%); }\n  to { transform: translateY(0); }\n}\n\n@keyframes slideOutTop {\n  from { transform: translateY(0); }\n  to { transform: translateY(-100%); }\n}\n\n@keyframes slideInBottom {\n  from { transform: translateY(100%); }\n  to { transform: translateY(0); }\n}\n\n@keyframes slideOutBottom {\n  from { transform: translateY(0); }\n  to { transform: translateY(100%); }\n}\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.form' as *;\n@use '../02-tools/tools.rem' as *;\n\n.c-form {\n  --#{$prefix}form-width: #{$form-width};\n  --#{$prefix}form-items-spacer-y: #{rem($form-items-spacer-y)};\n  --#{$prefix}form-items-spacer-x: #{rem($form-items-spacer-x)};\n\n  width: 100%;\n  max-width: var(--#{$prefix}form-width);\n\n  > * + * {\n    margin-top: var(--#{$prefix}form-items-spacer-y);\n  }\n\n  .o-grid {\n    --#{$prefix}gutter-x: var(--#{$prefix}form-items-spacer-x);\n    --#{$prefix}gutter-y: var(--#{$prefix}form-items-spacer-y);\n  }\n}\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.hero' as *;\n@use '../01-settings/settings.breakpoints' as breakpoints;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.size' as *;\n@use '../02-tools/tools.object-fit' as *;\n@use '../02-tools/tools.breakpoints' as *;\n@use '../02-tools/tools.grid' as *;\n\n.c-hero {\n    $root: &;\n\n    --#{$prefix}hero-padding-x: #{rem($hero-padding-x)};\n    --#{$prefix}hero-padding-y: #{rem($hero-padding-y)};\n    --#{$prefix}hero-bg: #{$hero-bg};\n    --#{$prefix}hero-overlay: #{$hero-overlay};\n    --#{$prefix}hero-overlay-opacity: #{$hero-overlay-opacity};\n    --#{$prefix}hero-subtitle-font-size: #{$hero-subtitle-font-size};\n    --#{$prefix}hero-title-font-size: #{$hero-title-font-size};\n    --#{$prefix}hero-text-font-size: #{$hero-text-font-size};\n    --#{$prefix}hero-subtitle-color: #{$hero-subtitle-color};\n    --#{$prefix}hero-title-color: #{$hero-title-color};\n    --#{$prefix}hero-text-color: #{$hero-text-color};\n    --#{$prefix}hero-subtitle-font-weight: #{$hero-subtitle-font-weight};\n    --#{$prefix}hero-title-font-weight: #{$hero-title-font-weight};\n    --#{$prefix}hero-text-font-weight: #{$hero-text-font-weight};\n    --#{$prefix}hero-subtitle-margin-bottom: #{$hero-subtitle-margin-bottom};\n    --#{$prefix}hero-text-margin-top: #{rem($hero-text-margin-top)};\n    --#{$prefix}hero-actions-margin-top: #{rem($hero-actions-margin-top)};\n    --#{$prefix}hero-actions-inner-gap: #{rem($hero-actions-inner-gap)};\n    --#{$prefix}hero-grid-gutter: #{rem($hero-grid-gutter)};\n    --#{$prefix}hero-content-width: #{rem($hero-content-width)};\n\n\n    position: relative;\n    display: grid;\n    place-items: center;\n    padding: var(--#{$prefix}hero-padding-y) var(--#{$prefix}hero-padding-x);\n    background-color: var(--#{$prefix}hero-bg);\n\n    &__bg {\n        position: absolute;\n        inset: 0;\n        overflow: hidden;\n        z-index: 0;\n    }\n\n    &__bg-image, &__video {\n        position: absolute;\n        inset: 0;\n        @include square(100%);\n        @include object-fit(cover);\n        z-index: 0;\n    }\n\n    &__overlay {\n        position: absolute;\n        inset: 0;\n        background: var(--#{$prefix}hero-overlay);\n        opacity: var(--#{$prefix}hero-overlay-opacity);\n        z-index: 1;\n    }\n\n    &__container {\n        position: relative;\n        z-index: 2;\n    }\n\n    &__grid{\n        --#{$prefix}gutter-x: var(--#{$prefix}hero-grid-gutter);\n        align-items: center;\n    }\n\n    &__content{\n        width: 100%;\n        max-width: var(--#{$prefix}hero-content-width);\n    }\n    &__subtitle {\n        color: var(--#{$prefix}hero-subtitle-color);\n        font-size: var(--#{$prefix}hero-subtitle-font-size);\n        font-weight: var(--#{$prefix}hero-subtitle-font-weight);\n        margin-bottom: var(--#{$prefix}hero-subtitle-margin-bottom);\n    }\n\n    &__title {\n        font-size: calc(2.15625rem + 1.5vw);\n        color: var(--#{$prefix}hero-title-color);\n        font-weight: var(--#{$prefix}hero-title-font-weight);\n        letter-spacing: -1px;\n\n        @include media-breakpoint-up(md){\n            font-size: var(--#{$prefix}hero-title-font-size);\n            line-height: 72px;\n        }\n    }\n\n    &__text {\n        color: var(--#{$prefix}hero-text-color);\n        font-size: var(--#{$prefix}hero-text-font-size);\n        font-weight: var(--#{$prefix}hero-text-font-weight);\n        margin-top: var(--#{$prefix}hero-text-margin-top);\n    }\n\n    &__actions {\n        display: inline-flex;\n        gap: var(--#{$prefix}hero-actions-inner-gap);\n        margin-top: var(--#{$prefix}hero-actions-margin-top);\n    }\n\n    &__image {\n        width: 100%;\n        max-width: none;\n        height: 380px;\n        @include object-fit(cover);\n    }\n\n    &--center {\n        text-align: center;\n\n        #{$root}{\n            &__content{\n                margin: {\n                    left: auto;\n                    right: auto;\n                }\n            }\n\n            &__image-wrapper {\n                margin-top: var(--#{$prefix}hero-grid-gutter);\n            }\n        }\n    }\n\n    &--end {\n        text-align: right;\n\n        #{$root}{\n            &__content{\n                margin-left: auto;\n            }\n        }\n    }\n\n    &--full-vh {\n        min-height: 100vh;\n    }\n\n\n\n    \n}","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.form-group' as *;\n@use '../02-tools/tools.rem' as *;\n\n.c-form-group {\n  $root: &;\n\n  --#{$prefix}input-group-width: #{$input-group-width};\n  --#{$prefix}input-group-label-color: #{$input-group-label-color};\n  --#{$prefix}input-group-label-font-size: #{$input-group-label-font-size};\n  --#{$prefix}input-group-label-margin-bottom: #{rem($input-group-label-margin-bottom)};\n  --#{$prefix}input-group-helper-text-color: #{$input-group-helper-text-color};\n  --#{$prefix}input-group-helper-text-font-size: #{$input-group-helper-text-font-size};\n  --#{$prefix}input-group-helper-text-margin-top: #{rem($input-group-helper-text-margin-top)};\n\n  position: relative;\n  width: 100%;\n  max-width: var(--#{$prefix}input-group-width);\n\n  &__label {\n    display: block;\n    color: var(--#{$prefix}input-group-label-color);\n    font-size: var(--#{$prefix}input-group-label-font-size);\n    margin-bottom: var(--#{$prefix}input-group-label-margin-bottom);\n  }\n\n  &__field {\n    display: inline-block;\n    width: 100%;\n  }\n\n  &__helper {\n    color: var(--#{$prefix}input-group-helper-text-color);\n    font-size: var(--#{$prefix}input-group-helper-text-font-size);\n    margin-top: var(--#{$prefix}input-group-helper-text-margin-top);\n  }\n\n  &--lg {\n     #{$root}__field {\n      @extend .c-input--lg !optional;\n     }\n  }\n\n  &--sm {\n    --#{$prefix}input-group-label-font-size: #{$input-group-label-font-size-sm};\n\n    #{$root}__field {\n      @extend .c-input--sm !optional;\n    }\n  }\n\n  &.is-success {\n    --#{$prefix}input-group-helper-text-color: var(--#{$prefix}success-text-emphasis);\n\n    #{$root}__field {\n      @extend .is-success !optional;\n    }\n  }\n\n  &.is-invalid {\n    --#{$prefix}input-group-helper-text-color: var(--#{$prefix}error-text-emphasis);\n\n    #{$root}__field {\n      @extend .is-invalid !optional;\n    }\n  }\n\n  &:disabled,&.is-disabled {\n    >* {\n      pointer-events: none;\n    }\n\n    #{$root}__field {\n      @extend .is-disabled !optional;\n    }\n  }\n}\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.input' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.animations' as *;\n@use '../02-tools/tools.placeholder' as *;\n\n.c-input {\n  $root: &;\n\n  --#{$prefix}input-width: #{$input-width};\n  --#{$prefix}input-color: #{$input-color};\n  --#{$prefix}input-placeholder-color: #{$input-placeholder-color};\n  --#{$prefix}input-font-size: #{$input-font-size};\n  --#{$prefix}input-line-height: #{$input-line-height-md};\n  --#{$prefix}input-padding-x: #{rem($input-padding-x)};\n  --#{$prefix}input-padding-y: #{rem($input-padding-y)};\n  --#{$prefix}input-border-color: #{$input-border-color};\n  --#{$prefix}input-border-width: #{$input-border-width};\n  --#{$prefix}input-border-radius: #{$input-border-radius};\n  --#{$prefix}input-bg: #{$input-bg};\n  --#{$prefix}input-textarea-height: #{$input-textarea-height};\n\n  width: 100%;\n  max-width: var(--#{$prefix}input-width);\n  color: var(--#{$prefix}input-color);\n  font-size: var(--#{$prefix}input-font-size);\n  line-height: var(--#{$prefix}input-line-height);\n  padding: var(--#{$prefix}input-padding-y) var(--#{$prefix}input-padding-x);\n  border: var(--#{$prefix}input-border-width) solid\n    var(--#{$prefix}input-border-color);\n  border-radius: var(--#{$prefix}input-border-radius);\n  outline: none;\n  background-color: var(--#{$prefix}input-bg);\n  @include basic-transition();\n\n  &:focus, &:hover {\n    --#{$prefix}input-border-color: #{$input-focus-border-color};\n  }\n\n  @include placeholder-color(var(--#{$prefix}input-placeholder-color));\n\n  &--textarea{\n    height: var(--#{$prefix}input-textarea-height);\n  }\n\n  &--sm {\n    --#{$prefix}input-font-size: #{$input-font-size-sm};\n    --#{$prefix}input-line-height: #{$input-line-height-sm};\n    --#{$prefix}input-padding-x: #{rem($input-padding-x-sm)};\n    --#{$prefix}input-padding-y: #{rem($input-padding-y-sm)};\n    \n    &#{$root}--textarea{\n      --#{$prefix}input-textarea-height: #{$input-textarea-height-sm};\n    }\n  }\n\n  &--lg {\n    --#{$prefix}input-font-size: #{$input-font-size-lg};\n    --#{$prefix}input-line-height: #{$input-line-height-lg};\n    --#{$prefix}input-padding-x: #{rem($input-padding-x-lg)};\n    --#{$prefix}input-padding-y: #{rem($input-padding-y-lg)};\n\n    &#{$root}--textarea{\n      --#{$prefix}input-textarea-height: #{$input-textarea-height-lg};\n    }\n  }\n\n  // Theme variants\n  &--primary {\n    --#{$prefix}input-border-color: var(--#{$prefix}primary-border-subtle, #{$primary-6});\n  }\n  \n  &--success {\n    --#{$prefix}input-border-color: var(--#{$prefix}success-border-subtle, #{$green-6});\n  }\n  \n  &--error {\n    --#{$prefix}input-border-color: var(--#{$prefix}error-border-subtle, #{$red-6});\n  }\n  \n  &--warning {\n    --#{$prefix}input-border-color: var(--#{$prefix}warning-border-subtle, #{$yellow-6});\n  }\n  \n  &--info {\n    --#{$prefix}input-border-color: var(--#{$prefix}info-border-subtle, #{$blue-6});\n  }\n\n  &.is-invalid, &.has-danger &:invalid {\n    --#{$prefix}input-border-color: #{$input-invalid-border-color};\n  }\n\n  &.is-success, &.has-success &:valid, .is-valid {\n    --#{$prefix}input-border-color: #{$input-success-border-color};\n  }\n\n  &:disabled, &.is-disabled{\n    --#{$prefix}input-color: #{$input-disabled-color};\n    --#{$prefix}input-bg: #{$input-disabled-bg};\n    pointer-events: none;\n  }\n\n\n}\n","\n@mixin placeholder-color($color: #000) {\n  ::-webkit-input-placeholder {\n    color: $color;\n  }\n  :-moz-placeholder {\n    color: $color;\n  }\n  ::-moz-placeholder {\n    color: $color;\n  }\n  :-ms-input-placeholder {\n    color: $color;\n  }\n  ::-ms-input-placeholder {\n    color: $color;\n  }\n}\n","@use 'sass:map';\n@use '../01-settings/_settings.list-group' as *;\n@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.maps' as maps;\n@use '../02-tools/tools.rem' as *; \n\n.c-list-group {\n\n    --#{config.$prefix}list-group-width: #{$list-group-width};\n    --#{config.$prefix}list-group-bg: #{$list-group-bg};\n    --#{config.$prefix}list-group-item-padding-y: #{rem($list-group-item-padding-y)};\n    --#{config.$prefix}list-group-item-padding-x: #{rem($list-group-item-padding-x)};\n    --#{config.$prefix}list-group-item-font-size: #{$list-group-item-font-size};\n    --#{config.$prefix}list-group-item-color: #{$list-group-item-color};\n    --#{config.$prefix}list-group-item-disabled-color: #{$list-group-item-disabled-color};\n    --#{config.$prefix}list-group-item-border-color: #{$list-group-item-border-color};\n    --#{config.$prefix}list-group-item-border-width: #{$list-group-item-border-width};\n    --#{config.$prefix}list-group-item-bg: #{$list-group-item-bg};\n\n\n    display: flex;\n    flex-direction: column;\n    padding-left: 0;\n    margin-bottom: 0;\n    list-style: none;\n    width: 100%;\n    max-width: var(--#{config.$prefix}list-group-width);\n    background: var(--#{config.$prefix}list-group-bg);\n\n    &__item {\n        padding: var(--#{config.$prefix}list-group-item-padding-y) var(--#{config.$prefix}list-group-item-padding-x);\n        font-size: var(--#{config.$prefix}list-group-item-font-size);\n        color: var(--#{config.$prefix}list-group-item-color);\n        border-bottom: var(--#{config.$prefix}list-group-item-border-width) solid var(--#{config.$prefix}list-group-item-border-color);\n        background: var(--#{config.$prefix}list-group-item-bg);\n\n        @each $state in map.keys(maps.$theme-colors) {\n            &--#{$state} {\n                @if($state == 'light') {\n                    --#{config.$prefix}list-group-item-bg: var(--#{config.$prefix}#{$state});\n                }@else if ($state == 'dark'){\n                    --#{config.$prefix}list-group-item-color: var(--#{config.$prefix}invert-text-emphasis);\n                    --#{config.$prefix}list-group-item-bg: var(--#{config.$prefix}#{$state});\n\n                    // @include color-mode('dark') {\n                    //     --#{$prefix}list-group-item-color: var(--#{$prefix}body-color);\n                    // }\n                }@else if($state == 'primary'){\n                    --#{config.$prefix}list-group-item-bg: var(--#{config.$prefix}brand-bg-subtle);\n                }@else {\n                    --#{config.$prefix}list-group-item-bg: var(--#{config.$prefix}#{$state}-bg-subtle);\n                }\n            }\n        }\n\n\n        &--disabled {\n            --#{config.$prefix}list-group-item-color: var(--#{config.$prefix}list-group-item-disabled-color);\n        }\n    }\n}\n","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.maps' as maps;\n@use '../01-settings/settings.list' as list;\n@use '../02-tools/tools.rem' as rem;\n\n.c-list {\n    $root: &;\n\n  --#{config.$prefix}list-color: #{list.$list-color};\n  --#{config.$prefix}list-font-size: #{list.$list-font-size};\n  --#{config.$prefix}list-font-weight: #{list.$list-font-weight};\n  --#{config.$prefix}list-item-gap: #{rem.rem(list.$list-item-gap)};\n  --#{config.$prefix}list-padding-left: #{rem.rem(list.$list-padding-left)};\n  --#{config.$prefix}list-item-dash-width: #{rem.rem(list.$list-item-dash-width)};\n  --#{config.$prefix}list-item-dash-height: #{rem.rem(list.$list-item-dash-height)};\n\n  padding-left: var(--#{config.$prefix}list-padding-left);\n\n  &__item {\n    color: var(--#{config.$prefix}list-color);\n    font-size: var(--#{config.$prefix}list-font-size);\n    font-weight: var(--#{config.$prefix}list-font-weight);\n    & + & {\n      margin-top: var(--#{config.$prefix}list-item-gap);\n    }\n  }\n\n  &--dash{\n    padding-left: 0;\n    list-style: none;\n\n    #{$root}__item {\n        position: relative;\n        padding-left: var(--#{config.$prefix}list-padding-left);\n        \n        &::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 0;\n            width: var(--#{config.$prefix}list-item-dash-width);\n            height: var(--#{config.$prefix}list-item-dash-height);\n            background: var(--#{config.$prefix}list-color);\n            transform: translateY(-50%);\n        }\n    }\n  }\n\n  &--number {\n    list-style-type: decimal;\n  }\n\n  &--text {\n    list-style-type: lower-alpha;\n  }\n}\n","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.maps' as maps;\n@use '../01-settings/settings.menu' as menu;\n@use '../02-tools/tools.rem' as rem;\n@use '../02-tools/tools.animations' as animations;\n@use '../02-tools/tools.color-mode' as *;\n\n.c-menu {\n    $root : &;\n\n    --#{config.$prefix}menu-min-width: #{rem.rem(menu.$menu-min-width)};\n    --#{config.$prefix}menu-container-width: #{rem.rem(menu.$menu-container-width)};\n    --#{config.$prefix}menu-padding-x: #{rem.rem(menu.$menu-padding-x)};\n    --#{config.$prefix}menu-padding-y: #{rem.rem(menu.$menu-padding-y)};\n    --#{config.$prefix}menu-bg: #{menu.$menu-bg};\n    --#{config.$prefix}menu-border-radius: #{menu.$menu-border-radius};\n    --#{config.$prefix}menu-box-shadow: #{menu.$menu-box-shadow};\n    --#{config.$prefix}menu-items-gap: #{menu.$menu-items-gap};\n    --#{config.$prefix}menu-item-padding-x: #{menu.$menu-item-padding-x};\n    --#{config.$prefix}menu-item-padding-y: #{menu.$menu-item-padding-y};\n    --#{config.$prefix}menu-item-inner-gap: #{menu.$menu-item-inner-gap};\n    --#{config.$prefix}menu-item-color: #{menu.$menu-item-color};\n    --#{config.$prefix}menu-item-font-size: #{menu.$menu-item-font-size};\n    --#{config.$prefix}menu-item-font-weight: #{menu.$menu-item-font-weight};\n    --#{config.$prefix}menu-item-bg: #{menu.$menu-item-bg};\n    --#{config.$prefix}menu-item-bg-hover: #{menu.$menu-item-bg-hover};\n    --#{config.$prefix}menu-item-bg-active: #{menu.$menu-item-bg-active};\n    --#{config.$prefix}menu-item-icon-size: #{menu.$menu-item-icon-size};\n    --#{config.$prefix}menu-subitem-color: #{menu.$menu-subitem-color};\n    --#{config.$prefix}menu-subitem-color-active: #{menu.$menu-subitem-color-active};\n    --#{config.$prefix}menu-subitem-font-weight: #{menu.$menu-subitem-font-weight};\n    --#{config.$prefix}menu-subitem-font-weight-active: #{menu.$menu-subitem-font-weight-active};\n    --#{config.$prefix}menu-mega-padding-x: #{rem.rem(menu.$menu-mega-padding-x)};\n    --#{config.$prefix}menu-mega-padding-y: #{rem.rem(menu.$menu-mega-padding-y)};\n    --#{config.$prefix}menu-mega-grid-gap: #{rem.rem(menu.$menu-mega-grid-gap)};\n    --#{config.$prefix}menu-mega-header-title-font-size: #{menu.$menu-mega-header-title-font-size};\n    --#{config.$prefix}menu-mega-header-title-font-weight: #{menu.$menu-mega-header-title-font-weight};\n\n    display: inline-block;\n    min-width: var(--#{config.$prefix}menu-min-width);\n    padding: var(--#{config.$prefix}menu-item-padding-y) var(--#{config.$prefix}menu-item-padding-x);\n    background-color: var(--#{config.$prefix}menu-bg);\n    border-radius: var(--#{config.$prefix}menu-border-radius);\n    box-shadow: var(--#{config.$prefix}menu-box-shadow);\n    z-index: 5;\n\n    &__container {\n        width: 100%;\n        max-width: var(--#{config.$prefix}menu-container-width);\n        margin: {\n            left: auto;\n            right: auto;\n        };\n        padding: 0 var(--#{config.$prefix}menu-mega-padding-x);\n    }\n    \n    &__list {\n        list-style: none;\n        margin-bottom: 0;\n        padding-left: 0;\n    }\n\n    &__item {\n        &+& {\n            margin-top: var(--#{config.$prefix}menu-items-gap);\n        }\n\n        &--haschildren {\n            position: relative;\n\n            >#{$root} {\n                position: absolute;\n                top: 0;\n                left: 100%;\n                visibility: hidden;\n                opacity: 0;\n                @include animations.basic-transition();\n            }\n\n            &:hover {\n                >#{$root} {\n                    visibility: visible;\n                    opacity: 1;\n                }\n            }\n        }\n    }\n\n    &__link {\n        display: flex;\n        align-items: center;\n        gap: var(--#{config.$prefix}menu-item-inner-gap);\n        padding: var(--#{config.$prefix}menu-item-padding-y) var(--#{config.$prefix}menu-item-padding-x);\n        color: var(--#{config.$prefix}menu-item-color);\n        font-size: var(--#{config.$prefix}menu-item-font-size);\n        font-weight: var(--#{config.$prefix}menu-item-font-weight);\n        background-color: var(--#{config.$prefix}menu-item-bg);\n        border-radius: var(--#{config.$prefix}menu-border-radius);\n        cursor: pointer;\n        @include animations.basic-transition();\n\n        &:hover {\n            color: var(--#{config.$prefix}menu-item-color);\n            background-color: var(--#{config.$prefix}menu-item-bg-hover);\n        }\n\n        &:focus, &:active, &.is-active {\n            background-color: var(--#{config.$prefix}menu-item-bg-active);\n        }\n    }\n\n    &__icon {\n        font-size: var(--#{config.$prefix}menu-item-icon-size);\n    }\n\n    &__toggle {\n        cursor: pointer;\n        user-select: none;\n    }\n    \n    &__toggle-icon {\n        margin-left: auto;\n        @include animations.basic-transition();\n    }\n\n    &__subitems {\n        position: relative;\n    }\n\n    &__subitems-wrapper {\n        height: 0px;\n        overflow: hidden;\n        @include animations.basic-transition();\n    }\n\n    &__subitems-list {\n        list-style: none;\n        margin-bottom: 0;\n        padding-left: rem.rem(23px);\n    }\n\n    &__subitem-link {\n        display: flex;\n        align-items: center;\n        gap: var(--#{config.$prefix}menu-item-inner-gap);\n        padding: var(--#{config.$prefix}menu-item-padding-y) var(--#{config.$prefix}menu-item-padding-x);\n        color: var(--#{config.$prefix}menu-subitem-color);\n        font-size: var(--#{config.$prefix}menu-item-font-size);\n        font-weight: var(--#{config.$prefix}menu-subitem-font-weight);\n        @include animations.basic-transition();\n\n        &:hover {\n            color: var(--#{config.$prefix}primary);\n        }\n\n        &:focus, &:active, &.is-active {\n            color: var(--#{config.$prefix}menu-subitem-color-active);\n            font-weight: var(--#{config.$prefix}menu-subitem-font-weight-active);\n        }\n    }\n\n    &__grid {\n        --#{config.$prefix}gutter-x: var(--#{config.$prefix}menu-mega-grid-gap);\n    }\n\n    &__header {\n        display: flex;\n        align-items: center;\n        gap: var(--#{config.$prefix}menu-item-inner-gap);\n        padding:  0 var(--#{config.$prefix}menu-item-padding-y) var(--#{config.$prefix}menu-item-padding-x) var(--#{config.$prefix}menu-item-padding-x);\n        margin-bottom: var(--#{config.$prefix}menu-item-padding-y);\n        border-bottom: 1px solid var(--#{config.$prefix}primary-border-subtle);\n    }\n\n    &__header-title {\n        color: var(--#{config.$prefix}menu-item-color);\n        font-size: var(--#{config.$prefix}menu-mega-header-title-font-size);\n        font-weight: var(--#{config.$prefix}menu-mega-header-title-font-weight);\n    }\n\n    &__header-icon {\n        font-size: rem.rem(24px);\n    }\n\n    &__content-title {\n        color: var(--#{config.$prefix}menu-item-color);\n        font-size: var(--#{config.$prefix}menu-item-font-size);\n        font-weight: var(--#{config.$prefix}menu-item-font-weight);\n    }\n\n    &__content-text {\n        color: var(--#{config.$prefix}menu-subitem-color);\n        font-size: var(--#{config.$prefix}menu-item-font-size);\n        margin-top: var(--#{config.$prefix}menu-items-gap);\n    }\n\n    &__content-menu {\n        height: 100%;\n        padding-left: var(--#{config.$prefix}menu-mega-grid-gap);\n        border-left: 1px solid var(--#{config.$prefix}primary-border-subtle);\n    }\n\n    &__content-menu-title {\n        color: var(--#{config.$prefix}menu-subitem-color);\n        font-size: var(--#{config.$prefix}menu-item-font-size);\n    }\n\n    &__content-menu-list {\n        padding-left: 0;\n        list-style: none;\n    }\n\n    &__content-menu-item {\n        margin-top: rem.rem(12px);\n    }\n\n    &__content-menu-link {\n        color: var(--#{config.$prefix}menu-item-color);\n        font-size: var(--#{config.$prefix}menu-item-font-size);\n        font-weight: var(--#{config.$prefix}menu-item-font-weight);\n\n        &:hover {\n            color: var(--#{config.$prefix}menu-item-color);\n        }\n    }\n\n    &--mega {\n        width: 100%;\n        min-height: auto;\n        padding: var(--#{config.$prefix}menu-mega-padding-y) 0;\n        border-radius: 0px;\n    }\n}","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.maps' as maps;\n@use '../01-settings/settings.messages' as messages;\n@use '../01-settings/settings.border-radius' as border;\n@use '../01-settings/settings.typography' as typo;\n@use '../02-tools/tools.rem' as rem;\n@use '../02-tools/tools.size' as *;\n@use '../02-tools/tools.object-fit' as *;\n@use '../02-tools/tools.color-mode' as *;\n@use '../02-tools/tools.size' as *;\n\n.c-messages {\n  $root: &;\n\n  --#{config.$prefix}messages-width: #{messages.$messages-width};\n  --#{config.$prefix}messages-padding-x: #{rem.rem(messages.$messages-padding-x)};\n  --#{config.$prefix}messages-padding-y: #{rem.rem(messages.$messages-padding-y)};\n  --#{config.$prefix}messages-border-radius: #{messages.$messages-border-radius};\n  --#{config.$prefix}messages-border-width: #{messages.$messages-border-width};\n  --#{config.$prefix}messages-border-color: #{messages.$messages-border-color};\n  --#{config.$prefix}messages-bg: #{messages.$messages-bg};\n  --#{config.$prefix}messages-content-margin-top: #{rem.rem(messages.$messages-content-margin-top)};\n  --#{config.$prefix}messages-avatar-margin: #{rem.rem(messages.$messages-avatar-margin)};\n  --#{config.$prefix}messages-items-padding-x: #{rem.rem(messages.$messages-items-padding-x)};\n  --#{config.$prefix}messages-items-padding-y: #{rem.rem(messages.$messages-items-padding-y)};\n  --#{config.$prefix}messages-items-width: #{rem.rem(messages.$messages-items-width)};\n  --#{config.$prefix}messages-items-border-width: #{messages.$messages-items-border-width};\n  --#{config.$prefix}messages-items-border-color: #{messages.$messages-items-border-color};\n  --#{config.$prefix}messages-items-border-radius: #{messages.$messages-items-border-radius};\n  --#{config.$prefix}messages-items-gap: #{rem.rem(messages.$messages-items-gap)};\n  --#{config.$prefix}messages-text-padding-x: #{rem.rem(messages.$messages-text-padding-x)};\n  --#{config.$prefix}messages-text-padding-y: #{rem.rem(messages.$messages-text-padding-y)};\n  --#{config.$prefix}messages-text-color: #{messages.$messages-text-secondary-color};\n  --#{config.$prefix}messages-text-font-size: #{messages.$messages-text-font-size};\n  --#{config.$prefix}messages-text-bg: #{messages.$messages-text-secondary-bg};\n  --#{config.$prefix}messages-text-border-radius: #{messages.$messages-text-border-radius};\n  --#{config.$prefix}messages-file-padding-x: #{messages.$messages-file-padding-x};\n  --#{config.$prefix}messages-file-padding-y: #{messages.$messages-file-padding-y};\n  --#{config.$prefix}messages-file-text-font-size: #{messages.$messages-file-text-font-size};\n  --#{config.$prefix}messages-file-text-color: #{messages.$messages-file-text-secondary-color};\n  --#{config.$prefix}messages-file-icon-size: #{rem.rem(messages.$messages-file-icon-size)};\n  --#{config.$prefix}messages-file-icon-margin-right: #{messages.$messages-file-icon-margin-right};\n  --#{config.$prefix}messages-file-icon-bg: #{messages.$messages-file-icon-bg};\n  --#{config.$prefix}messages-file-info-font-size: #{messages.$messages-file-info-font-size};\n  --#{config.$prefix}messages-file-info-color: #{messages.$messages-file-info-color};\n  --#{config.$prefix}messages-file-bg: #{messages.$messages-file-secondary-bg};\n  --#{config.$prefix}messages-file-border-radius: #{messages.$messages-file-border-radius};\n  --#{config.$prefix}messages-image-width: #{messages.$messages-image-width};\n  --#{config.$prefix}messages-image-height: #{messages.$messages-image-height};\n  --#{config.$prefix}messages-image-border-radius: #{messages.$messages-image-border-radius};\n  --#{config.$prefix}messages-form-margin-top: #{rem.rem(messages.$messages-form-margin-top)};\n  --#{config.$prefix}messages-form-row-gap: #{rem.rem(messages.$messages-form-row-gap)};\n  --#{config.$prefix}messages-form-submit-icon-size: #{rem.rem(messages.$messages-form-submit-icon-size)};\n  --#{config.$prefix}messages-input-padding-x: #{rem.rem(messages.$messages-input-padding-x)};\n  --#{config.$prefix}messages-input-padding-y: #{rem.rem(messages.$messages-input-padding-y)};\n  --#{config.$prefix}messages-input-font-size: #{messages.$messages-input-font-size};\n  --#{config.$prefix}messages-input-color: #{messages.$messages-input-color};\n  --#{config.$prefix}messages-input-placeholder-color: #{messages.$messages-input-placeholder-color};\n  --#{config.$prefix}messages-input-border-width: #{messages.$messages-input-border-width};\n  --#{config.$prefix}messages-input-border-color: #{messages.$messages-input-border-color};\n  --#{config.$prefix}messages-input-border-radius: #{messages.$messages-input-border-radius};\n  --#{config.$prefix}messages-input-options-icons-size: #{messages.$messages-input-options-icons-size};\n  --#{config.$prefix}messages-input-options-row-gap: #{rem.rem(messages.$messages-input-options-row-gap)};\n  --#{config.$prefix}messages-body-height: #{messages.$messages-body-height};\n\n  width: 100%;\n  max-width: var(--#{config.$prefix}messages-width);\n  min-width: var(--#{config.$prefix}messages-width);\n  padding: var(--#{config.$prefix}messages-padding-y)\n    var(--#{config.$prefix}messages-padding-x);\n  border-radius: var(--#{config.$prefix}messages-border-radius);\n  border: var(--#{config.$prefix}messages-border-width) solid\n    var(--#{config.$prefix}messages-border-color);\n  background-color: var(--#{config.$prefix}messages-bg);\n  \n  &__body {\n    max-height: var(--#{config.$prefix}messages-body-height);\n    min-height: var(--#{config.$prefix}messages-body-height);\n    overflow: auto;\n  }\n\n  &__content {\n    display: flex;\n    align-items: flex-end;\n    \n    margin-top: var(--#{config.$prefix}messages-content-margin-top);\n  }\n\n  &__items {\n    display: flex;\n    flex-direction: column;\n    gap: var(--#{config.$prefix}messages-items-gap);\n    width: 100%;\n    max-width: var(--#{config.$prefix}messages-items-width);\n    padding: var(--#{config.$prefix}messages-items-padding-y)\n      var(--#{config.$prefix}messages-items-padding-x);\n    border: var(--#{config.$prefix}messages-items-border-width) solid\n      var(--#{config.$prefix}messages-items-border-color);\n\n\n    >*:first-child {\n      border-radius: var(--#{config.$prefix}messages-text-border-radius)\n      var(--#{config.$prefix}messages-text-border-radius)\n      var(--#{config.$prefix}messages-text-border-radius) border.$border-radius-sm;\n    }\n\n    >*:last-child {\n      border-radius: border.$border-radius-sm var(--#{config.$prefix}messages-text-border-radius)\n      var(--#{config.$prefix}messages-text-border-radius)\n      var(--#{config.$prefix}messages-text-border-radius);\n    }\n  }\n\n  &__avatar {\n    flex: 0 0 var(--#{config.$prefix}avatar-size);\n    margin-right: var(--#{config.$prefix}messages-avatar-margin);\n  }\n\n  &__name {\n    color: var(--#{config.$prefix}secondary-text-emphasis);\n    font-size: var(--#{config.$prefix}messages-file-info-font-size);\n    font-weight: typo.$font-weight-medium;\n  }\n\n  &__time {\n    display: block;\n    width: 100%;\n    text-align: right;\n    color: var(--#{config.$prefix}messages-file-info-color);\n    font-size: var(--#{config.$prefix}messages-file-info-font-size);\n    margin-top: var(--#{config.$prefix}messages-items-gap);\n  }\n\n  &__text {\n    width: fit-content;\n    color: var(--#{config.$prefix}messages-text-color);\n    font-size: var(--#{config.$prefix}messages-text-font-size);\n    padding: var(--#{config.$prefix}messages-text-padding-y)\n      var(--#{config.$prefix}messages-text-padding-x);\n    background-color: var(--#{config.$prefix}messages-text-bg);\n    border-radius: border.$border-radius-sm var(--#{config.$prefix}messages-text-border-radius)  var(--#{config.$prefix}messages-text-border-radius) border.$border-radius-sm;\n  }\n\n  &__file {\n    display: flex;\n    flex-wrap: wrap;\n    padding: var(--#{config.$prefix}messages-file-padding-y) var(--#{config.$prefix}messages-file-padding-x);\n    border-radius: border.$border-radius-sm  var(--#{config.$prefix}messages-file-border-radius) var(--#{config.$prefix}messages-file-border-radius) border.$border-radius-sm;\n    background: var(--#{config.$prefix}messages-file-bg);\n  }\n\n  &__file-icon {\n    display: grid !important;\n    place-items: center;\n    font-size: rem.rem(24px);\n    @include square(var(--#{config.$prefix}messages-file-icon-size));\n    color: var(--#{config.$prefix}tertiary-text-emphasis);\n    margin-right: var(--#{config.$prefix}messages-file-icon-margin-right);\n    background-color: var(--#{config.$prefix}body-bg);\n    border-radius: border.$border-radius-pill;\n   \n  }\n\n  &__file-name {\n    color: var(--#{config.$prefix}messages-file-text-color);\n    font-size: var(--#{config.$prefix}messages-file-text-font-size);\n  }\n\n  &__file-size {\n    color: var(--#{config.$prefix}messages-file-info-color);\n    font-size: var(--#{config.$prefix}messages-file-info-font-size);\n  }\n\n  &__image {\n    @include size(var(--#{config.$prefix}messages-image-width), var(--#{config.$prefix}messages-image-height));\n    border-radius: border.$border-radius-sm var(--#{config.$prefix}messages-image-border-radius) var(--#{config.$prefix}messages-image-border-radius) border.$border-radius-sm;\n    @include object-fit(cover);\n  }\n\n  &__content--self {\n    flex-direction: row-reverse;\n    justify-content: flex-start;\n\n    #{$root} {\n      &__avatar {\n        margin-right: 0;\n        margin-left: var(--#{config.$prefix}messages-avatar-margin);\n      }\n\n      &__items {\n        align-items: flex-end;\n        border-radius: var(--#{config.$prefix}messages-items-border-radius)\n          var(--#{config.$prefix}messages-items-border-radius) 0\n          var(--#{config.$prefix}messages-items-border-radius);\n\n          >*:first-child {\n            border-radius: var(--#{config.$prefix}messages-text-border-radius)\n            var(--#{config.$prefix}messages-text-border-radius) border.$border-radius-sm\n            var(--#{config.$prefix}messages-text-border-radius);\n          }\n      \n          >*:last-child {\n            border-radius: var(--#{config.$prefix}messages-text-border-radius) border.$border-radius-sm \n            var(--#{config.$prefix}messages-text-border-radius)\n            var(--#{config.$prefix}messages-text-border-radius);\n          }\n      }\n\n      &__text {\n        --#{config.$prefix}messages-text-color: #{messages.$messages-text-primary-color};\n        --#{config.$prefix}messages-text-bg: #{messages.$messages-text-primary-bg};\n        border-radius: var(--#{config.$prefix}messages-text-border-radius) border.$border-radius-sm border.$border-radius-sm var(--#{config.$prefix}messages-text-border-radius);\n      }\n\n      &__file {\n        --#{config.$prefix}messages-file-text-color: #{messages.$messages-file-text-primary-color};\n        --#{config.$prefix}messages-file-bg: #{messages.$messages-file-primary-bg};\n        border-radius: var(--#{config.$prefix}messages-file-border-radius) border.$border-radius-sm border.$border-radius-sm var(--#{config.$prefix}messages-file-border-radius);\n\n        @include color-mode('dark') {\n          --#{config.$prefix}messages-file-icon-bg: #{messages.$messages-file-icon-bg-dark};\n        }\n      }\n\n      &__image {\n        border-radius: var(--#{config.$prefix}messages-image-border-radius) border.$border-radius-sm border.$border-radius-sm var(--#{config.$prefix}messages-image-border-radius);\n      }\n\n      &__file-icon {\n        color: var(--#{config.$prefix}invert-text-emphasis);\n        background-color: var(--#{config.$prefix}messages-file-icon-bg);\n\n        @include color-mode('dark') {\n          --#{config.$prefix}messages-file-icon-bg: #{messages.$messages-file-icon-bg-dark};\n        }\n      }\n    }\n  }\n\n  &__form {\n    display: flex;\n    gap: var(--#{config.$prefix}messages-form-row-gap);\n    margin-top: var(--#{config.$prefix}messages-form-margin-top);\n  }\n\n  &__input-group {\n    width: 100%;\n    position: relative;\n  }\n\n  &__options {\n    position: absolute;\n    right: var(--#{config.$prefix}messages-input-padding-x);\n    top: 50%;\n    display: flex;\n    gap: var(--#{config.$prefix}messages-input-options-row-gap);\n    align-items: center;\n    transform: translateY(-50%);\n  }\n\n  &__option {\n    appearance: none;\n    border: 0;\n    background-color: transparent;\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n  }\n\n  &__option-icon {\n    color: var(--#{config.$prefix}tertiary-text-emphasis);\n    cursor: pointer;\n  }\n\n  &__input {\n    width: 100%;\n    padding: var(--#{config.$prefix}messages-input-padding-y) var(--#{config.$prefix}messages-input-padding-x);\n    color: var(--#{config.$prefix}messages-input-color);\n    font-size: var(--#{config.$prefix}messages-input-font-size);\n    border: var(--#{config.$prefix}messages-input-border-width) solid var(--#{config.$prefix}messages-input-border-color);\n    border-radius: var(--#{config.$prefix}messages-input-border-radius);\n    background-color: var(--#{config.$prefix}messages-bg);\n    resize: none;\n\n    &::placeholder {\n      color: var(--#{config.$prefix}messages-input-placeholder-color);\n      font-size: var(--#{config.$prefix}messages-input-font-size);\n    }\n\n    &:focus {\n      outline: 0;\n      border-color: var(--#{config.$prefix}primary);\n    }\n  }\n\n  &__submit {\n    display: grid;\n    place-items: center;\n    align-self: flex-end;\n    padding: rem.rem(10px);\n    background-color: var(--#{config.$prefix}brand-bg-subtle);\n    color: var(--#{config.$prefix}invert-text-emphasis);\n    border-radius: border.$border-radius-pill;\n    cursor: pointer;\n    appearance: none;\n    border: 0;\n\n    .c-icon {\n      width: var(--#{config.$prefix}messages-form-submit-icon-size);\n      height: var(--#{config.$prefix}messages-form-submit-icon-size);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  }\n}\n","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.maps' as maps;\n@use '../01-settings/settings.modal' as modal;\n@use '../02-tools/tools.rem' as rem;\n@use '../02-tools/tools.size' as *;\n@use '../02-tools/tools.spacing' as *;\n\n.c-modal {\n  $root: &;\n\n  --#{config.$prefix}modal-inner-padding: #{rem.rem(modal.$modal-inner-padding)};\n\n  --#{config.$prefix}modal-content-color: #{modal.$modal-content-color};\n  --#{config.$prefix}modal-content-bg: #{modal.$modal-content-bg};\n  --#{config.$prefix}modal-content-border-radius: #{modal.$modal-content-border-radius};\n  --#{config.$prefix}modal-content-box-shadow: #{modal.$modal-content-box-shadow};\n\n  --#{config.$prefix}modal-header-padding-bottom: #{rem.rem(modal.$modal-header-padding-bottom)};\n  --#{config.$prefix}modal-title-font-size: #{modal.$modal-title-font-size};\n  --#{config.$prefix}modal-sub-margin-top: #{rem.rem(modal.$modal-sub-margin-top)};\n  --#{config.$prefix}modal-sub-color: #{modal.$modal-sub-color};\n  --#{config.$prefix}modal-sub-font-size: #{modal.$modal-sub-font-size};\n\n  --#{config.$prefix}modal-footer-items-gap: #{rem.rem(modal.$modal-footer-items-gap)};\n\n  --#{config.$prefix}modal-backdrop-bg: #{modal.$modal-backdrop-bg};\n  --#{config.$prefix}modal-backdrop-opacity: #{modal.$modal-backdrop-opacity};\n  --#{config.$prefix}modal-backdrop-blur: #{modal.$modal-backdrop-blur};\n\n  --#{config.$prefix}modal-close-icon-color: #{modal.$modal-close-icon-color};\n  --#{config.$prefix}modal-close-icon-size: #{rem.rem(modal.$modal-close-icon-size)};\n\n  --#{config.$prefix}modal-sm: #{rem.rem(modal.$modal-sm)};\n  --#{config.$prefix}modal-md: #{rem.rem(modal.$modal-md)};\n  --#{config.$prefix}modal-lg: #{rem.rem(modal.$modal-lg)};\n  --#{config.$prefix}modal-xl: #{rem.rem(modal.$modal-xl)};\n  --#{config.$prefix}modal-width: var(--#{config.$prefix}modal-md);\n\n  position: fixed;\n  inset: 0;\n  @include square(100%);\n  display: none;\n\n  &__backdrop {\n    position: absolute;\n    inset: 0;\n    background-color: var(--#{config.$prefix}modal-backdrop-bg);\n    opacity: 0;\n    transition: 0.3s;\n  }\n\n  &__dialog {\n    position: relative;\n    display: flex;\n    align-items: center;\n    max-width: var(--#{config.$prefix}modal-width);\n    height: 100%;\n    padding: var(--#{config.$prefix}modal-inner-padding);\n    margin: {\n      left: auto;\n      right: auto;\n    }\n    opacity: 0;\n    z-index: 2;\n    pointer-events: none;\n    transition: 0.3s ease;\n    will-change: transform;\n  }\n\n  &__content {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    max-height: 100%;\n    padding: var(--#{config.$prefix}modal-inner-padding);\n    background-color: var(--#{config.$prefix}modal-content-bg);\n    box-shadow: var(--#{config.$prefix}modal-content-box-shadow);\n    border-radius: var(--#{config.$prefix}modal-content-border-radius);\n    overflow: hidden;\n    pointer-events: auto;\n  }\n\n  &__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    padding-bottom: var(--#{config.$prefix}modal-header-padding-bottom);\n  }\n\n  &__title {\n    font-size: var(--#{config.$prefix}modal-title-font-size);\n  }\n\n  &__sub {\n    color: var(--#{config.$prefix}modal-sub-color);\n    font-size: var(--#{config.$prefix}modal-sub-font-size);\n    margin-top: var(--#{config.$prefix}modal-sub-margin-top);\n  }\n\n  &__body {\n    padding: var(--#{config.$prefix}modal-inner-padding) 0;\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n\n  &__footer {\n    display: flex;\n    justify-content: flex-end;\n    gap: var(--#{config.$prefix}modal-footer-items-gap);\n    padding-top: var(--#{config.$prefix}modal-inner-padding);\n  }\n\n  &__close {\n    @include pr(0);\n    @include pt(0);\n    cursor: pointer;\n    user-select: none;\n    z-index: 3;\n\n    svg {\n      @include square(var(--#{config.$prefix}modal-close-icon-size));\n    }\n  }\n\n  &--sm {\n    --#{config.$prefix}modal-width: var(--#{config.$prefix}modal-sm);\n  }\n\n  &--md {\n    --#{config.$prefix}modal-width: var(--#{config.$prefix}modal-md);\n  }\n\n  &--lg {\n    --#{config.$prefix}modal-width: var(--#{config.$prefix}modal-lg);\n  }\n\n  &--xl {\n    --#{config.$prefix}modal-width: var(--#{config.$prefix}modal-xl);\n  }\n\n  &.is-open {\n    \n    #{$root} {\n      &__backdrop {\n        opacity: var(--#{config.$prefix}modal-backdrop-opacity);\n      }\n\n      &__dialog {\n        opacity: 1;\n      }\n    }\n  }\n}\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.nav' as *;\n@use '../01-settings/settings.border-radius' as *;\n@use '../02-tools/tools.transition' as transition;\n@use '../02-tools/tools.event' as *;\n@use '../02-tools/tools.rem' as *;\n\n.c-nav {\n  $root: &;\n\n  --#{$prefix}nav-item-gap-x: #{rem($nav-item-gap-x)};\n  --#{$prefix}nav-link-padding-x: #{rem($nav-link-padding-x)};\n  --#{$prefix}nav-link-padding-y: #{rem($nav-link-padding-y)};\n  --#{$prefix}nav-link-font-size: #{$nav-link-font-size};\n  --#{$prefix}nav-link-font-weight: #{$nav-link-font-weight};\n  --#{$prefix}nav-link-color: #{$nav-link-color};\n  --#{$prefix}nav-link-hover-color: #{$nav-link-hover-color};\n  --#{$prefix}nav-link-bg: #{$nav-link-bg};\n  --#{$prefix}nav-link-hover-bg: #{$nav-link-hover-bg};\n  --#{$prefix}nav-link-inner-gap: #{rem($nav-link-inner-gap)};\n  --#{$prefix}nav-icon-size: #{$nav-icon-size};\n\n  display: flex;\n  align-items: center;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n\n  &__item {\n    & + & {\n      margin-left: var(--#{$prefix}nav-item-gap-x);\n    }\n\n    &--dropdown {\n      position: relative;\n    }\n\n    &:hover {\n        #{$root}__icon {\n          transform: rotate(-180deg);\n        }\n  \n        #{$root}__dropdown-menu, #{$root}__mega-menu  {\n          visibility: visible;\n          opacity: 1;\n        }\n      }\n  }\n\n  &__link {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--#{$prefix}nav-link-inner-gap);\n    font-size: var(--#{$prefix}nav-link-font-size);\n    font-weight: var(--#{$prefix}nav-link-font-weight);\n    padding: var(--#{$prefix}nav-link-padding-y)\n      var(--#{$prefix}nav-link-padding-x);\n    border-radius: $border-radius-lg;\n\n    @include transition.basic-transition();\n\n    @include on-event(true) {\n      color: var(--#{$prefix}nav-link-color);\n    }\n\n    @include on-event() {\n      background-color: var(--#{$prefix}nav-link-hover-bg);\n    }\n\n    &--disabled {\n      color: var(--#{$prefix}disabled-text-emphasis);\n      pointer-events: none;\n    }\n\n    &:focus,\n    &:active,\n    &.is-active {\n      background-color: var(--#{$prefix}brand-bg-subtle);\n    }\n  }\n\n  &__icon {\n    font-size: var(--#{$prefix}nav-icon-size);\n    @include transition.basic-transition();\n  }\n\n  &__dropdown-menu {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    visibility: hidden;\n    opacity: 0;\n    white-space: nowrap;\n    @include transition.basic-transition();\n\n    &--center {\n      left: 50%;\n      transform: translateX(-50%);\n    }\n\n    &--end {\n      left: auto;\n      right: 0;\n    }\n  }\n\n  &__mega-menu {\n    position: absolute;\n    top: calc(100% - var(--#{$prefix}navbar-padding-y));\n    left: 0;\n    width: 100%;\n    visibility: hidden;\n    opacity: 0;\n    @include transition.basic-transition();\n  }\n\n\n  &--end {\n    margin-left: auto;\n    justify-content: flex-end;\n  }\n\n  &--center {\n    margin: 0 auto;\n    justify-content: center;\n  }\n}\n","/// Event wrapper\n/// @author Harry Roberts\n/// @param {Bool} $self [false] - Whether or not to include current selector\n/// @link https://twitter.com/csswizardry/status/478938530342006784 Original tweet from Harry Roberts\n@mixin on-event($self: false) {\n  @if $self {\n    &,\n    &:hover,\n    &:active,\n    &:focus,\n    &:focus-visible {\n      @content;\n    }\n  } @else {\n    &:hover,\n    &:active,\n    &:focus,\n    &:focus-visible {\n      @content;\n    }\n  }\n} ","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.navbar' as *;\n@use '../01-settings/settings.breakpoints' as breakpoints;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.media-queries' as media;\n@use '../01-settings/settings.maps' as maps;\n\n.c-navbar {\n    $root: &;\n\n    --#{$prefix}navbar-padding-x: #{rem($navbar-padding-x)};\n    --#{$prefix}navbar-padding-y: #{rem($navbar-padding-y)};\n    --#{$prefix}navbar-bg: #{$navbar-bg};\n    --#{$prefix}navbar-border-width: #{$navbar-border-width};\n    --#{$prefix}navbar-border-color: #{$navbar-border-color};\n    --#{$prefix}navbar-brand-margin-end: #{rem($navbar-brand-margin-end)};\n    --#{$prefix}navbar-toggler-size: #{$navbar-toggler-size};\n    --#{$prefix}navbar-toggler-color: #{$navbar-toggler-color};\n    --#{$prefix}navbar-container-max-width: #{$navbar-container-max-width};\n\n    position: relative; \n    padding: var(--#{$prefix}navbar-padding-y) 0;\n    border-bottom: 1px solid var(--#{$prefix}navbar-border-color);\n    background-color: var(--#{$prefix}navbar-bg);\n\n    &__container {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        width: 100%;\n        max-width: var(--#{$prefix}navbar-container-max-width);\n        padding: 0 var(--#{$prefix}navbar-padding-x);\n        margin: 0 auto;\n    }\n\n    &__brand {\n        margin-right: var(--#{$prefix}navbar-brand-margin-end);\n        display: flex;\n        align-items: center;\n        \n        svg {\n            color: inherit;\n        }\n    }\n\n    &__toggler {\n        display: none;\n        align-items: center;\n        justify-content: center;\n        width: var(--#{$prefix}navbar-toggler-size);\n        height: var(--#{$prefix}navbar-toggler-size);\n        padding: 0;\n        background-color: transparent;\n        border: 0;\n        border-radius: 4px;\n        cursor: pointer;\n        \n        &:focus {\n            outline: none;\n            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n        }\n        \n        &-icon {\n            position: relative;\n            display: inline-block;\n            width: 1.5em;\n            height: 1.5em;\n            vertical-align: middle;\n            \n            &::before,\n            &::after,\n            & {\n                position: absolute;\n                height: 2px;\n                width: 100%;\n                background-color: var(--#{$prefix}navbar-toggler-color);\n                border-radius: 1px;\n                transition: transform 0.15s ease;\n            }\n            \n            &::before,\n            &::after {\n                content: \"\";\n                display: block;\n            }\n            \n            &::before {\n                top: -0.5em;\n            }\n            \n            &::after {\n                bottom: -0.5em;\n            }\n        }\n    }\n    \n    &__collapse {\n        flex-grow: 1;\n        align-items: center;\n        display: flex;\n    }\n    \n    // Responsive behavior for collapsible navbars\n    &--collapsible {\n        @include media.media-down('md') {\n            #{$root}__toggler {\n                display: flex;\n                margin-left: auto;\n            }\n            \n            #{$root}__collapse {\n                display: none;\n                width: 100%;\n                \n                &.is-expanded {\n                    display: block;\n                    padding-top: 0.5rem;\n                }\n                \n                .c-nav {\n                    flex-direction: column;\n                    align-items: flex-start;\n                    \n                    &__item {\n                        width: 100%;\n                        margin-left: 0 !important;\n                        \n                        & + & {\n                            margin-top: 0.25rem;\n                        }\n                    }\n                    \n                    &__link {\n                        display: block;\n                        width: 100%;\n                    }\n                    \n                    &__dropdown-menu,\n                    &__mega-menu {\n                        position: static;\n                        width: 100%;\n                        margin-top: 0.25rem;\n                        margin-bottom: 0.25rem;\n                        border: none;\n                        box-shadow: none;\n                        background-color: transparent;\n                        visibility: hidden;\n                        opacity: 0;\n                        height: 0;\n                        overflow: hidden;\n                        transform: none !important;\n                    }\n                    \n                    &__item--dropdown.is-active {\n                        > .c-nav__dropdown-menu,\n                        > .c-nav__mega-menu {\n                            visibility: visible;\n                            opacity: 1;\n                            height: auto;\n                        }\n                        \n                        > .c-nav__link .c-nav__icon {\n                            transform: rotate(-180deg);\n                        }\n                    }\n                }\n            }\n        }\n        \n        @include media.media-up('md') {\n            #{$root}__collapse {\n                display: flex !important;\n            }\n        }\n    }\n\n    &--fixed, &--fixed-bottom {\n        position: fixed;\n        left: 0;\n        right: 0;\n        width: 100%;\n        z-index: 1030;\n    }\n\n    &--fixed {\n        top: 0;\n    }\n\n    &--fixed-bottom {\n        bottom: 0;\n\n        .c-nav__dropdown-menu {\n            top: auto;\n            bottom: 100%;\n        }\n\n        .c-nav--end .c-nav__dropdown-menu {\n            left: 50%;\n            transform: translateX(-50%);\n        }\n        \n        // For fixed-bottom, the caret should point upward\n        .c-nav__icon {\n            transform: rotate(180deg);\n            \n            &:hover {\n                transform: rotate(0deg);\n            }\n        }\n    }\n    \n    // Theme/variant styles\n    @each $color, $value in maps.$theme-colors-bg-subtle{\n        &--#{$color} {\n            --#{$prefix}navbar-bg: var(--#{$prefix}#{$color}-bg-subtle);\n            --#{$prefix}navbar-border-color: var(--#{$prefix}#{$color}-border-subtle);\n            --#{$prefix}navbar-toggler-color: var(--#{$prefix}#{$color}-text);\n            \n            .c-nav__link {\n                color: var(--#{$prefix}#{$color}-text);\n                \n                &:hover,\n                &:focus,\n                &.is-active {\n                    background-color: var(--#{$prefix}#{$color}-subtle);\n                }\n            }\n            \n            .c-navbar__brand {\n                color: var(--#{$prefix}#{$color}-text-emphasis);\n            }\n        }\n    }\n}","@use '../01-settings/settings.breakpoints' as breakpoints;\n@use 'sass:map';\n\n// Media Up - Min-width\n@mixin media-up($breakpoint) {\n  @if map.has-key(breakpoints.$grid-breakpoints, $breakpoint) {\n    $value: map.get(breakpoints.$grid-breakpoints, $breakpoint);\n    @media (min-width: $value) {\n      @content;\n    }\n  } @else {\n    @warn \"Unknown breakpoint `#{$breakpoint}` in $breakpoints\";\n  }\n}\n\n// Media Down - Max-width\n@mixin media-down($breakpoint) {\n  @if map.has-key(breakpoints.$grid-breakpoints, $breakpoint) {\n    $value: map.get(breakpoints.$grid-breakpoints, $breakpoint);\n    @media (max-width: ($value - 0.02px)) {\n      @content;\n    }\n  } @else {\n    @warn \"Unknown breakpoint `#{$breakpoint}` in $breakpoints\";\n  }\n}\n\n// Media Between - Min-width and Max-width\n@mixin media-between($lower, $upper) {\n  @if map.has-key(breakpoints.$grid-breakpoints, $lower) and map.has-key(breakpoints.$grid-breakpoints, $upper) {\n    $min: map.get(breakpoints.$grid-breakpoints, $lower);\n    $max: map.get(breakpoints.$grid-breakpoints, $upper);\n    @media (min-width: $min) and (max-width: ($max - 0.02px)) {\n      @content;\n    }\n  } @else {\n    @warn \"Unknown breakpoint `#{$lower}` or `#{$upper}` in $breakpoints\";\n  }\n}\n\n// Media Only - Specific breakpoint\n@mixin media-only($breakpoint) {\n  @if map.has-key(breakpoints.$grid-breakpoints, $breakpoint) {\n    $lower: $breakpoint;\n    $upper: 'xl';\n    \n    @if $breakpoint == 'xs' {\n      $upper: 'sm';\n    } @else if $breakpoint == 'sm' {\n      $upper: 'md';\n    } @else if $breakpoint == 'md' {\n      $upper: 'lg';\n    } @else if $breakpoint == 'lg' {\n      $upper: 'xl';\n    } @else if $breakpoint == 'xl' {\n      @include media-up($breakpoint) {\n        @content;\n      }\n    } @else {\n      @include media-between($lower, $upper) {\n        @content;\n      }\n    }\n  } @else {\n    @warn \"Unknown breakpoint `#{$breakpoint}` in $breakpoints\";\n  }\n} ","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.maps' as maps;\n@use '../01-settings/settings.callout' as callout;\n@use '../02-tools/tools.rem' as rem;\n\n.c-callout {\n  $root: &;\n\n  --#{config.$prefix}callout-width: #{callout.$callout-width};\n  --#{config.$prefix}callout-padding-x: #{rem.rem(callout.$callout-padding-x)};\n  --#{config.$prefix}callout-padding-y: #{rem.rem(callout.$callout-padding-y)};\n  --#{config.$prefix}callout-tost-padding-x: #{rem.rem(callout.$callout-tost-padding-x)};\n  --#{config.$prefix}callout-tost-padding-y: #{rem.rem(callout.$callout-tost-padding-y)};\n  --#{config.$prefix}callout-bg: #{callout.$callout-bg};\n  --#{config.$prefix}callout-border-radius: #{callout.$callout-border-radius};\n  --#{config.$prefix}callout-border-color: #{callout.$callout-border-color};\n  --#{config.$prefix}callout-border-witdh: #{callout.$callout-border-width};\n  --#{config.$prefix}callout-title-font-size: #{callout.$callout-title-font-size};\n  --#{config.$prefix}callout-title-font-weight: #{callout.$callout-title-font-weight};\n  --#{config.$prefix}callout-title-color: #{callout.$callout-title-color};\n  --#{config.$prefix}callout-text-font-size: #{callout.$callout-text-font-size};\n  --#{config.$prefix}callout-text-font-weight: #{callout.$callout-text-font-weight};\n  --#{config.$prefix}callout-text-color: #{callout.$callout-text-color};\n  --#{config.$prefix}callout-message-spacer: #{rem.rem(callout.$callout-message-spacer)};\n  --#{config.$prefix}callout-icon-size: #{callout.$callout-icon-size};\n  --#{config.$prefix}callout-icon-color: #{callout.$callout-icon-color};\n  --#{config.$prefix}callout-close-btn-size: #{callout.$callout-close-btn-size};\n  --#{config.$prefix}callout-actions-spacer: #{rem.rem(callout.$callout-actions-spacer)};\n  --#{config.$prefix}callout-actions-spacer-y: #{rem.rem(callout.$callout-actions-spacer-y)};\n  --#{config.$prefix}callout-toast-bg: #{callout.$callout-toast-bg};\n  --#{config.$prefix}callout-box-shadow: #{callout.$callout-box-shadow};\n  --#{config.$prefix}callout-transition-duration: 0.3s;\n  --#{config.$prefix}callout-transition-timing: cubic-bezier(0.16, 1, 0.3, 1);\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  width: 100%;\n  max-width: var(--#{config.$prefix}callout-width);\n  gap: var(--#{config.$prefix}callout-actions-spacer);\n  padding: var(--#{config.$prefix}callout-padding-y)\n    var(--#{config.$prefix}callout-padding-x);\n  background: var(--#{config.$prefix}callout-bg);\n  border-radius: var(--#{config.$prefix}callout-border-radius);\n  border: var(--#{config.$prefix}callout-border-witdh) solid\n    var(--#{config.$prefix}callout-border-color);\n  transition: \n    opacity var(--#{config.$prefix}callout-transition-duration) var(--#{config.$prefix}callout-transition-timing),\n    transform var(--#{config.$prefix}callout-transition-duration) var(--#{config.$prefix}callout-transition-timing);\n\n  &__content {\n    display: flex;\n    gap: var(--#{config.$prefix}callout-message-spacer);\n    align-items: flex-start;\n  }\n\n  &__icon {\n    color: var(--#{config.$prefix}callout-icon-color);\n    font-size: var(--#{config.$prefix}callout-icon-size);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n\n  &__message {\n    display: flex;\n    flex-direction: column;\n    gap: rem.rem(4px);\n  }\n\n  &__title {\n    color: var(--#{config.$prefix}callout-title-color);\n    font-size: var(--#{config.$prefix}callout-title-font-size);\n    font-weight: var(--#{config.$prefix}callout-title-font-weight);\n  }\n\n  &__text {\n    color: var(--#{config.$prefix}callout-text-color);\n    font-size: var(--#{config.$prefix}callout-text-font-size);\n    font-weight: var(--#{config.$prefix}callout-text-font-weight);\n    line-height: 1.5;\n  }\n\n  &__actions {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--#{config.$prefix}callout-actions-spacer);\n    margin-left: auto;\n  }\n\n  &__close-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--#{config.$prefix}callout-title-color);\n    border: none;\n    outline: none;\n    background: none;\n    padding: rem.rem(4px);\n    font-size: var(--#{config.$prefix}callout-close-btn-size);\n    cursor: pointer;\n    border-radius: rem.rem(4px);\n    transition: background-color 0.2s ease, transform 0.2s ease;\n\n    &:hover {\n      background-color: rgba(0, 0, 0, 0.05);\n    }\n\n    &:active {\n      transform: scale(0.95);\n    }\n\n    &:focus-visible {\n      box-shadow: 0 0 0 2px var(--#{config.$prefix}callout-border-color);\n    }\n  }\n\n  &--oneline {\n    #{$root} {\n      &__message {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        gap: var(--#{config.$prefix}callout-message-spacer);\n      }\n    }\n  }\n\n  &--toast {\n    position: relative;\n    max-width: rem.rem(350px);\n    width: 100%;\n    padding: var(--#{config.$prefix}callout-tost-padding-y) var(--#{config.$prefix}callout-tost-padding-x);\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: flex-start;\n    border: none;\n    background-color: var(--#{config.$prefix}callout-toast-bg);\n    box-shadow: var(--#{config.$prefix}callout-box-shadow);\n    animation: calloutToastIn 0.3s var(--#{config.$prefix}callout-transition-timing) forwards;\n\n    #{$root} {\n      &__content {\n        align-items: flex-start;\n        width: 100%;\n      }\n\n      &__actions {\n        padding-left: calc(var(--#{config.$prefix}callout-icon-size) + var(--#{config.$prefix}callout-message-spacer));\n        margin-top: var(--#{config.$prefix}callout-actions-spacer-y);\n      }\n\n      &__close-btn {\n        position: absolute;\n        top: var(--#{config.$prefix}callout-tost-padding-y);\n        right: var(--#{config.$prefix}callout-tost-padding-x);\n      }\n    }\n\n    &:focus-visible {\n      outline: 2px solid var(--#{config.$prefix}callout-border-color);\n      outline-offset: 2px;\n    }\n  }\n\n  @each $color, $value in maps.$theme-colors {\n    &--#{$color} {\n      @if($color == 'primary') {\n        --#{config.$prefix}callout-bg: var(--#{config.$prefix}brand-bg-subtle);\n        --#{config.$prefix}callout-border-color: var(--#{config.$prefix}brand-border-subtle);\n        --#{config.$prefix}callout-icon-color: var(--#{config.$prefix}brand-text-emphasis);\n      } @else if($color == 'light') {\n        --#{config.$prefix}callout-title-color: var(--#{config.$prefix}dark);\n        --#{config.$prefix}callout-text-color: var(--#{config.$prefix}dark);\n        --#{config.$prefix}callout-bg: var(--#{config.$prefix}light);\n        --#{config.$prefix}callout-border-color: var(--#{config.$prefix}primary-border-subtle);\n        --#{config.$prefix}callout-icon-color: var(--#{config.$prefix}tertiary-text-emphasis);\n      }@else if($color == 'dark') {\n        --#{config.$prefix}callout-title-color: var(--#{config.$prefix}light);\n        --#{config.$prefix}callout-text-color: #{$gray-4};\n        --#{config.$prefix}callout-bg: var(--#{config.$prefix}dark);\n        --#{config.$prefix}callout-border-color: var(--#{config.$prefix}primary-border-subtle);\n        --#{config.$prefix}callout-icon-color: var(--#{config.$prefix}light);\n      } @else {\n        --#{config.$prefix}callout-bg: var(--#{config.$prefix}#{$color}-bg-subtle);\n        --#{config.$prefix}callout-border-color: var(--#{config.$prefix}#{$color}-border-subtle);\n        --#{config.$prefix}callout-icon-color: var(--#{config.$prefix}#{$color}-text-emphasis);\n      }      \n    }\n  }\n\n  &.is-hide {\n    opacity: 0;\n    transform: translateY(-10px);\n    pointer-events: none;\n  }\n}\n\n// Toast container styles\n.c-callout-container {\n  position: fixed;\n  z-index: callout.$callout-toast-z-index;\n  display: flex;\n  flex-direction: column;\n  gap: rem.rem(8px);\n  max-width: 100%;\n  pointer-events: none; // Allow clicking through the container\n  \n  // Make toasts clickable\n  .c-callout--toast {\n    pointer-events: auto;\n  }\n  \n  // Position variants\n  @each $position, $props in callout.$callout-toast-positions {\n    &--#{$position} {\n      @each $prop, $value in $props {\n        #{$prop}: $value;\n      }\n    }\n  }\n  \n  // Animation variants by position\n  &--top-right,\n  &--top-left,\n  &--top-center {\n    .c-callout--toast {\n      animation-name: calloutToastInTop;\n    }\n  }\n  \n  &--bottom-right,\n  &--bottom-left,\n  &--bottom-center {\n    .c-callout--toast {\n      animation-name: calloutToastInBottom;\n    }\n  }\n}\n\n// Toast animations\n@keyframes calloutToastInTop {\n  from {\n    opacity: 0;\n    transform: translateY(-20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes calloutToastInBottom {\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n","@use 'settings.colors' as *;\n@use 'settings.config' as config;\n@use '../02-tools/tools.rem' as rem;\n\n// Callout\n$callout-width: 100% !default;\n$callout-padding-x: 16px !default;\n$callout-padding-y: 16px !default;\n$callout-tost-padding-x: 16px !default;\n$callout-tost-padding-y: 16px !default;\n$callout-bg: $white !default;\n$callout-border-radius: 8px !default;\n$callout-border-color: $gray-3 !default;\n$callout-border-width: 1px !default;\n$callout-title-font-size: 16px !default;\n$callout-title-font-weight: 600 !default;\n$callout-title-color: $gray-9 !default;\n$callout-text-font-size: 14px !default;\n$callout-text-font-weight: 400 !default;\n$callout-text-color: $gray-7 !default;\n$callout-message-spacer: 12px !default;\n$callout-icon-size: 20px !default;\n$callout-icon-color: $primary !default;\n$callout-close-btn-size: 20px !default;\n$callout-actions-spacer: 8px !default;\n$callout-actions-spacer-y: 12px !default;\n$callout-toast-bg: $white !default;\n$callout-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1) !default;\n\n// Toast positions\n$callout-toast-positions: (\n  'top-right': (top: 16px, right: 16px),\n  'top-left': (top: 16px, left: 16px),\n  'top-center': (top: 16px, left: 50%, transform: translateX(-50%)),\n  'bottom-right': (bottom: 16px, right: 16px),\n  'bottom-left': (bottom: 16px, left: 16px),\n  'bottom-center': (bottom: 16px, left: 50%, transform: translateX(-50%))\n) !default;\n\n// Z-index for toast containers\n$callout-toast-z-index: 1000 !default;","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.pagination' as pagination;\n@use '../02-tools/tools.rem' as rem;\n@use '../02-tools/tools.size' as size;\n\n.c-pagination {\n  $root: &;\n\n  --#{config.$prefix}pagination-padding-x: #{rem.rem(pagination.$pagination-padding-x)};\n  --#{config.$prefix}pagination-padding-y: #{rem.rem(pagination.$pagination-padding-y)};\n  --#{config.$prefix}pagination-size: #{rem.rem(pagination.$pagination-size)};\n  --#{config.$prefix}pagination-font-size: #{pagination.$pagination-font-size};\n  --#{config.$prefix}pagination-color: #{pagination.$pagination-color};\n  --#{config.$prefix}pagination-bg: #{pagination.$pagination-bg};\n  --#{config.$prefix}pagination-focus-border-color: #{pagination.$pagination-focus-border-color};\n  --#{config.$prefix}pagination-focus-border-width: #{pagination.$pagination-focus-border-width};\n  --#{config.$prefix}pagination-hover-color: #{pagination.$pagination-hover-color};\n  --#{config.$prefix}pagination-hover-bg: #{pagination.$pagination-hover-bg};\n  --#{config.$prefix}pagination-active-color: #{pagination.$pagination-active-color};\n  --#{config.$prefix}pagination-active-bg: #{pagination.$pagination-active-bg};\n  --#{config.$prefix}pagination-disabled-color: #{pagination.$pagination-disabled-color};\n  --#{config.$prefix}pagination-disabled-bg: #{pagination.$pagination-disabled-bg};\n  --#{config.$prefix}pagination-border-radius: #{pagination.$pagination-border-radius};\n  --#{config.$prefix}pagination-icon-size: var(--#{config.$prefix}pagination-font-size);\n\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &__items {\n    display: flex;\n    align-items: center;\n    list-style: none;\n    padding-left: 0;\n    margin-bottom: 0;\n    gap: 0.25rem;\n  }\n\n  &__item {\n    display: flex;\n    align-items: center;\n    @include size.square(var(--#{config.$prefix}pagination-size));\n    overflow: hidden;\n\n    &--dots {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      @include size.square(var(--#{config.$prefix}pagination-size));\n      color: var(--#{config.$prefix}pagination-color);\n      font-size: var(--#{config.$prefix}pagination-font-size);\n      user-select: none;\n    }\n\n    &.is-active {\n      font-weight: bold;\n      \n      .c-pagination__link {\n        --#{config.$prefix}pagination-color: var(--#{config.$prefix}pagination-active-color);\n        --#{config.$prefix}pagination-bg: var(--#{config.$prefix}pagination-active-bg);\n        pointer-events: none;\n      }\n    }\n\n    &.is-disabled {\n      .c-pagination__link {\n        --#{config.$prefix}pagination-color: var(--#{config.$prefix}pagination-disabled-color);\n        --#{config.$prefix}pagination-bg: var(--#{config.$prefix}pagination-disabled-bg);\n        pointer-events: none;\n      }\n    }\n  }\n\n  &__link {\n    @include size.square(100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--#{config.$prefix}pagination-color);\n    font-size: var(--#{config.$prefix}pagination-font-size);\n    padding: var(--#{config.$prefix}pagination-padding-y)\n      var(--#{config.$prefix}pagination-padding-x);\n    background-color: var(--#{config.$prefix}pagination-bg);\n    border-radius: var(--#{config.$prefix}pagination-border-radius);\n    border: none;\n    cursor: pointer;\n    user-select: none;\n\n    &:hover {\n      --#{config.$prefix}pagination-color: var(--#{config.$prefix}pagination-hover-color);\n      --#{config.$prefix}pagination-bg: var(--#{config.$prefix}pagination-hover-bg);\n    }\n\n    &:focus-visible {\n      outline: none;\n      border-radius: 0;\n      border: var(--#{config.$prefix}pagination-focus-border-width) solid var(--#{config.$prefix}pagination-focus-border-color);\n    }\n\n    .c-icon {\n      color: inherit;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n\n  &--sm {\n    --#{config.$prefix}pagination-size: #{rem.rem(pagination.$pagination-size-sm)};\n    --#{config.$prefix}pagination-font-size: 0.75rem;\n    --#{config.$prefix}pagination-padding-y: 4px;\n    --#{config.$prefix}pagination-padding-x: 4px;\n  }\n\n  &--md {\n    // Default size, no need to override\n  }\n\n  &--lg {\n    --#{config.$prefix}pagination-size: #{rem.rem(pagination.$pagination-size-lg)};\n    --#{config.$prefix}pagination-font-size: 1rem;\n    --#{config.$prefix}pagination-padding-y: 12px;\n    --#{config.$prefix}pagination-padding-x: 12px;\n  }\n\n  &__icon-skip-back,\n  &__icon-caret-left,\n  &__icon-caret-right,\n  &__icon-skip-forward {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 1em;\n    width: 1em;\n    line-height: 1;\n  }\n\n  &__icon-skip-back::before {\n    content: \"⏮\";\n  }\n\n  &__icon-caret-left::before {\n    content: \"◀\";\n  }\n\n  &__icon-caret-right::before {\n    content: \"▶\";\n  }\n\n  &__icon-skip-forward::before {\n    content: \"⏭\";\n  }\n}\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.popover' as *;\n@use '../02-tools/tools.rem' as *;\n\n.c-popover {\n  $root: &;\n\n  --#{$prefix}popover-width: #{rem($popover-max-width)};\n  --#{$prefix}popover-padding-x: #{rem($popover-padding-x)};\n  --#{$prefix}popover-padding-y: #{rem($popover-padding-y)};\n  --#{$prefix}popover-inner-gap-x: #{rem($popover-inner-gap-x)};\n  --#{$prefix}popover-inner-gap-y: #{rem($popover-inner-gap-y)};\n  --#{$prefix}popover-bg: #{$popover-bg};\n  --#{$prefix}popover-border-radius: #{$popover-border-radius};\n  --#{$prefix}popover-box-shadow: #{$popover-box-shadow};\n  --#{$prefix}popover-arrow-size: #{rem($popover-arrow-size)};\n  --#{$prefix}popover-arrow-offset: #{rem($popover-arrow-offset)};\n\n  position: fixed;\n  width: var(--#{$prefix}popover-width);\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;\n  z-index: 1000;\n\n  &__content {\n    position: relative;\n    z-index: 2;\n  }\n\n  &__content-inner {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: var(--#{$prefix}popover-inner-gap-y)\n      var(--#{$prefix}popover-inner-gap-x);\n    padding: var(--#{$prefix}popover-padding-y)\n      var(--#{$prefix}popover-padding-x);\n    background: var(--#{$prefix}popover-bg);\n    border-radius: var(--#{$prefix}popover-border-radius);\n    box-shadow: var(--#{$prefix}popover-box-shadow);\n  }\n\n  &__arrow {\n    position: absolute;\n    width: var(--#{$prefix}popover-arrow-size);\n    height: var(--#{$prefix}popover-arrow-size);\n    background: var(--#{$prefix}popover-bg);\n    box-shadow: var(--#{$prefix}popover-box-shadow);\n    z-index: 1;\n    transform-origin: center;\n  }\n\n  &.is-open {\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n  }\n  \n  // Position variants\n  &--top {\n    .c-popover__arrow {\n      bottom: calc(var(--#{$prefix}popover-arrow-offset) * -1);\n      left: 50%;\n      transform: translateX(-50%) rotate(45deg);\n    }\n  }\n  \n  &--bottom {\n    .c-popover__arrow {\n      top: calc(var(--#{$prefix}popover-arrow-offset) * -1);\n      left: 50%;\n      transform: translateX(-50%) rotate(45deg);\n    }\n  }\n  \n  &--left {\n    .c-popover__arrow {\n      top: 50%;\n      right: calc(var(--#{$prefix}popover-arrow-offset) * -1);\n      transform: translateY(-50%) rotate(45deg);\n    }\n  }\n  \n  &--right {\n    .c-popover__arrow {\n      top: 50%;\n      left: calc(var(--#{$prefix}popover-arrow-offset) * -1);\n      transform: translateY(-50%) rotate(45deg);\n    }\n  }\n  \n  // Auto position automatically selects the best position\n  // and will dynamically apply one of the position classes above\n  &--auto {\n    // The actual position class will be added dynamically based on available space\n  }\n}\n","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.maps' as maps;\n@use '../02-tools/tools.rem' as rem;\n@use '../02-tools/tools.size' as size;\n@use '../02-tools/tools.grid' as *;\n@use '../02-tools/tools.breakpoints' as *;\n\n.c-product-review {\n  $root: &;\n\n  --#{config.$prefix}product-review-padding: #{rem.rem(24px)};\n  --#{config.$prefix}product-review-border-radius: var(--#{config.$prefix}border-radius);\n  --#{config.$prefix}product-review-bg: var(--#{config.$prefix}body-bg);\n  --#{config.$prefix}product-review-border-color: var(--#{config.$prefix}border-color);\n  --#{config.$prefix}product-review-spacing: #{rem.rem(16px)};\n  --#{config.$prefix}product-review-image-size: #{rem.rem(80px)};\n  --#{config.$prefix}product-review-title-font-size: #{rem.rem(20px)};\n  --#{config.$prefix}product-review-label-font-size: #{rem.rem(14px)};\n  --#{config.$prefix}product-review-label-color: var(--#{config.$prefix}text-muted);\n\n  padding: var(--#{config.$prefix}product-review-padding);\n  border-radius: var(--#{config.$prefix}product-review-border-radius);\n  background-color: var(--#{config.$prefix}product-review-bg);\n  border: 1px solid var(--#{config.$prefix}product-review-border-color);\n  width: 100%;\n  max-width: rem.rem(600px);\n  margin: 0 auto;\n\n  &__header {\n    display: flex;\n    align-items: center;\n    margin-bottom: var(--#{config.$prefix}product-review-spacing);\n    gap: var(--#{config.$prefix}product-review-spacing);\n    flex-wrap: wrap;\n  }\n\n  &__title {\n    font-size: var(--#{config.$prefix}product-review-title-font-size);\n    font-weight: 600;\n    margin: 0;\n    flex: 1;\n  }\n\n  &__image-wrapper {\n    width: var(--#{config.$prefix}product-review-image-size);\n    height: var(--#{config.$prefix}product-review-image-size);\n    border-radius: var(--#{config.$prefix}border-radius);\n    overflow: hidden;\n    flex-shrink: 0;\n  }\n\n  &__image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  &__form {\n    display: flex;\n    flex-direction: column;\n    gap: var(--#{config.$prefix}product-review-spacing);\n  }\n\n  &__label {\n    display: block;\n    font-size: var(--#{config.$prefix}product-review-label-font-size);\n    color: var(--#{config.$prefix}product-review-label-color);\n    margin-bottom: rem.rem(8px);\n  }\n\n  &__rating-container {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: var(--#{config.$prefix}product-review-spacing);\n  }\n\n  &__rating-value {\n    margin-top: rem.rem(8px);\n    font-size: var(--#{config.$prefix}product-review-label-font-size);\n  }\n\n  &__comment-container {\n    margin-bottom: var(--#{config.$prefix}product-review-spacing);\n  }\n\n  &__textarea {\n    width: 100%;\n    padding: rem.rem(12px);\n    border: 1px solid var(--#{config.$prefix}product-review-border-color);\n    border-radius: var(--#{config.$prefix}border-radius);\n    background-color: var(--#{config.$prefix}body-bg);\n    color: var(--#{config.$prefix}body-color);\n    font-family: inherit;\n    resize: vertical;\n    \n    &:focus {\n      outline: none;\n      border-color: var(--#{config.$prefix}primary);\n      box-shadow: 0 0 0 3px rgba(var(--#{config.$prefix}primary-rgb), 0.25);\n    }\n  }\n\n  &__actions {\n    display: flex;\n    justify-content: flex-end;\n  }\n\n  &__success {\n    text-align: center;\n    padding: var(--#{config.$prefix}product-review-spacing) 0;\n    \n    h3 {\n      margin-top: 0;\n      margin-bottom: rem.rem(8px);\n    }\n    \n    p {\n      margin-bottom: var(--#{config.$prefix}product-review-spacing);\n      color: var(--#{config.$prefix}text-muted);\n    }\n  }\n\n  @include media-breakpoint-up(md) {\n    --#{config.$prefix}product-review-padding: #{rem.rem(32px)};\n    --#{config.$prefix}product-review-image-size: #{rem.rem(100px)};\n  }\n}\n","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.maps' as maps;\n@use '../01-settings/settings.progress' as progress;\n@use '../02-tools/tools.rem' as rem;\n\n.c-progress{\n\n    --#{config.$prefix}progress-width: #{progress.$progress-width};\n    --#{config.$prefix}progress-percentage: 0%; \n    --#{config.$prefix}progress-height: #{rem.rem(progress.$progress-height)};\n    --#{config.$prefix}progress-font-size: #{progress.$progress-font-size};\n    --#{config.$prefix}progress-bg: #{progress.$progress-bg};\n    --#{config.$prefix}progress-border-radius: #{progress.$progress-border-radius};\n    --#{config.$prefix}progress-bar-width: var(--#{config.$prefix}progress-percentage);\n    --#{config.$prefix}progress-bar-height: #{progress.$progress-bar-height};\n    --#{config.$prefix}progress-bar-color: #{progress.$progress-bar-color};\n    --#{config.$prefix}progress-bar-bg: #{progress.$progress-bar-bg};\n    --#{config.$prefix}progress-bar-transition: #{progress.$progress-bar-transition};\n    --#{config.$prefix}progress-bar-easing: #{progress.$progress-bar-easing};\n\n    width: 100%;\n    max-width: var(--#{config.$prefix}progress-width);\n    height: var(--#{config.$prefix}progress-bar-height);\n    background-color: var(--#{config.$prefix}progress-bg);\n    border-radius: var(--#{config.$prefix}progress-border-radius);\n    overflow: hidden;\n\n    &__bar{\n        width: var(--#{config.$prefix}progress-bar-width);\n        height: var(--#{config.$prefix}progress-bar-height);\n        color: var(--#{config.$prefix}progress-bar-color);\n        background-color: var(--#{config.$prefix}progress-bar-bg);\n        border-radius: var(--#{config.$prefix}progress-border-radius);\n        transition: var(--#{config.$prefix}progress-bar-transition) var(--#{config.$prefix}progress-bar-easing);\n    }\n\n    @each $color, $value in maps.$theme-colors {\n        &--#{$color} {\n            --#{config.$prefix}progress-bar-bg: var(--#{config.$prefix}#{$color});\n        }\n    }\n}\n\n\n\n","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.maps' as maps;\n@use '../01-settings/settings.rating' as rating;\n@use '../02-tools/tools.rem' as rem;\n@use '../02-tools/tools.size' as size;\n@use '../02-tools/tools.breakpoints' as *;\n@use '../02-tools/tools.grid' as *;\n\n.c-rating {\n  $root: &;\n\n  // CSS Variables for component configuration\n  --#{config.$prefix}rating-star-size: #{rating.$rating-star-size};\n  --#{config.$prefix}rating-star-bg: #{rating.$rating-star-bg};\n  --#{config.$prefix}rating-star-half-bg: #{rating.$rating-star-half-bg};\n  --#{config.$prefix}rating-stars-gap: #{rem.rem(rating.$rating-stars-gap)};\n  --#{config.$prefix}rating-star-empty-color: var(--#{config.$prefix}border-color);\n  --#{config.$prefix}rating-star-hover-scale: 1.1;\n  --#{config.$prefix}rating-star-transition: transform 0.2s ease-in-out;\n  --#{config.$prefix}rating-label-font-size: #{rem.rem(14px)};\n  --#{config.$prefix}rating-label-color: var(--#{config.$prefix}text-muted);\n  --#{config.$prefix}rating-label-margin-bottom: #{rem.rem(8px)};\n  --#{config.$prefix}rating-value-margin-top: #{rem.rem(8px)};\n  --#{config.$prefix}rating-value-font-size: #{rem.rem(14px)};\n\n  // Base styles\n  display: flex;\n  gap: var(--#{config.$prefix}rating-stars-gap);\n  align-items: center;\n  position: relative;\n\n  &[data-readonly=\"false\"] {\n    cursor: pointer;\n\n    #{$root}__star {\n      transition: var(--#{config.$prefix}rating-star-transition);\n\n      &:hover, &:focus {\n        transform: scale(var(--#{config.$prefix}rating-star-hover-scale));\n      }\n      \n      &:focus-visible {\n        outline: 2px solid var(--#{config.$prefix}primary);\n        outline-offset: 2px;\n        border-radius: 2px;\n      }\n    }\n  }\n\n  // Star styles\n  &__star {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    svg {\n      @include size.square(var(--#{config.$prefix}rating-star-size));\n    }\n\n    &--full {\n      #{$root}__star-full {\n        fill: var(--#{config.$prefix}rating-star-bg);\n      }\n    }\n\n    &--half {\n      #{$root}__star-half {\n        display: block;\n      }\n    }\n\n    // Apply theme colors to individual stars\n    @each $color, $value in maps.$theme-colors {\n      &--#{$color} {\n        --#{config.$prefix}rating-star-bg: #{$value};\n      }\n    }\n    \n    // Focused state\n    &--focused {\n      outline: 2px solid var(--#{config.$prefix}primary);\n      outline-offset: 2px;\n      border-radius: 2px;\n    }\n  }\n\n  // Star outline styles (empty star)\n  &__star-outline {\n    stroke: var(--#{config.$prefix}rating-star-bg);\n    fill: var(--#{config.$prefix}rating-star-empty-color);\n    stroke-width: 1px;\n  }\n  \n  // Full star styles\n  &__star-full {\n    fill: var(--#{config.$prefix}rating-star-bg);\n    display: none;\n    \n    #{$root}__star--full & {\n      display: block;\n    }\n  }\n  \n  // Half-star styles\n  &__star-half {\n    fill: var(--#{config.$prefix}rating-star-bg);\n    display: none;\n    \n    #{$root}__star--half & {\n      display: block;\n    }\n  }\n\n  // Label styles\n  &__label {\n    display: block;\n    font-size: var(--#{config.$prefix}rating-label-font-size);\n    color: var(--#{config.$prefix}rating-label-color);\n    margin-bottom: var(--#{config.$prefix}rating-label-margin-bottom);\n  }\n\n  // Value display styles\n  &__value {\n    margin-top: var(--#{config.$prefix}rating-value-margin-top);\n    font-size: var(--#{config.$prefix}rating-value-font-size);\n  }\n\n  // Size variants\n  &--sm {\n    --#{config.$prefix}rating-star-size: #{rating.$rating-star-size-sm};\n    --#{config.$prefix}rating-stars-gap: #{rem.rem(1px)};\n  }\n\n  &--lg {\n    --#{config.$prefix}rating-star-size: #{rating.$rating-star-size-lg};\n    --#{config.$prefix}rating-stars-gap: #{rem.rem(4px)};\n  }\n\n  // Container for vertical layout with label and value\n  &-container {\n    display: flex;\n    flex-direction: column;\n  }\n\n  // Apply theme colors to the entire rating component\n  @each $color, $value in maps.$theme-colors {\n    &--#{$color} {\n      --#{config.$prefix}rating-star-bg: #{$value};\n    }\n  }\n\n  // Responsive adjustments\n  @include media-breakpoint-up(md) {\n    &--lg {\n      --#{config.$prefix}rating-stars-gap: #{rem.rem(6px)};\n    }\n  }\n}\n","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.river' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.size' as *;\n@use '../02-tools/tools.object-fit' as *;\n@use '../02-tools/tools.breakpoints' as *;\n@use '../02-tools/tools.grid' as grid;\n\n\n.c-river {\n  $root: &;\n\n  --#{config.$prefix}river-width: #{$river-width};\n  --#{config.$prefix}river-padding-x: #{rem($river-padding-x)};\n  --#{config.$prefix}river-padding-y: #{rem($river-padding-y)};\n  --#{config.$prefix}river-border-radius: #{$river-border-radius};\n  --#{config.$prefix}river-bg: #{$river-bg};\n  --#{config.$prefix}river-overlay: #{$river-overlay};\n  --#{config.$prefix}river-overlay-opacity: #{$river-overlay-opacity};\n  --#{config.$prefix}river-title-font-size: #{$river-title-font-size};\n  --#{config.$prefix}river-text-font-size: #{$river-text-font-size};\n  --#{config.$prefix}river-title-font-weight: #{$river-title-font-weight};\n  --#{config.$prefix}river-text-font-weight: #{$river-text-font-weight};\n  --#{config.$prefix}river-title-color: #{$river-title-color};\n  --#{config.$prefix}river-text-color: #{$river-text-color};\n  --#{config.$prefix}river-text-margin-top: #{rem($river-text-margin-top)};\n  --#{config.$prefix}river-actions-margin-top: #{rem($river-actions-margin-top)};\n  --#{config.$prefix}river-actions-spacing-x: #{rem($river-actions-spacing-x)};\n  --#{config.$prefix}river-image-border-radius: #{$river-image-border-radius};\n  --#{config.$prefix}river-image-box-shadow: #{$river-image-box-shadow};\n  --#{config.$prefix}river-spacing-inner: #{rem($river-spacing-inner)};\n  --#{config.$prefix}river-content-max-width: #{rem($river-content-max-width)};\n  --#{config.$prefix}river-breakout-title-width: #{rem($river-breakout-title-width)};\n  --#{config.$prefix}river-breakout-text-width: #{rem($river-breakout-text-width)};\n  --#{config.$prefix}river-content-width: var(--river-content-width, #{rem($river-content-max-width)});\n\n  position: relative;\n  width: 100%;\n  max-width: var(--#{config.$prefix}river-width);\n  padding: var(--#{config.$prefix}river-padding-y) var(--#{config.$prefix}river-padding-x);\n  border-radius: var(--#{config.$prefix}river-border-radius);\n  background-color: var(--#{config.$prefix}river-bg);\n\n  &__bg {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    z-index: 0;\n    border-radius: var(--#{config.$prefix}river-border-radius);\n  }\n\n  &__bg-image {\n    @include square(100%);\n    @include object-fit(cover);\n  }\n\n  &__overlay {\n    position: absolute;\n    inset: 0;\n    background: var(--#{config.$prefix}river-overlay);\n    opacity: var(--#{config.$prefix}river-overlay-opacity);\n    border-radius: var(--#{config.$prefix}river-border-radius);\n  }\n\n  &__container {\n    position: relative;\n    z-index: 1;\n  }\n\n  &__row {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--#{config.$prefix}river-spacing-inner);\n\n    @include media-breakpoint-down(md) {\n      gap: calc(var(--#{config.$prefix}river-spacing-inner) / 2.6);\n    }\n  }\n\n  &__content {\n    flex: 1;\n    width: 100%;\n    max-width: var(--#{config.$prefix}river-content-width);\n\n    @include media-breakpoint-down(md) {\n      width: 100%;\n      flex: auto;\n    }\n  }\n\n  &__content-col {\n    width: 100%;\n\n    &--title {\n      max-width: var(--#{config.$prefix}river-breakout-title-width);\n    }\n\n    &--text {\n      max-width: var(--#{config.$prefix}river-breakout-text-width);\n    }\n  }\n\n  &__visual {\n    flex: 1;\n\n    @include media-breakpoint-down(md) {\n      width: 100%;\n      flex: auto;\n    }\n  }\n\n  &__title {\n    color: var(--#{config.$prefix}river-title-color);\n    font-size: calc(2.15625rem + 1.5vw);\n    font-weight: var(--#{config.$prefix}river-title-font-weight);\n    letter-spacing: -1px;\n\n    @include media-breakpoint-up(md) {\n      font-size: var(--#{config.$prefix}river-title-font-size);\n      line-height: 1.2;\n    }\n  }\n\n  &__text {\n    color: var(--#{config.$prefix}river-text-color);\n    font-size: var(--#{config.$prefix}river-text-font-size);\n    font-weight: var(--#{config.$prefix}river-text-font-weight);\n    margin-top: var(--#{config.$prefix}river-text-margin-top);\n  }\n\n  &__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--#{config.$prefix}river-actions-spacing-x);\n    margin-top: var(--#{config.$prefix}river-actions-margin-top);\n  }\n\n  &__image-wrapper {\n    border-radius: var(--#{config.$prefix}river-image-border-radius);\n    box-shadow: var(--#{config.$prefix}river-image-box-shadow);\n    overflow: hidden;\n  }\n\n  &__image {\n    max-width: none;\n    @include square(100%);\n    @include object-fit(cover);\n    will-change: transform;\n  }\n\n  // When the river has a background image, we need to adjust text colors for readability\n  &__bg ~ &__container {\n    #{$root}__title,\n    #{$root}__text {\n      color: #fff; // White text on dark backgrounds for better contrast\n    }\n  }\n\n  &--center {\n    #{$root} {\n      &__row {\n        flex-direction: column;\n        gap: calc(var(--#{config.$prefix}river-spacing-inner) / 2);\n      }\n\n      &__content {\n        text-align: center;\n        margin-left: auto;\n        margin-right: auto;\n      }\n\n      &__actions {\n        justify-content: center;\n      }\n    }\n  }\n\n  &--reverse {\n    #{$root} {\n      &__row {\n        @include media-breakpoint-up(md) {\n          flex-direction: row-reverse;\n        }\n      }\n    }\n  }\n\n  &--breakout {\n    max-width: 100%;\n    border-radius: 0;\n\n    #{$root} {\n      &__bg,\n      &__overlay {\n        border-radius: 0;\n      }\n\n      &__row {\n        flex-direction: column;\n      }\n\n      &__content {\n        display: flex;\n        justify-content: space-between;\n        width: 100%;\n\n        @include media-breakpoint-down(md) {\n          flex-wrap: wrap;\n        }\n      }\n    }\n  }\n}\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.sectionintro' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.breakpoints' as *;\n@use '../02-tools/tools.grid' as *;\n\n.c-sectionintro {\n  $root: &;\n\n  --#{$prefix}sectionintro-padding-x: #{rem($sectionintro-padding-x)};\n  --#{$prefix}sectionintro-padding-y: #{rem($sectionintro-padding-y)};\n  --#{$prefix}sectionintro-title-font-size: #{$sectionintro-title-font-size};\n  --#{$prefix}sectionintro-text-font-size: #{$sectionintro-text-font-size};\n  --#{$prefix}sectionintro-title-color: #{$sectionintro-title-color};\n  --#{$prefix}sectionintro-text-color: #{$sectionintro-text-color};\n  --#{$prefix}sectionintro-title-font-weight: #{$sectionintro-title-font-weight};\n  --#{$prefix}sectionintro-text-font-weight: #{$sectionintro-text-font-weight};\n  --#{$prefix}sectionintro-label-margin-bottom: #{rem(\n      $sectionintro-label-margin-bottom\n    )};\n  --#{$prefix}sectionintro-text-margin-top: #{rem($sectionintro-text-margin-top)};\n  --#{$prefix}sectionintro-actions-margin-top: #{rem(\n      $sectionintro-actions-margin-top\n    )};\n  --#{$prefix}sectionintro-actions-inner-gap: #{rem(\n      $sectionintro-actions-inner-gap\n    )};\n  --#{$prefix}sectionintro-width: #{rem($sectionintro-width)};\n  --#{$prefix}sectionintro-image-margin-top: #{rem(24px)};\n  --#{$prefix}sectionintro-image-max-width: 100%;\n  --#{$prefix}sectionintro-overlay-opacity: 0.7;\n  --#{$prefix}sectionintro-overlay-bg-color: rgba(0, 0, 0, 0.5);\n  --#{$prefix}sectionintro-bg-z-index: -1;\n  --#{$prefix}sectionintro-sm-title-font-size: #{$sectionintro-title-font-size * 0.8};\n  --#{$prefix}sectionintro-lg-title-font-size: #{$sectionintro-title-font-size * 1.25};\n\n  width: 100%;\n  max-width: var(--#{$prefix}sectionintro-width);\n  padding: var(--#{$prefix}sectionintro-padding-y)\n    var(--#{$prefix}sectionintro-padding-x);\n  position: relative;\n  overflow: hidden;\n\n  &__label {\n    margin-bottom: var(--#{$prefix}sectionintro-label-margin-bottom);\n  }\n\n  &__title {\n    color: var(--#{$prefix}sectionintro-title-color);\n    font-size: var(--#{$prefix}sectionintro-title-font-size);\n    font-weight: var(--#{$prefix}sectionintro-title-font-weight);\n  }\n\n  &__text {\n    color: var(--#{$prefix}sectionintro-text-color);\n    font-size: var(--#{$prefix}sectionintro-text-font-size);\n    font-weight: var(--#{$prefix}sectionintro-text-font-weight);\n    margin-top: var(--#{$prefix}sectionintro-text-margin-top);\n  }\n\n  &__actions {\n    display: flex;\n    gap: var(--#{$prefix}sectionintro-actions-inner-gap);\n    margin-top: var(--#{$prefix}sectionintro-actions-margin-top);\n  }\n\n  &--center {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    margin: {\n      left: auto;\n      right: auto;\n    }\n  }\n\n  &--right {\n    margin-left: auto;\n    text-align: right;\n    \n    #{$root}__actions {\n      justify-content: flex-end;\n    }\n  }\n  \n  &__container {\n    position: relative;\n    z-index: 1;\n  }\n  \n  &__image-wrapper {\n    margin-top: var(--#{$prefix}sectionintro-image-margin-top);\n    display: flex;\n    justify-content: center;\n  }\n  \n  &__image {\n    max-width: var(--#{$prefix}sectionintro-image-max-width);\n    height: auto;\n    border-radius: var(--#{$prefix}border-radius);\n  }\n  \n  &__bg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: var(--#{$prefix}sectionintro-bg-z-index);\n    overflow: hidden;\n  }\n  \n  &__bg-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n  \n  &__overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--#{$prefix}sectionintro-overlay-bg-color);\n    opacity: var(--#{$prefix}sectionintro-overlay-opacity);\n  }\n  \n  &--has-bg {\n    color: var(--#{$prefix}color-white);\n    \n    #{$root}__title,\n    #{$root}__text,\n    #{$root}__label {\n      color: var(--#{$prefix}color-white);\n    }\n  }\n  \n  &--sm {\n    #{$root}__title {\n      font-size: var(--#{$prefix}sectionintro-sm-title-font-size);\n    }\n    \n    #{$root}__text {\n      font-size: calc(var(--#{$prefix}sectionintro-text-font-size) * 0.9);\n    }\n  }\n  \n  &--lg {\n    #{$root}__title {\n      font-size: var(--#{$prefix}sectionintro-lg-title-font-size);\n    }\n    \n    #{$root}__text {\n      font-size: calc(var(--#{$prefix}sectionintro-text-font-size) * 1.1);\n    }\n  }\n  \n  @include media-breakpoint-up(md) {\n    &__container {\n      display: flex;\n      flex-direction: column;\n    }\n    \n    &--has-bg {\n      padding: rem(60px) var(--#{$prefix}sectionintro-padding-x);\n    }\n  }\n}\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.select' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.transition' as transition;\n@use '../02-tools/tools.hidden-visually' as *;\n\n.c-select {\n  $root: &;\n\n  --#{$prefix}select-width: #{rem($select-width)};\n  --#{$prefix}select-padding-x: #{rem($select-padding-x)};\n  --#{$prefix}select-padding-y: #{rem($select-padding-y)};\n  --#{$prefix}select-color: #{$select-color};\n  --#{$prefix}select-font-size: #{$select-font-size};\n  --#{$prefix}select-font-size-lg: #{$select-font-size-lg};\n  --#{$prefix}select-icon-toggle-size: #{rem($select-icon-toggle-size)};\n  --#{$prefix}select-icon-toggle-color: #{$select-icon-toggle-color};\n  --#{$prefix}select-placeholder-color: #{$select-placeholder-color};\n  --#{$prefix}select-bg: #{$select-bg};\n  --#{$prefix}select-expanded-bg: #{$select-expanded-bg};\n  --#{$prefix}select-border-color: #{$select-border-color};\n  --#{$prefix}select-border-color-hover: #{$select-border-color-hover};\n  --#{$prefix}select-border-radius: #{$select-border-radius};\n  --#{$prefix}select-inner-spacer: #{rem($select-inner-spacer)};\n  --#{$prefix}select-dropdown-icon-size: #{rem($select-dropdown-icon-size)};\n  --#{$prefix}select-panel-padding-x: #{rem($select-panel-padding-x)};\n  --#{$prefix}select-panel-padding-y: #{rem($select-panel-padding-y)};\n  --#{$prefix}select-panel-spacer-y: #{rem($select-panel-spacer-y)};\n  --#{$prefix}select-panel-bg: #{$select-panel-bg};\n  --#{$prefix}select-panel-box-shadow: #{$select-panel-box-shadow};\n  --#{$prefix}select-panel-border-radius: #{$select-panel-border-radius};\n  --#{$prefix}select-item-padding-x: #{rem($select-item-padding-x)};\n  --#{$prefix}select-item-padding-y: #{rem($select-item-padding-y)};\n  --#{$prefix}select-item-color: #{$select-item-color};\n  --#{$prefix}select-item-bg: #{$select-item-bg};\n  --#{$prefix}select-item-border-radius: #{$select-item-border-radius};\n  --#{$prefix}select-item-bg-hover: #{$select-item-bg-hover};\n\n  select {\n    @include visually-hidden();\n  }\n\n  position: relative;\n  width: var(--#{$prefix}select-width);\n\n  &__selected {\n    width: 100%;\n    padding: var(--#{$prefix}select-padding-x) var(--#{$prefix}select-padding-y);\n    color: var(--#{$prefix}select-placeholder-color);\n    font-size: var(--#{$prefix}select-font-size);\n    background-color: var(--#{$prefix}select-bg);\n    border: 1px solid var(--#{$prefix}select-border-color);\n    border-radius: var(--#{$prefix}select-border-radius);\n    cursor: pointer;\n    \n    @include transition.basic-transition();\n\n    &:hover {\n        border-color: var(--#{$prefix}select-border-color-hover);\n    }\n  }\n\n  &__toggle-icon {\n    color: var(--#{$prefix}select-icon-toggle-color);\n    font-size: var(--#{$prefix}select-icon-toggle-size);\n    position: absolute;\n    top: var(--#{$prefix}select-padding-y);\n    right: var(--#{$prefix}select-padding-x);\n    transform-origin: center center;\n\n    @include transition.basic-transition();\n  }\n\n  &__body {\n    position: absolute;\n    width: 100%;\n    height: 0px;\n    top: calc(100% + var(--#{$prefix}select-panel-spacer-y));\n    left: 0;\n    background-color: var(--#{$prefix}select-panel-bg);\n    border-radius: var(--#{$prefix}select-panel-border-radius);\n    box-shadow: var(--#{$prefix}select-panel-box-shadow);\n    overflow: hidden;\n    @include transition.basic-transition;\n    z-index: 99;\n  }\n\n  &__panel {\n    padding: var(--#{$prefix}select-panel-padding-x)\n      var(--#{$prefix}select-panel-padding-y);\n  }\n\n  &__items {\n    padding-left: 0;\n    margin-bottom: 0;\n    list-style: none;\n  }\n\n  &__item {\n    padding: var(--#{$prefix}select-item-padding-x)\n      var(--#{$prefix}select-item-padding-y);\n    color: var(--#{$prefix}select-item-color);\n    background-color: var(--#{$prefix}select-item-bg);\n    border-radius: var(--#{$prefix}select-item-border-radius);\n    @include transition.basic-transition;\n\n    &,&>* {\n        cursor: pointer;\n    }\n\n    &:hover {\n      background-color: var(--#{$prefix}select-item-bg-hover);\n    }\n  }\n\n  &--lg {\n    --#{$prefix}select-font-size: var(--#{$prefix}select-font-size-lg);\n  }\n\n  &.is-open {\n    --#{$prefix}select-bg: var(--#{$prefix}select-expanded-bg);\n    #{$root}__toggle-icon {\n      transform: rotate(180deg);\n    }\n  }\n}\n","/// Hide content visually while keeping it accessible to screen readers\n/// @author Harry Roberts\n/// @link https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css\n@mixin visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n  white-space: nowrap;\n}\n\n/// Unhide visually hidden content\n@mixin visually-unhide {\n  clip: auto;\n  height: auto;\n  margin: 0;\n  overflow: visible;\n  position: static;\n  width: auto;\n  white-space: normal;\n}\n\n/// Visually hide but reveal on focus\n@mixin visually-hidden-focusable {\n  &:not(:focus):not(:focus-within) {\n    @include visually-hidden;\n  }\n}","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.side-menu' as *;\n@use '../01-settings/settings.typography' as typography;\n@use '../02-tools/tools.rem' as rem;\n@use '../02-tools/tools.breakpoints' as *;\n@use '../02-tools/tools.grid' as grid;\n@use '../02-tools/tools.transition' as transition;\n\n.c-side-menu {\n  $root: &;\n\n  --#{config.$prefix}side-menu-padding-x: #{rem.rem($side-menu-padding-x)};\n  --#{config.$prefix}side-menu-padding-y: #{rem.rem($side-menu-padding-y)};\n  --#{config.$prefix}side-menu-bg: #{$side-menu-bg};\n  --#{config.$prefix}side-menu-border-radius: #{$side-menu-border-radius};\n  --#{config.$prefix}side-menu-title-font-size: #{$side-menu-title-font-size};\n  --#{config.$prefix}side-menu-title-font-weight: #{$side-menu-title-font-weight};\n  --#{config.$prefix}side-menu-title-color: #{$side-menu-title-color};\n  --#{config.$prefix}side-menu-title-spacer-y: #{rem.rem($side-menu-title-spacer-y)};\n  --#{config.$prefix}side-menu-item-padding-x: #{rem.rem($side-menu-item-padding-x)};\n  --#{config.$prefix}side-menu-item-padding-y: #{rem.rem($side-menu-item-padding-y)};\n  --#{config.$prefix}side-menu-item-font-size: #{$side-menu-item-font-size};\n  --#{config.$prefix}side-menu-item-color: #{$side-menu-item-color};\n\n  width: 100%;\n  padding: var(--#{config.$prefix}side-menu-padding-y)\n    var(--#{config.$prefix}side-menu-padding-x);\n  background: var(--#{config.$prefix}side-menu-bg);\n  border-radius: var(--#{config.$prefix}side-menu-border-radius);\n\n  @include media-breakpoint-down(md) {\n    padding: rem.rem(12px) rem.rem(16px);\n  }\n\n  &__wrapper {\n    @include media-breakpoint-down(md) {\n      height: 0px;\n      overflow: hidden;\n      user-select: none;\n\n      @include transition.basic-transition();\n    }\n  }\n\n  &__inner {\n    @include media-breakpoint-down(md) {\n      padding-top: rem.rem(20px);\n    }\n  }\n\n  &__title {\n    color: var(--#{config.$prefix}side-menu-title-color);\n    font-size: var(--#{config.$prefix}side-menu-title-font-size);\n    font-weight: var(--#{config.$prefix}side-menu-title-font-weight);\n    margin-bottom: var(--#{config.$prefix}side-menu-title-spacer-y);\n  }\n\n  &__list {\n    list-style: none;\n    padding-left: 0;\n    margin-bottom: 12px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &__item {\n    display: flex;\n    align-items: center;\n  }\n\n  &__link {\n    display: inline-block;\n    color: var(--#{config.$prefix}side-menu-item-color);\n    font-size: var(--#{config.$prefix}side-menu-item-font-size);\n    padding: var(--#{config.$prefix}side-menu-item-padding-y)\n      var(--#{config.$prefix}side-menu-item-padding-y);\n\n    &.is-active {\n      color: var(--#{config.$prefix}brand-text-emphasis);\n      font-weight: typography.$font-weight-medium;\n    }\n  }\n\n  &__toggler {\n    display: none;\n    justify-content: space-between;\n    font-size: typography.$font-size-lg;\n    font-weight: typography.$font-weight-medium;\n    cursor: pointer;\n    user-select: none;\n\n    @include media-breakpoint-down(md) {\n      display: flex;\n    }\n  }\n\n  &__toggler-icon {\n    @include transition.basic-transition();\n  }\n\n  &.is-open  {\n    #{$root}__toggler-icon {\n      transform: rotate(90deg);\n    }\n  }\n}\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.skeleton' as *;\n@use '../01-settings/settings.border-radius' as *;\n\n.c-skeleton {\n  $root: &;\n\n  --#{$prefix}skeleton-width: 100%;\n  --#{$prefix}skeleton-height: 1em;\n  --#{$prefix}skeleton-color: #{$skeleton-color};\n  --#{$prefix}skeleton-color-gradient-end: #{$skeleton-color-gradient-end};\n  --#{$prefix}skeleton-gradient-from-color: #{$skeleton-gradient-from-color};\n  --#{$prefix}skeleton-gradient-to-color: #{$skeleton-gradient-to-color};\n  --#{$prefix}skeleton-border-radius: #{$border-radius-sm};\n\n  display: inline-block;\n  width: var(--#{$prefix}skeleton-width);\n  min-height: var(--#{$prefix}skeleton-height);\n  background: linear-gradient(\n    90deg,\n    var(--#{$prefix}skeleton-gradient-from-color) 25%,\n    var(--#{$prefix}skeleton-gradient-to-color) 37%,\n    var(--#{$prefix}skeleton-gradient-from-color) 63%\n  );\n  background-size: 400% 100%;\n  border-radius: var(--#{$prefix}skeleton-border-radius);\n  animation-name: #{$prefix}-skeleton-loading;\n  animation-duration: 1.4s;\n  animation-timing-function: ease;\n  animation-iteration-count: infinite;\n  pointer-events: none;\n  vertical-align: middle;\n  cursor: wait;\n\n  &--rect {\n    width: calc(var(--#{$prefix}skeleton-height) * 5.15);\n    min-height: calc(var(--#{$prefix}skeleton-height) * 2.4);\n    border-radius: $border-radius;\n  }\n\n  &--circle {\n    width: var(--#{$prefix}skeleton-height);\n    border-radius: $border-radius-pill;\n  }\n\n  &--square {\n    width: var(--#{$prefix}skeleton-height);\n  }\n\n\n  @each $size, $value in $skeleton-sizes {\n    &--#{$size} {\n      --#{$prefix}skeleton-height: #{$value};\n    }\n  }\n}\n","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.maps' as maps;\n@use '../01-settings/settings.spinner' as spinner;\n@use '../02-tools/tools.rem' as rem;\n@use '../02-tools/tools.size' as size;\n@use 'sass:map';\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg) #{'/* rtl:ignore */'};\n  }\n}\n\n.c-spinner {\n  --#{config.$prefix}spinner-size: #{map.get(spinner.$spinner-sizes, md)};\n  --#{config.$prefix}spinner-background-color: #{spinner.$spinner-background-color};\n  --#{config.$prefix}spinner-color: #{spinner.$spinner-color};\n  --#{config.$prefix}spinner-border-width: #{spinner.$spinner-border-width};\n  --#{config.$prefix}spinner-animation-speed: #{spinner.$spinner-animation-speed};\n\n  color: var(--#{config.$prefix}spinner-background-color);\n  position: relative;\n  @include size.square(var(--#{config.$prefix}spinner-size));\n  border: var(--#{config.$prefix}spinner-border-width) solid\n    var(--#{config.$prefix}spinner-color);\n  border-right-color: currentcolor;\n  border-radius: 50%;\n  animation: var(--#{config.$prefix}spinner-animation-speed) ease-in-out infinite\n    spinner;\n\n  @each $size, $value in spinner.$spinner-sizes {\n    &--#{$size} {\n      --#{config.$prefix}spinner-size: #{$value};\n    }\n  }\n\n  @each $color, $value in maps.$theme-colors {\n    &--#{$color} {\n      @if ($color == 'secondary') {\n        --#{config.$prefix}spinner-background-color: var(--#{config.$prefix}body-bg);\n      }\n\n      --#{config.$prefix}spinner-color: var(--#{config.$prefix}#{$color});\n    }\n  }\n}\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.steps' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.size' as *;\n@use '../02-tools/tools.hidden' as *;\n\n.c-steps {\n    $root: &;\n\n    --#{$prefix}steps-padding-x: #{rem($steps-padding-x)};\n    --#{$prefix}steps-padding-y: #{rem($steps-padding-y)};\n    --#{$prefix}steps-item-color: #{$steps-item-color};\n    --#{$prefix}steps-item-bg:    #{$steps-item-bg};\n    --#{$prefix}steps-item-active-color: #{$steps-item-active-color};\n    --#{$prefix}steps-item-active-bg: #{$steps-item-active-bg};\n    --#{$prefix}steps-item-number-bg: #{$steps-item-number-bg};\n    --#{$prefix}steps-item-number-color: #{$steps-item-number-color};\n    --#{$prefix}steps-item-number-active-color: #{$steps-item-number-active-color};\n    --#{$prefix}steps-item-number-size: #{$steps-item-number-size};\n    --#{$prefix}steps-item-number-font-size: #{$steps-item-number-font-size};\n    --#{$prefix}steps-item-number-border-radius: #{$steps-item-number-border-radius};\n    --#{$prefix}steps-item-font-size: #{$steps-item-font-size};\n    --#{$prefix}steps-item-content-gap: #{rem($steps-item-content-gap)};\n    --#{$prefix}steps-line-height: #{rem($steps-line-height)};\n    --#{$prefix}steps-line-width: #{rem($steps-line-width)};\n    --#{$prefix}steps-gap: #{rem($steps-gap)};\n    --#{$prefix}steps-line-height-vertical: #{rem($steps-line-height-vertical)};\n    --#{$prefix}steps-line-width-vertical: #{rem($steps-line-width-vertical)};\n\n    display: inline-flex;\n    align-items: center;\n    gap: var(--#{$prefix}steps-gap);\n\n    &__item{\n        display: flex;\n        align-items: center;\n        gap: var(--#{$prefix}steps-gap);\n\n        &:first-child {\n            #{$root}__line {\n                @include visually-hidden();\n            }\n        }\n\n        &.is-active{\n            --#{$prefix}steps-item-bg: var(--#{$prefix}steps-item-active-bg);\n            --#{$prefix}steps-item-number-bg: var(--#{$prefix}steps-item-active-bg);\n            --#{$prefix}steps-item-number-color: var(--#{$prefix}steps-item-number-active-color);\n            --#{$prefix}steps-item-color: var(--#{$prefix}steps-item-active-color);\n        }\n    }\n\n    &__line{\n        width: var(--#{$prefix}steps-line-width);\n        height: var(--#{$prefix}steps-line-height);\n        background-color: var(--#{$prefix}steps-item-bg);\n        transition: 1s;\n    }\n\n    &__content {\n        display: flex;\n        align-items: center;\n        gap: var(--#{$prefix}steps-item-content-gap);\n    }\n\n    &__number{\n        display: grid;\n        place-items: center;\n        @include square(var(--#{$prefix}steps-item-number-size));\n        color: var(--#{$prefix}steps-item-number-color);\n        font-size: var(--#{$prefix}steps-item-number-font-size);\n        background-color: var(--#{$prefix}steps-item-number-bg);\n        border-radius: var(--#{$prefix}steps-item-number-border-radius);\n    }\n\n    &__text {\n        color: var(--#{$prefix}steps-item-color);\n        font-size: var(--#{$prefix}steps-item-font-size);\n    }\n\n    &--vertical {\n        --#{$prefix}steps-line-width: var(--#{$prefix}steps-line-width-vertical);\n        --#{$prefix}steps-line-height: var(--#{$prefix}steps-line-height-vertical);\n        flex-direction: column;\n        gap: 0;\n\n        #{$root}{\n            &__item{\n                gap: 0;\n                flex-direction: column;\n                align-items: flex-start;\n            }\n\n            &__line {\n                margin-left: calc(var(--#{$prefix}steps-item-number-size) / 2);\n            }\n        }\n    }\n}\n\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.tabs' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.transition' as *;\n@use '../02-tools/tools.breakpoints' as *;\n@use '../02-tools/tools.grid' as *;\n\n.c-tabs {\n  $root: &;\n\n  --#{$prefix}tabs-width: #{$tabs-width};\n  --#{$prefix}tabs-nav-btn-padding-x: #{rem($tabs-nav-btn-padding-x)};\n  --#{$prefix}tabs-nav-btn-padding-y: #{rem($tabs-nav-btn-padding-y)};\n  --#{$prefix}tabs-nav-btn-font-size: #{$tabs-nav-btn-font-size};\n  --#{$prefix}tabs-nav-btn-font-weight: #{$tabs-nav-btn-font-weight};\n  --#{$prefix}tabs-nav-btn-color: #{$tabs-nav-btn-color};\n  --#{$prefix}tabs-nav-btn-active-color: #{$tabs-nav-btn-active-color}; \n  --#{$prefix}tabs-nav-btn-disabled-color: #{$tabs-nav-btn-disabled-color};\n  --#{$prefix}tabs-nav-btn-bg: #{$tabs-nav-btn-bg};\n  --#{$prefix}tabs-nav-btn-bg-hover: #{$tabs-nav-btn-bg-hover};\n  --#{$prefix}tabs-nav-btn-bg-active: #{$tabs-nav-btn-bg-active};\n  --#{$prefix}tabs-nav-btn-bg-disabled: #{$tabs-nav-btn-bg-disabled};\n  --#{$prefix}tabs-nav-btn-border-radius: #{$tabs-nav-btn-border-radius};\n  --#{$prefix}tabs-nav-btn-border-width: #{$tabs-nav-btn-border-width};\n  --#{$prefix}tabs-nav-btn-border-color: #{$tabs-nav-btn-border-color};\n  --#{$prefix}tabs-nav-btn-border-active-color: #{$tabs-nav-btn-border-active-color};\n  --#{$prefix}tabs-nav-btn-border-disabled-color: #{$tabs-nav-btn-border-disabled-color};\n  --#{$prefix}tabs-nav-btns-gap: #{rem($tabs-nav-btns-gap)};\n  --#{$prefix}tabs-nav-btn-inner-gap: #{rem($tabs-nav-btn-inner-gap)};\n  --#{$prefix}tabs-nav-btn-icon-size: #{rem($tab-nav-btn-icon-size)};\n  --#{$prefix}tabs-panel-padding-x: #{rem($tabs-panel-padding-x)};\n  --#{$prefix}tabs-panel-padding-y: #{rem($tabs-panel-padding-y)};\n\n  width: 100%;\n  max-width: var(--#{$prefix}tabs-width);\n\n  &__nav {\n    display: flex;\n    list-style: none;\n    padding-left: 0;\n    margin-bottom: 0;\n\n    @include media-breakpoint-down(sm){\n      flex-wrap: wrap;\n    }\n  }\n\n  &__nav-item {\n    width: 50%;\n\n    &+& {\n      margin-left: var(--#{$prefix}tabs-nav-btns-gap);\n    }\n  }\n\n  &__nav-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--#{$prefix}tabs-nav-btn-inner-gap);\n    width: 100%;\n    color: var(--#{$prefix}tabs-nav-btn-color);\n    font-size: var(--#{$prefix}tabs-nav-btn-font-size);\n    font-weight: var(--#{$prefix}tabs-nav-btn-font-weight);\n    padding: var(--#{$prefix}tabs-nav-btn-padding-y) var(--#{$prefix}tabs-nav-btn-padding-x);\n    border-radius: var(--#{$prefix}tabs-nav-btn-border-radius);\n    border: var(--#{$prefix}tabs-nav-btn-border-width) solid transparent;\n    border-bottom: var(--#{$prefix}tabs-nav-btn-border-width) solid var(--#{$prefix}tabs-nav-btn-border-color);\n    background-color: var(--#{$prefix}tabs-nav-btn-bg);\n    @include basic-transition();\n   \n\n    &:active, &.is-active {\n      color: var(--#{$prefix}tabs-nav-btn-active-color);\n      border-color: transparent transparent var(--#{$prefix}tabs-nav-btn-border-active-color) transparent;\n    }\n\n    &:hover {\n      background-color: var(--#{$prefix}tabs-nav-btn-bg-hover);\n    }\n\n    &:disabled, &.is-disabled {\n      --#{$prefix}tabs-nav-btn-border-active-color: var(--#{$prefix}tabs-nav-btn-border-disabled-color);\n\n      color: var(--#{$prefix}tabs-nav-btn-border-disabled-color);\n      background-color: var(--#{$prefix}tabs-nav-btn-bg-disabled);\n      pointer-events: none;\n    }\n\n    &:focus-visible {\n      outline: none;\n      border-color: var(--#{$prefix}tabs-nav-btn-border-active-color);\n    }\n    \n    > i {\n      font-size:   var(--#{$prefix}tabs-nav-btn-icon-size);\n    }\n  }\n\n  &__panels {\n    position: relative;\n  }\n\n  &__panel {\n    display: none;\n    opacity: 0;\n    overflow: hidden;\n    transition: opacity .3s cubic-bezier(0.65, 0.32, 1, 0.72);\n\n    &.is-active {\n      display: block;\n      opacity: 1;\n    }\n  }\n\n  &__panel-body {\n    padding: var(--#{$prefix}tabs-panel-padding-y) var(--#{$prefix}tabs-panel-padding-x);\n  }\n}\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.testimonials' as *;\n@use '../02-tools/tools.rem' as *;\n\n.c-testimonial {\n\n   --#{$prefix}testimonial-width: #{$testimonial-width};\n   --#{$prefix}testimonial-padding-x: #{rem($testimonial-padding-x)};\n   --#{$prefix}testimonial-padding-y: #{rem($testimonial-padding-y)};\n   --#{$prefix}testimonial-inner-spacer: #{rem($testimonial-inner-spacer)};\n   --#{$prefix}testimonial-bg: #{$testimonial-bg};\n   --#{$prefix}testimonial-quote-font-size: #{$testimonial-quote-font-size};\n   --#{$prefix}testimonial-quote-font-size-sm: #{$testimonial-quote-font-size-sm};\n   --#{$prefix}testimonial-quote-font-size-lg: #{$testimonial-quote-font-size-lg};\n   --#{$prefix}testimonial-quote-font-weight: #{$testimonial-quote-font-weight};\n   --#{$prefix}testimonial-quote-color: #{$testimonial-quote-color}; \n   --#{$prefix}testimonial-author-font-size: #{$testimonial-author-font-size};\n   --#{$prefix}testimonial-author-color: #{$testimonial-author-color};\n   --#{$prefix}testimonial-author-role-font-size: #{$testimonial-author-role-font-size};\n   --#{$prefix}testimonial-author-role-color: #{$testimonial-author-role-color};\n   --#{$prefix}testimonial-author-inner-spacer: #{$testimonial-author-inner-spacer};\n\n   \n   width: 100%;\n   max-width: var(--#{$prefix}testimonial-width);\n   padding: var(--#{$prefix}testimonial-padding-y) var(--#{$prefix}testimonial-padding-x);\n   background: var(--#{$prefix}testimonial-bg);\n\n\n   &__quote {\n      color: var(--#{$prefix}testimonial-quote-color);\n      font-size: var(--#{$prefix}testimonial-quote-font-size);\n      font-weight: var(--#{$prefix}testimonial-quote-font-weight);\n      margin-bottom: 0px;\n   }\n\n   &__author {\n      display: flex;\n      gap: var(--#{$prefix}testimonial-author-inner-spacer);\n      margin-top: var(--#{$prefix}testimonial-inner-spacer);\n   }\n\n   // &__author-avatar {\n\n   // }\n\n   // &__author-info {\n\n   // }\n\n   &__author-name {\n      color: var(--#{$prefix}testimonial-author-color);\n      font-size: var(--#{$prefix}testimonial-author-font-size);\n   }\n\n   &__author-role {\n      color: var(--#{$prefix}testimonial-author-role-color);\n      font-size: var(--#{$prefix}testimonial-author-role-font-size);\n   }\n\n   &--sm {\n      --#{$prefix}testimonial-quote-font-size: var(--#{$prefix}testimonial-quote-font-size-sm);\n   }\n\n   &--lg {\n      --#{$prefix}testimonial-quote-font-size: var(--#{$prefix}testimonial-quote-font-size-lg);\n   }\n}","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.todo' as todo;\n@use '../01-settings/settings.colors' as colors;\n@use '../02-tools/tools.color-functions' as *;\n@use '../02-tools/tools.to-rgb' as *;\n\n// Component: Todo\n// Description: Styles for the Todo component\n\n// Base todo component\n.c-todo {\n  --#{config.$prefix}todo-border-color: #{todo.$todo-border-color};\n  --#{config.$prefix}todo-border-radius: #{todo.$todo-border-radius};\n  --#{config.$prefix}todo-bg: #{todo.$todo-bg};\n  --#{config.$prefix}todo-color: #{todo.$todo-color};\n  --#{config.$prefix}todo-title-margin-bottom: #{todo.$todo-title-margin-bottom};\n  --#{config.$prefix}todo-item-padding: #{todo.$todo-item-padding};\n  --#{config.$prefix}todo-item-border-color: #{todo.$todo-item-border-color};\n  --#{config.$prefix}todo-item-hover-bg: #{todo.$todo-item-hover-bg};\n  --#{config.$prefix}todo-form-margin-bottom: #{todo.$todo-form-margin-bottom};\n  --#{config.$prefix}todo-form-gap: #{todo.$todo-form-gap};\n  --#{config.$prefix}todo-completed-color: #{todo.$todo-completed-color};\n  --#{config.$prefix}todo-completed-text-decoration: #{todo.$todo-completed-text-decoration};\n  \n  width: 100%;\n  margin-bottom: todo.$todo-margin-bottom;\n  border: 1px solid var(--#{config.$prefix}todo-border-color);\n  border-radius: var(--#{config.$prefix}todo-border-radius);\n  background-color: var(--#{config.$prefix}todo-bg);\n  color: var(--#{config.$prefix}todo-color);\n  padding: todo.$todo-padding;\n  \n  // Title\n  &__title {\n    font-size: todo.$todo-title-font-size;\n    font-weight: todo.$todo-title-font-weight;\n    margin-top: 0;\n    margin-bottom: var(--#{config.$prefix}todo-title-margin-bottom);\n  }\n  \n  // Form\n  &__form {\n    margin-bottom: var(--#{config.$prefix}todo-form-margin-bottom);\n  }\n  \n  &__form-group {\n    display: flex;\n    gap: var(--#{config.$prefix}todo-form-gap);\n  }\n  \n  &__input {\n    flex: 1;\n    min-width: 0; // Prevent flex items from overflowing\n  }\n  \n  &__add-btn {\n    flex-shrink: 0;\n  }\n  \n  // List\n  &__list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    border-top: 1px solid var(--#{config.$prefix}todo-item-border-color);\n  }\n  \n  &__empty {\n    padding: var(--#{config.$prefix}todo-item-padding);\n    text-align: center;\n    color: todo.$todo-empty-color;\n    font-style: italic;\n  }\n  \n  // Items\n  &__item {\n    padding: var(--#{config.$prefix}todo-item-padding);\n    border-bottom: 1px solid var(--#{config.$prefix}todo-item-border-color);\n    transition: background-color 0.2s ease;\n    \n    &:hover {\n      background-color: var(--#{config.$prefix}todo-item-hover-bg);\n    }\n    \n    &--completed {\n      .c-todo__item-text {\n        color: var(--#{config.$prefix}todo-completed-color);\n        text-decoration: var(--#{config.$prefix}todo-completed-text-decoration);\n      }\n    }\n  }\n  \n  &__item-content {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 0.5rem;\n  }\n  \n  &__checkbox-label {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    flex: 1;\n    cursor: pointer;\n  }\n  \n  &__checkbox {\n    flex-shrink: 0;\n  }\n  \n  &__item-text {\n    word-break: break-word;\n  }\n  \n  &__delete-btn {\n    flex-shrink: 0;\n    opacity: 0.7;\n    transition: opacity 0.2s ease;\n    \n    &:hover {\n      opacity: 1;\n    }\n  }\n  \n  // Size variants\n  &--sm {\n    padding: todo.$todo-padding-sm;\n    font-size: todo.$todo-font-size-sm;\n    \n    .c-todo__title {\n      font-size: todo.$todo-title-font-size-sm;\n      margin-bottom: todo.$todo-title-margin-bottom-sm;\n    }\n    \n    .c-todo__item {\n      padding: todo.$todo-item-padding-sm;\n    }\n  }\n  \n  &--lg {\n    padding: todo.$todo-padding-lg;\n    \n    .c-todo__title {\n      font-size: todo.$todo-title-font-size-lg;\n      margin-bottom: todo.$todo-title-margin-bottom-lg;\n    }\n    \n    .c-todo__item {\n      padding: todo.$todo-item-padding-lg;\n    }\n  }\n  \n  // Disabled state\n  &--disabled {\n    opacity: todo.$todo-disabled-opacity;\n    cursor: not-allowed;\n    \n    .c-todo__checkbox-label {\n      cursor: not-allowed;\n    }\n  }\n} ","@use 'settings.colors' as colors;\n@use 'settings.border-radius' as border-radius;\n@use 'settings.typography' as typography;\n\n// Todo component variables\n\n// Base styles\n$todo-bg: colors.$white !default;\n$todo-color: colors.$gray-9 !default;\n$todo-border-color: colors.$gray-3 !default;\n$todo-border-radius: border-radius.$border-radius !default;\n$todo-padding: 1.25rem !default;\n$todo-margin-bottom: 1.5rem !default;\n\n// Title\n$todo-title-font-size: 1.25rem !default;\n$todo-title-font-weight: typography.$font-weight-bold !default;\n$todo-title-margin-bottom: 1rem !default;\n\n// Form\n$todo-form-margin-bottom: 1rem !default;\n$todo-form-gap: 0.5rem !default;\n\n// Item\n$todo-item-padding: 0.75rem !default;\n$todo-item-border-color: colors.$gray-3 !default;\n$todo-item-hover-bg: colors.$gray-2 !default;\n\n// Completed item\n$todo-completed-color: colors.$gray-6 !default;\n$todo-completed-text-decoration: line-through !default;\n\n// Empty state\n$todo-empty-color: colors.$gray-6 !default;\n\n// Small size\n$todo-padding-sm: 0.75rem !default;\n$todo-font-size-sm: 0.875rem !default;\n$todo-title-font-size-sm: 1.1rem !default;\n$todo-title-margin-bottom-sm: 0.75rem !default;\n$todo-item-padding-sm: 0.5rem !default;\n\n// Large size\n$todo-padding-lg: 1.5rem !default;\n$todo-title-font-size-lg: 1.5rem !default;\n$todo-title-margin-bottom-lg: 1.25rem !default;\n$todo-item-padding-lg: 1rem !default;\n\n// Disabled state\n$todo-disabled-opacity: 0.6 !default; ","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.toggle' as *;\n@use '../01-settings/settings.colors' as colors;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.hidden' as *;\n@use '../02-tools/tools.transition' as transition;\n\n.c-toggle {\n  $root: &;\n\n  --#{$prefix}toggle-gap: #{rem($toggle-gap)};\n  --#{$prefix}toggle-switch-bg: #{$toggle-switch-off-bg};\n  --#{$prefix}toggle-switch-disabled-bg: #{$toggle-switch-disabled-bg};\n  --#{$prefix}toggle-switch-border-radius: #{$toggle-switch-border-radius};\n  --#{$prefix}toggle-switch-box-shadow: #{$toggle-switch-box-shadow};\n  --#{$prefix}toggle-switch-handle-bg: #{$toggle-switch-handle-bg};\n  --#{$prefix}toggle-switch-handle-border-radius: #{$toggle-switch-handle-border-radius};\n  --#{$prefix}toggle-switch-width: #{rem($toggle-switch-width)};\n  --#{$prefix}toggle-switch-height: #{rem($toggle-switch-height)};\n  --#{$prefix}toggle-switch-handle-width: #{rem($toggle-switch-handle-width)};\n  --#{$prefix}toggle-switch-handle-height: #{rem($toggle-switch-handle-height)};\n  --#{$prefix}toggle-switch-handle-margin: #{rem($toggle-switch-handle-margin)};\n  --#{$prefix}toggle-label-font-size: #{$toggle-label-font-size};\n  --#{$prefix}toggle-label-color: #{$toggle-label-color};\n\n  display: flex;\n  align-items: center;\n  gap: var(--#{$prefix}toggle-gap);\n\n  &__switch {\n    position: relative;\n    display: flex;\n    align-items: center;\n    flex: 0 0 var(--#{$prefix}toggle-switch-width);\n    width: var(--#{$prefix}toggle-switch-width);\n    height: var(--#{$prefix}toggle-switch-height);\n    background-color: var(--#{$prefix}toggle-switch-bg);\n    border-radius: var(--#{$prefix}toggle-switch-border-radius);\n    user-select: none;\n    cursor: pointer;\n\n    @include transition.basic-transition();\n\n    &::before {\n      content: '';\n      display: inline-block;\n      width: var(--#{$prefix}toggle-switch-handle-width);\n      height: var(--#{$prefix}toggle-switch-handle-height);\n      margin: var(--#{$prefix}toggle-switch-handle-margin);\n      background: var(--#{$prefix}toggle-switch-handle-bg);\n      border-radius: var(--#{$prefix}toggle-switch-handle-border-radius);\n\n      @include transition.basic-transition();\n    }\n  }\n\n  &__label {\n    font-size: var(--#{$prefix}toggle-label-font-size);\n    color: var(--#{$prefix}toggle-label-color);\n  }\n\n  &.is-on {\n    --#{$prefix}toggle-switch-bg: #{$toggle-switch-on-bg};\n    #{$root}__switch {\n      &::before {\n        transform: translate(\n          calc(\n            var(--#{$prefix}toggle-switch-width) -\n              (\n                var(--#{$prefix}toggle-switch-handle-width) +\n                  var(--#{$prefix}toggle-switch-handle-margin) * 2\n              )\n          )\n        );\n      }\n    }\n  }\n\n  &.is-disabled:not(.is-on) {\n    pointer-events: none;\n\n    #{$root}__switch {\n      background: var(--#{$prefix}toggle-switch-disabled-bg);\n    }\n  }\n\n  &.is-disabled.is-on {\n    pointer-events: none;\n\n    #{$root}__switch {\n      &::after {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background: colors.$overlay-2;\n        border-radius: var(--#{$prefix}toggle-switch-handle-border-radius);\n      }\n    }\n  }\n}\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.tooltip' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.size' as *;\n\n.c-tooltip {\n    $root: &;\n\n    --#{$prefix}tooltip-max-width: #{rem($tooltip-max-width)};\n    --#{$prefix}tooltip-padding-x: #{rem($tooltip-padding-x)};\n    --#{$prefix}tooltip-padding-y: #{rem($tooltip-padding-y)};\n    --#{$prefix}tooltip-bg: #{$tooltip-bg};\n    --#{$prefix}tooltip-font-size: #{$tooltip-font-size};\n    --#{$prefix}tooltip-font-weight: #{$tooltip-font-weight};\n    --#{$prefix}tooltip-color: #{$tooltip-color};\n    --#{$prefix}tooltip-border-radius: #{$tooltip-border-radius};\n    --#{$prefix}tooltip-border-width: #{$tooltip-border-width};\n    --#{$prefix}tooltip-border-color: #{$tooltip-border-color};\n    --#{$prefix}tooltip-box-shadow: #{$tooltip-box-shadow};\n    --#{$prefix}tooltip-arrow-size: #{rem($tooltip-arrow-size)};\n\n\n    position: absolute;\n    bottom: calc(100% + var(--#{$prefix}tooltip-arrow-size));\n    left: 50%;\n    width: max-content;\n    height: max-content;\n    max-width: var(--#{$prefix}tooltip-max-width);\n    transform: translateX(-50%);\n    pointer-events: none;\n    z-index: 1000;\n\n    &__content {\n        position: relative;\n        color: var(--#{$prefix}tooltip-color);\n        font-size: var(--#{$prefix}tooltip-font-size);\n        font-weight: var(--#{$prefix}tooltip-font-weight);\n        padding: var(--#{$prefix}tooltip-padding-y) var(--#{$prefix}tooltip-padding-x);\n        background-color: var(--#{$prefix}tooltip-bg);\n        border-radius: var(--#{$prefix}tooltip-border-radius);\n        z-index: 2;\n        opacity: 0;\n        transform: scale(0.95);\n        transition: opacity 0.2s ease-out, transform 0.2s ease-out;\n    }\n\n    &__arrow {\n        position: absolute;\n        bottom: calc(var(--#{$prefix}tooltip-arrow-size) / -2);\n        left: 50%;\n        transform: translateX(-50%) rotate(45deg);\n        @include square(var(--#{$prefix}tooltip-arrow-size));\n        background-color: var(--#{$prefix}tooltip-bg);\n        z-index: 1;\n    }\n\n\n    &--top-left {\n        left: auto;\n        right: calc(100% - var( --#{$prefix}tooltip-arrow-size) * 2);\n        transform: translateX(0);\n\n        #{$root}__arrow {\n            left: auto;\n            right: var(--#{$prefix}tooltip-arrow-size);\n            transform: rotate(45deg);\n        }\n    }\n\n    &--top-right {\n        left: calc(100% - var( --#{$prefix}tooltip-arrow-size) * 2);\n        transform: translateX(0);\n\n        #{$root}__arrow {\n            left: var(--#{$prefix}tooltip-arrow-size);\n            transform: rotate(45deg);\n        }\n    }\n\n    &--right {\n        left: calc(100% + var(--#{$prefix}tooltip-arrow-size));\n        top: 50%;\n        transform: translateY(-50%);\n\n        #{$root}__arrow {\n            left: calc(var(--#{$prefix}tooltip-arrow-size) / -2);\n            top: 50%;\n            bottom: auto;\n            transform: rotate(45deg) translateY(-50%);\n            transform-origin: top;\n        }\n    }\n\n\n    &--left {\n        left: auto;\n        right: calc(100% + var(--#{$prefix}tooltip-arrow-size));\n        top: 50%;\n        transform: translateY(-50%);\n\n        #{$root}__arrow {\n            left: auto;\n            top: 50%;\n            bottom: auto;\n            right: calc(var(--#{$prefix}tooltip-arrow-size) / -5);\n            transform: rotate(45deg) translateY(-50%);\n        }\n    }\n\n    &--bottom {\n        top: calc(100% + var(--#{$prefix}tooltip-arrow-size));\n        \n        #{$root}__arrow {\n            top: calc(var(--#{$prefix}tooltip-arrow-size) / -2);\n            bottom: auto;\n        }\n    }\n\n    &--bottom-left {\n        top: calc(100% + var(--#{$prefix}tooltip-arrow-size));\n        left: 0;\n    }\n\n    &--bottom-right {\n        top: calc(100% + var(--#{$prefix}tooltip-arrow-size));\n        right: 0;\n    }\n\n    &.is-active {\n        pointer-events: auto;\n\n        .c-tooltip__content {\n            opacity: 1;\n            transform: scale(1);\n        }\n    }\n}","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.upload' as *;\n@use '../01-settings/settings.border-radius' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.transition' as *;\n@use '../02-tools/tools.hidden-visually' as *;\n@use '../02-tools/tools.border-radius' as *;\n\n.c-upload {\n  $root: &;\n\n  --#{$prefix}upload-width: #{rem($upload-width)};\n  --#{$prefix}upload-padding-x: #{rem($upload-padding-x)};\n  --#{$prefix}upload-padding-y: #{rem($upload-padding-y)};\n  --#{$prefix}upload-inner-padding-x: #{rem($upload-inner-padding-x)};\n  --#{$prefix}upload-inner-padding-y: #{rem($upload-inner-padding-y)};\n  --#{$prefix}upload-border-radius: #{$upload-border-radius};\n  --#{$prefix}upload-border-width: #{rem($upload-border-width)};\n  --#{$prefix}upload-border-color: #{$upload-border-color};\n  --#{$prefix}upload-bg: #{$upload-bg};\n  --#{$prefix}upload-hover-bg: #{$upload-hover-bg};\n  --#{$prefix}upload-icon-size: #{$upload-icon-size};\n  --#{$prefix}upload-icon-padding: #{$upload-icon-padding};\n  --#{$prefix}upload-icon-bg: #{$upload-icon-bg};\n  --#{$prefix}upload-title-font-size: #{$upload-title-font-size};\n  --#{$prefix}upload-title-font-weight: #{$upload-title-font-weight};\n  --#{$prefix}upload-title-color: #{$upload-title-color};\n  --#{$prefix}upload-title-margin-top: #{rem($upload-title-margin-top)};\n  --#{$prefix}upload-text-font-size: #{$upload-text-font-size};\n  --#{$prefix}upload-text-font-weight: #{$upload-text-font-weight};\n  --#{$prefix}upload-text-color: #{$upload-text-color};\n  --#{$prefix}upload-text-margin-top: #{rem($upload-text-margin-top)};\n  --#{$prefix}upload-btn-margin-top: #{rem($upload-btn-margin-top)};\n  --#{$prefix}upload-btn-margin-left: #{rem($upload-btn-margin-left)};\n  --#{$prefix}upload-helper-text-font-size: #{$upload-helper-text-font-size};\n  --#{$prefix}upload-helper-text-font-weight: #{$upload-helper-text-font-weight};\n  --#{$prefix}upload-helper-text-color: #{$upload-helper-text-color};\n  --#{$prefix}upload-helper-text-margin-top: #{rem(\n      $upload-helper-text-margin-top\n    )};\n  --#{$prefix}upload-loader-padding-x: #{rem($upload-loader-padding-x)};\n  --#{$prefix}upload-loader-padding-y: #{rem($upload-loader-padding-y)};\n  --#{$prefix}upload-loader-border-radius: #{$upload-loader-border-radius};\n  --#{$prefix}upload-loader-border-width: #{$upload-loader-border-width};\n  --#{$prefix}upload-loader-border-color: #{$upload-loader-border-color};\n  --#{$prefix}upload-loader-margin-top: #{$upload-loader-margin-top};\n  --#{$prefix}upload-loader-title-color: #{$upload-loader-title-color};\n  --#{$prefix}upload-loader-title-font-size: #{$upload-loader-title-font-size};\n  --#{$prefix}upload-loader-title-font-weight: #{$upload-loader-title-font-weight};\n  --#{$prefix}upload-loader-text-color: #{$upload-loader-text-color};\n  --#{$prefix}upload-loader-text-font-size: #{$upload-loader-text-font-size};\n  --#{$prefix}upload-loader-text-margin-top: #{rem(\n      $upload-loader-text-margin-top\n    )};\n  --#{$prefix}upload-loader-color: #{$upload-loader-progress-color};\n  --#{$prefix}upload-loader-bar-height: #{rem($upload-loader-bar-height)};\n  --#{$prefix}upload-loader-bar-margin-top: #{rem($upload-loader-bar-margin-top)};\n  --#{$prefix}upload-loader-bg-opacity: #{$upload-loader-bg-opacity};\n  --#{$prefix}upload-loader-progress: 39%;\n  --#{$prefix}upload-content-margin-left: #{rem($upload-content-margin-left)};\n  --#{$prefix}upload-disabled-opacity: #{$upload-disabled-opacity};\n  --#{$prefix}upload-loader-control-icon-size: #{$upload-loader-control-icon-size};\n  --#{$prefix}upload-loader-contorl-color: #{$upload-loader-contorl-color};\n\n  width: 100%;\n  max-width: var(--#{$prefix}upload-width);\n  padding: var(--#{$prefix}upload-padding-y) var(--#{$prefix}upload-padding-x);\n  background-color: var(--#{$prefix}upload-bg);\n  border-radius: var(--#{$prefix}upload-border-radius);\n\n  @include basic-transition();\n\n  &:hover {\n    background-color: var(--#{$prefix}upload-hover-bg);\n  }\n\n  &__inner {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: var(--#{$prefix}upload-inner-padding-y)\n      var(--#{$prefix}upload-inner-padding-x);\n    border-radius: var(--#{$prefix}upload-border-radius);\n    border: var(--#{$prefix}upload-border-width) dashed\n      var(--#{$prefix}upload-border-color);\n  }\n\n  &__icon {\n    font-size: var(--#{$prefix}upload-icon-size);\n    padding: var(--#{$prefix}upload-icon-padding);\n    background-color: var(--#{$prefix}upload-icon-bg);\n\n    @include border-radius($border-radius-pill);\n  }\n\n  &__title {\n    color: var(--#{$prefix}upload-title-color);\n    font-size: var(--#{$prefix}upload-title-font-size);\n    font-weight: var(--#{$prefix}upload-title-font-weight);\n    margin-top: var(--#{$prefix}upload-title-margin-top);\n  }\n\n  &__text {\n    color: var(--#{$prefix}upload-text-color);\n    font-size: var(--#{$prefix}upload-text-font-size);\n    font-weight: var(--#{$prefix}upload-text-font-weight);\n    margin-top: var(--#{$prefix}upload-text-margin-top);\n  }\n\n  &__btn {\n    margin-top: var(--#{$prefix}upload-btn-margin-top);\n  }\n\n  &__helper-text {\n    color: var(--#{$prefix}upload-helper-text-color);\n    font-size: var(--#{$prefix}upload-helper-text-font-size);\n    font-weight: var(--#{$prefix}upload-helper-text-font-weight);\n    margin-top: var(--#{$prefix}upload-helper-text-margin-top);\n  }\n\n  &__row {\n    width: 100%;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  &__col {\n    display: flex;\n    align-items: center;\n  }\n\n  &__content {\n    margin-left: var(--#{$prefix}upload-content-margin-left);\n  }\n\n  &__loader {\n    --upload-loader-percentage: 0;\n\n    display: flex;\n    justify-content: space-between;\n    position: relative;\n    width: 100%;\n    max-width: rem($upload-width);\n    padding: var(--#{$prefix}upload-loader-padding-y)\n      var(--#{$prefix}upload-loader-padding-x);\n    border: var(--#{$prefix}upload-loader-border-width) solid\n      var(--#{$prefix}upload-loader-border-color);\n    border-radius: var(--#{$prefix}upload-loader-border-radius);\n    margin-top: var(--#{$prefix}upload-loader-margin-top);\n    overflow: hidden;\n  }\n\n  &__loader-title {\n    color: var(--#{$prefix}upload-loader-title-color);\n    font-size: var(--#{$prefix}upload-loader-title-font-size);\n    font-weight: var(--#{$prefix}upload-loader-title-font-weight);\n    line-height: 1.715;\n  }\n\n  &__loader-progress {\n    display: flex;\n    gap: 10px;\n    color: var(--#{$prefix}upload-loader-text-color);\n    font-size: var(--#{$prefix}upload-loader-text-font-size);\n    line-height: 1.43;\n    margin-top: var(--#{$prefix}upload-loader-text-margin-top);\n  }\n\n  &__loader-control {\n    display: flex;\n    align-items: center;\n    gap: rem(4px);\n  }\n\n  &__loader-close {\n    color: var(--#{$prefix}upload-loader-contorl-color);\n    font-size: var(--#{$prefix}upload-loader-control-icon-size);\n  }\n\n  &__loader-bar {\n    width: 22px;\n    height: 22px;\n\n\n    svg {\n      width: 100%;\n      height: 100%;\n\n      circle {\n        width: 100%;\n        height: 100%;\n        fill: none;\n        stroke: var(--#{$prefix}secondary-bg-subtle);\n        stroke-width: 2px;\n        stroke-linecap: round;\n        transform: translate(1px, 1px);\n\n        &:nth-child(2)\n        {\n          stroke-dasharray: 63;\n          stroke-dashoffset: 63;\n        }\n\n        &:nth-child(2)\n        {\n          stroke-dashoffset: calc(63 - (63 * var(--upload-loader-percentage) ) / 100);\n          stroke: var(--#{$prefix}upload-loader-color);\n        }\n      }\n    }\n  }\n\n  &--large {\n    --#{$prefix}upload-width: #{rem($upload-width-large)};\n    --#{$prefix}upload-inner-padding-x: #{rem($upload-large-inner-padding-x)};\n    --#{$prefix}upload-inner-padding-y: #{rem($upload-large-inner-padding-y)};\n    --#{$prefix}upload-title-margin-top: 0;\n    --#{$prefix}upload-btn-margin-top: 0;\n    --#{$prefix}upload-helper-text-margin-top: 0;\n\n    #{$root} {\n      &__loader {\n        max-width: rem(360px);\n      }\n\n      &__btn {\n        margin-left: var(--#{$prefix}upload-btn-margin-left);\n      }\n    }\n  }\n\n  &--sm {\n    --#{$prefix}upload-width: #{rem($upload-width-sm)};\n  }\n\n  &--success {\n    --#{$prefix}upload-loader-progress: 100%;\n    --#{$prefix}upload-loader-text-color: #{$upload-loader-success-color};\n    --#{$prefix}upload-loader-color: #{$upload-loader-success-color};\n    --#{$prefix}upload-loader-contorl-color: #{$upload-loader-success-color};\n  }\n\n  &--error {\n    --#{$prefix}upload-loader-text-color: #{$upload-loader-error-color};\n    --#{$prefix}upload-loader-color: #{$upload-loader-error-color};\n    --#{$prefix}upload-loader-contorl-color: #{$upload-loader-error-color};\n  }\n\n  &--disabled {\n    cursor: not-allowed;\n    user-select: none;\n    opacity: var(--#{$prefix}upload-disabled-opacity);\n\n    #{$root}__btn {\n      pointer-events: none;\n    }\n  }\n}\n","@use \"../01-settings/settings.config\" as config;\n@use \"../01-settings/settings.border-radius\" as *;\n@use 'sass:meta';\n@use 'sass:list';\n\n@function valid-radius($radius) {\n  $return: null;\n  @each $value in $radius {\n    @if meta.type-of($value) == number {\n      @if $return == null {\n        $return: max($value, 0);\n      } @else {\n        $return: $return max($value, 0);\n      }\n    }\n  }\n  @return if($return == null, 0, $return);\n}\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: valid-radius($radius);\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-end-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-start-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-start-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-end-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-end-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-start-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}","@use \"../01-settings/settings.photoviewer\" as photoviewer;\n@use \"../01-settings/settings.config\" as config;\n@use \"../01-settings/settings.colors\" as *;\n@use \"../01-settings/settings.border-radius\" as *;\n@use \"../01-settings/settings.box-shadow\" as *;\n@use \"../01-settings/settings.spacing\" as *;\n@use \"../01-settings/settings.typography\" as *;\n@use \"../02-tools/tools.rem\" as rem;\n@use \"../02-tools/tools.spacing\" as *;\n\n// Common mixins\n%flex-center {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n%standard-transition {\n  transition: all var(--#{config.$prefix}photoviewer-transition-duration) var(--#{config.$prefix}photoviewer-transition-timing);\n}\n\n%standard-transition {\n  transition: all var(--#{config.$prefix}photoviewer-transition-duration) var(--#{config.$prefix}photoviewer-transition-timing);\n}\n\n%svg-icon {\n  fill: currentColor;\n  pointer-events: none;\n}\n\n// Common panel styles\n%panel-base {\n  background: $gray-1;\n  border-radius: var(--#{config.$prefix}photoviewer-control-border-radius);\n  box-shadow: $box-shadow-lg;\n}\n\n// Custom scrollbar styling\n%custom-scrollbar {\n  &::-webkit-scrollbar {\n    width: 6px;\n  }\n  \n  &::-webkit-scrollbar-track {\n    background: transparent;\n  }\n  \n  &::-webkit-scrollbar-thumb {\n    background: $gray-4;\n    border-radius: 3px;\n  }\n  \n  &::-webkit-scrollbar-thumb:hover {\n    background: $gray-5;\n  }\n}\n\n// Hover effect for interactive elements\n%hover-effect {\n  &:hover:not(:disabled) {\n    transform: translateY(-2px);\n    box-shadow: $box-shadow-sm;\n  }\n  \n  &:active:not(:disabled) {\n    transform: translateY(0);\n    box-shadow: $box-shadow-xs;\n  }\n}\n\n// Common image styling\n%image-base {\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n  transform-origin: center center;\n  will-change: auto;\n  \n  // Enhanced image quality\n  image-rendering: auto;\n  image-rendering: -webkit-optimize-contrast;\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n  \n  // Smooth hardware-accelerated transforms\n  transform: translateZ(0);\n  \n  // Prevent any touch actions on the image itself\n  touch-action: none;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n// Thumbnail styling\n%thumbnail-base {\n  @extend %flex-center;\n  @extend %standard-transition;\n  border: 2px solid transparent;\n  border-radius: $border-radius-sm;\n  padding: 0;\n  background: rgba(255, 255, 255, 0.1);\n  cursor: pointer;\n  overflow: hidden;\n  position: relative;\n  \n  &::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.2);\n    opacity: 1;\n    transition: opacity var(--#{config.$prefix}photoviewer-transition-duration) var(--#{config.$prefix}photoviewer-transition-timing);\n  }\n  \n  &:hover {\n    transform: translateY(-2px);\n    box-shadow: $box-shadow-sm;\n    border-color: rgba(255, 255, 255, 0.3);\n    \n    &::after {\n      opacity: 0;\n    }\n  }\n  \n  &.is-active {\n    border-color: var(--#{config.$prefix}photoviewer-thumbnail-border);\n    box-shadow: var(--#{config.$prefix}box-shadow-md);\n    transform: scale(1.05);\n  }\n}\n\n// Info panel metadata styling\n%info-meta-item {\n  font-size: $font-size-sm;\n  color: $gray-7;\n  margin-bottom: 0.75rem;\n  padding-left: 1.5rem;\n  position: relative;\n  \n  &::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0.4rem;\n    width: 8px;\n    height: 8px;\n    background: var(--#{config.$prefix}primary-lighter);\n    border-radius: 50%;\n  }\n}\n\n// Info panel tag styling\n%info-tag {\n  display: inline-flex;\n  padding: 0.25rem 0.75rem;\n  background: $gray-2;\n  color: $gray-8;\n  border-radius: $border-radius-pill;\n  font-size: $font-size-xs;\n  font-weight: 500;\n  transition: all 0.2s ease;\n  \n  &:hover {\n    background: var(--#{config.$prefix}primary-lighter);\n    color: var(--#{config.$prefix}primary-darker);\n  }\n}\n\n// Common responsive control size adjustments\n@mixin responsive-control-sizes($size-multiplier) {\n  &__action-btn,\n  &__action-button {\n    width: calc(var(--#{config.$prefix}photoviewer-control-size-small) * #{$size-multiplier});\n    height: calc(var(--#{config.$prefix}photoviewer-control-size-small) * #{$size-multiplier});\n    \n    svg {\n      width: calc(20px * #{$size-multiplier});\n      height: calc(20px * #{$size-multiplier});\n    }\n  }\n  \n  &__nav-btn,\n  &__nav-button {\n    width: calc(var(--#{config.$prefix}photoviewer-control-size) * #{$size-multiplier});\n    height: calc(var(--#{config.$prefix}photoviewer-control-size) * #{$size-multiplier});\n    \n    svg {\n      width: calc(24px * #{$size-multiplier});\n      height: calc(24px * #{$size-multiplier});\n    }\n  }\n  \n  &__thumbnail {\n    width: calc(var(--#{config.$prefix}photoviewer-thumbnail-size) * #{$size-multiplier});\n    height: calc(var(--#{config.$prefix}photoviewer-thumbnail-size) * #{$size-multiplier});\n  }\n}\n\n// When the PhotoViewer is open, an 'is-open-photoviewer' class is added to the body\n// This can be used to apply additional styling to the page when the PhotoViewer is active\nbody.is-open-photoviewer {\n  overflow: hidden;\n  \n  // Prevent iOS bounce scrolling\n  position: fixed;\n  width: 100%;\n\n  // Prevent touch zoom/pan on the entire page when PhotoViewer is open\n  touch-action: none;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n\n  // Optimize for trackpad gestures on macOS\n  -webkit-transform: translateZ(0);\n  -webkit-backface-visibility: hidden;\n  \n  @supports (overflow: clip) {\n    overflow: clip;\n  }\n}\n\n// Enhanced mobile support\n@media (max-width: 768px) {\n  body.is-open-photoviewer {\n    // Additional mobile-specific styles\n    -webkit-overflow-scrolling: touch;\n    \n    // Prevent address bar from showing/hiding\n    height: 100vh;\n    height: 100dvh; // Dynamic viewport height\n  }\n}\n\n// Main component styles\n.c-photo-viewer {\n  $root: &;\n  // Set CSS variables for component\n  --#{config.$prefix}photoviewer-bg: #{photoviewer.$component-background-color};\n  --#{config.$prefix}photoviewer-border-radius: #{$border-radius-xl};\n  --#{config.$prefix}photoviewer-shadow: #{$box-shadow-lg};\n  --#{config.$prefix}photoviewer-backdrop-bg: #{photoviewer.$modal-background-color};\n  --#{config.$prefix}photoviewer-backdrop-blur: 12px;\n  --#{config.$prefix}photoviewer-action-color: #{photoviewer.$control-color};\n  --#{config.$prefix}photoviewer-action-hover-color: #{photoviewer.$control-color-hover};\n  --#{config.$prefix}photoviewer-action-bg: #{photoviewer.$control-background};\n  --#{config.$prefix}photoviewer-action-hover-bg: #{photoviewer.$control-background-hover};\n  --#{config.$prefix}photoviewer-close-color: #{photoviewer.$modal-close-button-color};\n  --#{config.$prefix}photoviewer-thumbnail-border: #{photoviewer.$thumbnail-active-border-color};\n  --#{config.$prefix}photoviewer-spacing: #{photoviewer.$component-spacing};\n  --#{config.$prefix}photoviewer-transition-duration: #{photoviewer.$photoviewer-transition-duration};\n  --#{config.$prefix}photoviewer-transition-timing: #{photoviewer.$photoviewer-transition-timing};\n  --#{config.$prefix}photoviewer-control-size: #{photoviewer.$control-size};\n  --#{config.$prefix}photoviewer-control-size-small: #{photoviewer.$control-size-small};\n  --#{config.$prefix}photoviewer-control-border-radius: #{photoviewer.$control-border-radius};\n  --#{config.$prefix}photoviewer-thumbnail-size: #{photoviewer.$thumbnail-size};\n  --#{config.$prefix}photoviewer-thumbnail-size-large: #{photoviewer.$thumbnail-size-large};\n  --#{config.$prefix}photoviewer-thumbnail-gap: #{photoviewer.$thumbnail-gap};\n  --#{config.$prefix}photoviewer-info-panel-width: #{photoviewer.$info-panel-width};\n\n  @extend %flex-center;\n  @extend %standard-transition;\n  height: 100vh;\n  background: var(--#{config.$prefix}photoviewer-bg);\n  border-radius: var(--#{config.$prefix}photoviewer-border-radius);\n  box-shadow: var(--#{config.$prefix}photoviewer-shadow);\n  position: fixed;\n  inset: 0;\n  z-index: 1000;\n  overflow: hidden;\n  opacity: 1;\n  transition-property: opacity;\n\n  &__backdrop {\n    @extend %standard-transition;\n    position: absolute;\n    inset: 0;\n    background: var(--#{config.$prefix}photoviewer-backdrop-bg);\n    backdrop-filter: blur(var(--#{config.$prefix}photoviewer-backdrop-blur));\n    z-index: 1;\n    opacity: 1;\n    transition-property: opacity;\n  }\n\n  &__container {\n    @extend %standard-transition;\n    @extend %panel-base;\n    position: relative;\n    z-index: 2;\n    background: var(--#{config.$prefix}photoviewer-bg);\n    border-radius: var(--#{config.$prefix}photoviewer-border-radius);\n    padding: var(--#{config.$prefix}photoviewer-spacing);\n    display: flex;\n    flex-direction: column;\n    min-width: 320px;\n    max-width: 90vw;\n    min-height: 240px;\n    max-height: 90vh;\n    width: 100%;\n    height: 100%;\n    transform: scale(1);\n    transition-property: transform;\n    overflow: hidden;\n    \n    .is-entering & {\n      transform: scale(0.95);\n    }\n    \n    .is-exiting & {\n      transform: scale(0.95);\n    }\n  }\n\n  &__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: var(--#{config.$prefix}photoviewer-spacing);\n    position: relative;\n    z-index: 5;\n  }\n\n  &__counter, \n  &__counter-badge {\n    font-size: $font-size-sm;\n    color: $gray-7;\n    font-weight: 500;\n    background: rgba(255, 255, 255, 0.8);\n    padding: 0.25rem 0.75rem;\n    border-radius: $border-radius-pill;\n    backdrop-filter: blur(4px);\n    box-shadow: $box-shadow-xs;\n  }\n\n  &__actions {\n    display: flex;\n    gap: 0.75rem;\n    align-items: center;\n  }\n  \n  // Common button styles mixin\n  %button-base {\n    @extend %flex-center;\n    @extend %standard-transition;\n    @extend %hover-effect;\n    background: var(--#{config.$prefix}photoviewer-action-bg);\n    color: var(--#{config.$prefix}photoviewer-action-color);\n    border: none;\n    border-radius: var(--#{config.$prefix}photoviewer-control-border-radius);\n    cursor: pointer;\n    box-shadow: $box-shadow-xs;\n    \n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n    \n    svg {\n      @extend %svg-icon;\n      transition: transform 0.2s ease;\n    }\n  }\n  \n  &__action-btn,\n  &__action-button {\n    @extend %button-base;\n    width: var(--#{config.$prefix}photoviewer-control-size-small);\n    height: var(--#{config.$prefix}photoviewer-control-size-small);\n    \n    &:hover:not(:disabled) {\n      background: var(--#{config.$prefix}photoviewer-action-hover-bg);\n      color: var(--#{config.$prefix}photoviewer-action-hover-color);\n    }\n    \n    svg {\n      width: 20px;\n      height: 20px;\n    }\n  }\n\n  &__close {\n    color: var(--#{config.$prefix}photoviewer-close-color);\n    background: rgba(0, 0, 0, 0.3);\n    margin-left: 0.5rem;\n    \n    &:hover {\n      background: rgba(0, 0, 0, 0.5);\n    }\n  }\n\n  &__content {\n    @extend %flex-center;\n    position: relative;\n    flex: 1 1 auto;\n    overflow: hidden;\n    min-height: 0;\n    \n    &.is-transitioning {\n      .c-photo-viewer__image-container {\n        opacity: 0.7;\n        transition: opacity 0.15s ease-out;\n      }\n    }\n  }\n\n  &__image-container {\n    @extend %flex-center;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    user-select: none;\n    -webkit-user-select: none;\n    -webkit-touch-callout: none;\n    -webkit-overflow-scrolling: touch;\n    \n    // Control touch interactions - allow pan and zoom only within the container\n    touch-action: pan-x pan-y pinch-zoom;\n    \n    // Optimize for smooth trackpad gestures\n    transform: translateZ(0);\n    -webkit-transform: translateZ(0);\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    \n    // Enable smooth scaling animations for trackpad gestures\n    transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    \n    &.is-transitioning {\n      transition: opacity 0.15s ease-out;\n      \n      .c-photo-viewer__image {\n        transition: opacity 0.15s ease-out !important;\n      }\n    }\n    \n    // Prevent image selection and dragging\n    img {\n      pointer-events: none;\n      -webkit-user-drag: none;\n      -khtml-user-drag: none;\n      -moz-user-drag: none;\n      -o-user-drag: none;\n      user-drag: none;\n      \n      // Ensure touch actions are controlled\n      touch-action: none;\n    }\n    \n    // Loading state\n    &::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(90deg, \n        transparent 0%, \n        rgba(255, 255, 255, 0.1) 50%, \n        transparent 100%);\n      animation: loading-shimmer 1.5s infinite;\n      opacity: 0;\n      pointer-events: none;\n      transition: opacity 0.3s ease;\n    }\n    \n    &.is-loading::before {\n      opacity: 1;\n    }\n  }\n\n  &__image {\n    @extend %image-base;\n    \n    // Dynamic transitions based on state - optimized for trackpad\n    transition: \n      transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94),\n      opacity 0.2s ease-out,\n      filter 0.2s ease-out;\n    \n    // Dragging state - disable transitions for direct manipulation\n    .c-photo-viewer--dragging & {\n      transition: none !important;\n      will-change: transform;\n    }\n    \n    // Trackpad gesture state - smoother transitions for pinch zoom\n    &[style*=\"scale(\"]:not(.c-photo-viewer--dragging) {\n      transition: transform 0.1s cubic-bezier(0.23, 1, 0.32, 1);\n    }\n    \n    // Loading state\n    &.is-loading {\n      opacity: 0.3;\n      filter: blur(1px);\n    }\n    \n    // Zoom state optimizations\n    &[style*=\"scale(1)\"] {\n      will-change: auto;\n    }\n    \n    &[style*=\"scale(\"]:not([style*=\"scale(1)\"]) {\n      will-change: transform;\n    }\n    \n    @media (prefers-reduced-motion: reduce) {\n      transition: none !important;\n      animation: none !important;\n    }\n  }\n  \n  // Loading animation\n  @keyframes loading-shimmer {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n\n  &__nav-btn,\n  &__nav-button {\n    @extend %button-base;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: var(--#{config.$prefix}photoviewer-control-size);\n    height: var(--#{config.$prefix}photoviewer-control-size);\n    z-index: 5;\n    \n    &:hover:not(:disabled) {\n      background: var(--#{config.$prefix}photoviewer-action-hover-bg);\n      color: var(--#{config.$prefix}photoviewer-action-hover-color);\n      transform: translateY(-50%) scale(1.05);\n    }\n    \n    &:active:not(:disabled) {\n      transform: translateY(-50%) scale(1);\n    }\n    \n    &--prev {\n      left: 1rem;\n    }\n    \n    &--next {\n      right: 1rem;\n    }\n    \n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  &--fullscreen {\n    width: 100vw;\n    height: 100vh;\n    border-radius: 0;\n  }\n\n  &__thumbnails {\n    display: flex;\n    gap: var(--#{config.$prefix}photoviewer-thumbnail-gap);\n    margin-top: var(--#{config.$prefix}photoviewer-spacing);\n    justify-content: center;\n    flex-wrap: wrap;\n    padding: 0.5rem;\n    background: rgba(255, 255, 255, 0.05);\n    border-radius: $border-radius-lg;\n    backdrop-filter: blur(4px);\n  }\n\n  &__thumbnail {\n    @extend %thumbnail-base;\n    width: var(--#{config.$prefix}photoviewer-thumbnail-size);\n    height: var(--#{config.$prefix}photoviewer-thumbnail-size);\n  }\n\n  &__thumbnail-img {\n    @extend %standard-transition;\n    @extend %image-base;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    border-radius: calc($border-radius-sm - 2px);\n    transition-property: transform;\n    \n    .c-photo-viewer__thumbnail:hover & {\n      transform: scale(1.05);\n    }\n  }\n\n  &--dragging {\n    cursor: grabbing;\n  }\n\n  &.is-disabled {\n    pointer-events: none;\n    opacity: 0.7;\n  }\n\n  &.is-entering {\n    opacity: 0;\n  }\n\n  &.is-exiting {\n    opacity: 0;\n  }\n\n  // Layout variants for thumbnail positions\n  &--thumbnails-left,\n  &--thumbnails-right {\n    .c-photo-viewer__container {\n      flex-direction: row;\n      gap: var(--#{config.$prefix}photoviewer-spacing);\n    }\n    \n    .c-photo-viewer__thumbnails {\n      flex-direction: column;\n      margin-top: 0;\n      max-height: 80vh;\n      overflow-y: auto;\n    }\n    \n    .c-photo-viewer__content {\n      flex: 1;\n    }\n  }\n  \n  &--thumbnails-left {\n    .c-photo-viewer__thumbnails {\n      order: -1;\n    }\n  }\n  \n  &--thumbnails-right {\n    .c-photo-viewer__thumbnails {\n      order: 1;\n    }\n  }\n\n  // Info panel styles\n  &__info-panel {\n    @extend %standard-transition;\n    @extend %panel-base;\n    @extend %custom-scrollbar;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: var(--#{config.$prefix}photoviewer-info-panel-width);\n    border-left: 1px solid $gray-3;\n    padding: 1.5rem;\n    overflow-y: auto;\n    z-index: 10;\n    transform: translateX(100%);\n    transition-property: transform;\n  }\n  \n  &--info-open {\n    .c-photo-viewer__container {\n      padding-right: var(--#{config.$prefix}photoviewer-info-panel-width);\n    }\n    \n    .c-photo-viewer__info-panel {\n      transform: translateX(0);\n    }\n  }\n  \n  &__info-close {\n    @extend %button-base;\n    position: absolute;\n    top: 1rem;\n    right: 1rem;\n    width: var(--#{config.$prefix}photoviewer-control-size-small);\n    height: var(--#{config.$prefix}photoviewer-control-size-small);\n    box-shadow: $box-shadow-xs;\n    z-index: 2;\n    \n    &:hover {\n      background: var(--#{config.$prefix}photoviewer-action-hover-bg);\n      transform: translateY(-2px);\n    }\n    \n    svg {\n      width: 16px;\n      height: 16px;\n    }\n  }\n  \n  &__info-content {\n    margin-top: 2rem;\n    padding-bottom: 2rem;\n  }\n  \n  &__info-title {\n    font-size: $font-size-lg;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    padding-bottom: 1rem;\n    color: $gray-9;\n    position: relative;\n    \n    &::after {\n      content: '';\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      width: 60px;\n      height: 2px;\n      background: var(--#{config.$prefix}primary);\n      border-radius: 2px;\n    }\n  }\n  \n  &__info-description {\n    font-size: $font-size-base;\n    line-height: 1.6;\n    margin-bottom: 1.5rem;\n    color: $gray-8;\n  }\n  \n  &__info-meta {\n    @extend %info-meta-item;\n  }\n  \n  &__info-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5rem;\n    margin-top: 1.5rem;\n    margin-bottom: 0.5rem;\n  }\n  \n  &__info-tag {\n    @extend %info-tag;\n  }\n  \n  // Responsive styles\n  @media (max-width: 992px) {\n    @include responsive-control-sizes(0.9);\n    \n    &__container {\n      max-width: 95vw;\n      max-height: 90vh;\n    }\n    \n    &__image-container {\n      max-width: 90vw;\n      max-height: 70vh;\n    }\n  }\n  \n  @media (max-width: 768px) {\n    @include responsive-control-sizes(0.8);\n    \n    &__container {\n      max-width: 100vw;\n      max-height: 100vh;\n      min-height: 100vh;\n      padding: 0.75rem;\n      border-radius: 0;\n    }\n    \n    &__header {\n      margin-bottom: 0.75rem;\n    }\n    \n    &__actions {\n      gap: 0.5rem;\n    }\n    \n    &__image-container {\n      max-height: 75vh;\n    }\n    \n    &__nav-btn,\n    &__nav-button {\n      &--prev {\n        left: 0.25rem;\n      }\n      \n      &--next {\n        right: 0.25rem;\n      }\n    }\n    \n    &__thumbnails {\n      max-width: 100%;\n    }\n    \n    &--thumbnails-left,\n    &--thumbnails-right {\n      .c-photo-viewer__container {\n        flex-direction: column;\n      }\n      \n      .c-photo-viewer__thumbnails {\n        flex-direction: row;\n        order: 1;\n        margin-top: var(--#{config.$prefix}photoviewer-spacing);\n        max-height: none;\n        max-width: 100%;\n        overflow-x: auto;\n      }\n    }\n    \n    &--info-open {\n      .c-photo-viewer__container {\n        padding-right: 0;\n      }\n      \n      .c-photo-viewer__info-panel {\n        width: 100%;\n        height: 100%;\n        position: absolute;\n        left: 0;\n        top: 0;\n        right: 0;\n        transform: translateX(0);\n      }\n      \n      .c-photo-viewer__info-panel {\n        overflow-y: auto;\n      }\n    }\n  }\n  \n  @media (max-width: 480px) {\n    @include responsive-control-sizes(0.7);\n    \n    &__container {\n      padding: 0.5rem;\n    }\n    \n    &__header {\n      margin-bottom: 0.5rem;\n    }\n    \n    &__counter,\n    &__counter-badge {\n      font-size: $font-size-xs;\n      padding: 0.2rem 0.5rem;\n    }\n    \n    &__actions {\n      gap: 0.3rem;\n    }\n    \n    &__image-container {\n      max-height: 65vh;\n    }\n    \n    &__info-panel {\n      width: 100%;\n      height: 70%;\n      bottom: 0;\n      top: auto;\n      transform: translateY(100%);\n      border-left: none;\n      border-top: 1px solid $gray-3;\n      \n      &.is-open {\n        transform: translateY(0);\n      }\n    }\n    \n    &--info-open &__info-panel {\n      padding: 1rem;\n    }\n  }\n}","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.border-radius' as *;\n@use '../01-settings/settings.box-shadow' as *;\n@use '../01-settings/settings.spacing' as *;\n@use '../01-settings/settings.typography' as *;\n@use '../02-tools/tools.rem' as rem;\n\n.c-image-gallery {\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 1rem; /* Using spacing size 4 (1rem/16px) */\n}\n\n.c-image-gallery__title {\n  font-size: $font-size-lg;\n  margin-bottom: 0.5rem; /* Using spacing size 2 (0.5rem/8px) */\n  color: $gray-9;\n}\n\n.c-image-gallery__description {\n  font-size: $font-size-md;\n  margin-bottom: 1.5rem; /* Using spacing size 6 (1.5rem/24px) */\n  color: $gray-7;\n  max-width: 800px;\n}\n\n.c-image-gallery__item {\n  cursor: pointer;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  border-radius: $border-radius-lg;\n  overflow: hidden;\n  \n  &:hover {\n    transform: translateY(-5px);\n    box-shadow: $box-shadow-lg;\n    \n    .c-image-gallery__card {\n      border-color: $primary-5;\n    }\n  }\n}\n\n.c-image-gallery__card {\n  height: 100%;\n  transition: border-color 0.3s ease;\n  \n  img {\n    transition: transform 0.5s ease;\n    width: 100%;\n    height: auto;\n    object-fit: cover;\n  }\n  \n  &:hover img {\n    transform: scale(1.05);\n  }\n}\n\n// Responsive adjustments\n@media (max-width: 768px) {\n  .c-image-gallery__title {\n    font-size: $h3-font-size;\n  }\n  \n  .c-image-gallery__description {\n    font-size: $font-size-sm;\n  }\n}","// .usage {\n//   @include clearfix();\n// }\n@mixin clearfix() {\n  &:after {\n    content: '' !important;\n    display: block !important;\n    clear: both !important;\n  }\n}\n","@use 'sass:map';\n@use \"../01-settings/settings.maps\" as color-maps;\n@use \"../01-settings/settings.config\" as config;\n@use \"../01-settings/settings.colors\" as colors;\n@use \"../02-tools/tools.to-rgb\" as *;\n@use \"../02-tools/tools.color-functions\" as *;\n\n// Define utilities for links\n$utilities-link: (\n  \"link-opacity\": (\n    css-var: true,\n    class: u-link-opacity,\n    state: hover,\n    values: (\n      10: .1,\n      25: .25,\n      50: .5,\n      75: .75,\n      100: 1\n    )\n  ),\n  \"link-offset\": (\n    property: text-underline-offset,\n    class: u-link-offset,\n    state: hover,\n    values: (\n      1: .125em,\n      2: .25em,\n      3: .375em,\n    )\n  ),\n  \"link-underline\": (\n    property: text-decoration-color,\n    class: u-link-underline,\n    local-vars: (\n      \"link-underline-opacity\": 1\n    ),\n    values: map.merge(\n      color-maps.$utilities-links-underline,\n      (\n        null: rgba(var(--#{config.$prefix}link-color-rgb), var(--#{config.$prefix}u-link-underline-opacity, 1)),\n      )\n    )\n  ),\n  \"link-underline-opacity\": (\n    css-var: true,\n    class: u-link-underline-opacity,\n    state: hover,\n    values: (\n      0: 0,\n      10: .1,\n      25: .25,\n      50: .5,\n      75: .75,\n      100: 1\n    ),\n  ),\n);\n\n// Define variables with default values\n$enable-important-utilities: true !default;\n$link-shade-percentage: 15% !default;\n\n// All-caps `RGBA()` function used because of this Sass bug: https://github.com/sass/node-sass/issues/2251\n@each $color, $value in color-maps.$theme-colors {\n  .u-link-#{$color} {\n    color: RGBA(var(--#{config.$prefix}#{$color}-rgb), var(--#{config.$prefix}u-link-opacity, 1)) if($enable-important-utilities, !important, null);\n    text-decoration-color: RGBA(var(--#{config.$prefix}#{$color}-rgb), var(--#{config.$prefix}u-link-underline-opacity, 1)) if($enable-important-utilities, !important, null);\n\n    @if $link-shade-percentage != 0 {\n      &:hover,\n      &:focus {\n        $hover-color: if(colors.$color-contrast-dark == \"white\", shade-color($value, $link-shade-percentage), tint-color($value, $link-shade-percentage));\n        color: RGBA(#{to-rgb($hover-color)}, var(--#{config.$prefix}u-link-opacity, 1)) if($enable-important-utilities, !important, null);\n        text-decoration-color: RGBA(#{to-rgb($hover-color)}, var(--#{config.$prefix}u-link-underline-opacity, 1)) if($enable-important-utilities, !important, null);\n      }\n    }\n  }\n}\n","@use '../02-tools/tools.hidden-visually' as *;\n\n.u-visually-hidden {\n  @include visually-hidden;\n} ","// Utility API\n// Bootstrap 5-inspired utility generator for Atomix Design System\n//\n// This API is used to generate utility classes from utility maps defined in the 99-utilities folder.\n// It provides a consistent way to generate utility classes with responsive variants, states, and more.\n\n@use 'sass:map';\n@use 'sass:string';\n@use 'sass:list';\n@use 'sass:meta';\n@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.breakpoints' as *;\n\n// Default config for utilities\n$utility-defaults: (\n  responsive: true,\n  rfs: false,\n  print: false,\n  dark: false,\n  class: null,\n  state: null,\n  local-vars: (),\n  rtl: true\n) !default;\n\n// Core function to generate utility classes\n@mixin generate-utility($utility, $infix: '', $is-rfs: false) {\n  $values: map.get($utility, values);\n\n  // If the values are a list or string, convert it to a map\n  @if meta.type-of($values) == 'string' or meta.type-of($values) == 'list' {\n    $values: zip($values, $values);\n  }\n\n  @each $key, $value in $values {\n    $properties: map.get($utility, property);\n    $property-class: map.get($utility, class);\n    $property-class: if($property-class, $property-class, list.nth($properties, 1));\n\n    // Multiple properties are possible, like with borders or shadows\n    $property-class: if(meta.type-of($property-class) == 'list', list.nth($property-class, 1), $property-class);\n\n    // State variants (hover, focus, active, etc.)\n    $state: map.get($utility, state);\n    $infix: if($state, if(meta.type-of($state) == 'string', '#{$state}#{$infix}', $infix), $infix);\n\n    // Don't prefix if value key is null (e.g. with shadow-none utility)\n    $class-name: if($key, '#{$property-class}-#{$key}#{$infix}', '#{$property-class}#{$infix}');\n\n    @if map.get($utility, class) == null {\n      .#{$class-name} {\n        @each $property in $properties {\n          #{$property}: $value if(map.get($utility, rtl), null, !important);\n        }\n      }\n    } @else {\n      .#{map.get($utility, class)}#{$infix}#{if($key, '-#{$key}', '')} {\n        @each $property in $properties {\n          #{$property}: $value if(map.get($utility, rtl), null, !important);\n        }\n      }\n    }\n  }\n}\n\n// Core function to generate responsive utilities\n@mixin generate-responsive-utilities($utility, $breakpoints, $breakpoint-infix-generator) {\n  $responsive: map.get($utility, responsive);\n\n  @if $responsive {\n    @each $breakpoint in map.keys($breakpoints) {\n      $infix: call($breakpoint-infix-generator, $breakpoint);\n      \n      @include media-breakpoint-up($breakpoint) {\n        @include generate-utility($utility, $infix);\n      }\n    }\n  } @else {\n    @include generate-utility($utility);\n  }\n}\n\n// Main mixin to generate all utilities\n@mixin generate-utilities($utilities, $breakpoints: $grid-breakpoints, $breakpoint-infix-generator: null) {\n  // Set default breakpoint infix generator if not provided\n  $breakpoint-infix-generator: if(\n    $breakpoint-infix-generator,\n    $breakpoint-infix-generator,\n    get-breakpoint-infix\n  );\n\n  @each $utility, $config in $utilities {\n    // Merge default config\n    $config: map.merge($utility-defaults, $config);\n    \n    // Only process if the utility is not explicitly set to false\n    @if map.get($config, generated) != false {      \n      $utility-map: (\n        property: map.get($config, property),\n        values: map.get($config, values),\n        class: map.get($config, class),\n        state: map.get($config, state),\n        rtl: map.get($config, rtl)\n      );\n\n      @include generate-responsive-utilities($utility-map, $breakpoints, $breakpoint-infix-generator);\n    }\n  }\n}\n\n// Helper function to get breakpoint infix\n@function get-breakpoint-infix($breakpoint) {\n  @return if($breakpoint == null, \"\", \"-#{$breakpoint}\");\n}\n\n// Helper function to create value lists\n@function zip($keys, $values) {\n  $result: ();\n  $index: 1;\n  \n  @each $key in $keys {\n    $result: map.merge($result, (\n      $key: if($index <= list.length($values), list.nth($values, $index), null)\n    ));\n    $index: $index + 1;\n  }\n  \n  @return $result;\n}\n"],"names":[],"sourceRoot":""}
+{"version":3,"file":"css/atomix.css","mappings":"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AGJ,0BACI,2CExEZ,aACI,4BAGA,oBADA,kBAEA,sBAEA,oBACI,cACA,kBAEA,uDACI,gBAGJ,iDAEI,6BADA,yBACA,CAGJ,iDAEI,4BADA,wBACA,CAIR,2BACI,oDCvBR,OAGI,4BACA,4BACA,2CACA,4BACA,6BACA,2BACA,gCACA,4CACA,4BACA,8BACA,sCACA,mCACA,4CACA,6BACA,mCACA,qFACA,8BAGA,mBAaA,sCAGA,2EAEA,8CAVA,8BAMA,eAfA,oBAKA,0CACA,sCACA,0CAJA,gCADA,uBAMA,0CAJA,gEAMA,kBAUA,6HCCoC,CDLpC,gEAHA,qBCQoC,CDCpC,aACE,sCAGF,aAGE,4CACA,kDAHA,mCAGA,CAKA,gBE/CJ,wBACA,wBACA,kCACA,8BACA,8BACA,wCACA,+BACA,+BACA,yCACA,iCACA,iCACA,2CFoCI,kBE/CJ,wBACA,wBACA,kCACA,8BACA,8BACA,wCACA,+BACA,+BACA,yCACA,iCACA,iCACA,2CFoCI,gBE/CJ,wBACA,wBACA,kCACA,8BACA,8BACA,wCACA,+BACA,+BACA,yCACA,iCACA,iCACA,2CFoCI,aE/CJ,wBACA,wBACA,kCACA,8BACA,8BACA,wCACA,+BACA,+BACA,yCACA,iCACA,iCACA,2CFoCI,gBE/CJ,wBACA,wBACA,kCACA,8BACA,8BACA,wCACA,+BACA,+BACA,yCACA,iCACA,iCACA,2CFoCI,cE/CJ,wBACA,wBACA,kCACA,8BACA,8BACA,wCACA,+BACA,+BACA,yCACA,iCACA,iCACA,2CFoCI,cE/CJ,wBACA,wBACA,kCACA,8BACA,8BACA,wCACA,+BACA,+BACA,yCACA,iCACA,iCACA,2CFoCI,aE/CJ,wBACA,wBACA,kCACA,8BACA,8BACA,wCACA,+BACA,+BACA,yCACA,iCACA,iCACA,2CF0CI,wBEDJ,yCACA,4BACA,gDACA,+CACA,8CACA,sDACA,gDACA,6CACA,uDACA,kDACA,qCACA,yDFVI,0BEDJ,wCACA,4BACA,kDACA,8CACA,8CACA,wDACA,+CACA,+CACA,yDACA,oDACA,qCACA,2DFVI,wBEDJ,yCACA,4BACA,gDACA,+CACA,4CACA,sDACA,gDACA,6CACA,uDACA,kDACA,qCACA,yDFVI,qBEDJ,sCACA,4BACA,6CACA,+CACA,yCACA,mDACA,gDACA,0CACA,oDACA,+CACA,qCACA,sDFVI,wBEDJ,yCACA,4BACA,gDACA,+CACA,4CACA,sDACA,gDACA,6CACA,uDACA,kDACA,qCACA,yDFVI,sBEDJ,uCACA,4BACA,8CACA,+CACA,0CACA,oDACA,gDACA,2CACA,qDACA,gDACA,qCACA,uDFVI,sBEDJ,wCACA,4BACA,8CACA,8CACA,8CACA,oDACA,+CACA,2CACA,qDACA,gDACA,qCACA,uDFVI,qBEDJ,wCACA,4BACA,6CACA,8CACA,8CACA,mDACA,+CACA,0CACA,oDACA,+CACA,qCACA,sDFLE,WEUF,4BACA,4BACA,4BACA,mCFVI,wBACE,8BAIJ,WEEF,2BACA,4BACA,gCACA,kCFFI,wBACE,+BAIJ,gBACE,iCAGF,aACE,4CACA,4DACA,6BAGA,qFADA,eACA,CAEA,mBACE,yFAIJ,aACE,mDAGF,0DAKE,+CAEA,qDAJA,uCAKA,2CAJA,mBAIA,CG9GN,cAEE,gCACA,qCACA,sCACA,6CACA,mDACA,0EACA,0CACA,mCACA,mCACA,wDACA,uCACA,uCACA,6CACA,0CACA,4CACA,yCACA,4CACA,yCACA,2CACA,wCACA,uCACA,sCACA,sCACA,qCACA,mEACA,4CACA,kEACA,4DACA,0DACA,kEACA,kEAQA,qCAJA,qBAEA,2CACA,uCAJA,kBAEA,UAGA,CAIA,6BAGE,mBADA,aADA,iBAEA,CAKF,qBACE,SAEA,qBADA,UACA,CAKF,6BAIE,oBAFA,YAEA,CAKF,yDANE,4CAFA,iBAoBA,CAZF,4BAIE,mBAEA,gBACA,YAKA,6CAHA,eANA,aAQA,iBANA,uBAKA,eARA,UAUA,CAEA,kCAEE,mDADA,8BACA,CAMJ,wBAKE,6CACA,qDACA,+CACA,kBAJA,8EAHA,kBAEA,qCADA,SAMA,CAGA,oEAEE,YACA,qBACA,aAGF,0CACA,yCAEA,sCAEE,OADA,QACA,CAGF,oCAEE,Q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","sources":["webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.animations.scss","webpack://@shohojdhara/atomix/./src/styles/03-generic/_generic.reset.scss","webpack://@shohojdhara/atomix/./src/styles/03-generic/_generic.root.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.color-mode.scss","webpack://@shohojdhara/atomix/./src/styles/03-generic/_generic.selection.scss","webpack://@shohojdhara/atomix/./src/styles/01-settings/_settings.colors.scss","webpack://@shohojdhara/atomix/./src/styles/04-elements/_elements.all.scss","webpack://@shohojdhara/atomix/./src/styles/04-elements/_elements.body.scss","webpack://@shohojdhara/atomix/./src/styles/01-settings/_settings.typography.scss","webpack://@shohojdhara/atomix/./src/styles/04-elements/_elements.heading.scss","webpack://@shohojdhara/atomix/./src/styles/04-elements/_elements.html.scss","webpack://@shohojdhara/atomix/./src/styles/04-elements/_elements.links.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.transition.scss","webpack://@shohojdhara/atomix/./src/styles/05-objects/_objects.container.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.grid.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.breakpoints.scss","webpack://@shohojdhara/atomix/./src/styles/01-settings/_settings.grid.scss","webpack://@shohojdhara/atomix/./src/styles/05-objects/_objects.grid.scss","webpack://@shohojdhara/atomix/./src/styles/05-objects/_objects.masonry-grid.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.accordion.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.avatar.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.size.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.object-fit.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.avatar-group.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.badge.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.breadcrumb.scss","webpack://@shohojdhara/atomix/./src/styles/01-settings/_settings.breadcrumb.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.btn-group.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.button.scss","webpack://@shohojdhara/atomix/./src/styles/01-settings/_settings.button.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.button.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.datepicker.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.card.scss","webpack://@shohojdhara/atomix/./src/styles/01-settings/_settings.border-radius.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.checkbox-group.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.checkbox.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.color-mode-toggle.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.countdown.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.data-table.scss","webpack://@shohojdhara/atomix/./src/styles/01-settings/_settings.data-table.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.dropdown.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.spacing.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.edge-panel.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.form.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.hero.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.form-group.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.input.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.placeholder.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.list-group.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.list.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.menu.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.messages.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.modal.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.nav.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.event.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.navbar.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.media-queries.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.callout.scss","webpack://@shohojdhara/atomix/./src/styles/01-settings/_settings.callout.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.pagination.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.popover.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.product-review.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.progress.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.rating.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.river.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.sectionintro.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.select.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.hidden-visually.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.side-menu.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.skeleton.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.spinner.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.steps.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.tabs.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.testimonials.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.todo.scss","webpack://@shohojdhara/atomix/./src/styles/01-settings/_settings.todo.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.toggle.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.tooltip.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.upload.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.border-radius.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.photoviewer.scss","webpack://@shohojdhara/atomix/./src/styles/01-settings/_settings.box-shadow.scss","webpack://@shohojdhara/atomix/./src/styles/06-components/_components.image-gallery.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.clearfix.scss","webpack://@shohojdhara/atomix/./src/styles/99-utilities/_utilities.link.scss","webpack://@shohojdhara/atomix/./src/styles/99-utilities/_utilities.visually-hidden.scss","webpack://@shohojdhara/atomix/./src/styles/02-tools/_tools.utility-api.scss"],"sourcesContent":["@use '../01-settings/settings.animations' as animations;\n@use 'sass:list';\n@use 'tools.transition' as transition;\n@use '../01-settings/settings.config' as config;\n\n// Forward basic-transition mixin for backwards compatibility\n@mixin basic-transition($property: all, $duration: 0.2s, $timing: ease-in-out, $delay: 0s) {\n  @include transition.basic-transition($property, $duration, $timing, $delay);\n}\n\n@keyframes #{config.$prefix}-skeleton-loading {\n  0% {\n      background-position: 100% 50%;\n  }\n  \n  100% {\n      background-position: 0 50%;\n  }\n}","// _generic.reset.scss\n// Bootstrap 5 style reboot\n// Based on Bootstrap 5's _reboot.scss (MIT License)\n\n@use '../01-settings/settings.config' as config;\n\n// Box sizing rules\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n// Root and body setup\n:root {\n  // Reduce the risk of overflow issues\n  @media (prefers-reduced-motion: no-preference) {\n    scroll-behavior: smooth;\n  }\n}\n\n// Body\nbody {\n  margin: 0;\n  font-family: var(--#{config.$prefix}font-family-base);\n  font-size: var(--#{config.$prefix}font-size-base);\n  font-weight: var(--#{config.$prefix}font-weight-base);\n  line-height: var(--#{config.$prefix}line-height-base);\n  color: var(--#{config.$prefix}body-color);\n  text-align: var(--#{config.$prefix}body-text-align);\n  background-color: var(--#{config.$prefix}body-bg);\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n// Typography\n// Headings\nh1, h2, h3, h4, h5, h6 {\n  margin-top: 0;\n  margin-bottom: var(--#{config.$prefix}headings-margin-bottom);\n  font-family: var(--#{config.$prefix}headings-font-family);\n  font-weight: var(--#{config.$prefix}headings-font-weight);\n  line-height: var(--#{config.$prefix}headings-line-height);\n  color: var(--#{config.$prefix}headings-color);\n}\n\nh1 {\n  font-size: var(--#{config.$prefix}h1-font-size);\n}\n\nh2 {\n  font-size: var(--#{config.$prefix}h2-font-size);\n}\n\nh3 {\n  font-size: var(--#{config.$prefix}h3-font-size);\n}\n\nh4 {\n  font-size: var(--#{config.$prefix}h4-font-size);\n}\n\nh5 {\n  font-size: var(--#{config.$prefix}h5-font-size);\n}\n\nh6 {\n  font-size: var(--#{config.$prefix}h6-font-size);\n}\n\n// Reset margins on paragraphs\np {\n  margin-top: 0;\n  margin-bottom: var(--#{config.$prefix}paragraph-margin-bottom);\n}\n\n// Abbreviations\nabbr[title],\nabbr[data-bs-original-title] {\n  text-decoration: underline dotted;\n  cursor: help;\n  text-decoration-skip-ink: none;\n}\n\n// Address\naddress {\n  margin-bottom: 1rem;\n  font-style: normal;\n  line-height: inherit;\n}\n\n// Lists\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1rem;\n  padding-left: 2rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: var(--#{config.$prefix}dt-font-weight);\n}\n\ndd {\n  margin-bottom: .5rem;\n  margin-left: 0;\n}\n\n// Blockquote\nblockquote {\n  margin: 0 0 1rem;\n}\n\n// Strong\nb,\nstrong {\n  font-weight: var(--#{config.$prefix}font-weight-bolder);\n}\n\n// Small\nsmall {\n  font-size: var(--#{config.$prefix}small-font-size);\n}\n\n// Mark\nmark {\n  padding: var(--#{config.$prefix}mark-padding);\n  background-color: var(--#{config.$prefix}mark-bg);\n}\n\n// Sub and sup\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n// Links\na {\n  color: var(--#{config.$prefix}link-color);\n  text-decoration: var(--#{config.$prefix}link-decoration);\n\n  &:hover {\n    color: var(--#{config.$prefix}link-hover-color);\n    text-decoration: var(--#{config.$prefix}link-hover-decoration);\n  }\n}\n\n// And undo these styles for placeholder links/named anchors (without href)\na:not([href]):not([class]),\na:not([href]):not([class]):hover {\n  color: inherit;\n  text-decoration: none;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  font-family: var(--#{config.$prefix}font-family-monospace);\n  font-size: 1em; // Correct the odd `em` font sizing\n}\n\npre {\n  display: block;\n  margin-top: 0;\n  margin-bottom: 1rem;\n  overflow: auto;\n  font-size: var(--#{config.$prefix}code-font-size);\n\n  // Account for some code outputs that place code tags in pre tags\n  code {\n    font-size: inherit;\n    color: inherit;\n    word-break: normal;\n  }\n}\n\ncode {\n  font-size: var(--#{config.$prefix}code-font-size);\n  color: var(--#{config.$prefix}code-color);\n  word-wrap: break-word;\n\n  // Streamline the style when inside anchors to avoid broken underline and more\n  a > & {\n    color: inherit;\n  }\n}\n\nkbd {\n  padding: var(--#{config.$prefix}kbd-padding-y) var(--#{config.$prefix}kbd-padding-x);\n  font-size: var(--#{config.$prefix}kbd-font-size);\n  color: var(--#{config.$prefix}kbd-color);\n  background-color: var(--#{config.$prefix}kbd-bg);\n  border-radius: var(--#{config.$prefix}border-radius-sm);\n\n  kbd {\n    padding: 0;\n    font-size: 1em;\n    font-weight: var(--#{config.$prefix}font-weight-bolder);\n  }\n}\n\n// Figures\nfigure {\n  margin: 0 0 1rem;\n}\n\n// Images and content\nimg,\nsvg {\n  vertical-align: middle;\n}\n\n// Tables\ntable {\n  caption-side: bottom;\n  border-collapse: collapse;\n}\n\ncaption {\n  padding-top: var(--#{config.$prefix}table-cell-padding-y);\n  padding-bottom: var(--#{config.$prefix}table-cell-padding-y);\n  color: var(--#{config.$prefix}secondary-color);\n  text-align: left;\n}\n\n// Forms\nlabel {\n  display: inline-block;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds\nbutton {\n  border-radius: 0;\n}\n\n// Work around a Firefox/IE bug where the transparent `button` background\n// results in a loss of the default `button` focus styles\nbutton:focus:not(:focus-visible) {\n  outline: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be visible\n:focus:not(:focus-visible) {\n  outline: 0;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\n// Remove the inheritance of text transform in Firefox\nbutton,\nselect {\n  text-transform: none;\n}\n\n// Set the cursor for non-`<button>` buttons\n[role=\"button\"] {\n  cursor: pointer;\n}\n\nselect {\n  word-wrap: normal;\n}\n\n// Remove the inner border and padding in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Add the correct vertical alignment in Chrome and Firefox\nprogress {\n  vertical-align: baseline;\n}\n\n// Correct styling of number inputs in Safari\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=\"search\"] {\n  outline-offset: -2px; // Safari\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  font: inherit; // 2\n  -webkit-appearance: button; // 1\n}\n\n// Correct element displays\noutput {\n  display: inline-block;\n}\n\niframe {\n  border: 0;\n}\n\n// Summary\nsummary {\n  display: list-item;\n  cursor: pointer;\n}\n\n// Hidden attribute\n[hidden] {\n  display: none !important;\n}\n\n// Print styles\n@media print {\n  *,\n  *::before,\n  *::after {\n    text-shadow: none !important;\n    box-shadow: none !important;\n  }\n\n  a:not(.btn) {\n    text-decoration: underline;\n  }\n\n  abbr[title]::after {\n    content: \" (\" attr(title) \")\";\n  }\n\n  pre {\n    white-space: pre-wrap !important;\n  }\n\n  pre,\n  blockquote {\n    border: 1px solid #adb5bd;\n    page-break-inside: avoid;\n  }\n\n  tr,\n  img {\n    page-break-inside: avoid;\n  }\n\n  p,\n  h2,\n  h3 {\n    orphans: 3;\n    widows: 3;\n  }\n\n  h2,\n  h3 {\n    page-break-after: avoid;\n  }\n\n  @page {\n    size: a3;\n  }\n\n  body {\n    min-width: 992px !important;\n  }\n\n  .container {\n    min-width: 992px !important;\n  }\n} ","@use '../02-tools' as *;\n@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.color-mode' as color-mode;\n@use '../01-settings/settings.border-radius' as border-radius;\n@use '../01-settings/settings.border' as border;\n@use '../01-settings/settings.colors' as colors;\n@use '../01-settings/settings.maps' as color-maps;\n@use '../01-settings/settings.box-shadow' as box-shadow;\n@use '../01-settings/settings.typography' as typography;\n@use 'sass:meta';\n\n$gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)) !default;\n\n:root,\n[data-#{config.$prefix}theme=\"light\"] {\n  // Note: Custom variable values only support SassScript inside `#{}`.\n\n  // Colors\n  //\n  // Generate palettes for full colors, grays, and theme colors.\n\n  @each $color, $value in color-maps.$theme-colors {\n    --#{config.$prefix}#{$color}: #{$value};\n  }\n\n  $theme-colors-rgb: map-loop(color-maps.$theme-colors, to-rgb) !default;\n\n  @each $color, $value in color-maps.$theme-colors {\n    --#{config.$prefix}#{$color}-rgb: #{to-rgb($value)};\n  }\n\n  @each $color, $value in color-maps.$grays {\n    --#{config.$prefix}gray-#{$color}: #{$value};\n  }\n\n  @each $color, $value in color-maps.$theme-colors-text {\n    --#{config.$prefix}#{$color}-text-emphasis: #{$value};\n  }\n\n  @each $color, $value in color-maps.$theme-colors-bg-subtle {\n    --#{config.$prefix}#{$color}-bg-subtle: #{$value};\n  }\n\n  @each $color, $value in color-maps.$theme-colors-border-subtle {\n    --#{config.$prefix}#{$color}-border-subtle: #{$value};\n  }\n\n  @each $color, $value in color-maps.$theme-colors-hover {\n    --#{config.$prefix}#{$color}-hover: #{$value};\n  }\n\n  // Fonts\n\n  // Note: Use meta.inspect for lists so that quoted items keep the quotes.\n  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n  --#{config.$prefix}font-sans-serif: #{meta.inspect(typography.$font-family-sans-serif)};\n  --#{config.$prefix}font-monospace: #{meta.inspect(typography.$font-family-monospace)};\n  --#{config.$prefix}gradient: #{$gradient};\n\n  // Root and body\n  // scss-docs-start root-body-variables\n  @if typography.$font-size-root != null {\n    --#{config.$prefix}root-font-size: #{typography.$font-size-root};\n  }\n  --#{config.$prefix}body-font-family: #{meta.inspect(typography.$font-family-base)};\n  --#{config.$prefix}body-font-size: #{typography.$font-size-base};\n  --#{config.$prefix}body-font-weight: #{typography.$font-weight-base};\n  --#{config.$prefix}body-line-height: #{typography.$line-height-base};\n  @if typography.$body-text-align != null {\n    --#{config.$prefix}body-text-align: #{typography.$body-text-align};\n  }\n\n  --#{config.$prefix}body-color: #{colors.$body-color};\n  --#{config.$prefix}body-bg: #{colors.$body-bg};\n\n  // scss-docs-end root-body-variables\n\n  --#{config.$prefix}heading-color: #{colors.$headings-color};\n\n  --#{config.$prefix}link-color: #{colors.$link-color};\n  --#{config.$prefix}link-color-rgb: #{to-rgb(colors.$link-color)};\n  --#{config.$prefix}link-decoration: #{colors.$link-decoration};\n\n  --#{config.$prefix}link-hover-color: #{colors.$link-hover-color};\n  --#{config.$prefix}link-hover-color-rgb: #{to-rgb(colors.$link-hover-color)};\n\n  @if colors.$link-hover-decoration != null {\n    --#{config.$prefix}link-hover-decoration: #{colors.$link-hover-decoration};\n  }\n\n  --#{config.$prefix}code-color: #{colors.$code-color};\n  --#{config.$prefix}highlight-bg: #{colors.$mark-bg};\n\n  // scss-docs-start root-border-var\n  --#{config.$prefix}border-width: #{border.$border-width};\n  --#{config.$prefix}border-style: #{border.$border-style};\n  --#{config.$prefix}border-color: #{border.$border-color};\n  --#{config.$prefix}border-color-translucent: rgba(#{to-rgb(border.$border-color)}, 0.175);\n\n  --#{config.$prefix}border-radius: #{border-radius.$border-radius};\n  --#{config.$prefix}border-radius-sm: #{border-radius.$border-radius-sm};\n  --#{config.$prefix}border-radius-lg: #{border-radius.$border-radius-lg};\n  --#{config.$prefix}border-radius-xl: #{border-radius.$border-radius-xl};\n  --#{config.$prefix}border-radius-xxl: #{border-radius.$border-radius-xxl};\n  --#{config.$prefix}border-radius-2xl: var(--#{config.$prefix}border-radius-xxl); // Deprecated in v5.3.0 for consistency\n  --#{config.$prefix}border-radius-3xl: #{border-radius.$border-radius-3xl};\n  --#{config.$prefix}border-radius-4xl: #{border-radius.$border-radius-4xl};\n  --#{config.$prefix}border-radius-pill: #{border-radius.$border-radius-pill};\n  // scss-docs-end root-border-var\n\n  --#{config.$prefix}box-shadow: #{box-shadow.$box-shadow};\n  --#{config.$prefix}box-shadow-xs: #{box-shadow.$box-shadow-xs};\n  --#{config.$prefix}box-shadow-sm: #{box-shadow.$box-shadow-sm};\n  --#{config.$prefix}box-shadow-lg: #{box-shadow.$box-shadow-lg};\n  --#{config.$prefix}box-shadow-xl: #{box-shadow.$box-shadow-xl};\n  --#{config.$prefix}box-shadow-inset: #{box-shadow.$box-shadow-inset};\n\n  // Focus styles\n  // scss-docs-start root-focus-variables\n  --#{config.$prefix}focus-border-color: #{colors.$focus-border-color};\n  // scss-docs-end root-focus-variables\n\n  // scss-docs-start root-form-validation-variables\n  --#{config.$prefix}form-valid-color: #{colors.$form-valid-color};\n  --#{config.$prefix}form-valid-border-color: #{colors.$form-valid-border-color};\n  --#{config.$prefix}form-invalid-color: #{colors.$form-invalid-color};\n  --#{config.$prefix}form-invalid-border-color: #{colors.$form-invalid-border-color};\n  // scss-docs-end root-form-validation-variables\n}\n\n@if color-mode.$enable-dark-mode {\n  @include color-mode(dark, true) {\n    color-scheme: dark;\n\n    --#{config.$prefix}body-color: #{colors.$body-color-dark};\n    --#{config.$prefix}body-bg: #{colors.$body-bg-dark};\n\n    @each $color, $value in color-maps.$theme-colors-dark {\n      --#{config.$prefix}#{$color}: #{$value};\n    }\n\n    @each $color, $value in color-maps.$theme-colors-text-dark {\n      --#{config.$prefix}#{$color}-text-emphasis: #{$value};\n    }\n\n    @each $color, $value in color-maps.$theme-colors-bg-subtle-dark {\n      --#{config.$prefix}#{$color}-bg-subtle: #{$value};\n    }\n\n    @each $color, $value in color-maps.$theme-colors-border-subtle-dark {\n      --#{config.$prefix}#{$color}-border-subtle: #{$value};\n    }\n\n    @each $color, $value in color-maps.$theme-colors-hover-dark {\n      --#{config.$prefix}#{$color}-hover: #{$value};\n    }\n\n    --#{config.$prefix}box-shadow: #{box-shadow.$box-shadow-dark};\n    --#{config.$prefix}box-shadow-xs: #{box-shadow.$box-shadow-xs-dark};\n    --#{config.$prefix}box-shadow-sm: #{box-shadow.$box-shadow-sm-dark};\n    --#{config.$prefix}box-shadow-lg: #{box-shadow.$box-shadow-lg-dark};\n    --#{config.$prefix}box-shadow-xl: #{box-shadow.$box-shadow-xl-dark};\n\n    --#{config.$prefix}heading-color: #{colors.$headings-color-dark};\n\n    --#{config.$prefix}link-color: #{colors.$link-color-dark};\n    --#{config.$prefix}link-color-rgb: #{to-rgb(colors.$link-color-dark)};\n    --#{config.$prefix}link-hover-color: #{colors.$link-hover-color-dark};\n\n\n    --#{config.$prefix}code-color: #{colors.$code-color-dark};\n    \n    --#{config.$prefix}border-color: #{border.$border-color-dark};\n    --#{config.$prefix}border-color-translucent: #{colors.$border-color-translucent-dark};\n\n    --#{config.$prefix}focus-border-color: #{colors.$focus-border-color-dark};\n\n\n    --#{config.$prefix}form-valid-color: #{colors.$form-valid-color-dark};\n    --#{config.$prefix}form-valid-border-color: #{colors.$form-valid-border-color-dark};\n    --#{config.$prefix}form-invalid-color: #{colors.$form-invalid-color-dark};\n    --#{config.$prefix}form-invalid-border-color: #{colors.$form-invalid-border-color-dark};\n  }\n}\n","@use '../01-settings/settings.color-mode' as color-mode;\n@use '../01-settings/settings.config' as config;\n\n@mixin color-mode($mode: light, $root: false) {\n    @if color-mode.$color-mode-type == \"media-query\" {\n      @if $root == true {\n        @media (prefers-color-scheme: $mode) {\n          :root {\n            @content;\n          }\n        }\n      } @else {\n        @media (prefers-color-scheme: $mode) {\n          @content;\n        }\n      }\n    } @else {\n      [data-#{config.$prefix}theme=\"#{$mode}\"] {\n        @content;\n      }\n    }\n  }","@use '../01-settings/settings.colors' as colors;\n\n::selection {\n  background: colors.$primary;\n  background: rgba(colors.$primary, 0.3);\n}\n\n::-moz-selection {\n  background: colors.$primary;\n  background: rgba(colors.$primary, 0.3);\n}\n\n* {\n  -webkit-tap-highlight-color: rgba(colors.$primary, 0.2);\n}\n","@use \"sass:color\";\n\n@use '../02-tools/tools.to-rgb' as *;\n@use '../02-tools/tools.color-functions' as *;\n\n// Basic Colors \n$white:                         #ffffff !default;\n$black:                         #000000 !default;\n\n// Color contrast variables\n$color-contrast-dark:          #000000 !default;\n$color-contrast-light:         #ffffff !default;\n\n// Primitives Primary Colors\n$primary-1:                     #F2E8FD !default;\n$primary-2:                     #E4D0FA !default;\n$primary-3:                     #D0B2F5 !default;\n$primary-4:                     #B88CEF !default;\n$primary-5:                     #9C63E9 !default;\n$primary-6:                     #7C3AED !default; // Balanced primary purple\n$primary-7:                     #6425CA !default;\n$primary-8:                     #501BA6 !default;\n$primary-9:                     #3C1583 !default;\n$primary-10:                    #2A0E60 !default;\n\n// Primitives Red Colors\n$red-1:                         #FEF2F2 !default;\n$red-2:                         #FEE2E2 !default;\n$red-3:                         #FECACA !default;\n$red-4:                         #FCA5A5 !default;\n$red-5:                         #F87171 !default;\n$red-6:                         #EF4444 !default; // Vibrant, accessible red\n$red-7:                         #DC2626 !default;\n$red-8:                         #B91C1C !default;\n$red-9:                         #991B1B !default;\n$red-10:                        #7F1D1D !default;\n\n// Primitives Green Colors\n$green-1:                       #F0FDF4 !default;\n$green-2:                       #DCFCE7 !default;\n$green-3:                       #BBF7D0 !default;\n$green-4:                       #86EFAC !default;\n$green-5:                       #4ADE80 !default;\n$green-6:                       #22C55E !default; // Balanced, accessible green\n$green-7:                       #16A34A !default;\n$green-8:                       #15803D !default;\n$green-9:                       #166534 !default;\n$green-10:                      #14532D !default;\n\n// Primitives Yellow Colors\n$yellow-1:                      #FEFCE8 !default;\n$yellow-2:                      #FEF9C3 !default;\n$yellow-3:                      #FEF08A !default;\n$yellow-4:                      #FDE047 !default;\n$yellow-5:                      #FACC15 !default;\n$yellow-6:                      #EAB308 !default; // Accessible, high-visibility yellow\n$yellow-7:                      #CA8A04 !default;\n$yellow-8:                      #A16207 !default;\n$yellow-9:                      #854D0E !default;\n$yellow-10:                     #713F12 !default;\n\n// Primitives Blue Colors\n$blue-1:                        #EFF6FF !default;\n$blue-2:                        #DBEAFE !default;\n$blue-3:                        #BFDBFE !default;\n$blue-4:                        #93C5FD !default;\n$blue-5:                        #60A5FA !default;\n$blue-6:                        #3B82F6 !default; // Balanced, accessible blue\n$blue-7:                        #2563EB !default;\n$blue-8:                        #1D4ED8 !default;\n$blue-9:                        #1E40AF !default;\n$blue-10:                       #1E3A8A !default;\n\n// Primitives Gray Colors\n$gray-1:                        #F9FAFB !default;\n$gray-2:                        #F3F4F6 !default;\n$gray-3:                        #E5E7EB !default;\n$gray-4:                        #D1D5DB !default;\n$gray-5:                        #9CA3AF !default;\n$gray-6:                        #6B7280 !default;\n$gray-7:                        #4B5563 !default;\n$gray-8:                        #374151 !default;\n$gray-9:                        #1F2937 !default;\n$gray-10:                       #111827 !default;\n\n// Primitives Overlay\n$overlay-1:                      rgba(20, 20, 20, 0.302) !default;\n$overlay-2:                      rgba($gray-6, .6) !default;\n\n\n\n\n\n\n//Text colors emphasis\n$primary-text:                  $gray-10 !default;\n$secondary-text:                $gray-8 !default;\n$tertiary-text:                 $gray-6 !default;\n$disabled-text:                 $gray-5 !default;\n$invert-text:                   $gray-10 !default;\n$brand-text:                    $primary-6 !default;\n$error-text:                    $red-6 !default;\n$success-text:                  $green-6 !default;\n$warning-text:                  $yellow-6 !default;\n$info-text:                     $blue-6 !default;\n$light-text:                    $gray-1 !default;\n$dark-text:                     $gray-9 !default;\n\n// Text colors dark emphasis\n$primary-text-dark:             $white !default;\n$secondary-text-dark:           $gray-3 !default;\n$tertiary-text-dark:            $gray-4 !default;\n$disabled-text-dark:            $gray-5 !default;\n$invert-text-dark:              $gray-1 !default;\n$brand-text-dark:               $primary-2 !default;\n$error-text-dark:               $red-3 !default;\n$success-text-dark:             $green-3 !default;\n$warning-text-dark:             $yellow-3 !default;\n$info-text-dark:                $blue-3 !default;\n$light-text-dark:               $gray-1 !default;\n$dark-text-dark:                $gray-8 !default;\n\n\n\n// Background colors subtle\n$primary-bg:                    $white !default;\n$secondary-bg:                  $gray-3 !default;\n$tertiary-bg:                   $gray-4 !default;\n$invert-bg:                     $gray-10 !default;\n$brand-bg:                      $primary-2 !default;\n$error-bg:                      $red-2 !default;\n$success-bg:                    $green-2 !default;\n$warning-bg:                    $yellow-2 !default;\n$info-bg:                       $blue-2 !default;\n$light-bg:                      $gray-2 !default;\n$dark-bg:                       $gray-9 !default;\n\n// Background colors dark subtle\n$primary-bg-dark:               $gray-9 !default;\n$secondary-bg-dark:             $gray-7 !default;\n$tertiary-bg-dark:              $gray-6 !default;\n$invert-bg-dark:                $white !default;\n$brand-bg-dark:                 $primary-8 !default;\n$error-bg-dark:                 $red-10 !default;\n$success-bg-dark:               $green-9 !default;\n$warning-bg-dark:               $yellow-10 !default;\n$info-bg-dark:                  $blue-10   !default;\n$light-bg-dark:                 $gray-1 !default;\n$dark-bg-dark:                  $gray-8 !default;\n\n\n\n// Border color\n$primary-border:                $gray-3 !default;\n$secondary-border:              $gray-10 !default;\n$brand-border:                  $primary-6 !default;\n$error-border:                  $red-6 !default;\n$success-border:                $green-6 !default;\n$warning-border:                $yellow-6 !default;\n$info-border:                   $blue-6 !default;\n$light-border:                  $gray-1 !default;\n$dark-border:                   $gray-9 !default;\n\n// Border color dark\n$primary-border-dark:           $gray-8 !default;\n$secondary-border-dark:         $white !default;\n$brand-border-dark:             $primary-6 !default;\n$error-border-dark:             $red-6 !default;\n$success-border-dark:           $green-6 !default;\n$warning-border-dark:           $yellow-6 !default;\n$info-border-dark:              $blue-6 !default;\n$light-border-dark:             $gray-1 !default;\n$dark-border-dark:              $gray-8 !default;\n\n\n\n// theme colors\n$primary:                       $primary-6 !default;\n$secondary:                     $gray-2 !default;\n$light:                         $gray-1 !default;\n$dark:                          $gray-9 !default;\n$success:                       $green-6 !default;\n$info:                          $blue-6 !default;\n$warning:                       $yellow-6 !default;\n$error:                         $red-6 !default;\n\n// Theme colors Dark\n$primary-dark:                  $primary-6 !default;\n$secondary-dark:                $gray-7 !default;\n$light-dark:                    $gray-1 !default;\n$dark-dark:                     $gray-8 !default;\n$success-dark:                  $green-6 !default;\n$info-dark:                     $blue-6 !default;\n$warning-dark:                  $yellow-6 !default; \n$error-dark:                    $red-6 !default;        \n\n\n\n\n// Theme hover background\n$primary-hover:                 $primary-6 !default;\n$secondary-hover:               $gray-3 !default;\n$light-hover:                   $gray-2 !default;\n$dark-hover:                    $gray-7 !default;\n$success-hover:                 $green-8 !default;\n$info-hover:                    $blue-8 !default;\n$warning-hover:                 $yellow-8 !default;\n$error-hover:                   $red-8 !default;\n\n // Theme hover background for dark theme\n$primary-hover-dark:            $primary-6 !default;\n$secondary-hover-dark:          $gray-6 !default;\n$light-hover-dark:              $gray-5 !default; \n$dark-hover-dark:               $gray-7 !default;\n$info-hover-dark:               $blue-4 !default;\n$success-hover-dark:            $green-4 !default;\n$warning-hover-dark:            $yellow-5 !default;\n$error-hover-dark:              $red-4 !default;\n\n\n\n\n//  Mischelleneous Colors\n$color-contrast-dark:           $black !default;\n$color-contrast-light:          $white !default;\n\n$body-color:                    $primary-text !default;\n$body-bg:                       $primary-bg !default;\n$headings-color:                $primary-text !default;\n$link-color:                    $primary !default;\n$link-decoration:              none !default;\n$link-hover-color:             color.adjust($link-color, $lightness: -15%) !default;\n$link-hover-decoration:        null !default;\n$code-color:                   $red-6 !default;\n$mark-bg:                      $yellow-3 !default;\n\n// Form validation colors\n$form-valid-color:             $green-6 !default;\n$form-valid-border-color:      $green-6 !default;\n$form-invalid-color:           $red-6 !default;\n$form-invalid-border-color:    $red-6 !default;\n\n$body-color-dark:               $primary-text-dark !default;\n$body-bg-dark:                  $primary-bg-dark !default;\n\n// Border colors for use with components\n$primary-border:                $gray-6 !default;\n$primary-border-dark:           $gray-7 !default;\n\n// Dark mode colors\n$headings-color-dark:           $gray-3 !default;\n$link-color-dark:               $primary-4 !default;\n$link-hover-color-dark:         color.adjust($link-color-dark, $lightness: -15%) !default;\n$code-color-dark:               $red-5 !default;\n$border-color-translucent-dark: rgba($white, 0.15) !default;\n\n// Form validation dark mode colors\n$form-valid-color-dark:         $green-5 !default;\n$form-valid-border-color-dark:  $green-5 !default;\n$form-invalid-color-dark:       $red-5 !default;\n$form-invalid-border-color-dark: $red-5 !default;\n\n$focus-border-color:            $primary-5 !default;\n$focus-border-color-dark:       $primary-4 !default;\n\n$component-active-color:        $white !default;\n$component-active-bg:           $primary !default;\n\n// All variables are automatically exported when using @use\n","@use '../01-settings/settings.config' as config;\n\n*,\n*:before,\n*:after {\n  box-sizing: border-box;\n}\n\nimg{\n  max-width: 100%;\n  height: auto;\n}\n\n.docs-story {\n  background: var(--#{config.$prefix}body-bg) !important;\n}","@use '../01-settings/settings.typography' as typography;\n\nbody {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-family: typography.$font-family-base;\n  font-weight: typography.$font-weight-base;\n  font-size: typography.$font-size-base;\n  line-height: typography.$line-height-base;\n\n  &.is-blocked,\n  &.is-modal-open{\n    overflow: hidden;\n  }\n\n}\n","// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// Font stacks with appropriate fallbacks\n$Roboto: \"Roboto\", sans-serif;\n\n$helvetica-neue:                'Helvetica Neue', 'Helvetica', 'Arial', system-ui, -apple-system, BlinkMacSystemFont, sans-serif !default;\n$system-font-stack:             system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif !default;\n\n\n$font-family-base:              $Roboto !default;\n$font-family-sans-serif:        $Roboto !default;\n$font-family-monospace:         SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !default;\n$headings-font-family:          $Roboto !default;\n\n$font-weight-light:             300 !default;\n$font-weight-normal:            400 !default;\n$font-weight-medium:            500 !default;\n$font-weight-semibold:          600 !default;\n$font-weight-bold:              700 !default;\n$font-weight-heavy:             800 !default;\n$font-weight-black:             900 !default;\n$font-weight-base:              $font-weight-normal !default;\n\n// $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins\n// $font-size-base affects the font size of the body text\n$font-size-root: null !default;\n$font-size-base:                1rem;                                      //16px\n$font-size-xs:                  $font-size-base * .75 !default;            //12px\n$font-size-sm:                  $font-size-base * .875 !default;           //14px\n$font-size-md:                  $font-size-base * 1.125!default;           //18px\n$font-size-lg:                  $font-size-base * 1.25 !default;           //20px\n\n$h1-font-size:                  $font-size-base * 2.5 !default;            //40px\n$h2-font-size:                  $font-size-base * 2 !default;              //32px\n$h3-font-size:                  $font-size-base * 1.5 !default;            //24px\n$h4-font-size:                  $font-size-base * 1.25 !default;           //20px\n$h5-font-size:                  $font-size-base * 1.125 !default;          //18px\n$h6-font-size:                  $font-size-base !default;                 //16px\n\n// Font sizes map for utilities\n$font-sizes: (\n  1: $h1-font-size,\n  2: $h2-font-size,\n  3: $h3-font-size,\n  4: $h4-font-size,\n  5: $h5-font-size,\n  6: $h6-font-size,\n  \"xs\": $font-size-xs,\n  \"sm\": $font-size-sm,\n  \"md\": $font-size-md,\n  \"lg\": $font-size-lg,\n  \"base\": $font-size-base\n) !default;\n\n$display-1:                     $font-size-base * 4 !default;               //64px\n\n$line-height-base:              1.2 !default;\n$line-height-sm:                1.43 !default;\n$line-height-lg:                1.56 !default;\n\n$headings-margin-bottom:        0 !default;\n$headings-font-weight:          $font-weight-bold !default;\n$headings-line-height:          1.3 !default;\n\n\n$h1-letter-spaceing:            -1px !default;\n$h2-letter-spaceing:            -1px !default;\n$h3-letter-spaceing:            -1px !default;\n$h4-letter-spaceing:            -0.5px !default;\n$h5-letter-spaceing:            -0.5px !default;\n$h6-letter-spaceing:            -0.5px !default;\n\n$paragraph-margin-bottom:       0 !default;\n$body-text-align:              null !default;\n","@use '../01-settings/settings.typography' as typography;\n\nh1, .h1 {\n    font-size: typography.$h1-font-size;\n    letter-spacing: typography.$h1-letter-spaceing;\n}\n\nh2, .h2 {\n    font-size: typography.$h2-font-size;\n    letter-spacing: typography.$h2-letter-spaceing;\n}\n\nh3, .h3 {\n    font-size: typography.$h3-font-size;\n    letter-spacing: typography.$h3-letter-spaceing;\n}\n\nh4, .h4 {\n    font-size: typography.$h4-font-size;\n    letter-spacing: typography.$h4-letter-spaceing;\n}\n\nh5, .h5 { \n    font-size: typography.$h5-font-size;\n    letter-spacing: typography.$h5-letter-spaceing;\n}\n\nh6, .h6 {\n    font-size: typography.$h6-font-size;\n    letter-spacing: typography.$h6-letter-spaceing;\n}\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n  font-family: typography.$headings-font-family;\n  font-weight: typography.$headings-font-weight;\n  line-height: typography.$headings-line-height;\n} ","html {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  scroll-behavior: smooth;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-rendering: optimizeLegibility;\n}\n","@use '../01-settings/settings.config' as config;\n@use '../02-tools/tools.animations' as animations;\n\n\na {\n  color: rgba(var(--#{config.$prefix}link-color-rgb), var(--#{config.$prefix}u-link-opacity, 1));\n  @include animations.basic-transition(color);\n  &,\n  &:hover {\n    text-decoration: none;\n  }\n}\n","@use '../01-settings/settings.animations' as animations;\n@use 'sass:list';\n\n// Transition base mixin\n@mixin transition-base($property: all, $duration: 0.2s, $timing: ease-in-out, $delay: 0s) {\n  transition-property: $property;\n  transition-duration: $duration;\n  transition-timing-function: $timing;\n  transition-delay: $delay;\n}\n\n// Basic transition mixin (used by components)\n@mixin basic-transition($property: all, $duration: 0.2s, $timing: ease-in-out, $delay: 0s) {\n  @include transition-base($property, $duration, $timing, $delay);\n}\n\n// Multiple properties transition\n@mixin transition($transitions...) {\n  $props: ();\n  $durations: ();\n  $timings: ();\n  $delays: ();\n\n  @each $transition in $transitions {\n    $property: nth($transition, 1);\n    $duration: 0.2s;\n    $timing-function: ease-in-out;\n    $delay: 0s;\n\n    @if length($transition) > 1 {\n      $duration: nth($transition, 2);\n    }\n    @if length($transition) > 2 {\n      $timing-function: nth($transition, 3);\n    }\n    @if length($transition) > 3 {\n      $delay: nth($transition, 4);\n    }\n\n    $props: append($props, $property, comma);\n    $durations: append($durations, $duration, comma);\n    $timings: append($timings, $timing-function, comma);\n    $delays: append($delays, $delay, comma);\n  }\n\n  transition-property: $props;\n  transition-duration: $durations;\n  transition-timing-function: $timings;\n  transition-delay: $delays;\n} ","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.grid' as grid;\n@use '../01-settings/settings.breakpoints' as breakpoints;\n@use '../02-tools/tools.breakpoints' as *;\n@use '../02-tools/tools.grid' as *;\n\n.o-container,  .o-container-fluid {\n  @include make-container(); \n}\n\n@each $breakpoint, $container-max-width in grid.$container-max-widths {\n  .o-container-#{$breakpoint} {\n    @extend .o-container-fluid;\n  }\n  \n  @include media-breakpoint-up($breakpoint, breakpoints.$grid-breakpoints) {\n    %responsive-container-#{$breakpoint} {\n      max-width: $container-max-width;\n    }\n\n    $extend-breakpoint: true;\n\n    @each $name, $width in breakpoints.$grid-breakpoints {\n      @if ($extend-breakpoint) {\n         .o-container#{breakpoint-infix($name, breakpoints.$grid-breakpoints)} {\n          @extend %responsive-container-#{$breakpoint};\n        }\n\n        @if ($breakpoint == $name) {\n          $extend-breakpoint: false;\n        }\n      }\n    }\n  }\n}\n","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.grid' as grid;\n@use '../01-settings/settings.breakpoints' as breakpoints;\n@use './tools.breakpoints' as *;\n@use 'sass:math';\n@use 'sass:map';\n@use 'sass:list';\n\n// Container mixin\n@mixin make-container($gutter: grid.$grid-gutter-width) {\n  width: 100%;\n  padding-right: $gutter * 0.5;\n  padding-left: $gutter * 0.5;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n// Row mixin\n@mixin make-row($gutter: grid.$grid-gutter-width) {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$gutter * 0.5;\n  margin-left: -$gutter * 0.5;\n}\n\n// Column ready mixin\n@mixin make-col-ready($gutter: grid.$grid-gutter-width) {\n  position: relative;\n  width: 100%;\n  padding-right: $gutter * 0.5;\n  padding-left: $gutter * 0.5;\n}\n\n// Column size mixin\n@mixin make-col($size, $columns: grid.$grid-columns) {\n  flex: 0 0 auto;\n  width: math.percentage(math.div($size, $columns));\n}\n\n// Column offset mixin\n@mixin make-col-offset($size, $columns: grid.$grid-columns) {\n  margin-left: if($size > 0, math.percentage(math.div($size, $columns)), 0);\n}\n\n// Grid columns generator\n@mixin grid-columns(\n  $columns: grid.$grid-columns,\n  $gutter: grid.$grid-gutter-width,\n  $breakpoints: breakpoints.$grid-breakpoints\n) {\n  @each $breakpoint in map.keys($breakpoints) {\n    $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      .o-grid__col-#{$infix}-auto {\n        flex: 1 0 0%; // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      }\n\n      @if $columns > 0 {\n        @for $i from 1 through $columns {\n          .o-grid__col-#{$infix}-#{$i} {\n            @include make-col($i, $columns);\n          }\n        }\n\n        @for $i from 0 through ($columns - 1) {\n          @if not($infix == '' and $i == 0) {\n            .o-grid__offset-#{$infix}-#{$i} {\n              @include make-col-offset($i, $columns);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.grid' as grid;\n@use '../01-settings/settings.breakpoints' as breakpoints;\n@use 'sass:math';\n@use 'sass:map';\n@use 'sass:list';\n\n\n// Breakpoint viewport sizes and media queries.\n@mixin media-breakpoint-up($name, $breakpoints: breakpoints.$grid-breakpoints) {\n    $min: map.get($breakpoints, $name);\n    @if $min {\n      @media (min-width: $min) {\n        @content;\n      }\n    } @else {\n      @content;\n    }\n  }\n  \n  // Media of at most the maximum breakpoint width\n  @mixin media-breakpoint-down($name, $breakpoints: breakpoints.$grid-breakpoints) {\n    // Get the next breakpoint\n    $breakpoint-names: map.keys($breakpoints);\n    $breakpoint-index: list.index($breakpoint-names, $name);\n    \n    // If not the largest breakpoint\n    @if $breakpoint-index < list.length($breakpoint-names) {\n      $next-breakpoint: list.nth($breakpoint-names, $breakpoint-index + 1);\n      $next-value: map.get($breakpoints, $next-breakpoint);\n      \n      @media (max-width: ($next-value - 0.02)) {\n        @content;\n      }\n    } @else {\n      @content;\n    }\n  }\n  \n  // Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n  @function breakpoint-infix($name, $breakpoints: breakpoints.$grid-breakpoints) {\n    @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n  }\n  \n  // Returns the minimum breakpoint width.\n  @function breakpoint-min($name, $breakpoints: breakpoints.$grid-breakpoints) {\n    $min: map.get($breakpoints, $name);\n    @return if($min != 0, $min, null);\n  }","@use \"settings.breakpoints\" as breakpoints;\n\n$enable-grid-classes: true;\n$grid-columns: 12;\n$grid-gutter-width: 16px;\n\n// Use breakpoints from the breakpoints module\n$container-max-widths: (\n  xs: 340px,\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px,\n  xxl: 1320px,\n) !default;\n","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.grid' as grid;\n@use '../02-tools/tools.grid' as *;\n@use '../02-tools/tools.breakpoints' as *;\n\n.o-grid {\n    --#{config.$prefix}gutter-y: #{grid.$grid-gutter-width};\n    @include make-row();\n\n    &__col {\n        @include make-col-ready();\n    }\n\n    &--no-gutters {\n       margin-right: 0;\n       margin-left: 0;\n\n       .o-grid__col {\n           padding-right: 0;\n           padding-left: 0;\n       }\n    }\n}\n\n@include grid-columns();\n","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.masonry-grid' as masonry;\n@use '../01-settings/settings.breakpoints' as breakpoints;\n@use '../02-tools/tools.rem' as *;\n@use 'sass:math';\n\n.o-masonry-grid {\n    $root: &;\n    \n    \n    // Base styles\n    position: relative;\n    width: 100%;\n    min-height: 100px; // Minimum height to prevent layout shift\n    \n    // Animation variant\n    &--animate {\n        .o-masonry-grid__item {\n            transition: opacity 0.3s ease, top 0.3s ease, left 0.3s ease;\n        }\n    }\n    \n    // Item styles\n    &__item {\n        box-sizing: border-box;\n        width: 100%;\n        \n        // Prevent FOUC (Flash of Unstyled Content)\n        &:not([style*=\"position: absolute\"]) {\n            opacity: 0;\n            visibility: hidden;\n        }\n    }\n    \n    // Loading states for items\n    &__item-loading {\n        \n        &::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: var(--#{config.$prefix}gray-10);\n            z-index: 1;\n            border-radius: 4px;\n        }\n        \n        img {\n            opacity: 0;\n        }\n    }\n    \n    // Loaded state with fade-in animation\n    &__item-loaded img {\n        animation: masonry-item-fade-in 0.3s ease forwards;\n    }\n    \n    // Progressive loading indicator\n    &--loading-images {\n        position: relative;\n        \n        &::after {\n            content: '';\n            position: absolute;\n            bottom: 16px;\n            right: 16px;\n            width: 24px;\n            height: 24px;\n            border: 2px solid rgba(0, 0, 0, 0.1);\n            border-radius: 50%;\n            border-top-color: var(--#{config.$prefix}brand-border-subtle);\n            animation: masonry-spinner 0.8s linear infinite;\n            z-index: 1000;\n            pointer-events: none;\n        }\n    }\n    \n    // Animations\n    @keyframes masonry-spinner {\n        to { transform: rotate(360deg); }\n    }\n    \n    @keyframes masonry-item-fade-in {\n        from { opacity: 0; }\n        to { opacity: 1; }\n    }\n    \n}\n","@use '../02-tools/tools.rem' as *;\n@use '../01-settings/settings.accordion' as accordion;\n@use '../01-settings/settings.config' as config;\n@use '../02-tools/tools.animations' as *;\n\n.c-accordion {\n  $root: &;\n\n  --#{config.$prefix}accordion-width: #{accordion.$accordion-width};\n  --#{config.$prefix}accordion-border-width: #{accordion.$accordion-border-width};\n  --#{config.$prefix}accordion-border-color: #{accordion.$accordion-border-color};\n  --#{config.$prefix}accordion-border-radius: #{accordion.$accordion-border-radius};\n  --#{config.$prefix}accordion-body-padding-x: #{rem(accordion.$accordion-body-padding-x)};\n  --#{config.$prefix}accordion-body-padding-y: #{rem(accordion.$accordion-body-padding-y)};\n  --#{config.$prefix}accordion-body-color: #{accordion.$accordion-body-color};\n  --#{config.$prefix}accordion-body-bg: #{accordion.$accordion-body-bg};\n  --#{config.$prefix}accordion-header-padding-x: #{rem(accordion.$accordion-header-padding-x)};\n  --#{config.$prefix}accordion-header-padding-y: #{rem(accordion.$accordion-header-padding-y)};\n  --#{config.$prefix}accordion-header-color: #{accordion.$accordion-header-color};\n  --#{config.$prefix}accordion-header-bg: #{accordion.$accordion-header-bg};\n  --#{config.$prefix}accordion-header-bg-hover: #{accordion.$accordion-header-bg-hover};\n  --#{config.$prefix}accordion-icon-size: #{rem(accordion.$accordion-icon-size)};\n  --#{config.$prefix}accordion-icon-color: #{accordion.$accordion-icon-color};\n  --#{config.$prefix}accordion-icon-transform: #{accordion.$accordion-icon-transform};\n  --#{config.$prefix}accordion-disable-color: #{accordion.$accordion-disable-color};\n  --panel-height: 0px;\n\n  width: 100%;\n  max-width: var(--#{config.$prefix}accordion-width);\n  border: var(--#{config.$prefix}accordion-border-width) solid var(--#{config.$prefix}accordion-border-color);\n\n  &__header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    color: var(--#{config.$prefix}accordion-header-color);\n    padding: var(--#{config.$prefix}accordion-header-padding-y) var(--#{config.$prefix}accordion-header-padding-x);\n    background-color: var(--#{config.$prefix}accordion-header-bg);\n    border-radius: var(--#{config.$prefix}accordion-border-radius);\n    border: none;\n    cursor: pointer;\n    width: 100%;\n\n    &--icon-left {\n      flex-direction: row-reverse;\n      justify-content: flex-end;\n      gap: var(--#{config.$prefix}accordion-header-padding-x);\n    }\n\n    &:hover {\n      --#{config.$prefix}accordion-header-bg: var(--#{config.$prefix}accordion-header-bg-hover);\n    }\n  }\n\n  &__title {\n    margin-right: rem(20px);\n  }\n\n  &__icon {\n    color: var(--#{config.$prefix}accordion-icon-color);\n    font-size: var(--#{config.$prefix}accordion-icon-size);\n    will-change: transform;\n\n    @include basic-transition();\n  }\n\n  &__panel {\n    height: var(--panel-height);\n    overflow: hidden;\n    will-change: height;\n\n    @include basic-transition();\n  }\n\n  &__body {\n    color: var(--#{config.$prefix}accordion-body-color);\n    padding: var(--#{config.$prefix}accordion-body-padding-y) var(--#{config.$prefix}accordion-body-padding-x);\n    background-color: var(--#{config.$prefix}accordion-body-bg);\n    border-radius: 0 0 var(--#{config.$prefix}accordion-border-radius) var(--#{config.$prefix}accordion-border-radius);\n  }\n\n  &:focus, &.is-focused {\n    --#{config.$prefix}accordion-border-color: var(--#{config.$prefix}focus-border-color);\n  }\n\n  &.is-open {\n    #{$root}__icon {\n      transform: rotate(var(--#{config.$prefix}accordion-icon-transform));\n    }\n\n    #{$root}__header {\n      border-radius: var(--#{config.$prefix}accordion-border-radius)  var(--#{config.$prefix}accordion-border-radius) 0 0;\n    }\n  }\n\n  &.is-disabled {\n    pointer-events: none;\n\n    --#{config.$prefix}accordion-header-color: var(--#{config.$prefix}accordion-disable-color);\n    --#{config.$prefix}accordion-body-color: var(--#{config.$prefix}accordion-disable-color);\n    --#{config.$prefix}accordion-icon-color: var(--#{config.$prefix}accordion-disable-color);\n  }\n}\n","@use 'sass:map';\n@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.avatar' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.border-radius' as *;\n@use '../02-tools/tools.object-fit' as *;\n@use '../02-tools/tools.size' as *;\n@use '../02-tools/tools.animations' as *;\n\n// Avatar base component\n.c-avatar {\n    // CSS custom properties\n    --#{$prefix}avatar-fit: #{$avatar-fit};\n    --#{$prefix}avatar-size: #{rem(map.get($avatar-size, md))};\n    --#{$prefix}avatar-border-radius: #{map.get($avatar-border-radius, md)};\n    --#{$prefix}avatar-border-circle-radius: #{map.get($avatar-border-radius, 'circle')};\n    --#{$prefix}avatar-color: #{$avatar-color};\n    --#{$prefix}avatar-bg: #{$avatar-bg};\n    --#{$prefix}avatar-border-width: #{$avatar-border-width};\n    --#{$prefix}avatar-border-color: #{$avatar-border-color};\n    --#{$prefix}avatar-initials-font-size: #{map.get($avatar-initials-font-size, md)};\n    --#{$prefix}avatar-hover-opacity: #{$avatar-hover-opacity};\n    --#{$prefix}avatar-focus-ring-width: #{$avatar-focus-ring-width};\n    --#{$prefix}avatar-focus-ring-color: #{$avatar-focus-ring-color};\n    --#{$prefix}avatar-disabled-opacity: #{$avatar-disabled-opacity};\n\n    // Base styles\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    @include square(var(--#{$prefix}avatar-size));\n    border-radius: var(--#{$prefix}avatar-border-radius);\n    background-color: var(--#{$prefix}avatar-bg);\n    color: var(--#{$prefix}avatar-color);\n    border: var(--#{$prefix}avatar-border-width) solid var(--#{$prefix}avatar-border-color);\n    overflow: hidden;\n    user-select: none;\n    @include basic-transition(opacity);\n\n    // Size variants\n    @each $size, $value in $avatar-size {\n        &--#{$size} {\n            --#{$prefix}avatar-size: #{rem($value)};\n            --#{$prefix}avatar-border-radius: #{map.get($avatar-border-radius, $size)};\n            --#{$prefix}avatar-initials-font-size: #{map.get($avatar-initials-font-size, $size)};\n        }\n    }\n\n    // Shape variant\n    &--circle {\n        --#{$prefix}avatar-border-radius: var(--#{$prefix}avatar-border-circle-radius);\n    }\n\n    // Interactive states\n    &[role=\"button\"] {\n        cursor: pointer;\n\n        &:hover {\n            opacity: var(--#{$prefix}avatar-hover-opacity);\n        }\n\n        &:focus-visible {\n            outline: var(--#{$prefix}avatar-focus-ring-width) solid var(--#{$prefix}avatar-focus-ring-color);\n            outline-offset: 1px;\n        }\n    }\n\n    &.is-disabled,\n    &[aria-disabled=\"true\"] {\n        opacity: var(--#{$prefix}avatar-disabled-opacity);\n        pointer-events: none;\n    }\n\n    // Avatar content elements\n    &__image {\n        width: 100%;\n        height: 100%;\n        @include object-fit(var(--#{$prefix}avatar-fit));\n    }\n\n    &__initials {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 100%;\n        height: 100%;\n        font-size: var(--#{$prefix}avatar-initials-font-size);\n        font-weight: $avatar-initials-font-weight;\n        text-transform: uppercase;\n    }\n\n    &__icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 100%;\n        height: 100%;\n    }\n}","@mixin size($width, $height) {\n  width: $width;\n  height: $height;\n}\n\n@mixin square($size) {\n  @include size($size, $size);\n}\n","@mixin object-fit($f: contain, $p: center) {\n    object-fit: $f;\n    object-position: $p;\n}","@use 'sass:map';\n@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.avatar-group' as *;\n@use '../01-settings/settings.avatar' as avatar;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.border-radius' as *;\n@use '../02-tools/tools.animations' as *;\n@use '../01-settings/settings.typography' as *;\n\n// Avatar group component\n.c-avatar-group {\n  // CSS custom properties\n  --#{$prefix}avatar-group-gap: #{rem($avatar-group-gap)};\n  --#{$prefix}avatar-group-stacked-overlap: #{$avatar-group-stacked-overlap};\n  --#{$prefix}avatar-group-stacked-hover-gap: #{rem($avatar-group-stacked-hover-gap)};\n  --#{$prefix}avatar-group-more-color: #{$avatar-group-more-color};\n  --#{$prefix}avatar-group-more-bg: #{$avatar-group-more-bg};\n  --#{$prefix}avatar-group-more-font-size: #{$avatar-group-more-font-size};\n  --#{$prefix}avatar-group-more-font-weight: #{$avatar-group-more-font-weight};\n  --#{$prefix}avatar-group-more-border-width: #{$avatar-group-more-border-width};\n  --#{$prefix}avatar-group-more-border-color: #{$avatar-group-more-border-color};\n  --#{$prefix}avatar-group-transition-duration: #{$avatar-group-transition-duration};\n  --#{$prefix}avatar-group-transition-timing: #{$avatar-group-transition-timing};\n\n  // Base styles\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: center;\n  gap: var(--#{$prefix}avatar-group-gap);\n\n  // More indicator\n  &__more {\n    display: grid;\n    place-items: center;\n    color: var(--#{$prefix}avatar-group-more-color);\n    font-size: var(--#{$prefix}avatar-group-more-font-size);\n    font-weight: var(--#{$prefix}avatar-group-more-font-weight);\n    background-color: var(--#{$prefix}avatar-group-more-bg);\n    border: var(--#{$prefix}avatar-group-more-border-width) solid\n      var(--#{$prefix}avatar-group-more-border-color);\n    \n    // Inherit size and shape from avatars\n    width: var(--#{$prefix}avatar-size);\n    height: var(--#{$prefix}avatar-size);\n    border-radius: var(--#{$prefix}avatar-border-radius);\n  }\n\n  // Stacked variant\n  &--stacked {\n    gap: 0;\n\n    > * {\n      transition: transform var(--#{$prefix}avatar-group-transition-duration) var(--#{$prefix}avatar-group-transition-timing);\n      border: 2px solid var(--#{$prefix}avatar-group-more-bg);\n    }\n\n    // Position each avatar with negative margin\n    @for $i from 1 through 10 {\n      > *:nth-child(#{$i + 1}) {\n        transform: translateX(\n          calc((var(--#{$prefix}avatar-size) / -2) * #{$i})\n        );\n      }\n    }\n\n    // Hover state - spread avatars apart\n    &:hover {\n      > * {\n        transform: translateX(0);\n      }\n      \n      & {\n        gap: var(--#{$prefix}avatar-group-stacked-hover-gap);\n      }\n    }\n    \n    // More indicator in stacked layout\n    .c-avatar-group__more {\n      font-size: var(--#{$prefix}avatar-group-more-font-size);\n      margin-left: calc(var(--#{$prefix}avatar-size) * -1 * var(--#{$prefix}avatar-group-stacked-overlap) / 100);\n      z-index: 1;\n    }\n  }\n}\n","@use 'sass:map';\n@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.badge' as *;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.maps' as maps;\n@use '../02-tools/tools.rem' as *;\n\n.c-badge {\n    --#{$prefix}tag-font-size: #{$tag-font-size};\n    --#{$prefix}tag-font-weight: #{$tag-font-weight};\n    --#{$prefix}tag-color: var(--#{$prefix}body-color);\n    --#{$prefix}tag-padding-x: #{rem($tag-padding-x)};\n    --#{$prefix}tag-padding-y: #{rem($tag-padding-y)};\n    --#{$prefix}tag-border-radius: #{$tag-border-radius};\n    --#{$prefix}tag-bg-color: var(--#{$prefix}body-bg);\n    --#{$prefix}tag-icon-size: #{rem($tag-icon-size)};\n    --#{$prefix}tag-inner-items-gap: #{rem($tag-inner-items-gap)};\n\n    display: inline-flex;\n    align-items: center;\n    gap: var(--#{$prefix}tag-inner-items-gap);\n    color: var(--#{$prefix}tag-color);\n    font-size: var(--#{$prefix}tag-font-size);\n    font-weight: var(--#{$prefix}tag-font-weight);\n    line-height: 1;\n    padding: var(--#{$prefix}tag-padding-y) var(--#{$prefix}tag-padding-x);\n    border-radius: var(--#{$prefix}tag-border-radius);\n    background-color: var(--#{$prefix}tag-bg-color);\n    user-select: none;\n\n    &__icon {\n        font-size: var(--#{$prefix}tag-icon-size);\n        color: var(--#{$prefix}tag-color);\n        fill: var(--#{$prefix}tag-color);\n    }\n\n    &--sm{\n        --#{$prefix}tag-padding-y: #{$tag-padding-y-sm};\n    }\n\n    &--lg {\n        --#{$prefix}tag-padding-y: #{$tag-padding-y-lg};\n    }\n\n    @each $color, $value in maps.$theme-colors  {\n        &--#{$color} {\n            @if($color == 'primary') {\n                --#{$prefix}tag-bg-color: var(--#{$prefix}brand-bg-subtle);\n                --#{$prefix}tag-color: var(--#{$prefix}brand-text-emphasis);\n            } @else if ($color == 'dark') {\n                --#{$prefix}tag-bg-color: var(--#{$prefix}dark);\n                --#{$prefix}tag-color: var(--#{$prefix}light);\n            }@else if ($color == 'light') {\n                --#{$prefix}tag-bg-color: var(--#{$prefix}light);\n                --#{$prefix}tag-color: var(--#{$prefix}dark);\n            }@else {\n                --#{$prefix}tag-bg-color: var(--#{$prefix}#{$color}-bg-subtle);\n                --#{$prefix}tag-color: var(--#{$prefix}#{$color}-text-emphasis);\n            }\n        }\n    }\n}","@use 'sass:map';\n@use 'sass:string';\n@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.breadcrumb' as *;\n@use '../01-settings/settings.typography' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.animations' as *;\n\n.c-breadcrumb {\n    --#{$prefix}breadcrumb-font-size: #{$breadcrumb-font-size};\n\n    --#{$prefix}breadcrumb-link-padding-y: #{rem($breadcrumb-link-padding-y)};\n    --#{$prefix}breadcrumb-link-padding-x: #{rem($breadcrumb-link-padding-x)};\n    --#{$prefix}breadcrumb-link-border-width: #{rem($breadcrumb-link-border-width)};\n    --#{$prefix}breadcrumb-items-gap: #{rem($breadcrumb-items-gap)};\n    --#{$prefix}breadcrumb-margin-bottom: #{rem($breadcrumb-margin-bottom)};\n    --#{$prefix}breadcrumb-color: #{$breadcrumb-color};\n    --#{$prefix}breadcrumb-hover-color: #{$breadcrumb-hover-color};\n    --#{$prefix}breadcrumb-active-color: #{$breadcrumb-active-color};\n    --#{$prefix}breadcrumb-bg: #{$breadcrumb-bg};\n    --#{$prefix}breadcrumb-divider-color: #{$breadcrumb-divider-color};\n    --#{$prefix}breadcrumb-divider-active-color: #{$breadcrumb-divider-active-color};\n    --#{$prefix}breadcrumb-divider-size: #{rem($breadcrumb-divider-size)};\n    --#{$prefix}breadcrumb-divider-gap: #{rem($breadcrumb-divider-gap)};\n\n    $root: &;\n\n    display: flex;\n    gap: var(--#{$prefix}breadcrumb-items-gap);\n    list-style: none;\n    padding-left: 0px;\n    margin-bottom: var(--#{$prefix}breadcrumb-margin-bottom);\n    background-color: var(--#{$prefix}breadcrumb-bg);\n    \n\n    &__item {\n        display: flex;\n        align-items: center;\n        gap: var(--#{$prefix}breadcrumb-items-gap);\n\n        &+& {\n            &::before {\n                content: $breadcrumb-divider;\n                color: var(--#{$prefix}breadcrumb-divider-color);\n                font-size: var(--#{$prefix}breadcrumb-divider-size);\n                margin-right: var(--#{$prefix}breadcrumb-divider-gap);\n            }\n        }\n\n        &.is-active {\n            &::before {\n                color: var(--#{$prefix}breadcrumb-divider-active-color);\n            }\n\n            #{$root}__link{\n                color: var(--#{$prefix}breadcrumb-active-color);\n                font-weight: $font-weight-medium;\n            }\n        }\n    }\n\n    &__link {\n        display: flex;\n        align-items: center;\n        gap: calc(var(--#{$prefix}breadcrumb-items-gap) / 2);\n        color: var(--#{$prefix}breadcrumb-color);\n        padding: var(--#{$prefix}breadcrumb-link-padding-y) var(--#{$prefix}breadcrumb-link-padding-x);\n        border: var(--#{$prefix}breadcrumb-link-border-width) solid transparent;\n\n        @include basic-transition();\n\n        &:focus-visible {\n            outline: none;\n            border-color:  var(--#{$prefix}focus-border-color);\n        }\n\n        &:hover{\n            color: var(--#{$prefix}breadcrumb-hover-color);\n        }\n    }\n}","@use \"sass:string\";\n@use \"settings.config\" as config;\n@use \"settings.typography\" as fonts;\n\n$breadcrumb-font-size:                  fonts.$font-size-sm !default;\n$breadcrumb-link-padding-y:             4px !default;\n$breadcrumb-link-padding-x:             0px !default;\n$breadcrumb-link-border-width:          2px !default;\n$breadcrumb-items-gap:                  12px !default;\n$breadcrumb-margin-bottom:              16px !default;\n$breadcrumb-color:                      var(--#{config.$prefix}tertiary-text-emphasis) !default;\n$breadcrumb-hover-color:                var(--#{config.$prefix}body-color) !default;\n$breadcrumb-active-color:               var(--#{config.$prefix}body-color) !default;\n$breadcrumb-bg:                         null !default;\n$breadcrumb-divider-color:              var(--#{config.$prefix}tertiary-text-emphasis) !default;\n$breadcrumb-divider-active-color:       var(--#{config.$prefix}tertiary-text-emphasis) !default;\n$breadcrumb-divider:                    \"\\203A\" !default; // Unicode character for '›'\n$breadcrumb-divider-size:               20px !default;\n$breadcrumb-divider-gap:                12px !default;","@use 'sass:map';\n@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.btn-group' as *;\n@use '../02-tools/tools.rem' as *;\n\n.c-btn-group {\n    --#{$prefix}btn-group-gap: #{$btn-group-gap};\n\n    position: relative;\n    display: inline-flex;\n    vertical-align: middle;\n\n    .c-btn {\n        flex: 1 1 auto;\n        position: relative;\n\n        &:not(:first-child):not(:last-child) {\n            border-radius: 0px;\n        }\n\n        &:first-child:not(:last-child) {\n            border-top-right-radius: 0px;\n            border-bottom-right-radius: 0px;\n        }\n\n        &:last-child:not(:first-child) {\n            border-top-left-radius: 0px;\n            border-bottom-left-radius: 0px;\n        }\n    }\n\n    .c-btn+.c-btn {\n        margin-left: calc(var(--#{$prefix}btn-border-width) * -1);\n    }\n}","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.button' as button;\n@use '../01-settings/settings.colors' as colors;\n@use '../01-settings/settings.maps' as color-maps;\n@use '../01-settings/settings.border-radius' as border-radius;\n@use '../02-tools/tools.border-radius' as *;\n@use '../02-tools/tools.button' as *;\n@use '../02-tools/tools.rem' as *;\n\n.c-btn {\n    $root: &; \n  \n    --#{config.$prefix}btn-padding-x: #{button.$btn-padding-x};\n    --#{config.$prefix}btn-padding-y: #{button.$btn-padding-y};\n    --#{config.$prefix}btn-font-family: #{button.$btn-font-family};\n    --#{config.$prefix}btn-font-size: #{button.$btn-font-size};\n    --#{config.$prefix}btn-font-weight: #{button.$btn-font-weight};\n    --#{config.$prefix}btn-line-height: #{button.$btn-line-height};\n    --#{config.$prefix}btn-icon-size: #{rem(button.$btn-icon-size)};\n    --#{config.$prefix}btn-color: #{button.$btn-color};\n    --#{config.$prefix}btn-bg: transparent;\n    --#{config.$prefix}btn-border-width: #{button.$btn-border-width};\n    --#{config.$prefix}btn-border-color: transparent;\n    --#{config.$prefix}btn-border-radius: #{button.$btn-border-radius};\n    --#{config.$prefix}btn-hover-border-color: transparent;\n    --#{config.$prefix}btn-box-shadow: #{button.$btn-box-shadow};\n    --#{config.$prefix}btn-disabled-opacity: #{button.$btn-disabled-opacity};\n    --#{config.$prefix}btn-focus-box-shadow: 0 0 0 #{button.$btn-focus-width} rgba(var(--#{config.$prefix}btn-focus-shadow-rgb), 0.5);\n    --#{config.$prefix}btn-inner-gap: #{rem(button.$btn-inner-gap)};\n  \n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--#{config.$prefix}btn-inner-gap);\n    padding: var(--#{config.$prefix}btn-padding-y) var(--#{config.$prefix}btn-padding-x);\n    font-family: var(--#{config.$prefix}btn-font-family);\n    font-size: var(--#{config.$prefix}btn-font-size);\n    font-weight: var(--#{config.$prefix}btn-font-weight);\n    line-height: var(--#{config.$prefix}btn-line-height);\n    color: var(--#{config.$prefix}btn-color);\n    text-align: center;\n    text-decoration: if(colors.$link-decoration == none, null, none);\n    white-space: button.$btn-white-space;\n    vertical-align: middle;\n    background-color: var(--#{config.$prefix}btn-bg);\n    cursor: if(button.$enable-button-pointers, pointer, null);\n    user-select: none;\n    border: var(--#{config.$prefix}btn-border-width) solid\n      var(--#{config.$prefix}btn-border-color);\n    border-radius: var(--#{config.$prefix}btn-border-radius);\n    transition: button.$btn-transition;\n  \n    &__icon {\n      font-size: var(--#{config.$prefix}btn-icon-size);\n    }\n  \n    &:hover {\n      color: var(--#{config.$prefix}btn-hover-color);\n      text-decoration: if(colors.$link-hover-decoration == underline, none, null);\n      background-color: var(--#{config.$prefix}btn-hover-bg);\n      border-color: var(--#{config.$prefix}btn-hover-border-color);\n    }\n  \n  \n    @each $color, $value in color-maps.$theme-colors {\n      &--#{$color} {\n          @include btn-variant($color, $value);\n      }\n    }\n  \n    @each $color, $value in color-maps.$theme-colors {\n      &--outline-#{$color} {\n        @include btn-outline-variant($color);\n      }\n    }\n  \n    &--lg {\n      @include btn-size(button.$btn-padding-y-lg, button.$btn-padding-x-lg, button.$btn-font-size-lg, button.$btn-border-radius-lg);\n  \n      #{$root}__icon {\n        --#{config.$prefix}btn-icon-size: #{rem(button.$btn-icon-size-lg)};\n      }\n    }\n  \n    &--sm {\n      @include btn-size(button.$btn-padding-y-sm, button.$btn-padding-x-sm, button.$btn-font-size-sm, button.$btn-border-radius-sm);\n  \n      #{$root}__icon {\n        --#{config.$prefix}btn-icon-size: #{rem(button.$btn-icon-size-sm)};\n      }\n    }\n  \n    &--rounded {\n      --#{config.$prefix}btn-border-radius: #{border-radius.$border-radius-pill};\n    }\n  \n    &--link {\n      --#{config.$prefix}btn-color: #{button.$btn-link-color};\n      --#{config.$prefix}btn-color-hover: #{button.$btn-link-color-hover};\n      --#{config.$prefix}btn-font-weight: #{button.$btn-link-font-weight};\n  \n      border-radius: 0px;\n      border-bottom: var(--#{config.$prefix}btn-border-width) solid button.$btn-link-border-color;\n  \n      &:hover {\n        border-bottom: var(--#{config.$prefix}btn-border-width) solid button.$btn-link-border-color-hover;\n      }\n    }\n  \n    &--icon {\n      --#{config.$prefix}btn-padding-x: var(--#{config.$prefix}btn-padding-y);\n    }\n  \n    &:disabled,\n    &--disabled,\n    fieldset:disabled & {\n      color: var(--#{config.$prefix}btn-disabled-color);\n      pointer-events: none;\n      background-color: var(--#{config.$prefix}btn-disabled-bg);\n      background-image: if(button.$enable-gradients, none, null);\n      border-color: var(--#{config.$prefix}btn-disabled-border-color);\n      opacity: var(--#{config.$prefix}btn-disabled-opacity);\n    }\n  }\n  \n  ","@use \"settings.config\" as *;\n@use \"settings.border-radius\" as *;\n@use \"settings.typography\" as *;\n\n$btn-color:                             var(--#{$prefix}body-color) !default;\n$btn-padding-y:                         10px !default;\n$btn-padding-x:                         16px!default;\n$btn-font-family:                       $font-family-base !default;\n$btn-font-size:                         $font-size-base !default;\n$btn-line-height:                       1 !default;\n$btn-white-space:                       null !default; // Set to \n$btn-icon-size:                         22px !default;\n$btn-icon-size-sm:                      20px !default;\n$btn-icon-size-lg:                      24px !default;\n\n$btn-padding-y-sm:                      8px !default;\n$btn-padding-x-sm:                      16px !default;\n$btn-font-size-sm:                      $font-size-sm !default;\n\n$btn-padding-y-lg:                      14px !default;\n$btn-padding-x-lg:                      16px !default;\n$btn-font-size-lg:                      $font-size-base !default;\n\n$btn-border-width:                      1px !default;\n\n$btn-font-weight:                       $font-weight-normal !default;\n$btn-focus-width:                       1px !default;\n$btn-box-shadow:                        none !default;\n\n\n$btn-disabled-color:                    var(--#{$prefix}disabled-text-emphasis) !default;\n$btn-disabled-bg:                       var(--#{$prefix}secondary-bg-subtle) !default;\n$btn-disabled-border-color:             var(--#{$prefix}primary-border-subtle) !default;\n$btn-disabled-opacity:                  0.65 !default;\n\n$btn-link-color:                        var(--#{$prefix}link-color) !default;\n$btn-link-hover-color:                  var(--#{$prefix}link-hover-color) !default;\n$btn-link-disabled-color:               var(--#{$prefix}disabled-text-emphasis) !default;\n\n$btn-border-radius:                     $border-radius-xl !default;\n$btn-border-radius-sm:                  $border-radius !default;\n$btn-border-radius-lg:                  $border-radius-xl !default;\n\n$btn-link-color:                        var(--#{$prefix}brand-text-emphasis) !default; \n$btn-link-color-hover:                  var(--#{$prefix}invert-text-emphasis) !default;\n$btn-link-font-weight:                  $font-weight-medium;\n$btn-link-border-color:                 var(--#{$prefix}brand-border-subtle)  !default; \n$btn-link-border-color-hover:           var(--#{$prefix}secondary-border-subtle)  !default; \n\n$btn-inner-gap:                         8px !default;\n\n$btn-transition:                        color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$btn-hover-bg-shade-amount:             71.5% !default;\n$btn-hover-bg-tint-amount:              82% !default;\n$btn-hover-border-shade-amount:         20% !default;\n$btn-hover-border-tint-amount:          10% !default; \n$btn-active-bg-shade-amount:            20% !default;\n$btn-active-bg-tint-amount:             20% !default;\n$btn-active-border-shade-amount:        25% !default;\n$btn-active-border-tint-amount:         10% !default;\n\n// Enable pointer cursor on buttons\n$enable-button-pointers: true !default;\n\n// Enable gradients\n$enable-gradients: false !default;","@use \"sass:color\";\n@use \"../01-settings/settings.config\" as config;\n@use \"../01-settings/settings.button\" as button;\n@use \"../01-settings/settings.colors\" as colors;\n@use \"../01-settings/settings.border-radius\" as *;\n@use \"tools.to-rgb\" as *;\n@use \"tools.border-radius\" as *;\n\n// Button variant mixin\n@mixin btn-variant(\n  $color,\n  $background,\n  $border: $background,\n  $hover-background: null,\n  $hover-border: null,\n  $active-background: null,\n  $active-border: null\n) {\n  --#{config.$prefix}btn-color: #{colors.$white};\n  --#{config.$prefix}btn-bg: #{$background};\n  --#{config.$prefix}btn-border-color: #{$border};\n  --#{config.$prefix}btn-hover-color: #{colors.$white};\n  --#{config.$prefix}btn-hover-bg: #{if($hover-background, $hover-background, color.scale($background, $lightness: -15%))};\n  --#{config.$prefix}btn-hover-border-color: #{if($hover-border, $hover-border, color.scale($border, $lightness: -10%))};\n  --#{config.$prefix}btn-active-color: #{colors.$white};\n  --#{config.$prefix}btn-active-bg: #{if($active-background, $active-background, color.scale($background, $lightness: -20%))};\n  --#{config.$prefix}btn-active-border-color: #{if($active-border, $active-border, color.scale($border, $lightness: -25%))};\n  --#{config.$prefix}btn-disabled-color: #{colors.$white};\n  --#{config.$prefix}btn-disabled-bg: #{$background};\n  --#{config.$prefix}btn-disabled-border-color: #{$background};\n}\n\n// Button outline variant mixin\n@mixin btn-outline-variant(\n  $color,\n  $color-hover: colors.$white,\n  $hover-background: $color,\n  $hover-border: $color,\n  $active-background: $color,\n  $active-border: $color\n) {\n  @if ($hover-background == \"primary\") {\n    $hover-background: 'secondary';\n  }\n\n  @if ($hover-background == \"light\") {\n    $hover-background: 'secondary';\n  }\n\n  @if ($hover-background == \"dark\") {\n    $hover-background: 'secondary';\n  }\n\n  $btn-color: $color;\n\n  @if($color == \"secondary\") {\n    $btn-color: \"invert\";\n    $color-hover: 'invert';\n  }\n\n  @if($color == \"dark\") {\n    $btn-color: \"invert\";\n    $color-hover: 'invert';\n  }\n\n  @if($color == \"light\") {\n    $btn-color: \"invert\";\n    $color-hover: 'invert';\n  }\n  \n  --#{config.$prefix}btn-color: var(--#{config.$prefix}#{$btn-color});\n  --#{config.$prefix}btn-bg: transparent;\n  --#{config.$prefix}btn-border-color: var(--#{config.$prefix}#{$color});\n  --#{config.$prefix}btn-hover-color: var(--#{config.$prefix}#{$color-hover});\n  --#{config.$prefix}btn-hover-bg: var(--#{config.$prefix}#{$hover-background});\n  --#{config.$prefix}btn-hover-border-color: var(--#{config.$prefix}#{$hover-border});\n  --#{config.$prefix}btn-active-color: var(--#{config.$prefix}#{$color-hover});\n  --#{config.$prefix}btn-active-bg: var(--#{config.$prefix}#{$active-background});\n  --#{config.$prefix}btn-active-border-color: var(--#{config.$prefix}#{$active-border});\n  --#{config.$prefix}btn-disabled-color: var(--#{config.$prefix}#{$color});\n  --#{config.$prefix}btn-disabled-bg: transparent;\n  --#{config.$prefix}btn-disabled-border-color: var(--#{config.$prefix}#{$color});\n}\n\n// Button size mixin\n@mixin btn-size($padding-y, $padding-x, $font-size, $border-radius) {\n  --#{config.$prefix}btn-padding-y: #{$padding-y};\n  --#{config.$prefix}btn-padding-x: #{$padding-x};\n  --#{config.$prefix}btn-font-size: #{$font-size};\n  --#{config.$prefix}btn-border-radius: #{$border-radius};\n}\n","@use 'sass:map';\n@use '../01-settings/settings.config' as *;\n@use '../01-settings/_settings.datepicker' as *;\n@use '../01-settings/settings.typography' as typography;\n@use '../01-settings/settings.border-radius' as radius;\n@use '../02-tools/_tools.rem' as *;\n@use '../02-tools/_tools.animations' as *;\n@use '../01-settings/_settings.z-layers' as *;\n\n// DatePicker base component\n// --------------------------------------------------\n.c-datepicker {\n  // Custom properties\n  --#{$prefix}datepicker-width: #{rem($datepicker-width)};\n  --#{$prefix}datepicker-padding-x: #{rem($datepicker-padding-x)};\n  --#{$prefix}datepicker-padding-y: #{rem($datepicker-padding-y)};\n  --#{$prefix}datepicker-bg: #{$datepicker-bg};\n  --#{$prefix}datepicker-color: #{$datepicker-color};\n  --#{$prefix}datepicker-deactivate-color: #{$datepicker-deactivate-color};\n  --#{$prefix}datepicker-border-radius: #{$datepicker-border-radius};\n  --#{$prefix}datepicker-border-width: #{$datepicker-border-width};\n  --#{$prefix}datepicker-border-color: #{$datepicker-border-color};\n  --#{$prefix}datepicker-box-shadow: #{$datepicker-box-shadow};\n  --#{$prefix}datepicker-body-padding-x: #{$datepicker-body-padding-x};\n  --#{$prefix}datepicker-body-padding-y: #{$datepicker-body-padding-y};\n  --#{$prefix}datepicker-month-font-size: #{$datepicker-month-font-size};\n  --#{$prefix}datepicker-month-font-weight: #{$datepicker-month-font-weight};\n  --#{$prefix}datepicker-year-font-size: #{$datepicker-year-font-size};\n  --#{$prefix}datepicker-year-font-weight: #{$datepicker-year-font-weight};\n  --#{$prefix}datepicker-week-font-size: #{$datepicker-week-font-size};\n  --#{$prefix}datepicker-week-font-weight: #{$datepicker-week-font-weight};\n  --#{$prefix}datepicker-day-font-size: #{$datepicker-day-font-size};\n  --#{$prefix}datepicker-day-font-weight: #{$datepicker-day-font-weight};\n  --#{$prefix}datepicker-week-height: #{rem($datepicker-week-height)};\n  --#{$prefix}datepicker-week-width: #{rem($datepicker-week-width)};\n  --#{$prefix}datepicker-day-height: #{rem($datepicker-day-height)};\n  --#{$prefix}datepicker-day-width: #{rem($datepicker-day-width)};\n  --#{$prefix}datepicker-day-hover-bg: #{$datepicker-day-hover-bg};\n  --#{$prefix}datepicker-day-border-radius: #{$datepicker-day-border-radius};\n  --#{$prefix}datepicker-today-color: #{$datepicker-today-color};\n  --#{$prefix}datepicker-day-selected-color: #{$datepicker-day-selected-color};\n  --#{$prefix}datepicker-day-selected-bg: #{$datepicker-day-selected-bg};\n  --#{$prefix}datepicker-day-in-range-bg: #{$datepicker-day-in-range-bg};\n  --#{$prefix}datepicker-active-hover-bg: var(--#{$prefix}brand-bg-subtle);\n  \n  // Base component styles\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  font-family: var(--#{$prefix}font-family-base);\n  font-size: var(--#{$prefix}font-size-base);\n  color: var(--#{$prefix}datepicker-color);\n\n  // Input wrapper\n  // --------------------------------------------------\n  &__input-wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n  }\n  \n  // Input field\n  // --------------------------------------------------\n  &__input {\n    flex: 1;\n    width: 100%;\n    padding-right: rem(40px);\n  }\n  \n  // Calendar icon\n  // --------------------------------------------------\n  &__calendar-icon {\n    position: absolute;\n    right: rem(12px);\n    color: var(--#{$prefix}secondary-text-emphasis);\n    pointer-events: none;\n  }\n  \n  // Clear button\n  // --------------------------------------------------\n  &__clear-button {\n    position: absolute;\n    right: rem(32px);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: none;\n    color: var(--#{$prefix}secondary-text-emphasis);\n    cursor: pointer;\n    padding: rem(4px);\n    font-size: rem(12px);\n    border-radius: var(--#{$prefix}border-radius-sm);\n    \n    &:hover {\n      color: var(--#{$prefix}body-color);\n      background-color: var(--#{$prefix}secondary-bg-subtle);\n    }\n  }\n  \n  // Calendar popup\n  // --------------------------------------------------\n  &__calendar {\n    position: absolute;\n    z-index: map.get($z-layers, 5);\n    width: var(--#{$prefix}datepicker-width);\n    padding: var(--#{$prefix}datepicker-padding-y) var(--#{$prefix}datepicker-padding-x);\n    background-color: var(--#{$prefix}datepicker-bg);\n    border-radius: var(--#{$prefix}datepicker-border-radius);\n    box-shadow: var(--#{$prefix}datepicker-box-shadow);\n    margin-top: rem(4px);\n    \n    // Calendar placements\n    &--top-start,\n    &--top-end {\n      bottom: 100%;\n      margin-bottom: rem(4px);\n      margin-top: 0;\n    }\n    \n    &--top-start { left: 0; }\n    &--top-end { right: 0; }\n    \n    &--bottom-start {\n      top: 100%;\n      left: 0;\n    }\n    \n    &--bottom-end {\n      top: 100%;\n      right: 0;\n    }\n    \n    &--left-start,\n    &--left-end {\n      right: 100%;\n      margin-right: rem(4px);\n    }\n    \n    &--left-start { top: 0; }\n    &--left-end { bottom: 0; }\n    \n    &--right-start,\n    &--right-end {\n      left: 100%;\n      margin-left: rem(4px);\n    }\n    \n    &--right-start { top: 0; }\n    &--right-end { bottom: 0; }\n  }\n  \n  // Inline mode\n  // --------------------------------------------------\n  &--inline {\n    --#{$prefix}datepicker-width: calc(var(--#{$prefix}datepicker-width) + var(--#{$prefix}datepicker-week-width));\n    \n    .c-datepicker__calendar {\n      position: static;\n      margin-top: 0;\n    }\n\n    .c-datepicker__weekdays {\n      grid-template-columns: repeat(8, 1fr);\n    }\n\n    .c-datepicker__days {\n      grid-template-columns: repeat(8, 1fr);\n    }\n  }\n  \n  // Range selection status\n  // --------------------------------------------------\n  &__range-status {\n    justify-content: center;\n    // width: 100%;\n    margin-bottom: rem(8px);\n    border-radius: var(--#{$prefix}datepicker-border-radius);\n  }\n  \n  // Calendar header\n  // --------------------------------------------------\n  &__header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--#{$prefix}datepicker-body-padding-y) var(--#{$prefix}datepicker-body-padding-x);\n    border-bottom: 1px solid var(--#{$prefix}primary-border-subtle);\n  }\n  \n  // Navigation buttons\n  // --------------------------------------------------\n  &__nav-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: rem(32px);\n    height: rem(32px);\n    background: none;\n    border: none;\n    color: var(--#{$prefix}body-color);\n    cursor: pointer;\n    border-radius: var(--#{$prefix}border-radius-sm);\n    padding: 0;\n    \n    &:hover {\n      background-color: var(--#{$prefix}secondary-bg-subtle);\n    }\n    \n    &:focus-visible {\n      outline: none;\n      box-shadow: var(--#{$prefix}focus-ring);\n    }\n  }\n  \n  // View switch button\n  // --------------------------------------------------\n  &__view-switch {\n    flex: 1;\n    margin: 0 rem(8px);\n    background: none;\n    border: none;\n    text-align: center;\n    font-weight: var(--#{$prefix}datepicker-month-font-weight);\n    padding: rem(8px);\n    border-radius: var(--#{$prefix}border-radius-sm);\n    cursor: pointer;\n    font-size: var(--#{$prefix}datepicker-month-font-size);\n    \n    &:hover {\n      background-color: var(--#{$prefix}secondary-bg-subtle);\n    }\n    \n    &:focus-visible {\n      outline: none;\n      box-shadow: var(--#{$prefix}focus-ring);\n    }\n  }\n  \n  // Calendar body\n  // --------------------------------------------------\n  &__body {\n    padding: var(--#{$prefix}datepicker-body-padding-y) var(--#{$prefix}datepicker-body-padding-x);\n  }\n  \n  // Weekdays header\n  // --------------------------------------------------\n  &__weekdays {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    text-align: center;\n    overflow: hidden;\n    \n    &--has-weeknumber {\n      grid-template-columns: auto repeat(7, 1fr);\n    }\n  }\n  \n  &__weekday {\n    text-align: center;\n    display: grid;\n    place-items: center;\n    font-size: var(--#{$prefix}datepicker-week-font-size);\n    font-weight: var(--#{$prefix}datepicker-week-font-weight);\n    color: var(--#{$prefix}secondary-text-emphasis);\n    text-transform: uppercase;\n    padding: rem(8px) 0;\n    width: var(--#{$prefix}datepicker-week-width);\n    height: var(--#{$prefix}datepicker-week-height);\n    user-select: none;\n  }\n  \n  // Week numbers column\n  // --------------------------------------------------\n  &__weeknumber {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: var(--#{$prefix}datepicker-week-font-size);\n    color: var(--#{$prefix}secondary-text-emphasis);\n    background-color: var(--#{$prefix}secondary-bg-subtle);\n    border-radius: var(--#{$prefix}datepicker-day-border-radius);\n    width: var(--#{$prefix}datepicker-week-width);\n    height: var(--#{$prefix}datepicker-week-height);\n  }\n  \n  // Days grid\n  // --------------------------------------------------\n  &__days {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    width: 100%;\n    position: relative;\n    overflow: hidden;\n    \n    &--has-weeknumber {\n      grid-template-columns: auto repeat(7, 1fr);\n    }\n  }\n  \n  // Day cells\n  // --------------------------------------------------\n  &__day {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--#{$prefix}datepicker-color);\n    font-size: var(--#{$prefix}datepicker-day-font-size);\n    font-weight: var(--#{$prefix}datepicker-day-font-weight);\n    width: var(--#{$prefix}datepicker-day-width);\n    height: var(--#{$prefix}datepicker-day-height);\n    background: none;\n    border: none;\n    border-radius: var(--#{$prefix}datepicker-day-border-radius);\n    cursor: pointer;\n    user-select: none;\n    position: relative;\n    \n    &:hover:not(&--disabled):not(&--selected):not(&--in-range) {\n      background-color: var(--#{$prefix}datepicker-day-hover-bg);\n    }\n    \n    &:focus-visible {\n      outline: none;\n      box-shadow: var(--#{$prefix}focus-ring);\n    }\n    \n    // Days from adjacent months\n    &--outside {\n      color: var(--#{$prefix}datepicker-deactivate-color);\n      opacity: 0.6;\n    }\n    \n    // Current day\n    &--today {\n      position: relative;\n      font-weight: 600;\n      color: var(--#{$prefix}datepicker-today-color);\n      \n      &::after {\n        content: '';\n        position: absolute;\n        bottom: rem(4px);\n        left: 50%;\n        transform: translateX(-50%);\n        width: rem(4px);\n        height: rem(4px);\n        background-color: currentColor;\n        border-radius: 50%;\n      }\n    }\n\n\n    \n    // Range selection\n    &--in-range {\n      border-radius: 0;\n      background-color: var(--#{$prefix}datepicker-day-in-range-bg);\n      \n      &:hover {\n        background-color: var(--#{$prefix}datepicker-active-hover-bg);\n      }\n    }\n\n    // Selected day\n    &--selected {\n      background-color: var(--#{$prefix}datepicker-day-selected-bg);\n      color: var(--#{$prefix}datepicker-day-selected-color);\n      border-radius: var(--#{$prefix}datepicker-day-border-radius);\n      z-index: 1;\n      \n      &:hover {\n        background-color: var(--#{$prefix}datepicker-active-hover-bg);\n      }\n      \n      // Range endpoints styling\n      &:first-of-type {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n      \n      &:last-of-type {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n      }\n    }\n\n    &--start-range {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n\n    &--end-range {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n    \n    // Disabled days\n    &--disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n      color: var(--#{$prefix}disabled-text-emphasis);\n      \n      &:hover {\n        background: none;\n      }\n    }\n  }\n  \n  // Months view\n  // --------------------------------------------------\n  &__months {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: rem(8px);\n  }\n  \n  &__month {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: rem(48px);\n    background: none;\n    border: none;\n    border-radius: var(--#{$prefix}border-radius-sm);\n    font-size: var(--#{$prefix}datepicker-month-font-size);\n    font-weight: var(--#{$prefix}datepicker-month-font-weight);\n    cursor: pointer;\n    color: var(--#{$prefix}datepicker-color);\n    \n    &:hover:not(&--selected) {\n      background-color: var(--#{$prefix}datepicker-day-hover-bg);\n    }\n    \n    &:focus-visible {\n      outline: none;\n      box-shadow: var(--#{$prefix}focus-ring);\n    }\n    \n    &--selected {\n      background-color: var(--#{$prefix}datepicker-day-selected-bg);\n      color: var(--#{$prefix}datepicker-day-selected-color);\n      \n      &:hover {\n        background-color: var(--#{$prefix}datepicker-active-hover-bg);\n      }\n    }\n  }\n  \n  // Years view\n  // --------------------------------------------------\n  &__years {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: rem(8px);\n  }\n  \n  &__year {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: rem(48px);\n    background: none;\n    border: none;\n    border-radius: var(--#{$prefix}border-radius-sm);\n    font-size: var(--#{$prefix}datepicker-year-font-size);\n    font-weight: var(--#{$prefix}datepicker-year-font-weight);\n    cursor: pointer;\n    color: var(--#{$prefix}datepicker-color);\n    \n    &:hover:not(&--selected) {\n      background-color: var(--#{$prefix}datepicker-day-hover-bg);\n    }\n    \n    &:focus-visible {\n      outline: none;\n      box-shadow: var(--#{$prefix}focus-ring);\n    }\n    \n    &--selected {\n      background-color: var(--#{$prefix}datepicker-day-selected-bg);\n      color: var(--#{$prefix}datepicker-day-selected-color);\n      \n      &:hover {\n        background-color: var(--#{$prefix}datepicker-active-hover-bg);\n      }\n    }\n  }\n  \n  // Footer\n  // --------------------------------------------------\n  &__footer {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    padding: rem(12px) rem(8px) 0 rem(8px);\n    border-top: 1px solid var(--#{$prefix}primary-border-subtle);\n  }\n\n  &__close-button {\n    margin-left: auto;\n  }\n  \n  \n  \n  // Size variants\n  // --------------------------------------------------\n  @each $size, $values in (\n    sm: (padding: rem(4px) rem(8px), font-size: rem(14px)),\n    md: (padding: rem(6px) rem(12px), font-size: rem(16px)),\n    lg: (padding: rem(8px) rem(16px), font-size: rem(18px))\n  ) {\n    &__input.c-input--#{$size} {\n      padding: map.get($values, padding);\n      font-size: map.get($values, font-size);\n    }\n  }\n}\n\n// JavaScript implementation\n// --------------------------------------------------\n.js-atomix-datepicker {\n  // Styles for JavaScript implementation will mirror the combined styles\n}\n","@use 'sass:map';\n@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.card' as *;\n@use '../01-settings/settings.border-radius' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.animations' as *;\n@use '../02-tools/tools.object-fit' as *;\n@use '../02-tools/tools.size' as *;\n\n.c-card {\n  $root: &;\n  --#{$prefix}card-spacer-y: #{rem($card-spacer-y)};\n  --#{$prefix}card-spacer-x: #{rem($card-spacer-x)};\n  --#{$prefix}card-row-spacer-y: #{rem($card-row-spacer-y)};\n  --#{$prefix}card-row-spacer-x: #{rem($card-row-spacer-x)};\n  --#{$prefix}card-title-spacer-y: #{rem($card-title-spacer-y)};\n  --#{$prefix}card-action-spacer-y: #{rem($card-action-spacer-y)};\n  --#{$prefix}card-header-spacer-y: #{rem($card-header-spacer-y)};\n  --#{$prefix}card-title-color: #{$card-title-color};\n  --#{$prefix}card-title-font-size: #{$card-title-font-size};\n  --#{$prefix}card-text-color: #{$card-text-color};\n  --#{$prefix}card-text-font-size: #{$card-text-font-size};\n  --#{$prefix}card-border-color: #{$card-border-color};\n  --#{$prefix}card-border-width: #{$card-border-width};\n  --#{$prefix}card-border-radius: #{$card-border-radius};\n  --#{$prefix}card-image-border-radius: #{$card-image-border-radius};\n  --#{$prefix}card-boxshadow: #{$card-boxshadow};\n  --#{$prefix}card-height: #{$card-height};\n  --#{$prefix}card-bg: #{$card-bg};\n  --#{$prefix}card-bg-hover: #{$card-bg-hover};\n  --#{$prefix}card-icon-size: #{rem($card-icon-size)};\n  --#{$prefix}card-icon-padding: #{rem($card-icon-padding)};\n  --#{$prefix}card-icon-bg: #{$card-icon-bg};\n  --#{$prefix}card-icon-color: #{$card-icon-color};\n  --#{$prefix}card-width: #{$card-width};\n\n  width: 100%;\n  max-width: var(--#{$prefix}card-width);\n  padding: var(--#{$prefix}card-spacer-y) var(--#{$prefix}card-spacer-x);\n  border: var(--#{$prefix}card-border-width) solid\n    var(--#{$prefix}card-border-color);\n  border-radius: var(--#{$prefix}card-border-radius);\n  background-color: var(--#{$prefix}card-bg);\n  overflow: hidden;\n  @include basic-transition();\n\n  &__header {\n    margin-bottom: var(--#{$prefix}card-header-spacer-y);\n  }\n\n  &__image {\n    width: 100%;\n    max-width: 100%;\n    border-radius: var(--#{$prefix}card-image-border-radius);\n    @include object-fit(cover);\n  }\n\n  &__body {\n    position: relative;\n  }\n\n  &__title {\n    color: var(--#{$prefix}card-title-color);\n    font-size: var(--#{$prefix}card-title-font-size);\n    margin-bottom: var(--#{$prefix}card-title-spacer-y);\n  }\n\n  &__text {\n    color: var(--#{$prefix}card-text-color);\n    font-size: var(--#{$prefix}card-text-font-size);\n  }\n\n  &__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--#{$prefix}card-action-spacer-y);\n    margin-top: var(--#{$prefix}card-action-spacer-y);\n  }\n\n  &__icon {\n    display: inline-flex;\n    font-size: var(--#{$prefix}card-icon-size);\n    color: var(--#{$prefix}card-icon-color);\n    background-color: var(--#{$prefix}card-icon-bg);\n    padding: var(--#{$prefix}card-icon-padding);\n    border-radius: $border-radius-pill;\n  }\n\n  @if ($card-hover == true) {\n    &:hover {\n      background-color: var(--#{$prefix}card-bg-hover);\n    }\n  }\n\n  &:focus,\n  &.is-active {\n    --#{$prefix}card-border-color: var(--#{$prefix}brand-border-subtle);\n  }\n\n  &--row {\n    display: flex;\n    padding: var(--#{$prefix}card-row-spacer-y)\n      var(--#{$prefix}card-row-spacer-x);\n\n    #{$root} {\n      &__header {\n        margin-bottom: 0;\n      }\n\n      &__body {\n        flex: 1;\n        padding-left: var(--#{$prefix}card-row-spacer-x);\n        padding-top: 0;\n      }\n\n      &__image {\n        flex: 1;\n        @include square(100%);\n        max-width: none;\n        @include object-fit(cover);\n      }\n    }\n  }\n\n  &--flat {\n    padding: 0;\n\n    #{$root}__body {\n      padding: var(--#{$prefix}card-row-spacer-y)\n        var(--#{$prefix}card-row-spacer-x);\n    }\n\n    #{$root}__image {\n      border-radius: 0;\n    }\n\n    #{$root}__footer {\n      padding: var(--#{$prefix}card-row-spacer-y)\n        var(--#{$prefix}card-row-spacer-x);\n      padding-top: 0;\n    }\n  }\n}\n\n// Elevation effect for ElevationCard\n.is-elevated {\n  .c-card {\n    box-shadow: var(--#{$prefix}box-shadow-lg, 0 16px 48px rgba(0,0,0,0.175));\n    z-index: 1;\n    transition: box-shadow 0.2s cubic-bezier(0.4,0,0.2,1);\n  }\n}\n","$border-radius:               .5rem !default;       //8px\n$border-radius-sm:            .25rem !default;      //4px\n$border-radius-lg:            .625rem !default;     //10px\n$border-radius-xl:            .75rem !default;      //12px\n$border-radius-xxl:            1rem !default;        //16px\n$border-radius-3xl:           1.5rem !default;     //24px\n$border-radius-4xl:           2rem !default;        //32px\n$border-radius-pill:          50rem !default;       //800px\n\n// Enable rounded corners\n$enable-rounded: true !default;","@use 'sass:map';\n@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.checkbox-group' as *;\n@use '../02-tools/tools.rem' as *;\n\n.c-checkbox-group {\n    --#{$prefix}checkbox-group-items-spacer-y: #{rem($checkbox-group-items-spacer-y)};\n    --#{$prefix}checkbox-group-items-spacer-x: #{rem($checkbox-group-items-spacer-x)};\n\n    display: flex;\n    flex-direction: column;\n    gap: var(--#{$prefix}checkbox-group-items-spacer-y) var(--#{$prefix}checkbox-group-items-spacer-x);\n\n    \n    &--horizontal {\n        flex-direction: row;\n    }\n}","@use 'sass:map';\n@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.checkbox' as *;\n@use '../01-settings/settings.border-radius' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.animations' as *;\n\n.c-checkbox {\n  $root: &;\n\n  --#{$prefix}checkbox-width: #{$checkbox-width};\n  --#{$prefix}checkbox-height: #{$checkbox-height};\n  --#{$prefix}checkbox-spacer: #{$checkbox-spacer};\n  --#{$prefix}checkbox-font-size: #{$checkbox-font-size};\n  --#{$prefix}checkbox-text-color: #{$checkbox-text-color};\n  --#{$prefix}checkbox-text-color-disabled: #{$checkbox-text-color-disabled};\n  --#{$prefix}checkbox-checked-text-color: #{$checkbox-checked-text-color};\n  --#{$prefix}checkbox-checked-text-color-disabled: #{$checkbox-checked-text-color-disabled};\n  --#{$prefix}checkbox-bg: #{$checkbox-bg};\n  --#{$prefix}checkbox-checked-bg: #{$checkbox-checked-bg};\n  --#{$prefix}checkbox-checked-bg-hover: #{$checkbox-checked-bg-hover};\n  --#{$prefix}checkbox-checked-bg-disabled: #{$checkbox-checked-bg-disabled};\n  --#{$prefix}checkbox-border-width: #{$checkbox-border-width};\n  --#{$prefix}checkbox-border-color: #{$checkbox-border-color};\n  --#{$prefix}checkbox-border-color-hover: #{$checkbox-border-color-hover};\n  --#{$prefix}checkbox-border-color-disabled: #{$checkbox-border-color-disabled};\n  --#{$prefix}checkbox-border-color-error: #{$checkbox-border-color-error};\n\n  display: flex;\n  gap: var(--#{$prefix}checkbox-spacer);\n\n  &__input {\n    position: relative;\n    appearance: none;\n    background-color: var(--#{$prefix}checkbox-bg);\n    width: var(--#{$prefix}checkbox-width);\n    height: var(--#{$prefix}checkbox-height);\n    color: currentColor;\n    border: var(--#{$prefix}checkbox-border-width) solid\n      var(--#{$prefix}checkbox-border-color);\n    border-radius: var(--#{$prefix}checkbox-border-radius);\n    overflow: hidden;\n    @include basic-transition();\n\n    &[type=\"radio\"] {\n      border-radius: $border-radius-pill;\n    }\n\n    &::before {\n      position: absolute;\n      top: -7px;\n      left: -4px;\n      font-family: 'Lux Icon';\n      color: var(--#{$prefix}checkbox-checked-bg);\n      content: '\\ef10';\n      font-size: rem(26px);\n      transform: scale(0);\n      display: block;\n      transform-origin: center;\n      transition: 120ms transform ease-in-out;\n    }\n\n    &:hover {\n      border-color: var(--#{$prefix}checkbox-border-color-hover);\n    }\n\n    &:checked {\n      border-color: var(--#{$prefix}checkbox-checked-bg);\n\n      &::before {\n        transform: scale(1);\n      }\n\n      &:hover {\n        border-color: var(--#{$prefix}checkbox-checked-bg-hover);\n\n        &::before {\n          color: var(--#{$prefix}checkbox-checked-bg-hover);\n        }\n      }\n\n      & + #{$root} {\n        color: red;\n      }\n    }\n\n    &:focus-visible {\n      outline: 2px solid var(--#{$prefix}brand-border-subtle);\n    }\n\n    &:disabled {\n      border-color: var(--#{$prefix}checkbox-border-color-disabled) !important;\n      cursor: not-allowed;\n\n      &::before {\n        color: var(--#{$prefix}checkbox-checked-text-color-disabled) !important;\n      }\n    }\n\n   \n  }\n\n  &__label {\n    font-size: var(--#{$prefix}checkbox-font-size);\n    color: var(--#{$prefix}checkbox-text-color);\n  }\n\n  &.is-disabled {\n    --#{$prefix}checkbox-text-color: var(--#{$prefix}checkbox-text-color-disabled);\n\n    #{$root} {\n      &__input {\n        border-color: var(\n          --#{$prefix}checkbox-border-color-disabled\n        ) !important;\n        cursor: not-allowed;\n\n        &::before {\n          color: var(\n            --#{$prefix}checkbox-checked-text-color-disabled\n          ) !important;\n        }\n      }\n    }\n  }\n\n  &.is-error {\n    #{$root} {\n        &__input {\n            border-color: var(--#{$prefix}checkbox-border-color-error) !important;\n        }\n    }\n  }\n\n  &--mixed {\n    #{$root} {\n        &__input::before {\n            content: '\\f0d6';\n        }\n    }\n  }\n}\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.colors' as colors;\n@use '../02-tools/tools.rem' as *;\n\n.c-color-mode-toggle {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  padding: rem(8px);\n  border-radius: 50%;\n  transition: background-color 0.2s ease;\n  color: var(--#{$prefix}body-color);\n  \n  &:hover {\n    background-color: rgba(0, 0, 0, 0.05);\n  }\n  \n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px var(--#{$prefix}primary);\n  }\n  \n  svg {\n    width: rem(24px);\n    height: rem(24px);\n  }\n  \n  [data-#{$prefix}theme=\"dark\"] & {\n    &:hover {\n      background-color: rgba(255, 255, 255, 0.1);\n    }\n  }\n} ","@use 'sass:map';\n@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.countdown' as *;\n@use '../01-settings/settings.typography' as *;\n@use '../02-tools/tools.rem' as *;\n\n.c-countdown {\n    $root: &; \n\n    --#{$prefix}countdown-color: #{$countdown-color};\n    --#{$prefix}countdown-font-size: #{$countdown-font-size};\n    --#{$prefix}countdown-font-weight: #{$countdown-font-weight};\n    --#{$prefix}countdown-focused-time-font-size: #{$countdown-focused-time-font-size};\n    --#{$prefix}countdown-focused-label-font-size: #{$countdown-focused-label-font-size};\n    --#{$prefix}countdown-focused-border-radius: #{$countdown-focused-border-radius};\n    --#{$prefix}countdown-focused-bg: #{$countdown-focused-bg};\n    --#{$prefix}countdown-item-padding-x: #{rem($countdown-item-padding-x)};\n    --#{$prefix}countdown-item-padding-y: #{rem($countdown-item-padding-y)};\n    --#{$prefix}countdown-items-gap: #{rem($countdown-items-gap)};\n    --#{$prefix}countdown-focused-items-gap: #{rem($countdown-focused-items-gap)};\n\n    display: flex;\n    align-items: center;\n    gap: var(--#{$prefix}countdown-items-gap);\n\n    &__time {\n        display: flex;\n    }\n\n    &__time-count {\n        color: var(--#{$prefix}countdown-color);\n        font-size: var(--#{$prefix}countdown-font-size);\n        font-weight: var(--#{$prefix}countdown-font-weight);\n    }\n\n    &__separator {\n        color: var(--#{$prefix}countdown-color);\n        font-size: var(--#{$prefix}countdown-font-size);\n    }\n\n    &__time-label {\n        @extend .c-countdown__time-count;\n    }\n\n    &--focused {\n        gap: var(--#{$prefix}countdown-focused-items-gap);\n\n        #{$root} {\n            &__time {\n                flex-direction: column;\n                align-items: center;\n                padding: var(--#{$prefix}countdown-item-padding-y) var(--#{$prefix}countdown-item-padding-x);\n                border-radius: var(--#{$prefix}countdown-focused-border-radius);\n                background-color: var(--#{$prefix}countdown-focused-bg);   \n            }\n\n            &__time-label {\n                font-size: var(--#{$prefix}countdown-focused-label-font-size);\n                font-weight: $font-weight-normal;\n            }\n        }\n    }\n\n}\n","@use \"../01-settings/settings.config\" as config;\n@use \"../01-settings/settings.data-table\" as data-table;\n@use \"../02-tools/tools.color-functions\" as *;\n@use \"../02-tools/tools.to-rgb\" as *;\n\n// Component: DataTable\n// Description: Styles for the DataTable component\n\n.c-data-table-container {\n  width: 100%;\n  margin-bottom: 1rem;\n}\n\n// Table wrapper (for overflow)\n.c-data-table-wrapper {\n  position: relative;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  width: 100%;\n}\n\n// Base table\n.c-data-table {\n  --#{config.$prefix}data-table-bg: #{data-table.$data-table-bg};\n  --#{config.$prefix}data-table-color: #{data-table.$data-table-color};\n  --#{config.$prefix}data-table-border-color: #{data-table.$data-table-border-color};\n  --#{config.$prefix}data-table-header-bg: #{data-table.$data-table-header-bg};\n  --#{config.$prefix}data-table-header-color: #{data-table.$data-table-header-color};\n  --#{config.$prefix}data-table-striped-bg: #{data-table.$data-table-striped-bg};\n  --#{config.$prefix}data-table-hover-bg: #{data-table.$data-table-hover-bg};\n  \n  width: 100%;\n  margin-bottom: 0;\n  color: var(--#{config.$prefix}data-table-color);\n  background-color: var(--#{config.$prefix}data-table-bg);\n  border-collapse: collapse;\n  \n  // Header\n  &__header {\n    background-color: var(--#{config.$prefix}data-table-header-bg);\n  }\n  \n  &__header-cell {\n    padding: data-table.$data-table-cell-padding-y data-table.$data-table-cell-padding-x;\n    font-weight: data-table.$data-table-header-font-weight;\n    color: var(--#{config.$prefix}data-table-header-color);\n    border-bottom: data-table.$data-table-border-width data-table.$data-table-border-style var(--#{config.$prefix}data-table-border-color);\n    text-align: left;\n    white-space: nowrap;\n    \n    &--sortable {\n      cursor: pointer;\n      user-select: none;\n      \n      &:hover {\n        background-color: rgba(0, 0, 0, 0.05);\n      }\n    }\n  }\n  \n  &__header-content {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  \n  &__sort-icon {\n    margin-left: 0.5rem;\n    font-size: data-table.$data-table-sort-icon-size;\n    color: data-table.$data-table-sort-icon-color;\n    \n    .c-data-table__header-cell[aria-sort] & {\n      color: data-table.$data-table-sort-icon-active-color;\n    }\n  }\n  \n  // Body cells\n  &__cell {\n    padding: data-table.$data-table-cell-padding-y data-table.$data-table-cell-padding-x;\n    border-bottom: data-table.$data-table-border-width data-table.$data-table-border-style var(--#{config.$prefix}data-table-border-color);\n    vertical-align: middle;\n  }\n  \n  // Rows\n  &__row {\n    background-color: var(--#{config.$prefix}data-table-bg);\n    \n    &:hover {\n      background-color: var(--#{config.$prefix}data-table-hover-bg);\n    }\n    \n    &[role=\"button\"] {\n      cursor: pointer;\n    }\n  }\n  \n  // Loading state\n  &__loading-cell {\n    padding: 2rem;\n    text-align: center;\n  }\n  \n  &__loading-indicator {\n    display: inline-block;\n  }\n  \n  // Empty state\n  &__empty-cell {\n    padding: 2rem;\n    text-align: center;\n    color: var(--#{config.$prefix}gray-500);\n  }\n  \n  // Variants\n  &--striped {\n    tbody tr:nth-of-type(odd) {\n      background-color: var(--#{config.$prefix}data-table-striped-bg);\n    }\n  }\n  \n  &--bordered {\n    border: data-table.$data-table-border-width data-table.$data-table-border-style var(--#{config.$prefix}data-table-border-color);\n    border-radius: data-table.$data-table-border-radius;\n    \n    th, td {\n      border: data-table.$data-table-border-width data-table.$data-table-border-style var(--#{config.$prefix}data-table-border-color);\n    }\n  }\n  \n  &--dense {\n    th, td {\n      padding: data-table.$data-table-cell-padding-y-sm data-table.$data-table-cell-padding-x-sm;\n    }\n  }\n  \n  &--loading {\n    opacity: 0.7;\n  }\n}\n\n\n// Toolbar\n.c-data-table-toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 1rem;\n}\n\n// Search\n.c-data-table-search {\n  flex: 0 0 auto;\n  \n  &__input {\n    // Styles are now inherited from c-input class\n    width: 240px;\n  }\n}\n\n// Pagination container\n.c-data-table__pagination-container {\n  display: flex;\n  justify-content: center;\n  margin-top: 1rem;\n}\n\n// Override small pagination in data tables\n.c-data-table__pagination {\n  margin: 0;\n  \n  .c-pagination__items {\n    gap: 0.125rem;\n  }\n  \n  .c-pagination__link {\n    font-size: 0.75rem;\n  }\n}\n  ","@use \"settings.config\" as config;\n@use \"settings.colors\" as colors;\n@use \"settings.border\" as border;\n@use \"settings.border-radius\" as border-radius;\n@use \"settings.typography\" as typography;\n@use \"settings.spacing\" as spacing;\n\n// DataTable Variables\n$data-table-bg: var(--#{config.$prefix}white) !default;\n$data-table-color: var(--#{config.$prefix}body-color) !default;\n$data-table-border-color: var(--#{config.$prefix}border-color) !default;\n$data-table-border-width: var(--#{config.$prefix}border-width) !default;\n$data-table-border-style: var(--#{config.$prefix}border-style) !default;\n$data-table-border-radius: var(--#{config.$prefix}border-radius) !default;\n\n// Header\n$data-table-header-bg: var(--#{config.$prefix}gray-100) !default;\n$data-table-header-color: var(--#{config.$prefix}body-color) !default;\n$data-table-header-font-weight: typography.$font-weight-medium !default;\n\n// Cell padding\n$data-table-cell-padding-y: 0.75rem !default;\n$data-table-cell-padding-x: 1rem !default;\n$data-table-cell-padding-y-sm: 0.5rem !default;\n$data-table-cell-padding-x-sm: 0.75rem !default;\n\n// Striped rows\n$data-table-striped-bg: rgba(0, 0, 0, 0.03) !default;\n$data-table-hover-bg: rgba(0, 0, 0, 0.06) !default;\n\n// Pagination\n$data-table-pagination-padding-y: 0.5rem !default;\n$data-table-pagination-padding-x: 0.75rem !default;\n$data-table-pagination-bg: var(--#{config.$prefix}white) !default;\n$data-table-pagination-border-color: var(--#{config.$prefix}border-color) !default;\n$data-table-pagination-hover-bg: var(--#{config.$prefix}gray-100) !default;\n$data-table-pagination-active-bg: var(--#{config.$prefix}primary) !default;\n$data-table-pagination-active-color: var(--#{config.$prefix}white) !default;\n$data-table-pagination-disabled-color: var(--#{config.$prefix}gray-400) !default;\n\n// Search input\n$data-table-search-bg: var(--#{config.$prefix}white) !default;\n$data-table-search-border-color: var(--#{config.$prefix}border-color) !default;\n$data-table-search-focus-border-color: var(--#{config.$prefix}primary) !default;\n$data-table-search-padding-y: 0.5rem !default;\n$data-table-search-padding-x: 0.75rem !default;\n$data-table-search-border-radius: var(--#{config.$prefix}border-radius) !default;\n\n// Sort icon\n$data-table-sort-icon-size: 0.75rem !default;\n$data-table-sort-icon-color: var(--#{config.$prefix}gray-500) !default;\n$data-table-sort-icon-active-color: var(--#{config.$prefix}primary) !default;\n","@use '../01-settings/_settings.config' as *;\n@use '../01-settings/_settings.dropdown' as *;\n@use '../02-tools/_tools.rem' as *;\n@use '../02-tools/_tools.animations' as *;\n@use '../02-tools/_tools.spacing' as *;\n\n// Add keyframe animations for dropdown\n@keyframes #{$prefix}dropdown-fade-in {\n  from {\n    opacity: 0;\n    transform: translateY(-15px) scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n\n@keyframes #{$prefix}dropdown-fade-out {\n  from {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(-15px) scale(0.95);\n  }\n}\n\n// Add keyframe for toggle icon rotation\n@keyframes #{$prefix}dropdown-icon-rotate {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(-180deg);\n  }\n}\n\n.c-dropdown {\n  $root: &;\n\n  --#{$prefix}dropdown-min-width: #{rem($dropdown-min-width)};\n  --#{$prefix}dropdown-padding-x: #{if($dropdown-padding-x == 0, 0, rem($dropdown-padding-x))};\n  --#{$prefix}dropdown-padding-y: #{rem($dropdown-padding-y)};\n  --#{$prefix}dropdown-spacer: #{rem($dropdown-spacer)};\n  --#{$prefix}dropdown-font-size: #{$dropdown-font-size};\n  --#{$prefix}dropdown-color: #{$dropdown-color};\n  --#{$prefix}dropdown-bg: #{$dropdown-bg};\n  --#{$prefix}dropdown-border-color: #{$dropdown-border-color};\n  --#{$prefix}dropdown-border-radius: #{$dropdown-border-radius};\n  --#{$prefix}dropdown-border-width: #{$dropdown-border-width};\n  --#{$prefix}dropdown-box-shadow: #{$dropdown-box-shadow};\n  --#{$prefix}dropdown-link-color: #{$dropdown-link-color};\n  --#{$prefix}dropdown-link-hover-color: #{$dropdown-link-hover-color};\n  --#{$prefix}dropdown-link-hover-bg: #{$dropdown-link-hover-bg};\n  --#{$prefix}dropdown-link-border-radius: #{$dropdown-link-border-radius};\n  --#{$prefix}dropdown-active-color: #{$dropdown-link-active-color};\n  --#{$prefix}dropdown-active-bg: #{$dropdown-link-active-bg};\n  --#{$prefix}dropdown-item-padding-x: #{rem($dropdown-item-padding-x)};\n  --#{$prefix}dropdown-item-padding-y: #{rem($dropdown-item-padding-y)};\n  // Use animation variables from settings\n  --#{$prefix}dropdown-animation-duration: #{$dropdown-animation-duration};\n  --#{$prefix}dropdown-animation-timing: #{$dropdown-animation-timing};\n\n  display: inline-block;\n  position: relative;\n\n  &__toggle {\n    width: 100%;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n  }\n\n  &__toggle-icon {\n    transition: transform var(--#{$prefix}dropdown-animation-duration) var(--#{$prefix}dropdown-animation-timing);\n    margin-left: 0.25rem;\n  }\n\n  &__menu-wrapper {\n    position: absolute;\n    left: 0;\n    z-index: 99;\n    display: flex;\n    opacity: 0;\n    visibility: hidden;\n    transform-origin: top center;\n    // Improved transitions - shorter and with better easing\n    transition: \n      opacity var(--#{$prefix}dropdown-animation-duration) var(--#{$prefix}dropdown-animation-timing),\n      visibility var(--#{$prefix}dropdown-animation-duration) var(--#{$prefix}dropdown-animation-timing),\n      transform var(--#{$prefix}dropdown-animation-duration) var(--#{$prefix}dropdown-animation-timing);\n    transform: translateY(-15px) scale(0.95);\n    pointer-events: none;\n    will-change: transform, opacity, visibility;\n\n    &.is-open {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n      visibility: visible;\n      animation: #{$prefix}dropdown-fade-in var(--#{$prefix}dropdown-animation-duration) var(--#{$prefix}dropdown-animation-timing) forwards;\n      pointer-events: auto;\n    }\n\n    &:not(.is-open) {\n      animation: #{$prefix}dropdown-fade-out var(--#{$prefix}dropdown-animation-duration) var(--#{$prefix}dropdown-animation-timing) forwards;\n    }\n\n    // Placement variations - using a mixin to reduce duplication\n    @mixin dropdown-placement($position, $alignment, $property, $value) {\n      &--#{$position}-#{$alignment} {\n        @if $position == 'bottom' {\n          top: 100%;\n          margin-top: var(--#{$prefix}dropdown-spacer);\n          transform-origin: top center;\n        } @else if $position == 'top' {\n          bottom: 100%;\n          margin-bottom: var(--#{$prefix}dropdown-spacer);\n          transform-origin: bottom center;\n        } @else if $position == 'left' {\n          right: 100%;\n          margin-right: var(--#{$prefix}dropdown-spacer);\n          transform-origin: right center;\n        } @else if $position == 'right' {\n          left: 100%;\n          margin-left: var(--#{$prefix}dropdown-spacer);\n          transform-origin: left center;\n        }\n\n        @if $alignment == 'start' {\n          @if $position == 'top' or $position == 'bottom' {\n            left: 0;\n          } @else {\n            top: 0;\n          }\n        } @else if $alignment == 'end' {\n          @if $position == 'top' or $position == 'bottom' {\n            right: 0;\n            left: auto;\n          } @else {\n            bottom: 0;\n          }\n        }\n      }\n    }\n\n    // Apply the mixin for all placement variations\n    @include dropdown-placement('bottom', 'start', 'top', '100%');\n    @include dropdown-placement('bottom', 'end', 'top', '100%');\n    @include dropdown-placement('top', 'start', 'bottom', '100%');\n    @include dropdown-placement('top', 'end', 'bottom', '100%');\n    @include dropdown-placement('left', 'start', 'right', '100%');\n    @include dropdown-placement('left', 'end', 'right', '100%');\n    @include dropdown-placement('right', 'start', 'left', '100%');\n    @include dropdown-placement('right', 'end', 'left', '100%');\n  }\n\n  &__menu-inner {\n    width: 100%;\n    min-width: var(--#{$prefix}dropdown-min-width);\n    border-radius: var(--#{$prefix}dropdown-border-radius);\n    box-shadow: var(--#{$prefix}dropdown-box-shadow);\n    overflow: hidden;\n  }\n\n  &__menu {\n    width: 100%;\n    padding: var(--#{$prefix}dropdown-padding-y) var(--#{$prefix}dropdown-padding-x);\n    list-style: none;\n    @include mb(0);\n    background-color: var(--#{$prefix}dropdown-bg);\n    border-radius: var(--#{$prefix}dropdown-border-radius);\n    box-shadow: var(--#{$prefix}dropdown-box-shadow);\n    overflow: hidden;\n  }\n\n  &__menu-item {\n    display: block;\n    width: 100%;\n    padding: var(--#{$prefix}dropdown-item-padding-y) var(--#{$prefix}dropdown-item-padding-x);\n    border: 0;\n    border-radius: var(--#{$prefix}dropdown-link-border-radius);\n    background: transparent;\n    color: var(--#{$prefix}dropdown-link-color);\n    font-size: var(--#{$prefix}dropdown-font-size);\n    text-align: left;\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 0.2s ease;\n\n    &:hover, &:focus {\n      color: var(--#{$prefix}dropdown-link-hover-color);\n      background-color: var(--#{$prefix}dropdown-link-hover-bg);\n      outline: none;\n      padding-left: calc(var(--#{$prefix}dropdown-item-padding-x) + 3px);\n    }\n\n    &.is-active {\n      color: var(--#{$prefix}dropdown-active-color);\n      background-color: var(--#{$prefix}dropdown-active-bg);\n    }\n\n    &.is-disabled {\n      color: var(--#{$prefix}dropdown-color);\n      opacity: 0.5;\n      pointer-events: none;\n    }\n  }\n\n  &__menu-item-icon {\n    display: inline-flex;\n    align-items: center;\n    margin-right: 0.5rem;\n  }\n\n  &__divider {\n    height: 1px;\n    margin: 0.5rem 0;\n    background-color: var(--#{$prefix}dropdown-border-color);\n  }\n\n  &__header {\n    display: block;\n    padding: var(--#{$prefix}dropdown-item-padding-y) var(--#{$prefix}dropdown-item-padding-x);\n    margin-bottom: 0;\n    font-size: 0.875em;\n    color: var(--#{$prefix}dropdown-color);\n    white-space: nowrap;\n    opacity: 0.8;\n  }\n\n  // Color variants\n  @each $color in (brand, secondary, tertiary, success, info, warning, error, light, dark) {\n    &--#{$color} {\n      --#{$prefix}dropdown-link-color: var(--#{$prefix}#{$color}-text-emphasis);\n      --#{$prefix}dropdown-link-hover-color: var(--#{$prefix}#{$color}-text-emphasis);\n      --#{$prefix}dropdown-link-hover-bg: var(--#{$prefix}#{$color}-bg-subtle);\n    }\n  }\n\n  \n  &.is-open {\n    #{$root}__toggle-icon {\n      transform: rotate(-180deg);\n    }\n  }\n}\n","@use 'sass:map';\n@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.spacing' as *;\n\n$spacing-important: false !default;\n\n@mixin m($t: 1, $r: null, $b: null, $l: null) {\n  @if ($t and $r and $b and $l) {\n    @include mt($t);\n    @include mr($r);\n    @include mb($b);\n    @include ml($l);\n  } @else if ($t and $r and $b and not $l) {\n    @include mt($t);\n    @include mx($r);\n    @include mb($b);\n  } @else if ($t and $r and not $b and not $l) {\n    @include my($t);\n    @include mx($r);\n  } @else if ($t and not $r and not $b and not $l) {\n    @if ($t == 'auto') {\n      @include my(0); //be explicit about what the browser does\n      @include mx(auto);\n    } @else {\n      @include my($t);\n      @include mx($t);\n    }\n  } @else {\n    @error \"m(#{$t}, #{$r}, #{$b}, #{$l}): Invalid parameters. Expects m($size), m($y, $x), m($t, $x, $b) or m($t, $r, $b, $l)\";\n  }\n}\n\n@mixin mx($r: 1, $l: null) {\n  @if ($r and $l) {\n    @include mr($r);\n    @include ml($l);\n  } @else if ($r and not $l) {\n    @include mr($r);\n    @include ml($r);\n  } @else {\n    @error \"mx(#{$r}, #{$l}): Invalid parameters. Expects mx($size) or mx($r, $l)\";\n  }\n}\n\n@mixin my($t: 1, $b: null) {\n  @if ($t and $b) {\n    @include mt($t);\n    @include mb($b);\n  } @else if ($t and not $b) {\n    @include mt($t);\n    @include mb($t);\n  } @else {\n    @error \"my(#{$t}, #{$b}): Invalid parameters. Expects my($size) or my($t, $b)\";\n  }\n}\n\n@mixin ml($size: 1) {\n  @if ($size == 'auto') {\n    margin-left: auto #{if($spacing-important, '!important', '')};\n  } @else {\n    margin-left: map.get($spacing-sizes, $size)\n      #{if($spacing-important, '!important', '')};\n  }\n}\n\n@mixin mt($size: 1) {\n  margin-top: map.get($spacing-sizes, $size) #{if(\n      $spacing-important,\n      '!important',\n      ''\n    )};\n}\n\n@mixin mr($size: 1) {\n  @if ($size == 'auto') {\n    margin-right: auto #{if($spacing-important, '!important', '')};\n  } @else {\n    margin-right: map.get($spacing-sizes, $size)\n      #{if($spacing-important, '!important', '')};\n  }\n}\n\n@mixin mb($size: 1) {\n  margin-bottom: map.get($spacing-sizes, $size) #{if(\n      $spacing-important,\n      '!important',\n      ''\n    )};\n}\n\n@mixin p($t: 1, $r: null, $b: null, $l: null) {\n  @if ($t and $r and $b and $l) {\n    @include pt($t);\n    @include pr($r);\n    @include pb($b);\n    @include pl($l);\n  } @else if ($t and $r and $b and not $l) {\n    @include pt($t);\n    @include px($r);\n    @include pb($b);\n  } @else if ($t and $r and not $b and not $l) {\n    @include py($t);\n    @include px($r);\n  } @else if ($t and not $r and not $b and not $l) {\n    @include py($t);\n    @include px($t);\n  } @else {\n    @error \"p(#{$t}, #{$r}, #{$b}, #{$l}): Invalid parameters. Expects p($size), p($y, $x), p($t, $x, $b) or p($t, $r, $b, $l)\";\n  }\n}\n\n@mixin px($r: 1, $l: null) {\n  @if ($r and $l) {\n    @include pr($r);\n    @include pl($l);\n  } @else if ($r and not $l) {\n    @include pr($r);\n    @include pl($r);\n  } @else {\n    @error \"px(#{$r}, #{$l}): Invalid parameters. Expects px($size) or px($r, $l)\";\n  }\n}\n\n@mixin py($t: 1, $b: null) {\n  @if ($t and $b) {\n    @include pt($t);\n    @include pb($b);\n  } @else if ($t and not $b) {\n    @include pt($t);\n    @include pb($t);\n  } @else {\n    @error \"py(#{$t}, #{$b}): Invalid parameters. Expects py($size) or py($t, $b)\";\n  }\n}\n\n@mixin pl($size: 1) {\n  padding-left: map.get($spacing-sizes, $size) #{if(\n      $spacing-important,\n      '!important',\n      ''\n    )};\n}\n\n@mixin pt($size: 1) {\n  padding-top: map.get($spacing-sizes, $size) #{if(\n      $spacing-important,\n      '!important',\n      ''\n    )};\n}\n\n@mixin pr($size: 1) {\n  padding-right: map.get($spacing-sizes, $size) #{if(\n      $spacing-important,\n      '!important',\n      ''\n    )};\n}\n\n@mixin pb($size: 1) {\n  padding-bottom: map.get($spacing-sizes, $size) #{if(\n      $spacing-important,\n      '!important',\n      ''\n    )};\n}\n","@use 'sass:map';\n@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.edge-panel' as *;\n@use '../01-settings/settings.z-layers' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.animations' as *;\n\n// EdgePanel SCSS Styling\n.c-edge-panel {\n  $root: &;\n\n  // CSS Custom Properties for Easy Theming\n  --#{$prefix}edge-panel-zindex: #{$edge-panel-zindex};\n  --#{$prefix}edge-panel-width: #{rem($edge-panel-width)};\n  --#{$prefix}edge-panel-height: #{$edge-panel-height};\n  --#{$prefix}edge-panel-padding-x: #{rem($edge-panel-padding-x)};\n  --#{$prefix}edge-panel-padding-y: #{rem($edge-panel-padding-y)};\n  --#{$prefix}edge-panel-bg: #{$edge-panel-bg};\n  --#{$prefix}edge-panel-color: #{$edge-panel-color};\n  --#{$prefix}edge-panel-shadow: #{$edge-panel-shadow};\n  --#{$prefix}edge-panel-backdrop-bg: #{$edge-panel-backdrop-bg};\n  --#{$prefix}edge-panel-backdrop-opacity: #{$edge-panel-backdrop-opacity};\n  --#{$prefix}edge-panel-backdrop-blur: #{$edge-panel-backdrop-blur};\n  --#{$prefix}edge-panel-animation-duration: #{$edge-panel-animation-duration}ms;\n  --#{$prefix}edge-panel-border-color: #{$edge-panel-border-color};\n\n  position: fixed;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  z-index: var(--#{$prefix}edge-panel-zindex);\n\n  // Backdrop Styling\n  &__backdrop {\n    position: absolute;\n    inset: 0;\n    background: var(--#{$prefix}edge-panel-backdrop-bg);\n    backdrop-filter: blur(var(--#{$prefix}edge-panel-backdrop-blur));\n    opacity: 0;\n    z-index: map.get($z-layers, 1);\n    transition: opacity var(--#{$prefix}edge-panel-animation-duration) ease;\n    will-change: opacity;\n    \n    &.is-animating {\n      animation: fadeIn 0.3s ease forwards;\n    }\n    \n    &.is-animating-out {\n      animation: fadeOut 0.3s ease forwards;\n    }\n  }\n\n  // Panel Container\n  &__container {\n    position: absolute;\n    color: var(--#{$prefix}edge-panel-color);\n    width: var(--#{$prefix}edge-panel-width);\n    height: 100%;\n    background-color: var(--#{$prefix}edge-panel-bg);\n    box-shadow: var(--#{$prefix}edge-panel-shadow);\n    z-index: map.get($z-layers, 2);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    will-change: transform, opacity;\n    \n    &.is-animating {\n      animation: slideIn var(--#{$prefix}edge-panel-animation-duration) cubic-bezier(0.16, 1, 0.3, 1) forwards;\n    }\n    \n    &.is-animating-out {\n      animation: slideOut var(--#{$prefix}edge-panel-animation-duration) cubic-bezier(0.16, 1, 0.3, 1) forwards;\n    }\n  }\n\n  // Panel Header\n  &__header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--#{$prefix}edge-panel-padding-y) var(--#{$prefix}edge-panel-padding-x);\n    border-bottom: 1px solid var(--#{$prefix}edge-panel-border-color);\n    flex-shrink: 0;\n  }\n\n  // Close Button\n  &__close {\n    user-select: none;\n    cursor: pointer;\n    padding: 0.5rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    transition: background-color 0.2s ease;\n    \n    &:hover {\n      background-color: rgba(0, 0, 0, 0.05);\n    }\n    \n    &:focus-visible {\n      outline: 2px solid var(--#{$prefix}primary);\n      outline-offset: 2px;\n    }\n  }\n\n  // Panel Body\n  &__body {\n    padding: var(--#{$prefix}edge-panel-padding-y) var(--#{$prefix}edge-panel-padding-x);\n    overflow-y: auto;\n    flex: 1;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  // Variants for Panel Positioning\n  &--start {\n    #{$root}__container {\n      left: 0;\n      top: 0;\n      bottom: 0;\n      border-right: 1px solid var(--#{$prefix}edge-panel-border-color);\n      transform: translateX(-100%);\n      \n      &.is-animating {\n        animation-name: slideInStart;\n      }\n      \n      &.is-animating-out {\n        animation-name: slideOutStart;\n      }\n    }\n  }\n\n  &--end {\n    #{$root}__container {\n      right: 0;\n      top: 0;\n      bottom: 0;\n      left: auto;\n      border-left: 1px solid var(--#{$prefix}edge-panel-border-color);\n      transform: translateX(100%);\n      \n      &.is-animating {\n        animation-name: slideInEnd;\n      }\n      \n      &.is-animating-out {\n        animation-name: slideOutEnd;\n      }\n    }\n  }\n\n  &--top {\n    #{$root}__container {\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: auto;\n      width: 100%;\n      height: var(--#{$prefix}edge-panel-height);\n      transform: translateY(-100%);\n      border-bottom: 1px solid var(--#{$prefix}edge-panel-border-color);\n      \n      &.is-animating {\n        animation-name: slideInTop;\n      }\n      \n      &.is-animating-out {\n        animation-name: slideOutTop;\n      }\n    }\n  }\n\n  &--bottom {\n    #{$root}__container {\n      left: 0;\n      right: 0;\n      bottom: 0;\n      top: auto;\n      width: 100%;\n      height: var(--#{$prefix}edge-panel-height);\n      transform: translateY(100%);\n      border-top: 1px solid var(--#{$prefix}edge-panel-border-color);\n      \n      &.is-animating {\n        animation-name: slideInBottom;\n      }\n      \n      &.is-animating-out {\n        animation-name: slideOutBottom;\n      }\n    }\n  }\n\n  // Active State (When Open)\n  &.is-open {\n    #{$root}__backdrop {\n      opacity: var(--#{$prefix}edge-panel-backdrop-opacity);\n    }\n\n    #{$root}__container {\n      transform: translateX(0) translateY(0);\n    }\n  }\n  \n  // No animation mode\n  &[data-mode=\"none\"] {\n    #{$root}__container {\n      // Disable all transitions\n      transition: none !important;\n      animation: none !important;\n      \n      &.is-animating,\n      &.is-animating-out {\n        animation: none !important;\n      }\n    }\n    \n    #{$root}__backdrop {\n      transition: none !important;\n      animation: none !important;\n      \n      &.is-animating,\n      &.is-animating-out {\n        animation: none !important;\n      }\n    }\n  }\n}\n\n// Body Modifier When Panel is Open\n.is-edgepanel-open {\n  --#{$prefix}edge-panel-animation-duration: #{$edge-panel-animation-duration}ms;\n  overflow: hidden;\n  \n  &.is-pushed {\n    transition: \n      padding-left var(--#{$prefix}edge-panel-animation-duration) cubic-bezier(0.16, 1, 0.3, 1),\n      padding-right var(--#{$prefix}edge-panel-animation-duration) cubic-bezier(0.16, 1, 0.3, 1),\n      padding-top var(--#{$prefix}edge-panel-animation-duration) cubic-bezier(0.16, 1, 0.3, 1),\n      padding-bottom var(--#{$prefix}edge-panel-animation-duration) cubic-bezier(0.16, 1, 0.3, 1);\n    \n    // Disable scrolling on iOS\n    position: fixed;\n    width: 100%;\n    height: 100%;\n  }\n  \n  &:not(.is-pushed) {\n    // Disable scrolling on iOS\n    position: fixed;\n    width: 100%;\n    height: 100%;\n  }\n}\n\n\n// Simple fade in animation\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: var(--#{$prefix}edge-panel-backdrop-opacity); }\n}\n\n// Simple fade out animation\n@keyframes fadeOut {\n  from { opacity: var(--#{$prefix}edge-panel-backdrop-opacity); }\n  to { opacity: 0; }\n}\n\n// Position-specific animations\n@keyframes slideInStart {\n  from { transform: translateX(-100%); }\n  to { transform: translateX(0); }\n}\n\n@keyframes slideOutStart {\n  from { transform: translateX(0); }\n  to { transform: translateX(-100%); }\n}\n\n@keyframes slideInEnd {\n  from { transform: translateX(100%); }\n  to { transform: translateX(0); }\n}\n\n@keyframes slideOutEnd {\n  from { transform: translateX(0); }\n  to { transform: translateX(100%); }\n}\n\n@keyframes slideInTop {\n  from { transform: translateY(-100%); }\n  to { transform: translateY(0); }\n}\n\n@keyframes slideOutTop {\n  from { transform: translateY(0); }\n  to { transform: translateY(-100%); }\n}\n\n@keyframes slideInBottom {\n  from { transform: translateY(100%); }\n  to { transform: translateY(0); }\n}\n\n@keyframes slideOutBottom {\n  from { transform: translateY(0); }\n  to { transform: translateY(100%); }\n}\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.form' as *;\n@use '../02-tools/tools.rem' as *;\n\n.c-form {\n  --#{$prefix}form-width: #{$form-width};\n  --#{$prefix}form-items-spacer-y: #{rem($form-items-spacer-y)};\n  --#{$prefix}form-items-spacer-x: #{rem($form-items-spacer-x)};\n\n  width: 100%;\n  max-width: var(--#{$prefix}form-width);\n\n  > * + * {\n    margin-top: var(--#{$prefix}form-items-spacer-y);\n  }\n\n  .o-grid {\n    --#{$prefix}gutter-x: var(--#{$prefix}form-items-spacer-x);\n    --#{$prefix}gutter-y: var(--#{$prefix}form-items-spacer-y);\n  }\n}\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.hero' as *;\n@use '../01-settings/settings.breakpoints' as breakpoints;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.size' as *;\n@use '../02-tools/tools.object-fit' as *;\n@use '../02-tools/tools.breakpoints' as *;\n@use '../02-tools/tools.grid' as *;\n\n.c-hero {\n    $root: &;\n\n    --#{$prefix}hero-padding-x: #{rem($hero-padding-x)};\n    --#{$prefix}hero-padding-y: #{rem($hero-padding-y)};\n    --#{$prefix}hero-bg: #{$hero-bg};\n    --#{$prefix}hero-overlay: #{$hero-overlay};\n    --#{$prefix}hero-overlay-opacity: #{$hero-overlay-opacity};\n    --#{$prefix}hero-subtitle-font-size: #{$hero-subtitle-font-size};\n    --#{$prefix}hero-title-font-size: #{$hero-title-font-size};\n    --#{$prefix}hero-text-font-size: #{$hero-text-font-size};\n    --#{$prefix}hero-subtitle-color: #{$hero-subtitle-color};\n    --#{$prefix}hero-title-color: #{$hero-title-color};\n    --#{$prefix}hero-text-color: #{$hero-text-color};\n    --#{$prefix}hero-subtitle-font-weight: #{$hero-subtitle-font-weight};\n    --#{$prefix}hero-title-font-weight: #{$hero-title-font-weight};\n    --#{$prefix}hero-text-font-weight: #{$hero-text-font-weight};\n    --#{$prefix}hero-subtitle-margin-bottom: #{$hero-subtitle-margin-bottom};\n    --#{$prefix}hero-text-margin-top: #{rem($hero-text-margin-top)};\n    --#{$prefix}hero-actions-margin-top: #{rem($hero-actions-margin-top)};\n    --#{$prefix}hero-actions-inner-gap: #{rem($hero-actions-inner-gap)};\n    --#{$prefix}hero-grid-gutter: #{rem($hero-grid-gutter)};\n    --#{$prefix}hero-content-width: #{rem($hero-content-width)};\n\n\n    position: relative;\n    display: grid;\n    place-items: center;\n    padding: var(--#{$prefix}hero-padding-y) var(--#{$prefix}hero-padding-x);\n    background-color: var(--#{$prefix}hero-bg);\n\n    &__bg {\n        position: absolute;\n        inset: 0;\n        overflow: hidden;\n        z-index: 0;\n    }\n\n    &__bg-image, &__video {\n        position: absolute;\n        inset: 0;\n        @include square(100%);\n        @include object-fit(cover);\n        z-index: 0;\n    }\n\n    &__overlay {\n        position: absolute;\n        inset: 0;\n        background: var(--#{$prefix}hero-overlay);\n        opacity: var(--#{$prefix}hero-overlay-opacity);\n        z-index: 1;\n    }\n\n    &__container {\n        position: relative;\n        z-index: 2;\n    }\n\n    &__grid{\n        --#{$prefix}gutter-x: var(--#{$prefix}hero-grid-gutter);\n        align-items: center;\n    }\n\n    &__content{\n        width: 100%;\n        max-width: var(--#{$prefix}hero-content-width);\n    }\n    &__subtitle {\n        color: var(--#{$prefix}hero-subtitle-color);\n        font-size: var(--#{$prefix}hero-subtitle-font-size);\n        font-weight: var(--#{$prefix}hero-subtitle-font-weight);\n        margin-bottom: var(--#{$prefix}hero-subtitle-margin-bottom);\n    }\n\n    &__title {\n        font-size: calc(2.15625rem + 1.5vw);\n        color: var(--#{$prefix}hero-title-color);\n        font-weight: var(--#{$prefix}hero-title-font-weight);\n        letter-spacing: -1px;\n\n        @include media-breakpoint-up(md){\n            font-size: var(--#{$prefix}hero-title-font-size);\n            line-height: 72px;\n        }\n    }\n\n    &__text {\n        color: var(--#{$prefix}hero-text-color);\n        font-size: var(--#{$prefix}hero-text-font-size);\n        font-weight: var(--#{$prefix}hero-text-font-weight);\n        margin-top: var(--#{$prefix}hero-text-margin-top);\n    }\n\n    &__actions {\n        display: inline-flex;\n        gap: var(--#{$prefix}hero-actions-inner-gap);\n        margin-top: var(--#{$prefix}hero-actions-margin-top);\n    }\n\n    &__image {\n        width: 100%;\n        max-width: none;\n        height: 380px;\n        @include object-fit(cover);\n    }\n\n    &--center {\n        text-align: center;\n\n        #{$root}{\n            &__content{\n                margin: {\n                    left: auto;\n                    right: auto;\n                }\n            }\n\n            &__image-wrapper {\n                margin-top: var(--#{$prefix}hero-grid-gutter);\n            }\n        }\n    }\n\n    &--end {\n        text-align: right;\n\n        #{$root}{\n            &__content{\n                margin-left: auto;\n            }\n        }\n    }\n\n    &--full-vh {\n        min-height: 100vh;\n    }\n\n\n\n    \n}","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.form-group' as *;\n@use '../02-tools/tools.rem' as *;\n\n.c-form-group {\n  $root: &;\n\n  --#{$prefix}input-group-width: #{$input-group-width};\n  --#{$prefix}input-group-label-color: #{$input-group-label-color};\n  --#{$prefix}input-group-label-font-size: #{$input-group-label-font-size};\n  --#{$prefix}input-group-label-margin-bottom: #{rem($input-group-label-margin-bottom)};\n  --#{$prefix}input-group-helper-text-color: #{$input-group-helper-text-color};\n  --#{$prefix}input-group-helper-text-font-size: #{$input-group-helper-text-font-size};\n  --#{$prefix}input-group-helper-text-margin-top: #{rem($input-group-helper-text-margin-top)};\n\n  position: relative;\n  width: 100%;\n  max-width: var(--#{$prefix}input-group-width);\n\n  &__label {\n    display: block;\n    color: var(--#{$prefix}input-group-label-color);\n    font-size: var(--#{$prefix}input-group-label-font-size);\n    margin-bottom: var(--#{$prefix}input-group-label-margin-bottom);\n  }\n\n  &__field {\n    display: inline-block;\n    width: 100%;\n  }\n\n  &__helper {\n    color: var(--#{$prefix}input-group-helper-text-color);\n    font-size: var(--#{$prefix}input-group-helper-text-font-size);\n    margin-top: var(--#{$prefix}input-group-helper-text-margin-top);\n  }\n\n  &--lg {\n     #{$root}__field {\n      @extend .c-input--lg !optional;\n     }\n  }\n\n  &--sm {\n    --#{$prefix}input-group-label-font-size: #{$input-group-label-font-size-sm};\n\n    #{$root}__field {\n      @extend .c-input--sm !optional;\n    }\n  }\n\n  &.is-success {\n    --#{$prefix}input-group-helper-text-color: var(--#{$prefix}success-text-emphasis);\n\n    #{$root}__field {\n      @extend .is-success !optional;\n    }\n  }\n\n  &.is-invalid {\n    --#{$prefix}input-group-helper-text-color: var(--#{$prefix}error-text-emphasis);\n\n    #{$root}__field {\n      @extend .is-invalid !optional;\n    }\n  }\n\n  &:disabled,&.is-disabled {\n    >* {\n      pointer-events: none;\n    }\n\n    #{$root}__field {\n      @extend .is-disabled !optional;\n    }\n  }\n}\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.input' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.animations' as *;\n@use '../02-tools/tools.placeholder' as *;\n\n.c-input {\n  $root: &;\n\n  --#{$prefix}input-width: #{$input-width};\n  --#{$prefix}input-color: #{$input-color};\n  --#{$prefix}input-placeholder-color: #{$input-placeholder-color};\n  --#{$prefix}input-font-size: #{$input-font-size};\n  --#{$prefix}input-line-height: #{$input-line-height-md};\n  --#{$prefix}input-padding-x: #{rem($input-padding-x)};\n  --#{$prefix}input-padding-y: #{rem($input-padding-y)};\n  --#{$prefix}input-border-color: #{$input-border-color};\n  --#{$prefix}input-border-width: #{$input-border-width};\n  --#{$prefix}input-border-radius: #{$input-border-radius};\n  --#{$prefix}input-bg: #{$input-bg};\n  --#{$prefix}input-textarea-height: #{$input-textarea-height};\n\n  width: 100%;\n  max-width: var(--#{$prefix}input-width);\n  color: var(--#{$prefix}input-color);\n  font-size: var(--#{$prefix}input-font-size);\n  line-height: var(--#{$prefix}input-line-height);\n  padding: var(--#{$prefix}input-padding-y) var(--#{$prefix}input-padding-x);\n  border: var(--#{$prefix}input-border-width) solid\n    var(--#{$prefix}input-border-color);\n  border-radius: var(--#{$prefix}input-border-radius);\n  outline: none;\n  background-color: var(--#{$prefix}input-bg);\n  @include basic-transition();\n\n  &:focus, &:hover {\n    --#{$prefix}input-border-color: #{$input-focus-border-color};\n  }\n\n  @include placeholder-color(var(--#{$prefix}input-placeholder-color));\n\n  &--textarea{\n    height: var(--#{$prefix}input-textarea-height);\n  }\n\n  &--sm {\n    --#{$prefix}input-font-size: #{$input-font-size-sm};\n    --#{$prefix}input-line-height: #{$input-line-height-sm};\n    --#{$prefix}input-padding-x: #{rem($input-padding-x-sm)};\n    --#{$prefix}input-padding-y: #{rem($input-padding-y-sm)};\n    \n    &#{$root}--textarea{\n      --#{$prefix}input-textarea-height: #{$input-textarea-height-sm};\n    }\n  }\n\n  &--lg {\n    --#{$prefix}input-font-size: #{$input-font-size-lg};\n    --#{$prefix}input-line-height: #{$input-line-height-lg};\n    --#{$prefix}input-padding-x: #{rem($input-padding-x-lg)};\n    --#{$prefix}input-padding-y: #{rem($input-padding-y-lg)};\n\n    &#{$root}--textarea{\n      --#{$prefix}input-textarea-height: #{$input-textarea-height-lg};\n    }\n  }\n\n  // Theme variants\n  &--primary {\n    --#{$prefix}input-border-color: var(--#{$prefix}primary-border-subtle, #{$primary-6});\n  }\n  \n  &--success {\n    --#{$prefix}input-border-color: var(--#{$prefix}success-border-subtle, #{$green-6});\n  }\n  \n  &--error {\n    --#{$prefix}input-border-color: var(--#{$prefix}error-border-subtle, #{$red-6});\n  }\n  \n  &--warning {\n    --#{$prefix}input-border-color: var(--#{$prefix}warning-border-subtle, #{$yellow-6});\n  }\n  \n  &--info {\n    --#{$prefix}input-border-color: var(--#{$prefix}info-border-subtle, #{$blue-6});\n  }\n\n  &.is-invalid, &.has-danger &:invalid {\n    --#{$prefix}input-border-color: #{$input-invalid-border-color};\n  }\n\n  &.is-success, &.has-success &:valid, .is-valid {\n    --#{$prefix}input-border-color: #{$input-success-border-color};\n  }\n\n  &:disabled, &.is-disabled{\n    --#{$prefix}input-color: #{$input-disabled-color};\n    --#{$prefix}input-bg: #{$input-disabled-bg};\n    pointer-events: none;\n  }\n\n\n}\n","\n@mixin placeholder-color($color: #000) {\n  ::-webkit-input-placeholder {\n    color: $color;\n  }\n  :-moz-placeholder {\n    color: $color;\n  }\n  ::-moz-placeholder {\n    color: $color;\n  }\n  :-ms-input-placeholder {\n    color: $color;\n  }\n  ::-ms-input-placeholder {\n    color: $color;\n  }\n}\n","@use 'sass:map';\n@use '../01-settings/_settings.list-group' as *;\n@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.maps' as maps;\n@use '../02-tools/tools.rem' as *; \n\n.c-list-group {\n\n    --#{config.$prefix}list-group-width: #{$list-group-width};\n    --#{config.$prefix}list-group-bg: #{$list-group-bg};\n    --#{config.$prefix}list-group-item-padding-y: #{rem($list-group-item-padding-y)};\n    --#{config.$prefix}list-group-item-padding-x: #{rem($list-group-item-padding-x)};\n    --#{config.$prefix}list-group-item-font-size: #{$list-group-item-font-size};\n    --#{config.$prefix}list-group-item-color: #{$list-group-item-color};\n    --#{config.$prefix}list-group-item-disabled-color: #{$list-group-item-disabled-color};\n    --#{config.$prefix}list-group-item-border-color: #{$list-group-item-border-color};\n    --#{config.$prefix}list-group-item-border-width: #{$list-group-item-border-width};\n    --#{config.$prefix}list-group-item-bg: #{$list-group-item-bg};\n\n\n    display: flex;\n    flex-direction: column;\n    padding-left: 0;\n    margin-bottom: 0;\n    list-style: none;\n    width: 100%;\n    max-width: var(--#{config.$prefix}list-group-width);\n    background: var(--#{config.$prefix}list-group-bg);\n\n    &__item {\n        padding: var(--#{config.$prefix}list-group-item-padding-y) var(--#{config.$prefix}list-group-item-padding-x);\n        font-size: var(--#{config.$prefix}list-group-item-font-size);\n        color: var(--#{config.$prefix}list-group-item-color);\n        border-bottom: var(--#{config.$prefix}list-group-item-border-width) solid var(--#{config.$prefix}list-group-item-border-color);\n        background: var(--#{config.$prefix}list-group-item-bg);\n\n        @each $state in map.keys(maps.$theme-colors) {\n            &--#{$state} {\n                @if($state == 'light') {\n                    --#{config.$prefix}list-group-item-bg: var(--#{config.$prefix}#{$state});\n                }@else if ($state == 'dark'){\n                    --#{config.$prefix}list-group-item-color: var(--#{config.$prefix}invert-text-emphasis);\n                    --#{config.$prefix}list-group-item-bg: var(--#{config.$prefix}#{$state});\n\n                    // @include color-mode('dark') {\n                    //     --#{$prefix}list-group-item-color: var(--#{$prefix}body-color);\n                    // }\n                }@else if($state == 'primary'){\n                    --#{config.$prefix}list-group-item-bg: var(--#{config.$prefix}brand-bg-subtle);\n                }@else {\n                    --#{config.$prefix}list-group-item-bg: var(--#{config.$prefix}#{$state}-bg-subtle);\n                }\n            }\n        }\n\n\n        &--disabled {\n            --#{config.$prefix}list-group-item-color: var(--#{config.$prefix}list-group-item-disabled-color);\n        }\n    }\n}\n","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.maps' as maps;\n@use '../01-settings/settings.list' as list;\n@use '../02-tools/tools.rem' as rem;\n\n.c-list {\n    $root: &;\n\n  --#{config.$prefix}list-color: #{list.$list-color};\n  --#{config.$prefix}list-font-size: #{list.$list-font-size};\n  --#{config.$prefix}list-font-weight: #{list.$list-font-weight};\n  --#{config.$prefix}list-item-gap: #{rem.rem(list.$list-item-gap)};\n  --#{config.$prefix}list-padding-left: #{rem.rem(list.$list-padding-left)};\n  --#{config.$prefix}list-item-dash-width: #{rem.rem(list.$list-item-dash-width)};\n  --#{config.$prefix}list-item-dash-height: #{rem.rem(list.$list-item-dash-height)};\n\n  padding-left: var(--#{config.$prefix}list-padding-left);\n\n  &__item {\n    color: var(--#{config.$prefix}list-color);\n    font-size: var(--#{config.$prefix}list-font-size);\n    font-weight: var(--#{config.$prefix}list-font-weight);\n    & + & {\n      margin-top: var(--#{config.$prefix}list-item-gap);\n    }\n  }\n\n  &--dash{\n    padding-left: 0;\n    list-style: none;\n\n    #{$root}__item {\n        position: relative;\n        padding-left: var(--#{config.$prefix}list-padding-left);\n        \n        &::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 0;\n            width: var(--#{config.$prefix}list-item-dash-width);\n            height: var(--#{config.$prefix}list-item-dash-height);\n            background: var(--#{config.$prefix}list-color);\n            transform: translateY(-50%);\n        }\n    }\n  }\n\n  &--number {\n    list-style-type: decimal;\n  }\n\n  &--text {\n    list-style-type: lower-alpha;\n  }\n}\n","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.maps' as maps;\n@use '../01-settings/settings.menu' as menu;\n@use '../02-tools/tools.rem' as rem;\n@use '../02-tools/tools.animations' as animations;\n@use '../02-tools/tools.color-mode' as *;\n\n.c-menu {\n    $root : &;\n\n    --#{config.$prefix}menu-min-width: #{rem.rem(menu.$menu-min-width)};\n    --#{config.$prefix}menu-container-width: #{rem.rem(menu.$menu-container-width)};\n    --#{config.$prefix}menu-padding-x: #{rem.rem(menu.$menu-padding-x)};\n    --#{config.$prefix}menu-padding-y: #{rem.rem(menu.$menu-padding-y)};\n    --#{config.$prefix}menu-bg: #{menu.$menu-bg};\n    --#{config.$prefix}menu-border-radius: #{menu.$menu-border-radius};\n    --#{config.$prefix}menu-box-shadow: #{menu.$menu-box-shadow};\n    --#{config.$prefix}menu-items-gap: #{menu.$menu-items-gap};\n    --#{config.$prefix}menu-item-padding-x: #{menu.$menu-item-padding-x};\n    --#{config.$prefix}menu-item-padding-y: #{menu.$menu-item-padding-y};\n    --#{config.$prefix}menu-item-inner-gap: #{menu.$menu-item-inner-gap};\n    --#{config.$prefix}menu-item-color: #{menu.$menu-item-color};\n    --#{config.$prefix}menu-item-font-size: #{menu.$menu-item-font-size};\n    --#{config.$prefix}menu-item-font-weight: #{menu.$menu-item-font-weight};\n    --#{config.$prefix}menu-item-bg: #{menu.$menu-item-bg};\n    --#{config.$prefix}menu-item-bg-hover: #{menu.$menu-item-bg-hover};\n    --#{config.$prefix}menu-item-bg-active: #{menu.$menu-item-bg-active};\n    --#{config.$prefix}menu-item-icon-size: #{menu.$menu-item-icon-size};\n    --#{config.$prefix}menu-subitem-color: #{menu.$menu-subitem-color};\n    --#{config.$prefix}menu-subitem-color-active: #{menu.$menu-subitem-color-active};\n    --#{config.$prefix}menu-subitem-font-weight: #{menu.$menu-subitem-font-weight};\n    --#{config.$prefix}menu-subitem-font-weight-active: #{menu.$menu-subitem-font-weight-active};\n    --#{config.$prefix}menu-mega-padding-x: #{rem.rem(menu.$menu-mega-padding-x)};\n    --#{config.$prefix}menu-mega-padding-y: #{rem.rem(menu.$menu-mega-padding-y)};\n    --#{config.$prefix}menu-mega-grid-gap: #{rem.rem(menu.$menu-mega-grid-gap)};\n    --#{config.$prefix}menu-mega-header-title-font-size: #{menu.$menu-mega-header-title-font-size};\n    --#{config.$prefix}menu-mega-header-title-font-weight: #{menu.$menu-mega-header-title-font-weight};\n\n    display: inline-block;\n    min-width: var(--#{config.$prefix}menu-min-width);\n    padding: var(--#{config.$prefix}menu-item-padding-y) var(--#{config.$prefix}menu-item-padding-x);\n    background-color: var(--#{config.$prefix}menu-bg);\n    border-radius: var(--#{config.$prefix}menu-border-radius);\n    box-shadow: var(--#{config.$prefix}menu-box-shadow);\n    z-index: 5;\n\n    &__container {\n        width: 100%;\n        max-width: var(--#{config.$prefix}menu-container-width);\n        margin: {\n            left: auto;\n            right: auto;\n        };\n        padding: 0 var(--#{config.$prefix}menu-mega-padding-x);\n    }\n    \n    &__list {\n        list-style: none;\n        margin-bottom: 0;\n        padding-left: 0;\n    }\n\n    &__item {\n        &+& {\n            margin-top: var(--#{config.$prefix}menu-items-gap);\n        }\n\n        &--haschildren {\n            position: relative;\n\n            >#{$root} {\n                position: absolute;\n                top: 0;\n                left: 100%;\n                visibility: hidden;\n                opacity: 0;\n                @include animations.basic-transition();\n            }\n\n            &:hover {\n                >#{$root} {\n                    visibility: visible;\n                    opacity: 1;\n                }\n            }\n        }\n    }\n\n    &__link {\n        display: flex;\n        align-items: center;\n        gap: var(--#{config.$prefix}menu-item-inner-gap);\n        padding: var(--#{config.$prefix}menu-item-padding-y) var(--#{config.$prefix}menu-item-padding-x);\n        color: var(--#{config.$prefix}menu-item-color);\n        font-size: var(--#{config.$prefix}menu-item-font-size);\n        font-weight: var(--#{config.$prefix}menu-item-font-weight);\n        background-color: var(--#{config.$prefix}menu-item-bg);\n        border-radius: var(--#{config.$prefix}menu-border-radius);\n        cursor: pointer;\n        @include animations.basic-transition();\n\n        &:hover {\n            color: var(--#{config.$prefix}menu-item-color);\n            background-color: var(--#{config.$prefix}menu-item-bg-hover);\n        }\n\n        &:focus, &:active, &.is-active {\n            background-color: var(--#{config.$prefix}menu-item-bg-active);\n        }\n    }\n\n    &__icon {\n        font-size: var(--#{config.$prefix}menu-item-icon-size);\n    }\n\n    &__toggle {\n        cursor: pointer;\n        user-select: none;\n    }\n    \n    &__toggle-icon {\n        margin-left: auto;\n        @include animations.basic-transition();\n    }\n\n    &__subitems {\n        position: relative;\n    }\n\n    &__subitems-wrapper {\n        height: 0px;\n        overflow: hidden;\n        @include animations.basic-transition();\n    }\n\n    &__subitems-list {\n        list-style: none;\n        margin-bottom: 0;\n        padding-left: rem.rem(23px);\n    }\n\n    &__subitem-link {\n        display: flex;\n        align-items: center;\n        gap: var(--#{config.$prefix}menu-item-inner-gap);\n        padding: var(--#{config.$prefix}menu-item-padding-y) var(--#{config.$prefix}menu-item-padding-x);\n        color: var(--#{config.$prefix}menu-subitem-color);\n        font-size: var(--#{config.$prefix}menu-item-font-size);\n        font-weight: var(--#{config.$prefix}menu-subitem-font-weight);\n        @include animations.basic-transition();\n\n        &:hover {\n            color: var(--#{config.$prefix}primary);\n        }\n\n        &:focus, &:active, &.is-active {\n            color: var(--#{config.$prefix}menu-subitem-color-active);\n            font-weight: var(--#{config.$prefix}menu-subitem-font-weight-active);\n        }\n    }\n\n    &__grid {\n        --#{config.$prefix}gutter-x: var(--#{config.$prefix}menu-mega-grid-gap);\n    }\n\n    &__header {\n        display: flex;\n        align-items: center;\n        gap: var(--#{config.$prefix}menu-item-inner-gap);\n        padding:  0 var(--#{config.$prefix}menu-item-padding-y) var(--#{config.$prefix}menu-item-padding-x) var(--#{config.$prefix}menu-item-padding-x);\n        margin-bottom: var(--#{config.$prefix}menu-item-padding-y);\n        border-bottom: 1px solid var(--#{config.$prefix}primary-border-subtle);\n    }\n\n    &__header-title {\n        color: var(--#{config.$prefix}menu-item-color);\n        font-size: var(--#{config.$prefix}menu-mega-header-title-font-size);\n        font-weight: var(--#{config.$prefix}menu-mega-header-title-font-weight);\n    }\n\n    &__header-icon {\n        font-size: rem.rem(24px);\n    }\n\n    &__content-title {\n        color: var(--#{config.$prefix}menu-item-color);\n        font-size: var(--#{config.$prefix}menu-item-font-size);\n        font-weight: var(--#{config.$prefix}menu-item-font-weight);\n    }\n\n    &__content-text {\n        color: var(--#{config.$prefix}menu-subitem-color);\n        font-size: var(--#{config.$prefix}menu-item-font-size);\n        margin-top: var(--#{config.$prefix}menu-items-gap);\n    }\n\n    &__content-menu {\n        height: 100%;\n        padding-left: var(--#{config.$prefix}menu-mega-grid-gap);\n        border-left: 1px solid var(--#{config.$prefix}primary-border-subtle);\n    }\n\n    &__content-menu-title {\n        color: var(--#{config.$prefix}menu-subitem-color);\n        font-size: var(--#{config.$prefix}menu-item-font-size);\n    }\n\n    &__content-menu-list {\n        padding-left: 0;\n        list-style: none;\n    }\n\n    &__content-menu-item {\n        margin-top: rem.rem(12px);\n    }\n\n    &__content-menu-link {\n        color: var(--#{config.$prefix}menu-item-color);\n        font-size: var(--#{config.$prefix}menu-item-font-size);\n        font-weight: var(--#{config.$prefix}menu-item-font-weight);\n\n        &:hover {\n            color: var(--#{config.$prefix}menu-item-color);\n        }\n    }\n\n    &--mega {\n        width: 100%;\n        min-height: auto;\n        padding: var(--#{config.$prefix}menu-mega-padding-y) 0;\n        border-radius: 0px;\n    }\n}","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.maps' as maps;\n@use '../01-settings/settings.messages' as messages;\n@use '../01-settings/settings.border-radius' as border;\n@use '../01-settings/settings.typography' as typo;\n@use '../02-tools/tools.rem' as rem;\n@use '../02-tools/tools.size' as *;\n@use '../02-tools/tools.object-fit' as *;\n@use '../02-tools/tools.color-mode' as *;\n@use '../02-tools/tools.size' as *;\n\n.c-messages {\n  $root: &;\n\n  --#{config.$prefix}messages-width: #{messages.$messages-width};\n  --#{config.$prefix}messages-padding-x: #{rem.rem(messages.$messages-padding-x)};\n  --#{config.$prefix}messages-padding-y: #{rem.rem(messages.$messages-padding-y)};\n  --#{config.$prefix}messages-border-radius: #{messages.$messages-border-radius};\n  --#{config.$prefix}messages-border-width: #{messages.$messages-border-width};\n  --#{config.$prefix}messages-border-color: #{messages.$messages-border-color};\n  --#{config.$prefix}messages-bg: #{messages.$messages-bg};\n  --#{config.$prefix}messages-content-margin-top: #{rem.rem(messages.$messages-content-margin-top)};\n  --#{config.$prefix}messages-avatar-margin: #{rem.rem(messages.$messages-avatar-margin)};\n  --#{config.$prefix}messages-items-padding-x: #{rem.rem(messages.$messages-items-padding-x)};\n  --#{config.$prefix}messages-items-padding-y: #{rem.rem(messages.$messages-items-padding-y)};\n  --#{config.$prefix}messages-items-width: #{rem.rem(messages.$messages-items-width)};\n  --#{config.$prefix}messages-items-border-width: #{messages.$messages-items-border-width};\n  --#{config.$prefix}messages-items-border-color: #{messages.$messages-items-border-color};\n  --#{config.$prefix}messages-items-border-radius: #{messages.$messages-items-border-radius};\n  --#{config.$prefix}messages-items-gap: #{rem.rem(messages.$messages-items-gap)};\n  --#{config.$prefix}messages-text-padding-x: #{rem.rem(messages.$messages-text-padding-x)};\n  --#{config.$prefix}messages-text-padding-y: #{rem.rem(messages.$messages-text-padding-y)};\n  --#{config.$prefix}messages-text-color: #{messages.$messages-text-secondary-color};\n  --#{config.$prefix}messages-text-font-size: #{messages.$messages-text-font-size};\n  --#{config.$prefix}messages-text-bg: #{messages.$messages-text-secondary-bg};\n  --#{config.$prefix}messages-text-border-radius: #{messages.$messages-text-border-radius};\n  --#{config.$prefix}messages-file-padding-x: #{messages.$messages-file-padding-x};\n  --#{config.$prefix}messages-file-padding-y: #{messages.$messages-file-padding-y};\n  --#{config.$prefix}messages-file-text-font-size: #{messages.$messages-file-text-font-size};\n  --#{config.$prefix}messages-file-text-color: #{messages.$messages-file-text-secondary-color};\n  --#{config.$prefix}messages-file-icon-size: #{rem.rem(messages.$messages-file-icon-size)};\n  --#{config.$prefix}messages-file-icon-margin-right: #{messages.$messages-file-icon-margin-right};\n  --#{config.$prefix}messages-file-icon-bg: #{messages.$messages-file-icon-bg};\n  --#{config.$prefix}messages-file-info-font-size: #{messages.$messages-file-info-font-size};\n  --#{config.$prefix}messages-file-info-color: #{messages.$messages-file-info-color};\n  --#{config.$prefix}messages-file-bg: #{messages.$messages-file-secondary-bg};\n  --#{config.$prefix}messages-file-border-radius: #{messages.$messages-file-border-radius};\n  --#{config.$prefix}messages-image-width: #{messages.$messages-image-width};\n  --#{config.$prefix}messages-image-height: #{messages.$messages-image-height};\n  --#{config.$prefix}messages-image-border-radius: #{messages.$messages-image-border-radius};\n  --#{config.$prefix}messages-form-margin-top: #{rem.rem(messages.$messages-form-margin-top)};\n  --#{config.$prefix}messages-form-row-gap: #{rem.rem(messages.$messages-form-row-gap)};\n  --#{config.$prefix}messages-form-submit-icon-size: #{rem.rem(messages.$messages-form-submit-icon-size)};\n  --#{config.$prefix}messages-input-padding-x: #{rem.rem(messages.$messages-input-padding-x)};\n  --#{config.$prefix}messages-input-padding-y: #{rem.rem(messages.$messages-input-padding-y)};\n  --#{config.$prefix}messages-input-font-size: #{messages.$messages-input-font-size};\n  --#{config.$prefix}messages-input-color: #{messages.$messages-input-color};\n  --#{config.$prefix}messages-input-placeholder-color: #{messages.$messages-input-placeholder-color};\n  --#{config.$prefix}messages-input-border-width: #{messages.$messages-input-border-width};\n  --#{config.$prefix}messages-input-border-color: #{messages.$messages-input-border-color};\n  --#{config.$prefix}messages-input-border-radius: #{messages.$messages-input-border-radius};\n  --#{config.$prefix}messages-input-options-icons-size: #{messages.$messages-input-options-icons-size};\n  --#{config.$prefix}messages-input-options-row-gap: #{rem.rem(messages.$messages-input-options-row-gap)};\n  --#{config.$prefix}messages-body-height: #{messages.$messages-body-height};\n\n  width: 100%;\n  max-width: var(--#{config.$prefix}messages-width);\n  min-width: var(--#{config.$prefix}messages-width);\n  padding: var(--#{config.$prefix}messages-padding-y)\n    var(--#{config.$prefix}messages-padding-x);\n  border-radius: var(--#{config.$prefix}messages-border-radius);\n  border: var(--#{config.$prefix}messages-border-width) solid\n    var(--#{config.$prefix}messages-border-color);\n  background-color: var(--#{config.$prefix}messages-bg);\n  \n  &__body {\n    max-height: var(--#{config.$prefix}messages-body-height);\n    min-height: var(--#{config.$prefix}messages-body-height);\n    overflow: auto;\n  }\n\n  &__content {\n    display: flex;\n    align-items: flex-end;\n    \n    margin-top: var(--#{config.$prefix}messages-content-margin-top);\n  }\n\n  &__items {\n    display: flex;\n    flex-direction: column;\n    gap: var(--#{config.$prefix}messages-items-gap);\n    width: 100%;\n    max-width: var(--#{config.$prefix}messages-items-width);\n    padding: var(--#{config.$prefix}messages-items-padding-y)\n      var(--#{config.$prefix}messages-items-padding-x);\n    border: var(--#{config.$prefix}messages-items-border-width) solid\n      var(--#{config.$prefix}messages-items-border-color);\n\n\n    >*:first-child {\n      border-radius: var(--#{config.$prefix}messages-text-border-radius)\n      var(--#{config.$prefix}messages-text-border-radius)\n      var(--#{config.$prefix}messages-text-border-radius) border.$border-radius-sm;\n    }\n\n    >*:last-child {\n      border-radius: border.$border-radius-sm var(--#{config.$prefix}messages-text-border-radius)\n      var(--#{config.$prefix}messages-text-border-radius)\n      var(--#{config.$prefix}messages-text-border-radius);\n    }\n  }\n\n  &__avatar {\n    flex: 0 0 var(--#{config.$prefix}avatar-size);\n    margin-right: var(--#{config.$prefix}messages-avatar-margin);\n  }\n\n  &__name {\n    color: var(--#{config.$prefix}secondary-text-emphasis);\n    font-size: var(--#{config.$prefix}messages-file-info-font-size);\n    font-weight: typo.$font-weight-medium;\n  }\n\n  &__time {\n    display: block;\n    width: 100%;\n    text-align: right;\n    color: var(--#{config.$prefix}messages-file-info-color);\n    font-size: var(--#{config.$prefix}messages-file-info-font-size);\n    margin-top: var(--#{config.$prefix}messages-items-gap);\n  }\n\n  &__text {\n    width: fit-content;\n    color: var(--#{config.$prefix}messages-text-color);\n    font-size: var(--#{config.$prefix}messages-text-font-size);\n    padding: var(--#{config.$prefix}messages-text-padding-y)\n      var(--#{config.$prefix}messages-text-padding-x);\n    background-color: var(--#{config.$prefix}messages-text-bg);\n    border-radius: border.$border-radius-sm var(--#{config.$prefix}messages-text-border-radius)  var(--#{config.$prefix}messages-text-border-radius) border.$border-radius-sm;\n  }\n\n  &__file {\n    display: flex;\n    flex-wrap: wrap;\n    padding: var(--#{config.$prefix}messages-file-padding-y) var(--#{config.$prefix}messages-file-padding-x);\n    border-radius: border.$border-radius-sm  var(--#{config.$prefix}messages-file-border-radius) var(--#{config.$prefix}messages-file-border-radius) border.$border-radius-sm;\n    background: var(--#{config.$prefix}messages-file-bg);\n  }\n\n  &__file-icon {\n    display: grid !important;\n    place-items: center;\n    font-size: rem.rem(24px);\n    @include square(var(--#{config.$prefix}messages-file-icon-size));\n    color: var(--#{config.$prefix}tertiary-text-emphasis);\n    margin-right: var(--#{config.$prefix}messages-file-icon-margin-right);\n    background-color: var(--#{config.$prefix}body-bg);\n    border-radius: border.$border-radius-pill;\n   \n  }\n\n  &__file-name {\n    color: var(--#{config.$prefix}messages-file-text-color);\n    font-size: var(--#{config.$prefix}messages-file-text-font-size);\n  }\n\n  &__file-size {\n    color: var(--#{config.$prefix}messages-file-info-color);\n    font-size: var(--#{config.$prefix}messages-file-info-font-size);\n  }\n\n  &__image {\n    @include size(var(--#{config.$prefix}messages-image-width), var(--#{config.$prefix}messages-image-height));\n    border-radius: border.$border-radius-sm var(--#{config.$prefix}messages-image-border-radius) var(--#{config.$prefix}messages-image-border-radius) border.$border-radius-sm;\n    @include object-fit(cover);\n  }\n\n  &__content--self {\n    flex-direction: row-reverse;\n    justify-content: flex-start;\n\n    #{$root} {\n      &__avatar {\n        margin-right: 0;\n        margin-left: var(--#{config.$prefix}messages-avatar-margin);\n      }\n\n      &__items {\n        align-items: flex-end;\n        border-radius: var(--#{config.$prefix}messages-items-border-radius)\n          var(--#{config.$prefix}messages-items-border-radius) 0\n          var(--#{config.$prefix}messages-items-border-radius);\n\n          >*:first-child {\n            border-radius: var(--#{config.$prefix}messages-text-border-radius)\n            var(--#{config.$prefix}messages-text-border-radius) border.$border-radius-sm\n            var(--#{config.$prefix}messages-text-border-radius);\n          }\n      \n          >*:last-child {\n            border-radius: var(--#{config.$prefix}messages-text-border-radius) border.$border-radius-sm \n            var(--#{config.$prefix}messages-text-border-radius)\n            var(--#{config.$prefix}messages-text-border-radius);\n          }\n      }\n\n      &__text {\n        --#{config.$prefix}messages-text-color: #{messages.$messages-text-primary-color};\n        --#{config.$prefix}messages-text-bg: #{messages.$messages-text-primary-bg};\n        border-radius: var(--#{config.$prefix}messages-text-border-radius) border.$border-radius-sm border.$border-radius-sm var(--#{config.$prefix}messages-text-border-radius);\n      }\n\n      &__file {\n        --#{config.$prefix}messages-file-text-color: #{messages.$messages-file-text-primary-color};\n        --#{config.$prefix}messages-file-bg: #{messages.$messages-file-primary-bg};\n        border-radius: var(--#{config.$prefix}messages-file-border-radius) border.$border-radius-sm border.$border-radius-sm var(--#{config.$prefix}messages-file-border-radius);\n\n        @include color-mode('dark') {\n          --#{config.$prefix}messages-file-icon-bg: #{messages.$messages-file-icon-bg-dark};\n        }\n      }\n\n      &__image {\n        border-radius: var(--#{config.$prefix}messages-image-border-radius) border.$border-radius-sm border.$border-radius-sm var(--#{config.$prefix}messages-image-border-radius);\n      }\n\n      &__file-icon {\n        color: var(--#{config.$prefix}invert-text-emphasis);\n        background-color: var(--#{config.$prefix}messages-file-icon-bg);\n\n        @include color-mode('dark') {\n          --#{config.$prefix}messages-file-icon-bg: #{messages.$messages-file-icon-bg-dark};\n        }\n      }\n    }\n  }\n\n  &__form {\n    display: flex;\n    gap: var(--#{config.$prefix}messages-form-row-gap);\n    margin-top: var(--#{config.$prefix}messages-form-margin-top);\n  }\n\n  &__input-group {\n    width: 100%;\n    position: relative;\n  }\n\n  &__options {\n    position: absolute;\n    right: var(--#{config.$prefix}messages-input-padding-x);\n    top: 50%;\n    display: flex;\n    gap: var(--#{config.$prefix}messages-input-options-row-gap);\n    align-items: center;\n    transform: translateY(-50%);\n  }\n\n  &__option {\n    appearance: none;\n    border: 0;\n    background-color: transparent;\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n  }\n\n  &__option-icon {\n    color: var(--#{config.$prefix}tertiary-text-emphasis);\n    cursor: pointer;\n  }\n\n  &__input {\n    width: 100%;\n    padding: var(--#{config.$prefix}messages-input-padding-y) var(--#{config.$prefix}messages-input-padding-x);\n    color: var(--#{config.$prefix}messages-input-color);\n    font-size: var(--#{config.$prefix}messages-input-font-size);\n    border: var(--#{config.$prefix}messages-input-border-width) solid var(--#{config.$prefix}messages-input-border-color);\n    border-radius: var(--#{config.$prefix}messages-input-border-radius);\n    background-color: var(--#{config.$prefix}messages-bg);\n    resize: none;\n\n    &::placeholder {\n      color: var(--#{config.$prefix}messages-input-placeholder-color);\n      font-size: var(--#{config.$prefix}messages-input-font-size);\n    }\n\n    &:focus {\n      outline: 0;\n      border-color: var(--#{config.$prefix}primary);\n    }\n  }\n\n  &__submit {\n    display: grid;\n    place-items: center;\n    align-self: flex-end;\n    padding: rem.rem(10px);\n    background-color: var(--#{config.$prefix}brand-bg-subtle);\n    color: var(--#{config.$prefix}invert-text-emphasis);\n    border-radius: border.$border-radius-pill;\n    cursor: pointer;\n    appearance: none;\n    border: 0;\n\n    .c-icon {\n      width: var(--#{config.$prefix}messages-form-submit-icon-size);\n      height: var(--#{config.$prefix}messages-form-submit-icon-size);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  }\n}\n","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.maps' as maps;\n@use '../01-settings/settings.modal' as modal;\n@use '../02-tools/tools.rem' as rem;\n@use '../02-tools/tools.size' as *;\n@use '../02-tools/tools.spacing' as *;\n\n.c-modal {\n  $root: &;\n\n  --#{config.$prefix}modal-inner-padding: #{rem.rem(modal.$modal-inner-padding)};\n\n  --#{config.$prefix}modal-content-color: #{modal.$modal-content-color};\n  --#{config.$prefix}modal-content-bg: #{modal.$modal-content-bg};\n  --#{config.$prefix}modal-content-border-radius: #{modal.$modal-content-border-radius};\n  --#{config.$prefix}modal-content-box-shadow: #{modal.$modal-content-box-shadow};\n\n  --#{config.$prefix}modal-header-padding-bottom: #{rem.rem(modal.$modal-header-padding-bottom)};\n  --#{config.$prefix}modal-title-font-size: #{modal.$modal-title-font-size};\n  --#{config.$prefix}modal-sub-margin-top: #{rem.rem(modal.$modal-sub-margin-top)};\n  --#{config.$prefix}modal-sub-color: #{modal.$modal-sub-color};\n  --#{config.$prefix}modal-sub-font-size: #{modal.$modal-sub-font-size};\n\n  --#{config.$prefix}modal-footer-items-gap: #{rem.rem(modal.$modal-footer-items-gap)};\n\n  --#{config.$prefix}modal-backdrop-bg: #{modal.$modal-backdrop-bg};\n  --#{config.$prefix}modal-backdrop-opacity: #{modal.$modal-backdrop-opacity};\n  --#{config.$prefix}modal-backdrop-blur: #{modal.$modal-backdrop-blur};\n\n  --#{config.$prefix}modal-close-icon-color: #{modal.$modal-close-icon-color};\n  --#{config.$prefix}modal-close-icon-size: #{rem.rem(modal.$modal-close-icon-size)};\n\n  --#{config.$prefix}modal-sm: #{rem.rem(modal.$modal-sm)};\n  --#{config.$prefix}modal-md: #{rem.rem(modal.$modal-md)};\n  --#{config.$prefix}modal-lg: #{rem.rem(modal.$modal-lg)};\n  --#{config.$prefix}modal-xl: #{rem.rem(modal.$modal-xl)};\n  --#{config.$prefix}modal-width: var(--#{config.$prefix}modal-md);\n\n  position: fixed;\n  inset: 0;\n  @include square(100%);\n  display: none;\n\n  &__backdrop {\n    position: absolute;\n    inset: 0;\n    background-color: var(--#{config.$prefix}modal-backdrop-bg);\n    opacity: 0;\n    transition: 0.3s;\n  }\n\n  &__dialog {\n    position: relative;\n    display: flex;\n    align-items: center;\n    max-width: var(--#{config.$prefix}modal-width);\n    height: 100%;\n    padding: var(--#{config.$prefix}modal-inner-padding);\n    margin: {\n      left: auto;\n      right: auto;\n    }\n    opacity: 0;\n    z-index: 2;\n    pointer-events: none;\n    transition: 0.3s ease;\n    will-change: transform;\n  }\n\n  &__content {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    max-height: 100%;\n    padding: var(--#{config.$prefix}modal-inner-padding);\n    background-color: var(--#{config.$prefix}modal-content-bg);\n    box-shadow: var(--#{config.$prefix}modal-content-box-shadow);\n    border-radius: var(--#{config.$prefix}modal-content-border-radius);\n    overflow: hidden;\n    pointer-events: auto;\n  }\n\n  &__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    padding-bottom: var(--#{config.$prefix}modal-header-padding-bottom);\n  }\n\n  &__title {\n    font-size: var(--#{config.$prefix}modal-title-font-size);\n  }\n\n  &__sub {\n    color: var(--#{config.$prefix}modal-sub-color);\n    font-size: var(--#{config.$prefix}modal-sub-font-size);\n    margin-top: var(--#{config.$prefix}modal-sub-margin-top);\n  }\n\n  &__body {\n    padding: var(--#{config.$prefix}modal-inner-padding) 0;\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n\n  &__footer {\n    display: flex;\n    justify-content: flex-end;\n    gap: var(--#{config.$prefix}modal-footer-items-gap);\n    padding-top: var(--#{config.$prefix}modal-inner-padding);\n  }\n\n  &__close {\n    @include pr(0);\n    @include pt(0);\n    cursor: pointer;\n    user-select: none;\n    z-index: 3;\n\n    svg {\n      @include square(var(--#{config.$prefix}modal-close-icon-size));\n    }\n  }\n\n  &--sm {\n    --#{config.$prefix}modal-width: var(--#{config.$prefix}modal-sm);\n  }\n\n  &--md {\n    --#{config.$prefix}modal-width: var(--#{config.$prefix}modal-md);\n  }\n\n  &--lg {\n    --#{config.$prefix}modal-width: var(--#{config.$prefix}modal-lg);\n  }\n\n  &--xl {\n    --#{config.$prefix}modal-width: var(--#{config.$prefix}modal-xl);\n  }\n\n  &.is-open {\n    \n    #{$root} {\n      &__backdrop {\n        opacity: var(--#{config.$prefix}modal-backdrop-opacity);\n      }\n\n      &__dialog {\n        opacity: 1;\n      }\n    }\n  }\n}\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.nav' as *;\n@use '../01-settings/settings.border-radius' as *;\n@use '../02-tools/tools.transition' as transition;\n@use '../02-tools/tools.event' as *;\n@use '../02-tools/tools.rem' as *;\n\n.c-nav {\n  $root: &;\n\n  --#{$prefix}nav-item-gap-x: #{rem($nav-item-gap-x)};\n  --#{$prefix}nav-link-padding-x: #{rem($nav-link-padding-x)};\n  --#{$prefix}nav-link-padding-y: #{rem($nav-link-padding-y)};\n  --#{$prefix}nav-link-font-size: #{$nav-link-font-size};\n  --#{$prefix}nav-link-font-weight: #{$nav-link-font-weight};\n  --#{$prefix}nav-link-color: #{$nav-link-color};\n  --#{$prefix}nav-link-hover-color: #{$nav-link-hover-color};\n  --#{$prefix}nav-link-bg: #{$nav-link-bg};\n  --#{$prefix}nav-link-hover-bg: #{$nav-link-hover-bg};\n  --#{$prefix}nav-link-inner-gap: #{rem($nav-link-inner-gap)};\n  --#{$prefix}nav-icon-size: #{$nav-icon-size};\n\n  display: flex;\n  align-items: center;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n\n  &__item {\n    & + & {\n      margin-left: var(--#{$prefix}nav-item-gap-x);\n    }\n\n    &--dropdown {\n      position: relative;\n    }\n\n    &:hover {\n        #{$root}__icon {\n          transform: rotate(-180deg);\n        }\n  \n        #{$root}__dropdown-menu, #{$root}__mega-menu  {\n          visibility: visible;\n          opacity: 1;\n        }\n      }\n  }\n\n  &__link {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--#{$prefix}nav-link-inner-gap);\n    font-size: var(--#{$prefix}nav-link-font-size);\n    font-weight: var(--#{$prefix}nav-link-font-weight);\n    padding: var(--#{$prefix}nav-link-padding-y)\n      var(--#{$prefix}nav-link-padding-x);\n    border-radius: $border-radius-lg;\n\n    @include transition.basic-transition();\n\n    @include on-event(true) {\n      color: var(--#{$prefix}nav-link-color);\n    }\n\n    @include on-event() {\n      background-color: var(--#{$prefix}nav-link-hover-bg);\n    }\n\n    &--disabled {\n      color: var(--#{$prefix}disabled-text-emphasis);\n      pointer-events: none;\n    }\n\n    &:focus,\n    &:active,\n    &.is-active {\n      background-color: var(--#{$prefix}brand-bg-subtle);\n    }\n  }\n\n  &__icon {\n    font-size: var(--#{$prefix}nav-icon-size);\n    @include transition.basic-transition();\n  }\n\n  &__dropdown-menu {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    visibility: hidden;\n    opacity: 0;\n    white-space: nowrap;\n    @include transition.basic-transition();\n\n    &--center {\n      left: 50%;\n      transform: translateX(-50%);\n    }\n\n    &--end {\n      left: auto;\n      right: 0;\n    }\n  }\n\n  &__mega-menu {\n    position: absolute;\n    top: calc(100% - var(--#{$prefix}navbar-padding-y));\n    left: 0;\n    width: 100%;\n    visibility: hidden;\n    opacity: 0;\n    @include transition.basic-transition();\n  }\n\n\n  &--end {\n    margin-left: auto;\n    justify-content: flex-end;\n  }\n\n  &--center {\n    margin: 0 auto;\n    justify-content: center;\n  }\n}\n","/// Event wrapper\n/// @author Harry Roberts\n/// @param {Bool} $self [false] - Whether or not to include current selector\n/// @link https://twitter.com/csswizardry/status/478938530342006784 Original tweet from Harry Roberts\n@mixin on-event($self: false) {\n  @if $self {\n    &,\n    &:hover,\n    &:active,\n    &:focus,\n    &:focus-visible {\n      @content;\n    }\n  } @else {\n    &:hover,\n    &:active,\n    &:focus,\n    &:focus-visible {\n      @content;\n    }\n  }\n} ","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.navbar' as *;\n@use '../01-settings/settings.breakpoints' as breakpoints;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.media-queries' as media;\n@use '../01-settings/settings.maps' as maps;\n\n.c-navbar {\n    $root: &;\n\n    --#{$prefix}navbar-padding-x: #{rem($navbar-padding-x)};\n    --#{$prefix}navbar-padding-y: #{rem($navbar-padding-y)};\n    --#{$prefix}navbar-bg: #{$navbar-bg};\n    --#{$prefix}navbar-border-width: #{$navbar-border-width};\n    --#{$prefix}navbar-border-color: #{$navbar-border-color};\n    --#{$prefix}navbar-brand-margin-end: #{rem($navbar-brand-margin-end)};\n    --#{$prefix}navbar-toggler-size: #{$navbar-toggler-size};\n    --#{$prefix}navbar-toggler-color: #{$navbar-toggler-color};\n    --#{$prefix}navbar-container-max-width: #{$navbar-container-max-width};\n\n    position: relative; \n    padding: var(--#{$prefix}navbar-padding-y) 0;\n    border-bottom: 1px solid var(--#{$prefix}navbar-border-color);\n    background-color: var(--#{$prefix}navbar-bg);\n\n    &__container {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        width: 100%;\n        max-width: var(--#{$prefix}navbar-container-max-width);\n        padding: 0 var(--#{$prefix}navbar-padding-x);\n        margin: 0 auto;\n    }\n\n    &__brand {\n        margin-right: var(--#{$prefix}navbar-brand-margin-end);\n        display: flex;\n        align-items: center;\n        \n        svg {\n            color: inherit;\n        }\n    }\n\n    &__toggler {\n        display: none;\n        align-items: center;\n        justify-content: center;\n        width: var(--#{$prefix}navbar-toggler-size);\n        height: var(--#{$prefix}navbar-toggler-size);\n        padding: 0;\n        background-color: transparent;\n        border: 0;\n        border-radius: 4px;\n        cursor: pointer;\n        \n        &:focus {\n            outline: none;\n            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n        }\n        \n        &-icon {\n            position: relative;\n            display: inline-block;\n            width: 1.5em;\n            height: 1.5em;\n            vertical-align: middle;\n            \n            &::before,\n            &::after,\n            & {\n                position: absolute;\n                height: 2px;\n                width: 100%;\n                background-color: var(--#{$prefix}navbar-toggler-color);\n                border-radius: 1px;\n                transition: transform 0.15s ease;\n            }\n            \n            &::before,\n            &::after {\n                content: \"\";\n                display: block;\n            }\n            \n            &::before {\n                top: -0.5em;\n            }\n            \n            &::after {\n                bottom: -0.5em;\n            }\n        }\n    }\n    \n    &__collapse {\n        flex-grow: 1;\n        align-items: center;\n        display: flex;\n    }\n    \n    // Responsive behavior for collapsible navbars\n    &--collapsible {\n        @include media.media-down('md') {\n            #{$root}__toggler {\n                display: flex;\n                margin-left: auto;\n            }\n            \n            #{$root}__collapse {\n                display: none;\n                width: 100%;\n                \n                &.is-expanded {\n                    display: block;\n                    padding-top: 0.5rem;\n                }\n                \n                .c-nav {\n                    flex-direction: column;\n                    align-items: flex-start;\n                    \n                    &__item {\n                        width: 100%;\n                        margin-left: 0 !important;\n                        \n                        & + & {\n                            margin-top: 0.25rem;\n                        }\n                    }\n                    \n                    &__link {\n                        display: block;\n                        width: 100%;\n                    }\n                    \n                    &__dropdown-menu,\n                    &__mega-menu {\n                        position: static;\n                        width: 100%;\n                        margin-top: 0.25rem;\n                        margin-bottom: 0.25rem;\n                        border: none;\n                        box-shadow: none;\n                        background-color: transparent;\n                        visibility: hidden;\n                        opacity: 0;\n                        height: 0;\n                        overflow: hidden;\n                        transform: none !important;\n                    }\n                    \n                    &__item--dropdown.is-active {\n                        > .c-nav__dropdown-menu,\n                        > .c-nav__mega-menu {\n                            visibility: visible;\n                            opacity: 1;\n                            height: auto;\n                        }\n                        \n                        > .c-nav__link .c-nav__icon {\n                            transform: rotate(-180deg);\n                        }\n                    }\n                }\n            }\n        }\n        \n        @include media.media-up('md') {\n            #{$root}__collapse {\n                display: flex !important;\n            }\n        }\n    }\n\n    &--fixed, &--fixed-bottom {\n        position: fixed;\n        left: 0;\n        right: 0;\n        width: 100%;\n        z-index: 1030;\n    }\n\n    &--fixed {\n        top: 0;\n    }\n\n    &--fixed-bottom {\n        bottom: 0;\n\n        .c-nav__dropdown-menu {\n            top: auto;\n            bottom: 100%;\n        }\n\n        .c-nav--end .c-nav__dropdown-menu {\n            left: 50%;\n            transform: translateX(-50%);\n        }\n        \n        // For fixed-bottom, the caret should point upward\n        .c-nav__icon {\n            transform: rotate(180deg);\n            \n            &:hover {\n                transform: rotate(0deg);\n            }\n        }\n    }\n    \n    // Theme/variant styles\n    @each $color, $value in maps.$theme-colors-bg-subtle{\n        &--#{$color} {\n            --#{$prefix}navbar-bg: var(--#{$prefix}#{$color}-bg-subtle);\n            --#{$prefix}navbar-border-color: var(--#{$prefix}#{$color}-border-subtle);\n            --#{$prefix}navbar-toggler-color: var(--#{$prefix}#{$color}-text);\n            \n            .c-nav__link {\n                color: var(--#{$prefix}#{$color}-text);\n                \n                &:hover,\n                &:focus,\n                &.is-active {\n                    background-color: var(--#{$prefix}#{$color}-subtle);\n                }\n            }\n            \n            .c-navbar__brand {\n                color: var(--#{$prefix}#{$color}-text-emphasis);\n            }\n        }\n    }\n}","@use '../01-settings/settings.breakpoints' as breakpoints;\n@use 'sass:map';\n\n// Media Up - Min-width\n@mixin media-up($breakpoint) {\n  @if map.has-key(breakpoints.$grid-breakpoints, $breakpoint) {\n    $value: map.get(breakpoints.$grid-breakpoints, $breakpoint);\n    @media (min-width: $value) {\n      @content;\n    }\n  } @else {\n    @warn \"Unknown breakpoint `#{$breakpoint}` in $breakpoints\";\n  }\n}\n\n// Media Down - Max-width\n@mixin media-down($breakpoint) {\n  @if map.has-key(breakpoints.$grid-breakpoints, $breakpoint) {\n    $value: map.get(breakpoints.$grid-breakpoints, $breakpoint);\n    @media (max-width: ($value - 0.02px)) {\n      @content;\n    }\n  } @else {\n    @warn \"Unknown breakpoint `#{$breakpoint}` in $breakpoints\";\n  }\n}\n\n// Media Between - Min-width and Max-width\n@mixin media-between($lower, $upper) {\n  @if map.has-key(breakpoints.$grid-breakpoints, $lower) and map.has-key(breakpoints.$grid-breakpoints, $upper) {\n    $min: map.get(breakpoints.$grid-breakpoints, $lower);\n    $max: map.get(breakpoints.$grid-breakpoints, $upper);\n    @media (min-width: $min) and (max-width: ($max - 0.02px)) {\n      @content;\n    }\n  } @else {\n    @warn \"Unknown breakpoint `#{$lower}` or `#{$upper}` in $breakpoints\";\n  }\n}\n\n// Media Only - Specific breakpoint\n@mixin media-only($breakpoint) {\n  @if map.has-key(breakpoints.$grid-breakpoints, $breakpoint) {\n    $lower: $breakpoint;\n    $upper: 'xl';\n    \n    @if $breakpoint == 'xs' {\n      $upper: 'sm';\n    } @else if $breakpoint == 'sm' {\n      $upper: 'md';\n    } @else if $breakpoint == 'md' {\n      $upper: 'lg';\n    } @else if $breakpoint == 'lg' {\n      $upper: 'xl';\n    } @else if $breakpoint == 'xl' {\n      @include media-up($breakpoint) {\n        @content;\n      }\n    } @else {\n      @include media-between($lower, $upper) {\n        @content;\n      }\n    }\n  } @else {\n    @warn \"Unknown breakpoint `#{$breakpoint}` in $breakpoints\";\n  }\n} ","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.maps' as maps;\n@use '../01-settings/settings.callout' as callout;\n@use '../02-tools/tools.rem' as rem;\n\n.c-callout {\n  $root: &;\n\n  --#{config.$prefix}callout-width: #{callout.$callout-width};\n  --#{config.$prefix}callout-padding-x: #{rem.rem(callout.$callout-padding-x)};\n  --#{config.$prefix}callout-padding-y: #{rem.rem(callout.$callout-padding-y)};\n  --#{config.$prefix}callout-tost-padding-x: #{rem.rem(callout.$callout-tost-padding-x)};\n  --#{config.$prefix}callout-tost-padding-y: #{rem.rem(callout.$callout-tost-padding-y)};\n  --#{config.$prefix}callout-bg: #{callout.$callout-bg};\n  --#{config.$prefix}callout-border-radius: #{callout.$callout-border-radius};\n  --#{config.$prefix}callout-border-color: #{callout.$callout-border-color};\n  --#{config.$prefix}callout-border-witdh: #{callout.$callout-border-width};\n  --#{config.$prefix}callout-title-font-size: #{callout.$callout-title-font-size};\n  --#{config.$prefix}callout-title-font-weight: #{callout.$callout-title-font-weight};\n  --#{config.$prefix}callout-title-color: #{callout.$callout-title-color};\n  --#{config.$prefix}callout-text-font-size: #{callout.$callout-text-font-size};\n  --#{config.$prefix}callout-text-font-weight: #{callout.$callout-text-font-weight};\n  --#{config.$prefix}callout-text-color: #{callout.$callout-text-color};\n  --#{config.$prefix}callout-message-spacer: #{rem.rem(callout.$callout-message-spacer)};\n  --#{config.$prefix}callout-icon-size: #{callout.$callout-icon-size};\n  --#{config.$prefix}callout-icon-color: #{callout.$callout-icon-color};\n  --#{config.$prefix}callout-close-btn-size: #{callout.$callout-close-btn-size};\n  --#{config.$prefix}callout-actions-spacer: #{rem.rem(callout.$callout-actions-spacer)};\n  --#{config.$prefix}callout-actions-spacer-y: #{rem.rem(callout.$callout-actions-spacer-y)};\n  --#{config.$prefix}callout-toast-bg: #{callout.$callout-toast-bg};\n  --#{config.$prefix}callout-box-shadow: #{callout.$callout-box-shadow};\n  --#{config.$prefix}callout-transition-duration: 0.3s;\n  --#{config.$prefix}callout-transition-timing: cubic-bezier(0.16, 1, 0.3, 1);\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  width: 100%;\n  max-width: var(--#{config.$prefix}callout-width);\n  gap: var(--#{config.$prefix}callout-actions-spacer);\n  padding: var(--#{config.$prefix}callout-padding-y)\n    var(--#{config.$prefix}callout-padding-x);\n  background: var(--#{config.$prefix}callout-bg);\n  border-radius: var(--#{config.$prefix}callout-border-radius);\n  border: var(--#{config.$prefix}callout-border-witdh) solid\n    var(--#{config.$prefix}callout-border-color);\n  transition: \n    opacity var(--#{config.$prefix}callout-transition-duration) var(--#{config.$prefix}callout-transition-timing),\n    transform var(--#{config.$prefix}callout-transition-duration) var(--#{config.$prefix}callout-transition-timing);\n\n  &__content {\n    display: flex;\n    gap: var(--#{config.$prefix}callout-message-spacer);\n    align-items: flex-start;\n  }\n\n  &__icon {\n    color: var(--#{config.$prefix}callout-icon-color);\n    font-size: var(--#{config.$prefix}callout-icon-size);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n\n  &__message {\n    display: flex;\n    flex-direction: column;\n    gap: rem.rem(4px);\n  }\n\n  &__title {\n    color: var(--#{config.$prefix}callout-title-color);\n    font-size: var(--#{config.$prefix}callout-title-font-size);\n    font-weight: var(--#{config.$prefix}callout-title-font-weight);\n  }\n\n  &__text {\n    color: var(--#{config.$prefix}callout-text-color);\n    font-size: var(--#{config.$prefix}callout-text-font-size);\n    font-weight: var(--#{config.$prefix}callout-text-font-weight);\n    line-height: 1.5;\n  }\n\n  &__actions {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--#{config.$prefix}callout-actions-spacer);\n    margin-left: auto;\n  }\n\n  &__close-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--#{config.$prefix}callout-title-color);\n    border: none;\n    outline: none;\n    background: none;\n    padding: rem.rem(4px);\n    font-size: var(--#{config.$prefix}callout-close-btn-size);\n    cursor: pointer;\n    border-radius: rem.rem(4px);\n    transition: background-color 0.2s ease, transform 0.2s ease;\n\n    &:hover {\n      background-color: rgba(0, 0, 0, 0.05);\n    }\n\n    &:active {\n      transform: scale(0.95);\n    }\n\n    &:focus-visible {\n      box-shadow: 0 0 0 2px var(--#{config.$prefix}callout-border-color);\n    }\n  }\n\n  &--oneline {\n    #{$root} {\n      &__message {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        gap: var(--#{config.$prefix}callout-message-spacer);\n      }\n    }\n  }\n\n  &--toast {\n    position: relative;\n    max-width: rem.rem(350px);\n    width: 100%;\n    padding: var(--#{config.$prefix}callout-tost-padding-y) var(--#{config.$prefix}callout-tost-padding-x);\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: flex-start;\n    border: none;\n    background-color: var(--#{config.$prefix}callout-toast-bg);\n    box-shadow: var(--#{config.$prefix}callout-box-shadow);\n    animation: calloutToastIn 0.3s var(--#{config.$prefix}callout-transition-timing) forwards;\n\n    #{$root} {\n      &__content {\n        align-items: flex-start;\n        width: 100%;\n      }\n\n      &__actions {\n        padding-left: calc(var(--#{config.$prefix}callout-icon-size) + var(--#{config.$prefix}callout-message-spacer));\n        margin-top: var(--#{config.$prefix}callout-actions-spacer-y);\n      }\n\n      &__close-btn {\n        position: absolute;\n        top: var(--#{config.$prefix}callout-tost-padding-y);\n        right: var(--#{config.$prefix}callout-tost-padding-x);\n      }\n    }\n\n    &:focus-visible {\n      outline: 2px solid var(--#{config.$prefix}callout-border-color);\n      outline-offset: 2px;\n    }\n  }\n\n  @each $color, $value in maps.$theme-colors {\n    &--#{$color} {\n      @if($color == 'primary') {\n        --#{config.$prefix}callout-bg: var(--#{config.$prefix}brand-bg-subtle);\n        --#{config.$prefix}callout-border-color: var(--#{config.$prefix}brand-border-subtle);\n        --#{config.$prefix}callout-icon-color: var(--#{config.$prefix}brand-text-emphasis);\n      } @else if($color == 'light') {\n        --#{config.$prefix}callout-title-color: var(--#{config.$prefix}dark);\n        --#{config.$prefix}callout-text-color: var(--#{config.$prefix}dark);\n        --#{config.$prefix}callout-bg: var(--#{config.$prefix}light);\n        --#{config.$prefix}callout-border-color: var(--#{config.$prefix}primary-border-subtle);\n        --#{config.$prefix}callout-icon-color: var(--#{config.$prefix}tertiary-text-emphasis);\n      }@else if($color == 'dark') {\n        --#{config.$prefix}callout-title-color: var(--#{config.$prefix}light);\n        --#{config.$prefix}callout-text-color: #{$gray-4};\n        --#{config.$prefix}callout-bg: var(--#{config.$prefix}dark);\n        --#{config.$prefix}callout-border-color: var(--#{config.$prefix}primary-border-subtle);\n        --#{config.$prefix}callout-icon-color: var(--#{config.$prefix}light);\n      } @else {\n        --#{config.$prefix}callout-bg: var(--#{config.$prefix}#{$color}-bg-subtle);\n        --#{config.$prefix}callout-border-color: var(--#{config.$prefix}#{$color}-border-subtle);\n        --#{config.$prefix}callout-icon-color: var(--#{config.$prefix}#{$color}-text-emphasis);\n      }      \n    }\n  }\n\n  &.is-hide {\n    opacity: 0;\n    transform: translateY(-10px);\n    pointer-events: none;\n  }\n}\n\n// Toast container styles\n.c-callout-container {\n  position: fixed;\n  z-index: callout.$callout-toast-z-index;\n  display: flex;\n  flex-direction: column;\n  gap: rem.rem(8px);\n  max-width: 100%;\n  pointer-events: none; // Allow clicking through the container\n  \n  // Make toasts clickable\n  .c-callout--toast {\n    pointer-events: auto;\n  }\n  \n  // Position variants\n  @each $position, $props in callout.$callout-toast-positions {\n    &--#{$position} {\n      @each $prop, $value in $props {\n        #{$prop}: $value;\n      }\n    }\n  }\n  \n  // Animation variants by position\n  &--top-right,\n  &--top-left,\n  &--top-center {\n    .c-callout--toast {\n      animation-name: calloutToastInTop;\n    }\n  }\n  \n  &--bottom-right,\n  &--bottom-left,\n  &--bottom-center {\n    .c-callout--toast {\n      animation-name: calloutToastInBottom;\n    }\n  }\n}\n\n// Toast animations\n@keyframes calloutToastInTop {\n  from {\n    opacity: 0;\n    transform: translateY(-20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes calloutToastInBottom {\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n","@use 'settings.colors' as *;\n@use 'settings.config' as config;\n@use '../02-tools/tools.rem' as rem;\n\n// Callout\n$callout-width: 100% !default;\n$callout-padding-x: 16px !default;\n$callout-padding-y: 16px !default;\n$callout-tost-padding-x: 16px !default;\n$callout-tost-padding-y: 16px !default;\n$callout-bg: $white !default;\n$callout-border-radius: 8px !default;\n$callout-border-color: $gray-3 !default;\n$callout-border-width: 1px !default;\n$callout-title-font-size: 16px !default;\n$callout-title-font-weight: 600 !default;\n$callout-title-color: $gray-9 !default;\n$callout-text-font-size: 14px !default;\n$callout-text-font-weight: 400 !default;\n$callout-text-color: $gray-7 !default;\n$callout-message-spacer: 12px !default;\n$callout-icon-size: 20px !default;\n$callout-icon-color: $primary !default;\n$callout-close-btn-size: 20px !default;\n$callout-actions-spacer: 8px !default;\n$callout-actions-spacer-y: 12px !default;\n$callout-toast-bg: $white !default;\n$callout-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1) !default;\n\n// Toast positions\n$callout-toast-positions: (\n  'top-right': (top: 16px, right: 16px),\n  'top-left': (top: 16px, left: 16px),\n  'top-center': (top: 16px, left: 50%, transform: translateX(-50%)),\n  'bottom-right': (bottom: 16px, right: 16px),\n  'bottom-left': (bottom: 16px, left: 16px),\n  'bottom-center': (bottom: 16px, left: 50%, transform: translateX(-50%))\n) !default;\n\n// Z-index for toast containers\n$callout-toast-z-index: 1000 !default;","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.pagination' as pagination;\n@use '../02-tools/tools.rem' as rem;\n@use '../02-tools/tools.size' as size;\n\n.c-pagination {\n  $root: &;\n\n  --#{config.$prefix}pagination-padding-x: #{rem.rem(pagination.$pagination-padding-x)};\n  --#{config.$prefix}pagination-padding-y: #{rem.rem(pagination.$pagination-padding-y)};\n  --#{config.$prefix}pagination-size: #{rem.rem(pagination.$pagination-size)};\n  --#{config.$prefix}pagination-font-size: #{pagination.$pagination-font-size};\n  --#{config.$prefix}pagination-color: #{pagination.$pagination-color};\n  --#{config.$prefix}pagination-bg: #{pagination.$pagination-bg};\n  --#{config.$prefix}pagination-focus-border-color: #{pagination.$pagination-focus-border-color};\n  --#{config.$prefix}pagination-focus-border-width: #{pagination.$pagination-focus-border-width};\n  --#{config.$prefix}pagination-hover-color: #{pagination.$pagination-hover-color};\n  --#{config.$prefix}pagination-hover-bg: #{pagination.$pagination-hover-bg};\n  --#{config.$prefix}pagination-active-color: #{pagination.$pagination-active-color};\n  --#{config.$prefix}pagination-active-bg: #{pagination.$pagination-active-bg};\n  --#{config.$prefix}pagination-disabled-color: #{pagination.$pagination-disabled-color};\n  --#{config.$prefix}pagination-disabled-bg: #{pagination.$pagination-disabled-bg};\n  --#{config.$prefix}pagination-border-radius: #{pagination.$pagination-border-radius};\n  --#{config.$prefix}pagination-icon-size: var(--#{config.$prefix}pagination-font-size);\n\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &__items {\n    display: flex;\n    align-items: center;\n    list-style: none;\n    padding-left: 0;\n    margin-bottom: 0;\n    gap: 0.25rem;\n  }\n\n  &__item {\n    display: flex;\n    align-items: center;\n    @include size.square(var(--#{config.$prefix}pagination-size));\n    overflow: hidden;\n\n    &--dots {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      @include size.square(var(--#{config.$prefix}pagination-size));\n      color: var(--#{config.$prefix}pagination-color);\n      font-size: var(--#{config.$prefix}pagination-font-size);\n      user-select: none;\n    }\n\n    &.is-active {\n      font-weight: bold;\n      \n      .c-pagination__link {\n        --#{config.$prefix}pagination-color: var(--#{config.$prefix}pagination-active-color);\n        --#{config.$prefix}pagination-bg: var(--#{config.$prefix}pagination-active-bg);\n        pointer-events: none;\n      }\n    }\n\n    &.is-disabled {\n      .c-pagination__link {\n        --#{config.$prefix}pagination-color: var(--#{config.$prefix}pagination-disabled-color);\n        --#{config.$prefix}pagination-bg: var(--#{config.$prefix}pagination-disabled-bg);\n        pointer-events: none;\n      }\n    }\n  }\n\n  &__link {\n    @include size.square(100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--#{config.$prefix}pagination-color);\n    font-size: var(--#{config.$prefix}pagination-font-size);\n    padding: var(--#{config.$prefix}pagination-padding-y)\n      var(--#{config.$prefix}pagination-padding-x);\n    background-color: var(--#{config.$prefix}pagination-bg);\n    border-radius: var(--#{config.$prefix}pagination-border-radius);\n    border: none;\n    cursor: pointer;\n    user-select: none;\n\n    &:hover {\n      --#{config.$prefix}pagination-color: var(--#{config.$prefix}pagination-hover-color);\n      --#{config.$prefix}pagination-bg: var(--#{config.$prefix}pagination-hover-bg);\n    }\n\n    &:focus-visible {\n      outline: none;\n      border-radius: 0;\n      border: var(--#{config.$prefix}pagination-focus-border-width) solid var(--#{config.$prefix}pagination-focus-border-color);\n    }\n\n    .c-icon {\n      color: inherit;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n\n  &--sm {\n    --#{config.$prefix}pagination-size: #{rem.rem(pagination.$pagination-size-sm)};\n    --#{config.$prefix}pagination-font-size: 0.75rem;\n    --#{config.$prefix}pagination-padding-y: 4px;\n    --#{config.$prefix}pagination-padding-x: 4px;\n  }\n\n  &--md {\n    // Default size, no need to override\n  }\n\n  &--lg {\n    --#{config.$prefix}pagination-size: #{rem.rem(pagination.$pagination-size-lg)};\n    --#{config.$prefix}pagination-font-size: 1rem;\n    --#{config.$prefix}pagination-padding-y: 12px;\n    --#{config.$prefix}pagination-padding-x: 12px;\n  }\n\n  &__icon-skip-back,\n  &__icon-caret-left,\n  &__icon-caret-right,\n  &__icon-skip-forward {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 1em;\n    width: 1em;\n    line-height: 1;\n  }\n\n  &__icon-skip-back::before {\n    content: \"⏮\";\n  }\n\n  &__icon-caret-left::before {\n    content: \"◀\";\n  }\n\n  &__icon-caret-right::before {\n    content: \"▶\";\n  }\n\n  &__icon-skip-forward::before {\n    content: \"⏭\";\n  }\n}\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.popover' as *;\n@use '../02-tools/tools.rem' as *;\n\n.c-popover {\n  $root: &;\n\n  --#{$prefix}popover-width: #{rem($popover-max-width)};\n  --#{$prefix}popover-padding-x: #{rem($popover-padding-x)};\n  --#{$prefix}popover-padding-y: #{rem($popover-padding-y)};\n  --#{$prefix}popover-inner-gap-x: #{rem($popover-inner-gap-x)};\n  --#{$prefix}popover-inner-gap-y: #{rem($popover-inner-gap-y)};\n  --#{$prefix}popover-bg: #{$popover-bg};\n  --#{$prefix}popover-border-radius: #{$popover-border-radius};\n  --#{$prefix}popover-box-shadow: #{$popover-box-shadow};\n  --#{$prefix}popover-arrow-size: #{rem($popover-arrow-size)};\n  --#{$prefix}popover-arrow-offset: #{rem($popover-arrow-offset)};\n\n  position: fixed;\n  width: var(--#{$prefix}popover-width);\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;\n  z-index: 1000;\n\n  &__content {\n    position: relative;\n    z-index: 2;\n  }\n\n  &__content-inner {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: var(--#{$prefix}popover-inner-gap-y)\n      var(--#{$prefix}popover-inner-gap-x);\n    padding: var(--#{$prefix}popover-padding-y)\n      var(--#{$prefix}popover-padding-x);\n    background: var(--#{$prefix}popover-bg);\n    border-radius: var(--#{$prefix}popover-border-radius);\n    box-shadow: var(--#{$prefix}popover-box-shadow);\n  }\n\n  &__arrow {\n    position: absolute;\n    width: var(--#{$prefix}popover-arrow-size);\n    height: var(--#{$prefix}popover-arrow-size);\n    background: var(--#{$prefix}popover-bg);\n    box-shadow: var(--#{$prefix}popover-box-shadow);\n    z-index: 1;\n    transform-origin: center;\n  }\n\n  &.is-open {\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n  }\n  \n  // Position variants\n  &--top {\n    .c-popover__arrow {\n      bottom: calc(var(--#{$prefix}popover-arrow-offset) * -1);\n      left: 50%;\n      transform: translateX(-50%) rotate(45deg);\n    }\n  }\n  \n  &--bottom {\n    .c-popover__arrow {\n      top: calc(var(--#{$prefix}popover-arrow-offset) * -1);\n      left: 50%;\n      transform: translateX(-50%) rotate(45deg);\n    }\n  }\n  \n  &--left {\n    .c-popover__arrow {\n      top: 50%;\n      right: calc(var(--#{$prefix}popover-arrow-offset) * -1);\n      transform: translateY(-50%) rotate(45deg);\n    }\n  }\n  \n  &--right {\n    .c-popover__arrow {\n      top: 50%;\n      left: calc(var(--#{$prefix}popover-arrow-offset) * -1);\n      transform: translateY(-50%) rotate(45deg);\n    }\n  }\n  \n  // Auto position automatically selects the best position\n  // and will dynamically apply one of the position classes above\n  &--auto {\n    // The actual position class will be added dynamically based on available space\n  }\n}\n","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.maps' as maps;\n@use '../02-tools/tools.rem' as rem;\n@use '../02-tools/tools.size' as size;\n@use '../02-tools/tools.grid' as *;\n@use '../02-tools/tools.breakpoints' as *;\n\n.c-product-review {\n  $root: &;\n\n  --#{config.$prefix}product-review-padding: #{rem.rem(24px)};\n  --#{config.$prefix}product-review-border-radius: var(--#{config.$prefix}border-radius);\n  --#{config.$prefix}product-review-bg: var(--#{config.$prefix}body-bg);\n  --#{config.$prefix}product-review-border-color: var(--#{config.$prefix}border-color);\n  --#{config.$prefix}product-review-spacing: #{rem.rem(16px)};\n  --#{config.$prefix}product-review-image-size: #{rem.rem(80px)};\n  --#{config.$prefix}product-review-title-font-size: #{rem.rem(20px)};\n  --#{config.$prefix}product-review-label-font-size: #{rem.rem(14px)};\n  --#{config.$prefix}product-review-label-color: var(--#{config.$prefix}text-muted);\n\n  padding: var(--#{config.$prefix}product-review-padding);\n  border-radius: var(--#{config.$prefix}product-review-border-radius);\n  background-color: var(--#{config.$prefix}product-review-bg);\n  border: 1px solid var(--#{config.$prefix}product-review-border-color);\n  width: 100%;\n  max-width: rem.rem(600px);\n  margin: 0 auto;\n\n  &__header {\n    display: flex;\n    align-items: center;\n    margin-bottom: var(--#{config.$prefix}product-review-spacing);\n    gap: var(--#{config.$prefix}product-review-spacing);\n    flex-wrap: wrap;\n  }\n\n  &__title {\n    font-size: var(--#{config.$prefix}product-review-title-font-size);\n    font-weight: 600;\n    margin: 0;\n    flex: 1;\n  }\n\n  &__image-wrapper {\n    width: var(--#{config.$prefix}product-review-image-size);\n    height: var(--#{config.$prefix}product-review-image-size);\n    border-radius: var(--#{config.$prefix}border-radius);\n    overflow: hidden;\n    flex-shrink: 0;\n  }\n\n  &__image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  &__form {\n    display: flex;\n    flex-direction: column;\n    gap: var(--#{config.$prefix}product-review-spacing);\n  }\n\n  &__label {\n    display: block;\n    font-size: var(--#{config.$prefix}product-review-label-font-size);\n    color: var(--#{config.$prefix}product-review-label-color);\n    margin-bottom: rem.rem(8px);\n  }\n\n  &__rating-container {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: var(--#{config.$prefix}product-review-spacing);\n  }\n\n  &__rating-value {\n    margin-top: rem.rem(8px);\n    font-size: var(--#{config.$prefix}product-review-label-font-size);\n  }\n\n  &__comment-container {\n    margin-bottom: var(--#{config.$prefix}product-review-spacing);\n  }\n\n  &__textarea {\n    width: 100%;\n    padding: rem.rem(12px);\n    border: 1px solid var(--#{config.$prefix}product-review-border-color);\n    border-radius: var(--#{config.$prefix}border-radius);\n    background-color: var(--#{config.$prefix}body-bg);\n    color: var(--#{config.$prefix}body-color);\n    font-family: inherit;\n    resize: vertical;\n    \n    &:focus {\n      outline: none;\n      border-color: var(--#{config.$prefix}primary);\n      box-shadow: 0 0 0 3px rgba(var(--#{config.$prefix}primary-rgb), 0.25);\n    }\n  }\n\n  &__actions {\n    display: flex;\n    justify-content: flex-end;\n  }\n\n  &__success {\n    text-align: center;\n    padding: var(--#{config.$prefix}product-review-spacing) 0;\n    \n    h3 {\n      margin-top: 0;\n      margin-bottom: rem.rem(8px);\n    }\n    \n    p {\n      margin-bottom: var(--#{config.$prefix}product-review-spacing);\n      color: var(--#{config.$prefix}text-muted);\n    }\n  }\n\n  @include media-breakpoint-up(md) {\n    --#{config.$prefix}product-review-padding: #{rem.rem(32px)};\n    --#{config.$prefix}product-review-image-size: #{rem.rem(100px)};\n  }\n}\n","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.maps' as maps;\n@use '../01-settings/settings.progress' as progress;\n@use '../02-tools/tools.rem' as rem;\n\n.c-progress{\n\n    --#{config.$prefix}progress-width: #{progress.$progress-width};\n    --#{config.$prefix}progress-percentage: 0%; \n    --#{config.$prefix}progress-height: #{rem.rem(progress.$progress-height)};\n    --#{config.$prefix}progress-font-size: #{progress.$progress-font-size};\n    --#{config.$prefix}progress-bg: #{progress.$progress-bg};\n    --#{config.$prefix}progress-border-radius: #{progress.$progress-border-radius};\n    --#{config.$prefix}progress-bar-width: var(--#{config.$prefix}progress-percentage);\n    --#{config.$prefix}progress-bar-height: #{progress.$progress-bar-height};\n    --#{config.$prefix}progress-bar-color: #{progress.$progress-bar-color};\n    --#{config.$prefix}progress-bar-bg: #{progress.$progress-bar-bg};\n    --#{config.$prefix}progress-bar-transition: #{progress.$progress-bar-transition};\n    --#{config.$prefix}progress-bar-easing: #{progress.$progress-bar-easing};\n\n    width: 100%;\n    max-width: var(--#{config.$prefix}progress-width);\n    height: var(--#{config.$prefix}progress-bar-height);\n    background-color: var(--#{config.$prefix}progress-bg);\n    border-radius: var(--#{config.$prefix}progress-border-radius);\n    overflow: hidden;\n\n    &__bar{\n        width: var(--#{config.$prefix}progress-bar-width);\n        height: var(--#{config.$prefix}progress-bar-height);\n        color: var(--#{config.$prefix}progress-bar-color);\n        background-color: var(--#{config.$prefix}progress-bar-bg);\n        border-radius: var(--#{config.$prefix}progress-border-radius);\n        transition: var(--#{config.$prefix}progress-bar-transition) var(--#{config.$prefix}progress-bar-easing);\n    }\n\n    @each $color, $value in maps.$theme-colors {\n        &--#{$color} {\n            --#{config.$prefix}progress-bar-bg: var(--#{config.$prefix}#{$color});\n        }\n    }\n}\n\n\n\n","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.maps' as maps;\n@use '../01-settings/settings.rating' as rating;\n@use '../02-tools/tools.rem' as rem;\n@use '../02-tools/tools.size' as size;\n@use '../02-tools/tools.breakpoints' as *;\n@use '../02-tools/tools.grid' as *;\n\n.c-rating {\n  $root: &;\n\n  // CSS Variables for component configuration\n  --#{config.$prefix}rating-star-size: #{rating.$rating-star-size};\n  --#{config.$prefix}rating-star-bg: #{rating.$rating-star-bg};\n  --#{config.$prefix}rating-star-half-bg: #{rating.$rating-star-half-bg};\n  --#{config.$prefix}rating-stars-gap: #{rem.rem(rating.$rating-stars-gap)};\n  --#{config.$prefix}rating-star-empty-color: var(--#{config.$prefix}border-color);\n  --#{config.$prefix}rating-star-hover-scale: 1.1;\n  --#{config.$prefix}rating-star-transition: transform 0.2s ease-in-out;\n  --#{config.$prefix}rating-label-font-size: #{rem.rem(14px)};\n  --#{config.$prefix}rating-label-color: var(--#{config.$prefix}text-muted);\n  --#{config.$prefix}rating-label-margin-bottom: #{rem.rem(8px)};\n  --#{config.$prefix}rating-value-margin-top: #{rem.rem(8px)};\n  --#{config.$prefix}rating-value-font-size: #{rem.rem(14px)};\n\n  // Base styles\n  display: flex;\n  gap: var(--#{config.$prefix}rating-stars-gap);\n  align-items: center;\n  position: relative;\n\n  &[data-readonly=\"false\"] {\n    cursor: pointer;\n\n    #{$root}__star {\n      transition: var(--#{config.$prefix}rating-star-transition);\n\n      &:hover, &:focus {\n        transform: scale(var(--#{config.$prefix}rating-star-hover-scale));\n      }\n      \n      &:focus-visible {\n        outline: 2px solid var(--#{config.$prefix}primary);\n        outline-offset: 2px;\n        border-radius: 2px;\n      }\n    }\n  }\n\n  // Star styles\n  &__star {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    svg {\n      @include size.square(var(--#{config.$prefix}rating-star-size));\n    }\n\n    &--full {\n      #{$root}__star-full {\n        fill: var(--#{config.$prefix}rating-star-bg);\n      }\n    }\n\n    &--half {\n      #{$root}__star-half {\n        display: block;\n      }\n    }\n\n    // Apply theme colors to individual stars\n    @each $color, $value in maps.$theme-colors {\n      &--#{$color} {\n        --#{config.$prefix}rating-star-bg: #{$value};\n      }\n    }\n    \n    // Focused state\n    &--focused {\n      outline: 2px solid var(--#{config.$prefix}primary);\n      outline-offset: 2px;\n      border-radius: 2px;\n    }\n  }\n\n  // Star outline styles (empty star)\n  &__star-outline {\n    stroke: var(--#{config.$prefix}rating-star-bg);\n    fill: var(--#{config.$prefix}rating-star-empty-color);\n    stroke-width: 1px;\n  }\n  \n  // Full star styles\n  &__star-full {\n    fill: var(--#{config.$prefix}rating-star-bg);\n    display: none;\n    \n    #{$root}__star--full & {\n      display: block;\n    }\n  }\n  \n  // Half-star styles\n  &__star-half {\n    fill: var(--#{config.$prefix}rating-star-bg);\n    display: none;\n    \n    #{$root}__star--half & {\n      display: block;\n    }\n  }\n\n  // Label styles\n  &__label {\n    display: block;\n    font-size: var(--#{config.$prefix}rating-label-font-size);\n    color: var(--#{config.$prefix}rating-label-color);\n    margin-bottom: var(--#{config.$prefix}rating-label-margin-bottom);\n  }\n\n  // Value display styles\n  &__value {\n    margin-top: var(--#{config.$prefix}rating-value-margin-top);\n    font-size: var(--#{config.$prefix}rating-value-font-size);\n  }\n\n  // Size variants\n  &--sm {\n    --#{config.$prefix}rating-star-size: #{rating.$rating-star-size-sm};\n    --#{config.$prefix}rating-stars-gap: #{rem.rem(1px)};\n  }\n\n  &--lg {\n    --#{config.$prefix}rating-star-size: #{rating.$rating-star-size-lg};\n    --#{config.$prefix}rating-stars-gap: #{rem.rem(4px)};\n  }\n\n  // Container for vertical layout with label and value\n  &-container {\n    display: flex;\n    flex-direction: column;\n  }\n\n  // Apply theme colors to the entire rating component\n  @each $color, $value in maps.$theme-colors {\n    &--#{$color} {\n      --#{config.$prefix}rating-star-bg: #{$value};\n    }\n  }\n\n  // Responsive adjustments\n  @include media-breakpoint-up(md) {\n    &--lg {\n      --#{config.$prefix}rating-stars-gap: #{rem.rem(6px)};\n    }\n  }\n}\n","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.river' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.size' as *;\n@use '../02-tools/tools.object-fit' as *;\n@use '../02-tools/tools.breakpoints' as *;\n@use '../02-tools/tools.grid' as grid;\n\n\n.c-river {\n  $root: &;\n\n  --#{config.$prefix}river-width: #{$river-width};\n  --#{config.$prefix}river-padding-x: #{rem($river-padding-x)};\n  --#{config.$prefix}river-padding-y: #{rem($river-padding-y)};\n  --#{config.$prefix}river-border-radius: #{$river-border-radius};\n  --#{config.$prefix}river-bg: #{$river-bg};\n  --#{config.$prefix}river-overlay: #{$river-overlay};\n  --#{config.$prefix}river-overlay-opacity: #{$river-overlay-opacity};\n  --#{config.$prefix}river-title-font-size: #{$river-title-font-size};\n  --#{config.$prefix}river-text-font-size: #{$river-text-font-size};\n  --#{config.$prefix}river-title-font-weight: #{$river-title-font-weight};\n  --#{config.$prefix}river-text-font-weight: #{$river-text-font-weight};\n  --#{config.$prefix}river-title-color: #{$river-title-color};\n  --#{config.$prefix}river-text-color: #{$river-text-color};\n  --#{config.$prefix}river-text-margin-top: #{rem($river-text-margin-top)};\n  --#{config.$prefix}river-actions-margin-top: #{rem($river-actions-margin-top)};\n  --#{config.$prefix}river-actions-spacing-x: #{rem($river-actions-spacing-x)};\n  --#{config.$prefix}river-image-border-radius: #{$river-image-border-radius};\n  --#{config.$prefix}river-image-box-shadow: #{$river-image-box-shadow};\n  --#{config.$prefix}river-spacing-inner: #{rem($river-spacing-inner)};\n  --#{config.$prefix}river-content-max-width: #{rem($river-content-max-width)};\n  --#{config.$prefix}river-breakout-title-width: #{rem($river-breakout-title-width)};\n  --#{config.$prefix}river-breakout-text-width: #{rem($river-breakout-text-width)};\n  --#{config.$prefix}river-content-width: var(--river-content-width, #{rem($river-content-max-width)});\n\n  position: relative;\n  width: 100%;\n  max-width: var(--#{config.$prefix}river-width);\n  padding: var(--#{config.$prefix}river-padding-y) var(--#{config.$prefix}river-padding-x);\n  border-radius: var(--#{config.$prefix}river-border-radius);\n  background-color: var(--#{config.$prefix}river-bg);\n\n  &__bg {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    z-index: 0;\n    border-radius: var(--#{config.$prefix}river-border-radius);\n  }\n\n  &__bg-image {\n    @include square(100%);\n    @include object-fit(cover);\n  }\n\n  &__overlay {\n    position: absolute;\n    inset: 0;\n    background: var(--#{config.$prefix}river-overlay);\n    opacity: var(--#{config.$prefix}river-overlay-opacity);\n    border-radius: var(--#{config.$prefix}river-border-radius);\n  }\n\n  &__container {\n    position: relative;\n    z-index: 1;\n  }\n\n  &__row {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--#{config.$prefix}river-spacing-inner);\n\n    @include media-breakpoint-down(md) {\n      gap: calc(var(--#{config.$prefix}river-spacing-inner) / 2.6);\n    }\n  }\n\n  &__content {\n    flex: 1;\n    width: 100%;\n    max-width: var(--#{config.$prefix}river-content-width);\n\n    @include media-breakpoint-down(md) {\n      width: 100%;\n      flex: auto;\n    }\n  }\n\n  &__content-col {\n    width: 100%;\n\n    &--title {\n      max-width: var(--#{config.$prefix}river-breakout-title-width);\n    }\n\n    &--text {\n      max-width: var(--#{config.$prefix}river-breakout-text-width);\n    }\n  }\n\n  &__visual {\n    flex: 1;\n\n    @include media-breakpoint-down(md) {\n      width: 100%;\n      flex: auto;\n    }\n  }\n\n  &__title {\n    color: var(--#{config.$prefix}river-title-color);\n    font-size: calc(2.15625rem + 1.5vw);\n    font-weight: var(--#{config.$prefix}river-title-font-weight);\n    letter-spacing: -1px;\n\n    @include media-breakpoint-up(md) {\n      font-size: var(--#{config.$prefix}river-title-font-size);\n      line-height: 1.2;\n    }\n  }\n\n  &__text {\n    color: var(--#{config.$prefix}river-text-color);\n    font-size: var(--#{config.$prefix}river-text-font-size);\n    font-weight: var(--#{config.$prefix}river-text-font-weight);\n    margin-top: var(--#{config.$prefix}river-text-margin-top);\n  }\n\n  &__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--#{config.$prefix}river-actions-spacing-x);\n    margin-top: var(--#{config.$prefix}river-actions-margin-top);\n  }\n\n  &__image-wrapper {\n    border-radius: var(--#{config.$prefix}river-image-border-radius);\n    box-shadow: var(--#{config.$prefix}river-image-box-shadow);\n    overflow: hidden;\n  }\n\n  &__image {\n    max-width: none;\n    @include square(100%);\n    @include object-fit(cover);\n    will-change: transform;\n  }\n\n  // When the river has a background image, we need to adjust text colors for readability\n  &__bg ~ &__container {\n    #{$root}__title,\n    #{$root}__text {\n      color: #fff; // White text on dark backgrounds for better contrast\n    }\n  }\n\n  &--center {\n    #{$root} {\n      &__row {\n        flex-direction: column;\n        gap: calc(var(--#{config.$prefix}river-spacing-inner) / 2);\n      }\n\n      &__content {\n        text-align: center;\n        margin-left: auto;\n        margin-right: auto;\n      }\n\n      &__actions {\n        justify-content: center;\n      }\n    }\n  }\n\n  &--reverse {\n    #{$root} {\n      &__row {\n        @include media-breakpoint-up(md) {\n          flex-direction: row-reverse;\n        }\n      }\n    }\n  }\n\n  &--breakout {\n    max-width: 100%;\n    border-radius: 0;\n\n    #{$root} {\n      &__bg,\n      &__overlay {\n        border-radius: 0;\n      }\n\n      &__row {\n        flex-direction: column;\n      }\n\n      &__content {\n        display: flex;\n        justify-content: space-between;\n        width: 100%;\n\n        @include media-breakpoint-down(md) {\n          flex-wrap: wrap;\n        }\n      }\n    }\n  }\n}\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.sectionintro' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.breakpoints' as *;\n@use '../02-tools/tools.grid' as *;\n\n.c-sectionintro {\n  $root: &;\n\n  --#{$prefix}sectionintro-padding-x: #{rem($sectionintro-padding-x)};\n  --#{$prefix}sectionintro-padding-y: #{rem($sectionintro-padding-y)};\n  --#{$prefix}sectionintro-title-font-size: #{$sectionintro-title-font-size};\n  --#{$prefix}sectionintro-text-font-size: #{$sectionintro-text-font-size};\n  --#{$prefix}sectionintro-title-color: #{$sectionintro-title-color};\n  --#{$prefix}sectionintro-text-color: #{$sectionintro-text-color};\n  --#{$prefix}sectionintro-title-font-weight: #{$sectionintro-title-font-weight};\n  --#{$prefix}sectionintro-text-font-weight: #{$sectionintro-text-font-weight};\n  --#{$prefix}sectionintro-label-margin-bottom: #{rem(\n      $sectionintro-label-margin-bottom\n    )};\n  --#{$prefix}sectionintro-text-margin-top: #{rem($sectionintro-text-margin-top)};\n  --#{$prefix}sectionintro-actions-margin-top: #{rem(\n      $sectionintro-actions-margin-top\n    )};\n  --#{$prefix}sectionintro-actions-inner-gap: #{rem(\n      $sectionintro-actions-inner-gap\n    )};\n  --#{$prefix}sectionintro-width: #{rem($sectionintro-width)};\n  --#{$prefix}sectionintro-image-margin-top: #{rem(24px)};\n  --#{$prefix}sectionintro-image-max-width: 100%;\n  --#{$prefix}sectionintro-overlay-opacity: 0.7;\n  --#{$prefix}sectionintro-overlay-bg-color: rgba(0, 0, 0, 0.5);\n  --#{$prefix}sectionintro-bg-z-index: -1;\n  --#{$prefix}sectionintro-sm-title-font-size: #{$sectionintro-title-font-size * 0.8};\n  --#{$prefix}sectionintro-lg-title-font-size: #{$sectionintro-title-font-size * 1.25};\n\n  width: 100%;\n  max-width: var(--#{$prefix}sectionintro-width);\n  padding: var(--#{$prefix}sectionintro-padding-y)\n    var(--#{$prefix}sectionintro-padding-x);\n  position: relative;\n  overflow: hidden;\n\n  &__label {\n    margin-bottom: var(--#{$prefix}sectionintro-label-margin-bottom);\n  }\n\n  &__title {\n    color: var(--#{$prefix}sectionintro-title-color);\n    font-size: var(--#{$prefix}sectionintro-title-font-size);\n    font-weight: var(--#{$prefix}sectionintro-title-font-weight);\n  }\n\n  &__text {\n    color: var(--#{$prefix}sectionintro-text-color);\n    font-size: var(--#{$prefix}sectionintro-text-font-size);\n    font-weight: var(--#{$prefix}sectionintro-text-font-weight);\n    margin-top: var(--#{$prefix}sectionintro-text-margin-top);\n  }\n\n  &__actions {\n    display: flex;\n    gap: var(--#{$prefix}sectionintro-actions-inner-gap);\n    margin-top: var(--#{$prefix}sectionintro-actions-margin-top);\n  }\n\n  &--center {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    margin: {\n      left: auto;\n      right: auto;\n    }\n  }\n\n  &--right {\n    margin-left: auto;\n    text-align: right;\n    \n    #{$root}__actions {\n      justify-content: flex-end;\n    }\n  }\n  \n  &__container {\n    position: relative;\n    z-index: 1;\n  }\n  \n  &__image-wrapper {\n    margin-top: var(--#{$prefix}sectionintro-image-margin-top);\n    display: flex;\n    justify-content: center;\n  }\n  \n  &__image {\n    max-width: var(--#{$prefix}sectionintro-image-max-width);\n    height: auto;\n    border-radius: var(--#{$prefix}border-radius);\n  }\n  \n  &__bg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: var(--#{$prefix}sectionintro-bg-z-index);\n    overflow: hidden;\n  }\n  \n  &__bg-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n  \n  &__overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--#{$prefix}sectionintro-overlay-bg-color);\n    opacity: var(--#{$prefix}sectionintro-overlay-opacity);\n  }\n  \n  &--has-bg {\n    color: var(--#{$prefix}color-white);\n    \n    #{$root}__title,\n    #{$root}__text,\n    #{$root}__label {\n      color: var(--#{$prefix}color-white);\n    }\n  }\n  \n  &--sm {\n    #{$root}__title {\n      font-size: var(--#{$prefix}sectionintro-sm-title-font-size);\n    }\n    \n    #{$root}__text {\n      font-size: calc(var(--#{$prefix}sectionintro-text-font-size) * 0.9);\n    }\n  }\n  \n  &--lg {\n    #{$root}__title {\n      font-size: var(--#{$prefix}sectionintro-lg-title-font-size);\n    }\n    \n    #{$root}__text {\n      font-size: calc(var(--#{$prefix}sectionintro-text-font-size) * 1.1);\n    }\n  }\n  \n  @include media-breakpoint-up(md) {\n    &__container {\n      display: flex;\n      flex-direction: column;\n    }\n    \n    &--has-bg {\n      padding: rem(60px) var(--#{$prefix}sectionintro-padding-x);\n    }\n  }\n}\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.select' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.transition' as transition;\n@use '../02-tools/tools.hidden-visually' as *;\n\n.c-select {\n  $root: &;\n\n  --#{$prefix}select-width: #{rem($select-width)};\n  --#{$prefix}select-padding-x: #{rem($select-padding-x)};\n  --#{$prefix}select-padding-y: #{rem($select-padding-y)};\n  --#{$prefix}select-color: #{$select-color};\n  --#{$prefix}select-font-size: #{$select-font-size};\n  --#{$prefix}select-font-size-lg: #{$select-font-size-lg};\n  --#{$prefix}select-icon-toggle-size: #{rem($select-icon-toggle-size)};\n  --#{$prefix}select-icon-toggle-color: #{$select-icon-toggle-color};\n  --#{$prefix}select-placeholder-color: #{$select-placeholder-color};\n  --#{$prefix}select-bg: #{$select-bg};\n  --#{$prefix}select-expanded-bg: #{$select-expanded-bg};\n  --#{$prefix}select-border-color: #{$select-border-color};\n  --#{$prefix}select-border-color-hover: #{$select-border-color-hover};\n  --#{$prefix}select-border-radius: #{$select-border-radius};\n  --#{$prefix}select-inner-spacer: #{rem($select-inner-spacer)};\n  --#{$prefix}select-dropdown-icon-size: #{rem($select-dropdown-icon-size)};\n  --#{$prefix}select-panel-padding-x: #{rem($select-panel-padding-x)};\n  --#{$prefix}select-panel-padding-y: #{rem($select-panel-padding-y)};\n  --#{$prefix}select-panel-spacer-y: #{rem($select-panel-spacer-y)};\n  --#{$prefix}select-panel-bg: #{$select-panel-bg};\n  --#{$prefix}select-panel-box-shadow: #{$select-panel-box-shadow};\n  --#{$prefix}select-panel-border-radius: #{$select-panel-border-radius};\n  --#{$prefix}select-item-padding-x: #{rem($select-item-padding-x)};\n  --#{$prefix}select-item-padding-y: #{rem($select-item-padding-y)};\n  --#{$prefix}select-item-color: #{$select-item-color};\n  --#{$prefix}select-item-bg: #{$select-item-bg};\n  --#{$prefix}select-item-border-radius: #{$select-item-border-radius};\n  --#{$prefix}select-item-bg-hover: #{$select-item-bg-hover};\n\n  select {\n    @include visually-hidden();\n  }\n\n  position: relative;\n  width: var(--#{$prefix}select-width);\n\n  &__selected {\n    width: 100%;\n    padding: var(--#{$prefix}select-padding-x) var(--#{$prefix}select-padding-y);\n    color: var(--#{$prefix}select-placeholder-color);\n    font-size: var(--#{$prefix}select-font-size);\n    background-color: var(--#{$prefix}select-bg);\n    border: 1px solid var(--#{$prefix}select-border-color);\n    border-radius: var(--#{$prefix}select-border-radius);\n    cursor: pointer;\n    \n    @include transition.basic-transition();\n\n    &:hover {\n        border-color: var(--#{$prefix}select-border-color-hover);\n    }\n  }\n\n  &__toggle-icon {\n    color: var(--#{$prefix}select-icon-toggle-color);\n    font-size: var(--#{$prefix}select-icon-toggle-size);\n    position: absolute;\n    top: var(--#{$prefix}select-padding-y);\n    right: var(--#{$prefix}select-padding-x);\n    transform-origin: center center;\n\n    @include transition.basic-transition();\n  }\n\n  &__body {\n    position: absolute;\n    width: 100%;\n    height: 0px;\n    top: calc(100% + var(--#{$prefix}select-panel-spacer-y));\n    left: 0;\n    background-color: var(--#{$prefix}select-panel-bg);\n    border-radius: var(--#{$prefix}select-panel-border-radius);\n    box-shadow: var(--#{$prefix}select-panel-box-shadow);\n    overflow: hidden;\n    @include transition.basic-transition;\n    z-index: 99;\n  }\n\n  &__panel {\n    padding: var(--#{$prefix}select-panel-padding-x)\n      var(--#{$prefix}select-panel-padding-y);\n  }\n\n  &__items {\n    padding-left: 0;\n    margin-bottom: 0;\n    list-style: none;\n  }\n\n  &__item {\n    padding: var(--#{$prefix}select-item-padding-x)\n      var(--#{$prefix}select-item-padding-y);\n    color: var(--#{$prefix}select-item-color);\n    background-color: var(--#{$prefix}select-item-bg);\n    border-radius: var(--#{$prefix}select-item-border-radius);\n    @include transition.basic-transition;\n\n    &,&>* {\n        cursor: pointer;\n    }\n\n    &:hover {\n      background-color: var(--#{$prefix}select-item-bg-hover);\n    }\n  }\n\n  &--lg {\n    --#{$prefix}select-font-size: var(--#{$prefix}select-font-size-lg);\n  }\n\n  &.is-open {\n    --#{$prefix}select-bg: var(--#{$prefix}select-expanded-bg);\n    #{$root}__toggle-icon {\n      transform: rotate(180deg);\n    }\n  }\n}\n","/// Hide content visually while keeping it accessible to screen readers\n/// @author Harry Roberts\n/// @link https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css\n@mixin visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n  white-space: nowrap;\n}\n\n/// Unhide visually hidden content\n@mixin visually-unhide {\n  clip: auto;\n  height: auto;\n  margin: 0;\n  overflow: visible;\n  position: static;\n  width: auto;\n  white-space: normal;\n}\n\n/// Visually hide but reveal on focus\n@mixin visually-hidden-focusable {\n  &:not(:focus):not(:focus-within) {\n    @include visually-hidden;\n  }\n}","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.side-menu' as *;\n@use '../01-settings/settings.typography' as typography;\n@use '../02-tools/tools.rem' as rem;\n@use '../02-tools/tools.breakpoints' as *;\n@use '../02-tools/tools.grid' as grid;\n@use '../02-tools/tools.transition' as transition;\n\n.c-side-menu {\n  $root: &;\n\n  --#{config.$prefix}side-menu-padding-x: #{rem.rem($side-menu-padding-x)};\n  --#{config.$prefix}side-menu-padding-y: #{rem.rem($side-menu-padding-y)};\n  --#{config.$prefix}side-menu-bg: #{$side-menu-bg};\n  --#{config.$prefix}side-menu-border-radius: #{$side-menu-border-radius};\n  --#{config.$prefix}side-menu-title-font-size: #{$side-menu-title-font-size};\n  --#{config.$prefix}side-menu-title-font-weight: #{$side-menu-title-font-weight};\n  --#{config.$prefix}side-menu-title-color: #{$side-menu-title-color};\n  --#{config.$prefix}side-menu-title-spacer-y: #{rem.rem($side-menu-title-spacer-y)};\n  --#{config.$prefix}side-menu-item-padding-x: #{rem.rem($side-menu-item-padding-x)};\n  --#{config.$prefix}side-menu-item-padding-y: #{rem.rem($side-menu-item-padding-y)};\n  --#{config.$prefix}side-menu-item-font-size: #{$side-menu-item-font-size};\n  --#{config.$prefix}side-menu-item-color: #{$side-menu-item-color};\n\n  width: 100%;\n  padding: var(--#{config.$prefix}side-menu-padding-y)\n    var(--#{config.$prefix}side-menu-padding-x);\n  background: var(--#{config.$prefix}side-menu-bg);\n  border-radius: var(--#{config.$prefix}side-menu-border-radius);\n\n  @include media-breakpoint-down(md) {\n    padding: rem.rem(12px) rem.rem(16px);\n  }\n\n  &__wrapper {\n    @include media-breakpoint-down(md) {\n      height: 0px;\n      overflow: hidden;\n      user-select: none;\n\n      @include transition.basic-transition();\n    }\n  }\n\n  &__inner {\n    @include media-breakpoint-down(md) {\n      padding-top: rem.rem(20px);\n    }\n  }\n\n  &__title {\n    color: var(--#{config.$prefix}side-menu-title-color);\n    font-size: var(--#{config.$prefix}side-menu-title-font-size);\n    font-weight: var(--#{config.$prefix}side-menu-title-font-weight);\n    margin-bottom: var(--#{config.$prefix}side-menu-title-spacer-y);\n  }\n\n  &__list {\n    list-style: none;\n    padding-left: 0;\n    margin-bottom: 12px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &__item {\n    display: flex;\n    align-items: center;\n  }\n\n  &__link {\n    display: inline-block;\n    color: var(--#{config.$prefix}side-menu-item-color);\n    font-size: var(--#{config.$prefix}side-menu-item-font-size);\n    padding: var(--#{config.$prefix}side-menu-item-padding-y)\n      var(--#{config.$prefix}side-menu-item-padding-y);\n\n    &.is-active {\n      color: var(--#{config.$prefix}brand-text-emphasis);\n      font-weight: typography.$font-weight-medium;\n    }\n  }\n\n  &__toggler {\n    display: none;\n    justify-content: space-between;\n    font-size: typography.$font-size-lg;\n    font-weight: typography.$font-weight-medium;\n    cursor: pointer;\n    user-select: none;\n\n    @include media-breakpoint-down(md) {\n      display: flex;\n    }\n  }\n\n  &__toggler-icon {\n    @include transition.basic-transition();\n  }\n\n  &.is-open  {\n    #{$root}__toggler-icon {\n      transform: rotate(90deg);\n    }\n  }\n}\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.skeleton' as *;\n@use '../01-settings/settings.border-radius' as *;\n\n.c-skeleton {\n  $root: &;\n\n  --#{$prefix}skeleton-width: 100%;\n  --#{$prefix}skeleton-height: 1em;\n  --#{$prefix}skeleton-color: #{$skeleton-color};\n  --#{$prefix}skeleton-color-gradient-end: #{$skeleton-color-gradient-end};\n  --#{$prefix}skeleton-gradient-from-color: #{$skeleton-gradient-from-color};\n  --#{$prefix}skeleton-gradient-to-color: #{$skeleton-gradient-to-color};\n  --#{$prefix}skeleton-border-radius: #{$border-radius-sm};\n\n  display: inline-block;\n  width: var(--#{$prefix}skeleton-width);\n  min-height: var(--#{$prefix}skeleton-height);\n  background: linear-gradient(\n    90deg,\n    var(--#{$prefix}skeleton-gradient-from-color) 25%,\n    var(--#{$prefix}skeleton-gradient-to-color) 37%,\n    var(--#{$prefix}skeleton-gradient-from-color) 63%\n  );\n  background-size: 400% 100%;\n  border-radius: var(--#{$prefix}skeleton-border-radius);\n  animation-name: #{$prefix}-skeleton-loading;\n  animation-duration: 1.4s;\n  animation-timing-function: ease;\n  animation-iteration-count: infinite;\n  pointer-events: none;\n  vertical-align: middle;\n  cursor: wait;\n\n  &--rect {\n    width: calc(var(--#{$prefix}skeleton-height) * 5.15);\n    min-height: calc(var(--#{$prefix}skeleton-height) * 2.4);\n    border-radius: $border-radius;\n  }\n\n  &--circle {\n    width: var(--#{$prefix}skeleton-height);\n    border-radius: $border-radius-pill;\n  }\n\n  &--square {\n    width: var(--#{$prefix}skeleton-height);\n  }\n\n\n  @each $size, $value in $skeleton-sizes {\n    &--#{$size} {\n      --#{$prefix}skeleton-height: #{$value};\n    }\n  }\n}\n","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.maps' as maps;\n@use '../01-settings/settings.spinner' as spinner;\n@use '../02-tools/tools.rem' as rem;\n@use '../02-tools/tools.size' as size;\n@use 'sass:map';\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg) #{'/* rtl:ignore */'};\n  }\n}\n\n.c-spinner {\n  --#{config.$prefix}spinner-size: #{map.get(spinner.$spinner-sizes, md)};\n  --#{config.$prefix}spinner-background-color: #{spinner.$spinner-background-color};\n  --#{config.$prefix}spinner-color: #{spinner.$spinner-color};\n  --#{config.$prefix}spinner-border-width: #{spinner.$spinner-border-width};\n  --#{config.$prefix}spinner-animation-speed: #{spinner.$spinner-animation-speed};\n\n  color: var(--#{config.$prefix}spinner-background-color);\n  position: relative;\n  @include size.square(var(--#{config.$prefix}spinner-size));\n  border: var(--#{config.$prefix}spinner-border-width) solid\n    var(--#{config.$prefix}spinner-color);\n  border-right-color: currentcolor;\n  border-radius: 50%;\n  animation: var(--#{config.$prefix}spinner-animation-speed) ease-in-out infinite\n    spinner;\n\n  @each $size, $value in spinner.$spinner-sizes {\n    &--#{$size} {\n      --#{config.$prefix}spinner-size: #{$value};\n    }\n  }\n\n  @each $color, $value in maps.$theme-colors {\n    &--#{$color} {\n      @if ($color == 'secondary') {\n        --#{config.$prefix}spinner-background-color: var(--#{config.$prefix}body-bg);\n      }\n\n      --#{config.$prefix}spinner-color: var(--#{config.$prefix}#{$color});\n    }\n  }\n}\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.steps' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.size' as *;\n@use '../02-tools/tools.hidden' as *;\n\n.c-steps {\n    $root: &;\n\n    --#{$prefix}steps-padding-x: #{rem($steps-padding-x)};\n    --#{$prefix}steps-padding-y: #{rem($steps-padding-y)};\n    --#{$prefix}steps-item-color: #{$steps-item-color};\n    --#{$prefix}steps-item-bg:    #{$steps-item-bg};\n    --#{$prefix}steps-item-active-color: #{$steps-item-active-color};\n    --#{$prefix}steps-item-active-bg: #{$steps-item-active-bg};\n    --#{$prefix}steps-item-number-bg: #{$steps-item-number-bg};\n    --#{$prefix}steps-item-number-color: #{$steps-item-number-color};\n    --#{$prefix}steps-item-number-active-color: #{$steps-item-number-active-color};\n    --#{$prefix}steps-item-number-size: #{$steps-item-number-size};\n    --#{$prefix}steps-item-number-font-size: #{$steps-item-number-font-size};\n    --#{$prefix}steps-item-number-border-radius: #{$steps-item-number-border-radius};\n    --#{$prefix}steps-item-font-size: #{$steps-item-font-size};\n    --#{$prefix}steps-item-content-gap: #{rem($steps-item-content-gap)};\n    --#{$prefix}steps-line-height: #{rem($steps-line-height)};\n    --#{$prefix}steps-line-width: #{rem($steps-line-width)};\n    --#{$prefix}steps-gap: #{rem($steps-gap)};\n    --#{$prefix}steps-line-height-vertical: #{rem($steps-line-height-vertical)};\n    --#{$prefix}steps-line-width-vertical: #{rem($steps-line-width-vertical)};\n\n    display: inline-flex;\n    align-items: center;\n    gap: var(--#{$prefix}steps-gap);\n\n    &__item{\n        display: flex;\n        align-items: center;\n        gap: var(--#{$prefix}steps-gap);\n\n        &:first-child {\n            #{$root}__line {\n                @include visually-hidden();\n            }\n        }\n\n        &.is-active{\n            --#{$prefix}steps-item-bg: var(--#{$prefix}steps-item-active-bg);\n            --#{$prefix}steps-item-number-bg: var(--#{$prefix}steps-item-active-bg);\n            --#{$prefix}steps-item-number-color: var(--#{$prefix}steps-item-number-active-color);\n            --#{$prefix}steps-item-color: var(--#{$prefix}steps-item-active-color);\n        }\n    }\n\n    &__line{\n        width: var(--#{$prefix}steps-line-width);\n        height: var(--#{$prefix}steps-line-height);\n        background-color: var(--#{$prefix}steps-item-bg);\n        transition: 1s;\n    }\n\n    &__content {\n        display: flex;\n        align-items: center;\n        gap: var(--#{$prefix}steps-item-content-gap);\n    }\n\n    &__number{\n        display: grid;\n        place-items: center;\n        @include square(var(--#{$prefix}steps-item-number-size));\n        color: var(--#{$prefix}steps-item-number-color);\n        font-size: var(--#{$prefix}steps-item-number-font-size);\n        background-color: var(--#{$prefix}steps-item-number-bg);\n        border-radius: var(--#{$prefix}steps-item-number-border-radius);\n    }\n\n    &__text {\n        color: var(--#{$prefix}steps-item-color);\n        font-size: var(--#{$prefix}steps-item-font-size);\n    }\n\n    &--vertical {\n        --#{$prefix}steps-line-width: var(--#{$prefix}steps-line-width-vertical);\n        --#{$prefix}steps-line-height: var(--#{$prefix}steps-line-height-vertical);\n        flex-direction: column;\n        gap: 0;\n\n        #{$root}{\n            &__item{\n                gap: 0;\n                flex-direction: column;\n                align-items: flex-start;\n            }\n\n            &__line {\n                margin-left: calc(var(--#{$prefix}steps-item-number-size) / 2);\n            }\n        }\n    }\n}\n\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.tabs' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.transition' as *;\n@use '../02-tools/tools.breakpoints' as *;\n@use '../02-tools/tools.grid' as *;\n\n.c-tabs {\n  $root: &;\n\n  --#{$prefix}tabs-width: #{$tabs-width};\n  --#{$prefix}tabs-nav-btn-padding-x: #{rem($tabs-nav-btn-padding-x)};\n  --#{$prefix}tabs-nav-btn-padding-y: #{rem($tabs-nav-btn-padding-y)};\n  --#{$prefix}tabs-nav-btn-font-size: #{$tabs-nav-btn-font-size};\n  --#{$prefix}tabs-nav-btn-font-weight: #{$tabs-nav-btn-font-weight};\n  --#{$prefix}tabs-nav-btn-color: #{$tabs-nav-btn-color};\n  --#{$prefix}tabs-nav-btn-active-color: #{$tabs-nav-btn-active-color}; \n  --#{$prefix}tabs-nav-btn-disabled-color: #{$tabs-nav-btn-disabled-color};\n  --#{$prefix}tabs-nav-btn-bg: #{$tabs-nav-btn-bg};\n  --#{$prefix}tabs-nav-btn-bg-hover: #{$tabs-nav-btn-bg-hover};\n  --#{$prefix}tabs-nav-btn-bg-active: #{$tabs-nav-btn-bg-active};\n  --#{$prefix}tabs-nav-btn-bg-disabled: #{$tabs-nav-btn-bg-disabled};\n  --#{$prefix}tabs-nav-btn-border-radius: #{$tabs-nav-btn-border-radius};\n  --#{$prefix}tabs-nav-btn-border-width: #{$tabs-nav-btn-border-width};\n  --#{$prefix}tabs-nav-btn-border-color: #{$tabs-nav-btn-border-color};\n  --#{$prefix}tabs-nav-btn-border-active-color: #{$tabs-nav-btn-border-active-color};\n  --#{$prefix}tabs-nav-btn-border-disabled-color: #{$tabs-nav-btn-border-disabled-color};\n  --#{$prefix}tabs-nav-btns-gap: #{rem($tabs-nav-btns-gap)};\n  --#{$prefix}tabs-nav-btn-inner-gap: #{rem($tabs-nav-btn-inner-gap)};\n  --#{$prefix}tabs-nav-btn-icon-size: #{rem($tab-nav-btn-icon-size)};\n  --#{$prefix}tabs-panel-padding-x: #{rem($tabs-panel-padding-x)};\n  --#{$prefix}tabs-panel-padding-y: #{rem($tabs-panel-padding-y)};\n\n  width: 100%;\n  max-width: var(--#{$prefix}tabs-width);\n\n  &__nav {\n    display: flex;\n    list-style: none;\n    padding-left: 0;\n    margin-bottom: 0;\n\n    @include media-breakpoint-down(sm){\n      flex-wrap: wrap;\n    }\n  }\n\n  &__nav-item {\n    width: 50%;\n\n    &+& {\n      margin-left: var(--#{$prefix}tabs-nav-btns-gap);\n    }\n  }\n\n  &__nav-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--#{$prefix}tabs-nav-btn-inner-gap);\n    width: 100%;\n    color: var(--#{$prefix}tabs-nav-btn-color);\n    font-size: var(--#{$prefix}tabs-nav-btn-font-size);\n    font-weight: var(--#{$prefix}tabs-nav-btn-font-weight);\n    padding: var(--#{$prefix}tabs-nav-btn-padding-y) var(--#{$prefix}tabs-nav-btn-padding-x);\n    border-radius: var(--#{$prefix}tabs-nav-btn-border-radius);\n    border: var(--#{$prefix}tabs-nav-btn-border-width) solid transparent;\n    border-bottom: var(--#{$prefix}tabs-nav-btn-border-width) solid var(--#{$prefix}tabs-nav-btn-border-color);\n    background-color: var(--#{$prefix}tabs-nav-btn-bg);\n    @include basic-transition();\n   \n\n    &:active, &.is-active {\n      color: var(--#{$prefix}tabs-nav-btn-active-color);\n      border-color: transparent transparent var(--#{$prefix}tabs-nav-btn-border-active-color) transparent;\n    }\n\n    &:hover {\n      background-color: var(--#{$prefix}tabs-nav-btn-bg-hover);\n    }\n\n    &:disabled, &.is-disabled {\n      --#{$prefix}tabs-nav-btn-border-active-color: var(--#{$prefix}tabs-nav-btn-border-disabled-color);\n\n      color: var(--#{$prefix}tabs-nav-btn-border-disabled-color);\n      background-color: var(--#{$prefix}tabs-nav-btn-bg-disabled);\n      pointer-events: none;\n    }\n\n    &:focus-visible {\n      outline: none;\n      border-color: var(--#{$prefix}tabs-nav-btn-border-active-color);\n    }\n    \n    > i {\n      font-size:   var(--#{$prefix}tabs-nav-btn-icon-size);\n    }\n  }\n\n  &__panels {\n    position: relative;\n  }\n\n  &__panel {\n    display: none;\n    opacity: 0;\n    overflow: hidden;\n    transition: opacity .3s cubic-bezier(0.65, 0.32, 1, 0.72);\n\n    &.is-active {\n      display: block;\n      opacity: 1;\n    }\n  }\n\n  &__panel-body {\n    padding: var(--#{$prefix}tabs-panel-padding-y) var(--#{$prefix}tabs-panel-padding-x);\n  }\n}\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.testimonials' as *;\n@use '../02-tools/tools.rem' as *;\n\n.c-testimonial {\n\n   --#{$prefix}testimonial-width: #{$testimonial-width};\n   --#{$prefix}testimonial-padding-x: #{rem($testimonial-padding-x)};\n   --#{$prefix}testimonial-padding-y: #{rem($testimonial-padding-y)};\n   --#{$prefix}testimonial-inner-spacer: #{rem($testimonial-inner-spacer)};\n   --#{$prefix}testimonial-bg: #{$testimonial-bg};\n   --#{$prefix}testimonial-quote-font-size: #{$testimonial-quote-font-size};\n   --#{$prefix}testimonial-quote-font-size-sm: #{$testimonial-quote-font-size-sm};\n   --#{$prefix}testimonial-quote-font-size-lg: #{$testimonial-quote-font-size-lg};\n   --#{$prefix}testimonial-quote-font-weight: #{$testimonial-quote-font-weight};\n   --#{$prefix}testimonial-quote-color: #{$testimonial-quote-color}; \n   --#{$prefix}testimonial-author-font-size: #{$testimonial-author-font-size};\n   --#{$prefix}testimonial-author-color: #{$testimonial-author-color};\n   --#{$prefix}testimonial-author-role-font-size: #{$testimonial-author-role-font-size};\n   --#{$prefix}testimonial-author-role-color: #{$testimonial-author-role-color};\n   --#{$prefix}testimonial-author-inner-spacer: #{$testimonial-author-inner-spacer};\n\n   \n   width: 100%;\n   max-width: var(--#{$prefix}testimonial-width);\n   padding: var(--#{$prefix}testimonial-padding-y) var(--#{$prefix}testimonial-padding-x);\n   background: var(--#{$prefix}testimonial-bg);\n\n\n   &__quote {\n      color: var(--#{$prefix}testimonial-quote-color);\n      font-size: var(--#{$prefix}testimonial-quote-font-size);\n      font-weight: var(--#{$prefix}testimonial-quote-font-weight);\n      margin-bottom: 0px;\n   }\n\n   &__author {\n      display: flex;\n      gap: var(--#{$prefix}testimonial-author-inner-spacer);\n      margin-top: var(--#{$prefix}testimonial-inner-spacer);\n   }\n\n   // &__author-avatar {\n\n   // }\n\n   // &__author-info {\n\n   // }\n\n   &__author-name {\n      color: var(--#{$prefix}testimonial-author-color);\n      font-size: var(--#{$prefix}testimonial-author-font-size);\n   }\n\n   &__author-role {\n      color: var(--#{$prefix}testimonial-author-role-color);\n      font-size: var(--#{$prefix}testimonial-author-role-font-size);\n   }\n\n   &--sm {\n      --#{$prefix}testimonial-quote-font-size: var(--#{$prefix}testimonial-quote-font-size-sm);\n   }\n\n   &--lg {\n      --#{$prefix}testimonial-quote-font-size: var(--#{$prefix}testimonial-quote-font-size-lg);\n   }\n}","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.todo' as todo;\n@use '../01-settings/settings.colors' as colors;\n@use '../02-tools/tools.color-functions' as *;\n@use '../02-tools/tools.to-rgb' as *;\n\n// Component: Todo\n// Description: Styles for the Todo component\n\n// Base todo component\n.c-todo {\n  --#{config.$prefix}todo-border-color: #{todo.$todo-border-color};\n  --#{config.$prefix}todo-border-radius: #{todo.$todo-border-radius};\n  --#{config.$prefix}todo-bg: #{todo.$todo-bg};\n  --#{config.$prefix}todo-color: #{todo.$todo-color};\n  --#{config.$prefix}todo-title-margin-bottom: #{todo.$todo-title-margin-bottom};\n  --#{config.$prefix}todo-item-padding: #{todo.$todo-item-padding};\n  --#{config.$prefix}todo-item-border-color: #{todo.$todo-item-border-color};\n  --#{config.$prefix}todo-item-hover-bg: #{todo.$todo-item-hover-bg};\n  --#{config.$prefix}todo-form-margin-bottom: #{todo.$todo-form-margin-bottom};\n  --#{config.$prefix}todo-form-gap: #{todo.$todo-form-gap};\n  --#{config.$prefix}todo-completed-color: #{todo.$todo-completed-color};\n  --#{config.$prefix}todo-completed-text-decoration: #{todo.$todo-completed-text-decoration};\n  \n  width: 100%;\n  margin-bottom: todo.$todo-margin-bottom;\n  border: 1px solid var(--#{config.$prefix}todo-border-color);\n  border-radius: var(--#{config.$prefix}todo-border-radius);\n  background-color: var(--#{config.$prefix}todo-bg);\n  color: var(--#{config.$prefix}todo-color);\n  padding: todo.$todo-padding;\n  \n  // Title\n  &__title {\n    font-size: todo.$todo-title-font-size;\n    font-weight: todo.$todo-title-font-weight;\n    margin-top: 0;\n    margin-bottom: var(--#{config.$prefix}todo-title-margin-bottom);\n  }\n  \n  // Form\n  &__form {\n    margin-bottom: var(--#{config.$prefix}todo-form-margin-bottom);\n  }\n  \n  &__form-group {\n    display: flex;\n    gap: var(--#{config.$prefix}todo-form-gap);\n  }\n  \n  &__input {\n    flex: 1;\n    min-width: 0; // Prevent flex items from overflowing\n  }\n  \n  &__add-btn {\n    flex-shrink: 0;\n  }\n  \n  // List\n  &__list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    border-top: 1px solid var(--#{config.$prefix}todo-item-border-color);\n  }\n  \n  &__empty {\n    padding: var(--#{config.$prefix}todo-item-padding);\n    text-align: center;\n    color: todo.$todo-empty-color;\n    font-style: italic;\n  }\n  \n  // Items\n  &__item {\n    padding: var(--#{config.$prefix}todo-item-padding);\n    border-bottom: 1px solid var(--#{config.$prefix}todo-item-border-color);\n    transition: background-color 0.2s ease;\n    \n    &:hover {\n      background-color: var(--#{config.$prefix}todo-item-hover-bg);\n    }\n    \n    &--completed {\n      .c-todo__item-text {\n        color: var(--#{config.$prefix}todo-completed-color);\n        text-decoration: var(--#{config.$prefix}todo-completed-text-decoration);\n      }\n    }\n  }\n  \n  &__item-content {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 0.5rem;\n  }\n  \n  &__checkbox-label {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    flex: 1;\n    cursor: pointer;\n  }\n  \n  &__checkbox {\n    flex-shrink: 0;\n  }\n  \n  &__item-text {\n    word-break: break-word;\n  }\n  \n  &__delete-btn {\n    flex-shrink: 0;\n    opacity: 0.7;\n    transition: opacity 0.2s ease;\n    \n    &:hover {\n      opacity: 1;\n    }\n  }\n  \n  // Size variants\n  &--sm {\n    padding: todo.$todo-padding-sm;\n    font-size: todo.$todo-font-size-sm;\n    \n    .c-todo__title {\n      font-size: todo.$todo-title-font-size-sm;\n      margin-bottom: todo.$todo-title-margin-bottom-sm;\n    }\n    \n    .c-todo__item {\n      padding: todo.$todo-item-padding-sm;\n    }\n  }\n  \n  &--lg {\n    padding: todo.$todo-padding-lg;\n    \n    .c-todo__title {\n      font-size: todo.$todo-title-font-size-lg;\n      margin-bottom: todo.$todo-title-margin-bottom-lg;\n    }\n    \n    .c-todo__item {\n      padding: todo.$todo-item-padding-lg;\n    }\n  }\n  \n  // Disabled state\n  &--disabled {\n    opacity: todo.$todo-disabled-opacity;\n    cursor: not-allowed;\n    \n    .c-todo__checkbox-label {\n      cursor: not-allowed;\n    }\n  }\n} ","@use 'settings.colors' as colors;\n@use 'settings.border-radius' as border-radius;\n@use 'settings.typography' as typography;\n\n// Todo component variables\n\n// Base styles\n$todo-bg: colors.$white !default;\n$todo-color: colors.$gray-9 !default;\n$todo-border-color: colors.$gray-3 !default;\n$todo-border-radius: border-radius.$border-radius !default;\n$todo-padding: 1.25rem !default;\n$todo-margin-bottom: 1.5rem !default;\n\n// Title\n$todo-title-font-size: 1.25rem !default;\n$todo-title-font-weight: typography.$font-weight-bold !default;\n$todo-title-margin-bottom: 1rem !default;\n\n// Form\n$todo-form-margin-bottom: 1rem !default;\n$todo-form-gap: 0.5rem !default;\n\n// Item\n$todo-item-padding: 0.75rem !default;\n$todo-item-border-color: colors.$gray-3 !default;\n$todo-item-hover-bg: colors.$gray-2 !default;\n\n// Completed item\n$todo-completed-color: colors.$gray-6 !default;\n$todo-completed-text-decoration: line-through !default;\n\n// Empty state\n$todo-empty-color: colors.$gray-6 !default;\n\n// Small size\n$todo-padding-sm: 0.75rem !default;\n$todo-font-size-sm: 0.875rem !default;\n$todo-title-font-size-sm: 1.1rem !default;\n$todo-title-margin-bottom-sm: 0.75rem !default;\n$todo-item-padding-sm: 0.5rem !default;\n\n// Large size\n$todo-padding-lg: 1.5rem !default;\n$todo-title-font-size-lg: 1.5rem !default;\n$todo-title-margin-bottom-lg: 1.25rem !default;\n$todo-item-padding-lg: 1rem !default;\n\n// Disabled state\n$todo-disabled-opacity: 0.6 !default; ","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.toggle' as *;\n@use '../01-settings/settings.colors' as colors;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.hidden' as *;\n@use '../02-tools/tools.transition' as transition;\n\n.c-toggle {\n  $root: &;\n\n  --#{$prefix}toggle-gap: #{rem($toggle-gap)};\n  --#{$prefix}toggle-switch-bg: #{$toggle-switch-off-bg};\n  --#{$prefix}toggle-switch-disabled-bg: #{$toggle-switch-disabled-bg};\n  --#{$prefix}toggle-switch-border-radius: #{$toggle-switch-border-radius};\n  --#{$prefix}toggle-switch-box-shadow: #{$toggle-switch-box-shadow};\n  --#{$prefix}toggle-switch-handle-bg: #{$toggle-switch-handle-bg};\n  --#{$prefix}toggle-switch-handle-border-radius: #{$toggle-switch-handle-border-radius};\n  --#{$prefix}toggle-switch-width: #{rem($toggle-switch-width)};\n  --#{$prefix}toggle-switch-height: #{rem($toggle-switch-height)};\n  --#{$prefix}toggle-switch-handle-width: #{rem($toggle-switch-handle-width)};\n  --#{$prefix}toggle-switch-handle-height: #{rem($toggle-switch-handle-height)};\n  --#{$prefix}toggle-switch-handle-margin: #{rem($toggle-switch-handle-margin)};\n  --#{$prefix}toggle-label-font-size: #{$toggle-label-font-size};\n  --#{$prefix}toggle-label-color: #{$toggle-label-color};\n\n  display: flex;\n  align-items: center;\n  gap: var(--#{$prefix}toggle-gap);\n\n  &__switch {\n    position: relative;\n    display: flex;\n    align-items: center;\n    flex: 0 0 var(--#{$prefix}toggle-switch-width);\n    width: var(--#{$prefix}toggle-switch-width);\n    height: var(--#{$prefix}toggle-switch-height);\n    background-color: var(--#{$prefix}toggle-switch-bg);\n    border-radius: var(--#{$prefix}toggle-switch-border-radius);\n    user-select: none;\n    cursor: pointer;\n\n    @include transition.basic-transition();\n\n    &::before {\n      content: '';\n      display: inline-block;\n      width: var(--#{$prefix}toggle-switch-handle-width);\n      height: var(--#{$prefix}toggle-switch-handle-height);\n      margin: var(--#{$prefix}toggle-switch-handle-margin);\n      background: var(--#{$prefix}toggle-switch-handle-bg);\n      border-radius: var(--#{$prefix}toggle-switch-handle-border-radius);\n\n      @include transition.basic-transition();\n    }\n  }\n\n  &__label {\n    font-size: var(--#{$prefix}toggle-label-font-size);\n    color: var(--#{$prefix}toggle-label-color);\n  }\n\n  &.is-on {\n    --#{$prefix}toggle-switch-bg: #{$toggle-switch-on-bg};\n    #{$root}__switch {\n      &::before {\n        transform: translate(\n          calc(\n            var(--#{$prefix}toggle-switch-width) -\n              (\n                var(--#{$prefix}toggle-switch-handle-width) +\n                  var(--#{$prefix}toggle-switch-handle-margin) * 2\n              )\n          )\n        );\n      }\n    }\n  }\n\n  &.is-disabled:not(.is-on) {\n    pointer-events: none;\n\n    #{$root}__switch {\n      background: var(--#{$prefix}toggle-switch-disabled-bg);\n    }\n  }\n\n  &.is-disabled.is-on {\n    pointer-events: none;\n\n    #{$root}__switch {\n      &::after {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background: colors.$overlay-2;\n        border-radius: var(--#{$prefix}toggle-switch-handle-border-radius);\n      }\n    }\n  }\n}\n","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.tooltip' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.size' as *;\n\n.c-tooltip {\n    $root: &;\n\n    --#{$prefix}tooltip-max-width: #{rem($tooltip-max-width)};\n    --#{$prefix}tooltip-padding-x: #{rem($tooltip-padding-x)};\n    --#{$prefix}tooltip-padding-y: #{rem($tooltip-padding-y)};\n    --#{$prefix}tooltip-bg: #{$tooltip-bg};\n    --#{$prefix}tooltip-font-size: #{$tooltip-font-size};\n    --#{$prefix}tooltip-font-weight: #{$tooltip-font-weight};\n    --#{$prefix}tooltip-color: #{$tooltip-color};\n    --#{$prefix}tooltip-border-radius: #{$tooltip-border-radius};\n    --#{$prefix}tooltip-border-width: #{$tooltip-border-width};\n    --#{$prefix}tooltip-border-color: #{$tooltip-border-color};\n    --#{$prefix}tooltip-box-shadow: #{$tooltip-box-shadow};\n    --#{$prefix}tooltip-arrow-size: #{rem($tooltip-arrow-size)};\n\n\n    position: absolute;\n    bottom: calc(100% + var(--#{$prefix}tooltip-arrow-size));\n    left: 50%;\n    width: max-content;\n    height: max-content;\n    max-width: var(--#{$prefix}tooltip-max-width);\n    transform: translateX(-50%);\n    pointer-events: none;\n    z-index: 1000;\n\n    &__content {\n        position: relative;\n        color: var(--#{$prefix}tooltip-color);\n        font-size: var(--#{$prefix}tooltip-font-size);\n        font-weight: var(--#{$prefix}tooltip-font-weight);\n        padding: var(--#{$prefix}tooltip-padding-y) var(--#{$prefix}tooltip-padding-x);\n        background-color: var(--#{$prefix}tooltip-bg);\n        border-radius: var(--#{$prefix}tooltip-border-radius);\n        z-index: 2;\n        opacity: 0;\n        transform: scale(0.95);\n        transition: opacity 0.2s ease-out, transform 0.2s ease-out;\n    }\n\n    &__arrow {\n        position: absolute;\n        bottom: calc(var(--#{$prefix}tooltip-arrow-size) / -2);\n        left: 50%;\n        transform: translateX(-50%) rotate(45deg);\n        @include square(var(--#{$prefix}tooltip-arrow-size));\n        background-color: var(--#{$prefix}tooltip-bg);\n        z-index: 1;\n    }\n\n\n    &--top-left {\n        left: auto;\n        right: calc(100% - var( --#{$prefix}tooltip-arrow-size) * 2);\n        transform: translateX(0);\n\n        #{$root}__arrow {\n            left: auto;\n            right: var(--#{$prefix}tooltip-arrow-size);\n            transform: rotate(45deg);\n        }\n    }\n\n    &--top-right {\n        left: calc(100% - var( --#{$prefix}tooltip-arrow-size) * 2);\n        transform: translateX(0);\n\n        #{$root}__arrow {\n            left: var(--#{$prefix}tooltip-arrow-size);\n            transform: rotate(45deg);\n        }\n    }\n\n    &--right {\n        left: calc(100% + var(--#{$prefix}tooltip-arrow-size));\n        top: 50%;\n        transform: translateY(-50%);\n\n        #{$root}__arrow {\n            left: calc(var(--#{$prefix}tooltip-arrow-size) / -2);\n            top: 50%;\n            bottom: auto;\n            transform: rotate(45deg) translateY(-50%);\n            transform-origin: top;\n        }\n    }\n\n\n    &--left {\n        left: auto;\n        right: calc(100% + var(--#{$prefix}tooltip-arrow-size));\n        top: 50%;\n        transform: translateY(-50%);\n\n        #{$root}__arrow {\n            left: auto;\n            top: 50%;\n            bottom: auto;\n            right: calc(var(--#{$prefix}tooltip-arrow-size) / -5);\n            transform: rotate(45deg) translateY(-50%);\n        }\n    }\n\n    &--bottom {\n        top: calc(100% + var(--#{$prefix}tooltip-arrow-size));\n        \n        #{$root}__arrow {\n            top: calc(var(--#{$prefix}tooltip-arrow-size) / -2);\n            bottom: auto;\n        }\n    }\n\n    &--bottom-left {\n        top: calc(100% + var(--#{$prefix}tooltip-arrow-size));\n        left: 0;\n    }\n\n    &--bottom-right {\n        top: calc(100% + var(--#{$prefix}tooltip-arrow-size));\n        right: 0;\n    }\n\n    &.is-active {\n        pointer-events: auto;\n\n        .c-tooltip__content {\n            opacity: 1;\n            transform: scale(1);\n        }\n    }\n}","@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.upload' as *;\n@use '../01-settings/settings.border-radius' as *;\n@use '../02-tools/tools.rem' as *;\n@use '../02-tools/tools.transition' as *;\n@use '../02-tools/tools.hidden-visually' as *;\n@use '../02-tools/tools.border-radius' as *;\n\n.c-upload {\n  $root: &;\n\n  --#{$prefix}upload-width: #{rem($upload-width)};\n  --#{$prefix}upload-padding-x: #{rem($upload-padding-x)};\n  --#{$prefix}upload-padding-y: #{rem($upload-padding-y)};\n  --#{$prefix}upload-inner-padding-x: #{rem($upload-inner-padding-x)};\n  --#{$prefix}upload-inner-padding-y: #{rem($upload-inner-padding-y)};\n  --#{$prefix}upload-border-radius: #{$upload-border-radius};\n  --#{$prefix}upload-border-width: #{rem($upload-border-width)};\n  --#{$prefix}upload-border-color: #{$upload-border-color};\n  --#{$prefix}upload-bg: #{$upload-bg};\n  --#{$prefix}upload-hover-bg: #{$upload-hover-bg};\n  --#{$prefix}upload-icon-size: #{$upload-icon-size};\n  --#{$prefix}upload-icon-padding: #{$upload-icon-padding};\n  --#{$prefix}upload-icon-bg: #{$upload-icon-bg};\n  --#{$prefix}upload-title-font-size: #{$upload-title-font-size};\n  --#{$prefix}upload-title-font-weight: #{$upload-title-font-weight};\n  --#{$prefix}upload-title-color: #{$upload-title-color};\n  --#{$prefix}upload-title-margin-top: #{rem($upload-title-margin-top)};\n  --#{$prefix}upload-text-font-size: #{$upload-text-font-size};\n  --#{$prefix}upload-text-font-weight: #{$upload-text-font-weight};\n  --#{$prefix}upload-text-color: #{$upload-text-color};\n  --#{$prefix}upload-text-margin-top: #{rem($upload-text-margin-top)};\n  --#{$prefix}upload-btn-margin-top: #{rem($upload-btn-margin-top)};\n  --#{$prefix}upload-btn-margin-left: #{rem($upload-btn-margin-left)};\n  --#{$prefix}upload-helper-text-font-size: #{$upload-helper-text-font-size};\n  --#{$prefix}upload-helper-text-font-weight: #{$upload-helper-text-font-weight};\n  --#{$prefix}upload-helper-text-color: #{$upload-helper-text-color};\n  --#{$prefix}upload-helper-text-margin-top: #{rem(\n      $upload-helper-text-margin-top\n    )};\n  --#{$prefix}upload-loader-padding-x: #{rem($upload-loader-padding-x)};\n  --#{$prefix}upload-loader-padding-y: #{rem($upload-loader-padding-y)};\n  --#{$prefix}upload-loader-border-radius: #{$upload-loader-border-radius};\n  --#{$prefix}upload-loader-border-width: #{$upload-loader-border-width};\n  --#{$prefix}upload-loader-border-color: #{$upload-loader-border-color};\n  --#{$prefix}upload-loader-margin-top: #{$upload-loader-margin-top};\n  --#{$prefix}upload-loader-title-color: #{$upload-loader-title-color};\n  --#{$prefix}upload-loader-title-font-size: #{$upload-loader-title-font-size};\n  --#{$prefix}upload-loader-title-font-weight: #{$upload-loader-title-font-weight};\n  --#{$prefix}upload-loader-text-color: #{$upload-loader-text-color};\n  --#{$prefix}upload-loader-text-font-size: #{$upload-loader-text-font-size};\n  --#{$prefix}upload-loader-text-margin-top: #{rem(\n      $upload-loader-text-margin-top\n    )};\n  --#{$prefix}upload-loader-color: #{$upload-loader-progress-color};\n  --#{$prefix}upload-loader-bar-height: #{rem($upload-loader-bar-height)};\n  --#{$prefix}upload-loader-bar-margin-top: #{rem($upload-loader-bar-margin-top)};\n  --#{$prefix}upload-loader-bg-opacity: #{$upload-loader-bg-opacity};\n  --#{$prefix}upload-loader-progress: 39%;\n  --#{$prefix}upload-content-margin-left: #{rem($upload-content-margin-left)};\n  --#{$prefix}upload-disabled-opacity: #{$upload-disabled-opacity};\n  --#{$prefix}upload-loader-control-icon-size: #{$upload-loader-control-icon-size};\n  --#{$prefix}upload-loader-contorl-color: #{$upload-loader-contorl-color};\n\n  width: 100%;\n  max-width: var(--#{$prefix}upload-width);\n  padding: var(--#{$prefix}upload-padding-y) var(--#{$prefix}upload-padding-x);\n  background-color: var(--#{$prefix}upload-bg);\n  border-radius: var(--#{$prefix}upload-border-radius);\n\n  @include basic-transition();\n\n  &:hover {\n    background-color: var(--#{$prefix}upload-hover-bg);\n  }\n\n  &__inner {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: var(--#{$prefix}upload-inner-padding-y)\n      var(--#{$prefix}upload-inner-padding-x);\n    border-radius: var(--#{$prefix}upload-border-radius);\n    border: var(--#{$prefix}upload-border-width) dashed\n      var(--#{$prefix}upload-border-color);\n  }\n\n  &__icon {\n    font-size: var(--#{$prefix}upload-icon-size);\n    padding: var(--#{$prefix}upload-icon-padding);\n    background-color: var(--#{$prefix}upload-icon-bg);\n\n    @include border-radius($border-radius-pill);\n  }\n\n  &__title {\n    color: var(--#{$prefix}upload-title-color);\n    font-size: var(--#{$prefix}upload-title-font-size);\n    font-weight: var(--#{$prefix}upload-title-font-weight);\n    margin-top: var(--#{$prefix}upload-title-margin-top);\n  }\n\n  &__text {\n    color: var(--#{$prefix}upload-text-color);\n    font-size: var(--#{$prefix}upload-text-font-size);\n    font-weight: var(--#{$prefix}upload-text-font-weight);\n    margin-top: var(--#{$prefix}upload-text-margin-top);\n  }\n\n  &__btn {\n    margin-top: var(--#{$prefix}upload-btn-margin-top);\n  }\n\n  &__helper-text {\n    color: var(--#{$prefix}upload-helper-text-color);\n    font-size: var(--#{$prefix}upload-helper-text-font-size);\n    font-weight: var(--#{$prefix}upload-helper-text-font-weight);\n    margin-top: var(--#{$prefix}upload-helper-text-margin-top);\n  }\n\n  &__row {\n    width: 100%;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  &__col {\n    display: flex;\n    align-items: center;\n  }\n\n  &__content {\n    margin-left: var(--#{$prefix}upload-content-margin-left);\n  }\n\n  &__loader {\n    --upload-loader-percentage: 0;\n\n    display: flex;\n    justify-content: space-between;\n    position: relative;\n    width: 100%;\n    max-width: rem($upload-width);\n    padding: var(--#{$prefix}upload-loader-padding-y)\n      var(--#{$prefix}upload-loader-padding-x);\n    border: var(--#{$prefix}upload-loader-border-width) solid\n      var(--#{$prefix}upload-loader-border-color);\n    border-radius: var(--#{$prefix}upload-loader-border-radius);\n    margin-top: var(--#{$prefix}upload-loader-margin-top);\n    overflow: hidden;\n  }\n\n  &__loader-title {\n    color: var(--#{$prefix}upload-loader-title-color);\n    font-size: var(--#{$prefix}upload-loader-title-font-size);\n    font-weight: var(--#{$prefix}upload-loader-title-font-weight);\n    line-height: 1.715;\n  }\n\n  &__loader-progress {\n    display: flex;\n    gap: 10px;\n    color: var(--#{$prefix}upload-loader-text-color);\n    font-size: var(--#{$prefix}upload-loader-text-font-size);\n    line-height: 1.43;\n    margin-top: var(--#{$prefix}upload-loader-text-margin-top);\n  }\n\n  &__loader-control {\n    display: flex;\n    align-items: center;\n    gap: rem(4px);\n  }\n\n  &__loader-close {\n    color: var(--#{$prefix}upload-loader-contorl-color);\n    font-size: var(--#{$prefix}upload-loader-control-icon-size);\n  }\n\n  &__loader-bar {\n    width: 22px;\n    height: 22px;\n\n\n    svg {\n      width: 100%;\n      height: 100%;\n\n      circle {\n        width: 100%;\n        height: 100%;\n        fill: none;\n        stroke: var(--#{$prefix}secondary-bg-subtle);\n        stroke-width: 2px;\n        stroke-linecap: round;\n        transform: translate(1px, 1px);\n\n        &:nth-child(2)\n        {\n          stroke-dasharray: 63;\n          stroke-dashoffset: 63;\n        }\n\n        &:nth-child(2)\n        {\n          stroke-dashoffset: calc(63 - (63 * var(--upload-loader-percentage) ) / 100);\n          stroke: var(--#{$prefix}upload-loader-color);\n        }\n      }\n    }\n  }\n\n  &--large {\n    --#{$prefix}upload-width: #{rem($upload-width-large)};\n    --#{$prefix}upload-inner-padding-x: #{rem($upload-large-inner-padding-x)};\n    --#{$prefix}upload-inner-padding-y: #{rem($upload-large-inner-padding-y)};\n    --#{$prefix}upload-title-margin-top: 0;\n    --#{$prefix}upload-btn-margin-top: 0;\n    --#{$prefix}upload-helper-text-margin-top: 0;\n\n    #{$root} {\n      &__loader {\n        max-width: rem(360px);\n      }\n\n      &__btn {\n        margin-left: var(--#{$prefix}upload-btn-margin-left);\n      }\n    }\n  }\n\n  &--sm {\n    --#{$prefix}upload-width: #{rem($upload-width-sm)};\n  }\n\n  &--success {\n    --#{$prefix}upload-loader-progress: 100%;\n    --#{$prefix}upload-loader-text-color: #{$upload-loader-success-color};\n    --#{$prefix}upload-loader-color: #{$upload-loader-success-color};\n    --#{$prefix}upload-loader-contorl-color: #{$upload-loader-success-color};\n  }\n\n  &--error {\n    --#{$prefix}upload-loader-text-color: #{$upload-loader-error-color};\n    --#{$prefix}upload-loader-color: #{$upload-loader-error-color};\n    --#{$prefix}upload-loader-contorl-color: #{$upload-loader-error-color};\n  }\n\n  &--disabled {\n    cursor: not-allowed;\n    user-select: none;\n    opacity: var(--#{$prefix}upload-disabled-opacity);\n\n    #{$root}__btn {\n      pointer-events: none;\n    }\n  }\n}\n","@use \"../01-settings/settings.config\" as config;\n@use \"../01-settings/settings.border-radius\" as *;\n@use 'sass:meta';\n@use 'sass:list';\n\n@function valid-radius($radius) {\n  $return: null;\n  @each $value in $radius {\n    @if meta.type-of($value) == number {\n      @if $return == null {\n        $return: max($value, 0);\n      } @else {\n        $return: $return max($value, 0);\n      }\n    }\n  }\n  @return if($return == null, 0, $return);\n}\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: valid-radius($radius);\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-end-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-start-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-start-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-end-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-end-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-start-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}","@use \"../01-settings/settings.photoviewer\" as photoviewer;\n@use \"../01-settings/settings.config\" as config;\n@use \"../01-settings/settings.colors\" as *;\n@use \"../01-settings/settings.border-radius\" as *;\n@use \"../01-settings/settings.box-shadow\" as *;\n@use \"../01-settings/settings.spacing\" as *;\n@use \"../01-settings/settings.typography\" as *;\n@use \"../02-tools/tools.rem\" as rem;\n@use \"../02-tools/tools.spacing\" as *;\n\n// Common mixins\n%flex-center {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n%standard-transition {\n  transition: all var(--#{config.$prefix}photoviewer-transition-duration) var(--#{config.$prefix}photoviewer-transition-timing);\n}\n\n%standard-transition {\n  transition: all var(--#{config.$prefix}photoviewer-transition-duration) var(--#{config.$prefix}photoviewer-transition-timing);\n}\n\n%svg-icon {\n  fill: currentColor;\n  pointer-events: none;\n}\n\n// Common panel styles\n%panel-base {\n  background: $gray-1;\n  border-radius: var(--#{config.$prefix}photoviewer-control-border-radius);\n  box-shadow: $box-shadow-lg;\n}\n\n// Custom scrollbar styling\n%custom-scrollbar {\n  &::-webkit-scrollbar {\n    width: 6px;\n  }\n  \n  &::-webkit-scrollbar-track {\n    background: transparent;\n  }\n  \n  &::-webkit-scrollbar-thumb {\n    background: $gray-4;\n    border-radius: 3px;\n  }\n  \n  &::-webkit-scrollbar-thumb:hover {\n    background: $gray-5;\n  }\n}\n\n// Hover effect for interactive elements\n%hover-effect {\n  &:hover:not(:disabled) {\n    transform: translateY(-2px);\n    box-shadow: $box-shadow-sm;\n  }\n  \n  &:active:not(:disabled) {\n    transform: translateY(0);\n    box-shadow: $box-shadow-xs;\n  }\n}\n\n// Common image styling\n%image-base {\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n  transform-origin: center center;\n  will-change: auto;\n  \n  // Enhanced image quality\n  image-rendering: auto;\n  image-rendering: -webkit-optimize-contrast;\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n  \n  // Smooth hardware-accelerated transforms\n  transform: translateZ(0);\n  \n  // Prevent any touch actions on the image itself\n  touch-action: none;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n// Thumbnail styling\n%thumbnail-base {\n  @extend %flex-center;\n  @extend %standard-transition;\n  border: 2px solid transparent;\n  border-radius: $border-radius-sm;\n  padding: 0;\n  background: rgba(255, 255, 255, 0.1);\n  cursor: pointer;\n  overflow: hidden;\n  position: relative;\n  \n  &::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.2);\n    opacity: 1;\n    transition: opacity var(--#{config.$prefix}photoviewer-transition-duration) var(--#{config.$prefix}photoviewer-transition-timing);\n  }\n  \n  &:hover {\n    transform: translateY(-2px);\n    box-shadow: $box-shadow-sm;\n    border-color: rgba(255, 255, 255, 0.3);\n    \n    &::after {\n      opacity: 0;\n    }\n  }\n  \n  &.is-active {\n    border-color: var(--#{config.$prefix}photoviewer-thumbnail-border);\n    box-shadow: var(--#{config.$prefix}box-shadow-md);\n    transform: scale(1.05);\n  }\n}\n\n// Info panel metadata styling\n%info-meta-item {\n  font-size: $font-size-sm;\n  color: $gray-7;\n  margin-bottom: 0.75rem;\n  padding-left: 1.5rem;\n  position: relative;\n  \n  &::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0.4rem;\n    width: 8px;\n    height: 8px;\n    background: var(--#{config.$prefix}primary-lighter);\n    border-radius: 50%;\n  }\n}\n\n// Info panel tag styling\n%info-tag {\n  display: inline-flex;\n  padding: 0.25rem 0.75rem;\n  background: $gray-2;\n  color: $gray-8;\n  border-radius: $border-radius-pill;\n  font-size: $font-size-xs;\n  font-weight: 500;\n  transition: all 0.2s ease;\n  \n  &:hover {\n    background: var(--#{config.$prefix}primary-lighter);\n    color: var(--#{config.$prefix}primary-darker);\n  }\n}\n\n// Common responsive control size adjustments\n@mixin responsive-control-sizes($size-multiplier) {\n  &__action-btn,\n  &__action-button {\n    width: calc(var(--#{config.$prefix}photoviewer-control-size-small) * #{$size-multiplier});\n    height: calc(var(--#{config.$prefix}photoviewer-control-size-small) * #{$size-multiplier});\n    \n    svg {\n      width: calc(20px * #{$size-multiplier});\n      height: calc(20px * #{$size-multiplier});\n    }\n  }\n  \n  &__nav-btn,\n  &__nav-button {\n    width: calc(var(--#{config.$prefix}photoviewer-control-size) * #{$size-multiplier});\n    height: calc(var(--#{config.$prefix}photoviewer-control-size) * #{$size-multiplier});\n    \n    svg {\n      width: calc(24px * #{$size-multiplier});\n      height: calc(24px * #{$size-multiplier});\n    }\n  }\n  \n  &__thumbnail {\n    width: calc(var(--#{config.$prefix}photoviewer-thumbnail-size) * #{$size-multiplier});\n    height: calc(var(--#{config.$prefix}photoviewer-thumbnail-size) * #{$size-multiplier});\n  }\n}\n\n// When the PhotoViewer is open, an 'is-open-photoviewer' class is added to the body\n// This can be used to apply additional styling to the page when the PhotoViewer is active\nbody.is-open-photoviewer {\n  overflow: hidden;\n  \n  // Prevent iOS bounce scrolling\n  position: fixed;\n  width: 100%;\n\n  // Prevent touch zoom/pan on the entire page when PhotoViewer is open\n  touch-action: none;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n\n  // Optimize for trackpad gestures on macOS\n  -webkit-transform: translateZ(0);\n  -webkit-backface-visibility: hidden;\n  \n  @supports (overflow: clip) {\n    overflow: clip;\n  }\n}\n\n// Enhanced mobile support\n@media (max-width: 768px) {\n  body.is-open-photoviewer {\n    // Additional mobile-specific styles\n    -webkit-overflow-scrolling: touch;\n    \n    // Prevent address bar from showing/hiding\n    height: 100vh;\n    height: 100dvh; // Dynamic viewport height\n  }\n}\n\n// Main component styles\n.c-photo-viewer {\n  $root: &;\n  // Set CSS variables for component\n  --#{config.$prefix}photoviewer-bg: #{photoviewer.$component-background-color};\n  --#{config.$prefix}photoviewer-border-radius: #{$border-radius-xl};\n  --#{config.$prefix}photoviewer-shadow: #{$box-shadow-lg};\n  --#{config.$prefix}photoviewer-backdrop-bg: #{photoviewer.$modal-background-color};\n  --#{config.$prefix}photoviewer-backdrop-blur: 12px;\n  --#{config.$prefix}photoviewer-action-color: #{photoviewer.$control-color};\n  --#{config.$prefix}photoviewer-action-hover-color: #{photoviewer.$control-color-hover};\n  --#{config.$prefix}photoviewer-action-bg: #{photoviewer.$control-background};\n  --#{config.$prefix}photoviewer-action-hover-bg: #{photoviewer.$control-background-hover};\n  --#{config.$prefix}photoviewer-close-color: #{photoviewer.$modal-close-button-color};\n  --#{config.$prefix}photoviewer-thumbnail-border: #{photoviewer.$thumbnail-active-border-color};\n  --#{config.$prefix}photoviewer-spacing: #{photoviewer.$component-spacing};\n  --#{config.$prefix}photoviewer-transition-duration: #{photoviewer.$photoviewer-transition-duration};\n  --#{config.$prefix}photoviewer-transition-timing: #{photoviewer.$photoviewer-transition-timing};\n  --#{config.$prefix}photoviewer-control-size: #{photoviewer.$control-size};\n  --#{config.$prefix}photoviewer-control-size-small: #{photoviewer.$control-size-small};\n  --#{config.$prefix}photoviewer-control-border-radius: #{photoviewer.$control-border-radius};\n  --#{config.$prefix}photoviewer-thumbnail-size: #{photoviewer.$thumbnail-size};\n  --#{config.$prefix}photoviewer-thumbnail-size-large: #{photoviewer.$thumbnail-size-large};\n  --#{config.$prefix}photoviewer-thumbnail-gap: #{photoviewer.$thumbnail-gap};\n  --#{config.$prefix}photoviewer-info-panel-width: #{photoviewer.$info-panel-width};\n\n  @extend %flex-center;\n  @extend %standard-transition;\n  height: 100vh;\n  background: var(--#{config.$prefix}photoviewer-bg);\n  border-radius: var(--#{config.$prefix}photoviewer-border-radius);\n  box-shadow: var(--#{config.$prefix}photoviewer-shadow);\n  position: fixed;\n  inset: 0;\n  z-index: 1000;\n  overflow: hidden;\n  opacity: 1;\n  transition-property: opacity;\n\n  &__backdrop {\n    @extend %standard-transition;\n    position: absolute;\n    inset: 0;\n    background: var(--#{config.$prefix}photoviewer-backdrop-bg);\n    backdrop-filter: blur(var(--#{config.$prefix}photoviewer-backdrop-blur));\n    z-index: 1;\n    opacity: 1;\n    transition-property: opacity;\n  }\n\n  &__container {\n    @extend %standard-transition;\n    @extend %panel-base;\n    position: relative;\n    z-index: 2;\n    background: var(--#{config.$prefix}photoviewer-bg);\n    border-radius: var(--#{config.$prefix}photoviewer-border-radius);\n    padding: var(--#{config.$prefix}photoviewer-spacing);\n    display: flex;\n    flex-direction: column;\n    min-width: 320px;\n    max-width: 90vw;\n    min-height: 240px;\n    max-height: 90vh;\n    width: 100%;\n    height: 100%;\n    transform: scale(1);\n    transition-property: transform;\n    overflow: hidden;\n    \n    .is-entering & {\n      transform: scale(0.95);\n    }\n    \n    .is-exiting & {\n      transform: scale(0.95);\n    }\n  }\n\n  &__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: var(--#{config.$prefix}photoviewer-spacing);\n    position: relative;\n    z-index: 5;\n  }\n\n  &__counter, \n  &__counter-badge {\n    font-size: $font-size-sm;\n    color: $gray-7;\n    font-weight: 500;\n    background: rgba(255, 255, 255, 0.8);\n    padding: 0.25rem 0.75rem;\n    border-radius: $border-radius-pill;\n    backdrop-filter: blur(4px);\n    box-shadow: $box-shadow-xs;\n  }\n\n  &__actions {\n    display: flex;\n    gap: 0.75rem;\n    align-items: center;\n  }\n  \n  // Common button styles mixin\n  %button-base {\n    @extend %flex-center;\n    @extend %standard-transition;\n    @extend %hover-effect;\n    background: var(--#{config.$prefix}photoviewer-action-bg);\n    color: var(--#{config.$prefix}photoviewer-action-color);\n    border: none;\n    border-radius: var(--#{config.$prefix}photoviewer-control-border-radius);\n    cursor: pointer;\n    box-shadow: $box-shadow-xs;\n    \n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n    \n    svg {\n      @extend %svg-icon;\n      transition: transform 0.2s ease;\n    }\n  }\n  \n  &__action-btn,\n  &__action-button {\n    @extend %button-base;\n    width: var(--#{config.$prefix}photoviewer-control-size-small);\n    height: var(--#{config.$prefix}photoviewer-control-size-small);\n    \n    &:hover:not(:disabled) {\n      background: var(--#{config.$prefix}photoviewer-action-hover-bg);\n      color: var(--#{config.$prefix}photoviewer-action-hover-color);\n    }\n    \n    svg {\n      width: 20px;\n      height: 20px;\n    }\n  }\n\n  &__close {\n    color: var(--#{config.$prefix}photoviewer-close-color);\n    background: rgba(0, 0, 0, 0.3);\n    margin-left: 0.5rem;\n    \n    &:hover {\n      background: rgba(0, 0, 0, 0.5);\n    }\n  }\n\n  &__content {\n    @extend %flex-center;\n    position: relative;\n    flex: 1 1 auto;\n    overflow: hidden;\n    min-height: 0;\n    \n    &.is-transitioning {\n      .c-photo-viewer__image-container {\n        opacity: 0.7;\n        transition: opacity 0.15s ease-out;\n      }\n    }\n  }\n\n  &__image-container {\n    @extend %flex-center;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    user-select: none;\n    -webkit-user-select: none;\n    -webkit-touch-callout: none;\n    -webkit-overflow-scrolling: touch;\n    \n    // Control touch interactions - allow pan and zoom only within the container\n    touch-action: pan-x pan-y pinch-zoom;\n    \n    // Optimize for smooth trackpad gestures\n    transform: translateZ(0);\n    -webkit-transform: translateZ(0);\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    \n    // Enable smooth scaling animations for trackpad gestures\n    transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    \n    &.is-transitioning {\n      transition: opacity 0.15s ease-out;\n      \n      .c-photo-viewer__image {\n        transition: opacity 0.15s ease-out !important;\n      }\n    }\n    \n    // Prevent image selection and dragging\n    img {\n      pointer-events: none;\n      -webkit-user-drag: none;\n      -khtml-user-drag: none;\n      -moz-user-drag: none;\n      -o-user-drag: none;\n      user-drag: none;\n      \n      // Ensure touch actions are controlled\n      touch-action: none;\n    }\n    \n    // Loading state\n    &::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(90deg, \n        transparent 0%, \n        rgba(255, 255, 255, 0.1) 50%, \n        transparent 100%);\n      animation: loading-shimmer 1.5s infinite;\n      opacity: 0;\n      pointer-events: none;\n      transition: opacity 0.3s ease;\n    }\n    \n    &.is-loading::before {\n      opacity: 1;\n    }\n  }\n\n  &__image {\n    @extend %image-base;\n    \n    // Dynamic transitions based on state - optimized for trackpad\n    transition: \n      transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94),\n      opacity 0.2s ease-out,\n      filter 0.2s ease-out;\n    \n    // Dragging state - disable transitions for direct manipulation\n    .c-photo-viewer--dragging & {\n      transition: none !important;\n      will-change: transform;\n    }\n    \n    // Trackpad gesture state - smoother transitions for pinch zoom\n    &[style*=\"scale(\"]:not(.c-photo-viewer--dragging) {\n      transition: transform 0.1s cubic-bezier(0.23, 1, 0.32, 1);\n    }\n    \n    // Loading state\n    &.is-loading {\n      opacity: 0.3;\n      filter: blur(1px);\n    }\n    \n    // Zoom state optimizations\n    &[style*=\"scale(1)\"] {\n      will-change: auto;\n    }\n    \n    &[style*=\"scale(\"]:not([style*=\"scale(1)\"]) {\n      will-change: transform;\n    }\n    \n    @media (prefers-reduced-motion: reduce) {\n      transition: none !important;\n      animation: none !important;\n    }\n  }\n  \n  // Loading animation\n  @keyframes loading-shimmer {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n\n  &__nav-btn,\n  &__nav-button {\n    @extend %button-base;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: var(--#{config.$prefix}photoviewer-control-size);\n    height: var(--#{config.$prefix}photoviewer-control-size);\n    z-index: 5;\n    \n    &:hover:not(:disabled) {\n      background: var(--#{config.$prefix}photoviewer-action-hover-bg);\n      color: var(--#{config.$prefix}photoviewer-action-hover-color);\n      transform: translateY(-50%) scale(1.05);\n    }\n    \n    &:active:not(:disabled) {\n      transform: translateY(-50%) scale(1);\n    }\n    \n    &--prev {\n      left: 1rem;\n    }\n    \n    &--next {\n      right: 1rem;\n    }\n    \n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  &--fullscreen {\n    width: 100vw;\n    height: 100vh;\n    border-radius: 0;\n  }\n\n  &__thumbnails {\n    display: flex;\n    gap: var(--#{config.$prefix}photoviewer-thumbnail-gap);\n    margin-top: var(--#{config.$prefix}photoviewer-spacing);\n    justify-content: center;\n    flex-wrap: wrap;\n    padding: 0.5rem;\n    background: rgba(255, 255, 255, 0.05);\n    border-radius: $border-radius-lg;\n    backdrop-filter: blur(4px);\n  }\n\n  &__thumbnail {\n    @extend %thumbnail-base;\n    width: var(--#{config.$prefix}photoviewer-thumbnail-size);\n    height: var(--#{config.$prefix}photoviewer-thumbnail-size);\n  }\n\n  &__thumbnail-img {\n    @extend %standard-transition;\n    @extend %image-base;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    border-radius: calc($border-radius-sm - 2px);\n    transition-property: transform;\n    \n    .c-photo-viewer__thumbnail:hover & {\n      transform: scale(1.05);\n    }\n  }\n\n  &--dragging {\n    cursor: grabbing;\n  }\n\n  &.is-disabled {\n    pointer-events: none;\n    opacity: 0.7;\n  }\n\n  &.is-entering {\n    opacity: 0;\n  }\n\n  &.is-exiting {\n    opacity: 0;\n  }\n\n  // Layout variants for thumbnail positions\n  &--thumbnails-left,\n  &--thumbnails-right {\n    .c-photo-viewer__container {\n      flex-direction: row;\n      gap: var(--#{config.$prefix}photoviewer-spacing);\n    }\n    \n    .c-photo-viewer__thumbnails {\n      flex-direction: column;\n      margin-top: 0;\n      max-height: 80vh;\n      overflow-y: auto;\n    }\n    \n    .c-photo-viewer__content {\n      flex: 1;\n    }\n  }\n  \n  &--thumbnails-left {\n    .c-photo-viewer__thumbnails {\n      order: -1;\n    }\n  }\n  \n  &--thumbnails-right {\n    .c-photo-viewer__thumbnails {\n      order: 1;\n    }\n  }\n\n  // Info panel styles\n  &__info-panel {\n    @extend %standard-transition;\n    @extend %panel-base;\n    @extend %custom-scrollbar;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: var(--#{config.$prefix}photoviewer-info-panel-width);\n    border-left: 1px solid $gray-3;\n    padding: 1.5rem;\n    overflow-y: auto;\n    z-index: 10;\n    transform: translateX(100%);\n    transition-property: transform;\n  }\n  \n  &--info-open {\n    .c-photo-viewer__container {\n      padding-right: var(--#{config.$prefix}photoviewer-info-panel-width);\n    }\n    \n    .c-photo-viewer__info-panel {\n      transform: translateX(0);\n    }\n  }\n  \n  &__info-close {\n    @extend %button-base;\n    position: absolute;\n    top: 1rem;\n    right: 1rem;\n    width: var(--#{config.$prefix}photoviewer-control-size-small);\n    height: var(--#{config.$prefix}photoviewer-control-size-small);\n    box-shadow: $box-shadow-xs;\n    z-index: 2;\n    \n    &:hover {\n      background: var(--#{config.$prefix}photoviewer-action-hover-bg);\n      transform: translateY(-2px);\n    }\n    \n    svg {\n      width: 16px;\n      height: 16px;\n    }\n  }\n  \n  &__info-content {\n    margin-top: 2rem;\n    padding-bottom: 2rem;\n  }\n  \n  &__info-title {\n    font-size: $font-size-lg;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    padding-bottom: 1rem;\n    color: $gray-9;\n    position: relative;\n    \n    &::after {\n      content: '';\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      width: 60px;\n      height: 2px;\n      background: var(--#{config.$prefix}primary);\n      border-radius: 2px;\n    }\n  }\n  \n  &__info-description {\n    font-size: $font-size-base;\n    line-height: 1.6;\n    margin-bottom: 1.5rem;\n    color: $gray-8;\n  }\n  \n  &__info-meta {\n    @extend %info-meta-item;\n  }\n  \n  &__info-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5rem;\n    margin-top: 1.5rem;\n    margin-bottom: 0.5rem;\n  }\n  \n  &__info-tag {\n    @extend %info-tag;\n  }\n  \n  // Responsive styles\n  @media (max-width: 992px) {\n    @include responsive-control-sizes(0.9);\n    \n    &__container {\n      max-width: 95vw;\n      max-height: 90vh;\n    }\n    \n    &__image-container {\n      max-width: 90vw;\n      max-height: 70vh;\n    }\n  }\n  \n  @media (max-width: 768px) {\n    @include responsive-control-sizes(0.8);\n    \n    &__container {\n      max-width: 100vw;\n      max-height: 100vh;\n      min-height: 100vh;\n      padding: 0.75rem;\n      border-radius: 0;\n    }\n    \n    &__header {\n      margin-bottom: 0.75rem;\n    }\n    \n    &__actions {\n      gap: 0.5rem;\n    }\n    \n    &__image-container {\n      max-height: 75vh;\n    }\n    \n    &__nav-btn,\n    &__nav-button {\n      &--prev {\n        left: 0.25rem;\n      }\n      \n      &--next {\n        right: 0.25rem;\n      }\n    }\n    \n    &__thumbnails {\n      max-width: 100%;\n    }\n    \n    &--thumbnails-left,\n    &--thumbnails-right {\n      .c-photo-viewer__container {\n        flex-direction: column;\n      }\n      \n      .c-photo-viewer__thumbnails {\n        flex-direction: row;\n        order: 1;\n        margin-top: var(--#{config.$prefix}photoviewer-spacing);\n        max-height: none;\n        max-width: 100%;\n        overflow-x: auto;\n      }\n    }\n    \n    &--info-open {\n      .c-photo-viewer__container {\n        padding-right: 0;\n      }\n      \n      .c-photo-viewer__info-panel {\n        width: 100%;\n        height: 100%;\n        position: absolute;\n        left: 0;\n        top: 0;\n        right: 0;\n        transform: translateX(0);\n      }\n      \n      .c-photo-viewer__info-panel {\n        overflow-y: auto;\n      }\n    }\n  }\n  \n  @media (max-width: 480px) {\n    @include responsive-control-sizes(0.7);\n    \n    &__container {\n      padding: 0.5rem;\n    }\n    \n    &__header {\n      margin-bottom: 0.5rem;\n    }\n    \n    &__counter,\n    &__counter-badge {\n      font-size: $font-size-xs;\n      padding: 0.2rem 0.5rem;\n    }\n    \n    &__actions {\n      gap: 0.3rem;\n    }\n    \n    &__image-container {\n      max-height: 65vh;\n    }\n    \n    &__info-panel {\n      width: 100%;\n      height: 70%;\n      bottom: 0;\n      top: auto;\n      transform: translateY(100%);\n      border-left: none;\n      border-top: 1px solid $gray-3;\n      \n      &.is-open {\n        transform: translateY(0);\n      }\n    }\n    \n    &--info-open &__info-panel {\n      padding: 1rem;\n    }\n  }\n}","@use \"./settings.colors\" as colors;\n\n$box-shadow:                     0 8px 16px rgba(colors.$black, 0.15) !default;\n$box-shadow-xs:                  0px 1px 2px 0px rgba(45, 54, 67, 0.04), 0px 2px 4px 0px rgba(45, 54, 67, 0.08) !default;\n$box-shadow-sm:                  0 2px 4px rgba(colors.$black, 0.075) !default;\n$box-shadow-lg:                  0 16px 48px rgba(colors.$black, 0.175) !default;\n$box-shadow-xl:                  0px 16px 64px -8px rgba(45, 54, 67, 0.14) !default;\n$box-shadow-inset:              inset 0 1px 2px rgba(colors.$black, 0.075) !default;\n\n// Drak mode\n\n$box-shadow-dark:                0px 8px 40px -8px rgba(30, 30, 30, 0.70), 0px 4px 20px 0px rgba(30, 30, 30, 0.80);\n$box-shadow-xs-dark:             0px 1px 2px 0px rgba(30, 30, 30, 0.50), 0px 2px 4px 0px rgba(30, 30, 30, 0.50);\n$box-shadow-sm-dark:             0px 2px 4px -2px rgba(30, 30, 30, 0.50), 0px 4px 8px -2px rgba(30, 30, 30, 0.50);\n$box-shadow-lg-dark:             0px 8px 18px -2px rgba(30, 30, 30, 0.50), 0px 8px 24px -2px rgba(30, 30, 30, 0.50);\n$box-shadow-xl-dark:             0px 33px 61px -8px rgba(30, 30, 30, 0.90), 0px 8px 10px 0px rgba(30, 30, 30, 0.90);\n","@use '../01-settings/settings.config' as config;\n@use '../01-settings/settings.colors' as *;\n@use '../01-settings/settings.border-radius' as *;\n@use '../01-settings/settings.box-shadow' as *;\n@use '../01-settings/settings.spacing' as *;\n@use '../01-settings/settings.typography' as *;\n@use '../02-tools/tools.rem' as rem;\n\n.c-image-gallery {\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 1rem; /* Using spacing size 4 (1rem/16px) */\n}\n\n.c-image-gallery__title {\n  font-size: $font-size-lg;\n  margin-bottom: 0.5rem; /* Using spacing size 2 (0.5rem/8px) */\n  color: $gray-9;\n}\n\n.c-image-gallery__description {\n  font-size: $font-size-md;\n  margin-bottom: 1.5rem; /* Using spacing size 6 (1.5rem/24px) */\n  color: $gray-7;\n  max-width: 800px;\n}\n\n.c-image-gallery__item {\n  cursor: pointer;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  border-radius: $border-radius-lg;\n  overflow: hidden;\n  \n  &:hover {\n    transform: translateY(-5px);\n    box-shadow: $box-shadow-lg;\n    \n    .c-image-gallery__card {\n      border-color: $primary-5;\n    }\n  }\n}\n\n.c-image-gallery__card {\n  height: 100%;\n  transition: border-color 0.3s ease;\n  \n  img {\n    transition: transform 0.5s ease;\n    width: 100%;\n    height: auto;\n    object-fit: cover;\n  }\n  \n  &:hover img {\n    transform: scale(1.05);\n  }\n}\n\n// Responsive adjustments\n@media (max-width: 768px) {\n  .c-image-gallery__title {\n    font-size: $h3-font-size;\n  }\n  \n  .c-image-gallery__description {\n    font-size: $font-size-sm;\n  }\n}","// .usage {\n//   @include clearfix();\n// }\n@mixin clearfix() {\n  &:after {\n    content: '' !important;\n    display: block !important;\n    clear: both !important;\n  }\n}\n","@use 'sass:map';\n@use \"../01-settings/settings.maps\" as color-maps;\n@use \"../01-settings/settings.config\" as config;\n@use \"../01-settings/settings.colors\" as colors;\n@use \"../02-tools/tools.to-rgb\" as *;\n@use \"../02-tools/tools.color-functions\" as *;\n\n// Define utilities for links\n$utilities-link: (\n  \"link-opacity\": (\n    css-var: true,\n    class: u-link-opacity,\n    state: hover,\n    values: (\n      10: .1,\n      25: .25,\n      50: .5,\n      75: .75,\n      100: 1\n    )\n  ),\n  \"link-offset\": (\n    property: text-underline-offset,\n    class: u-link-offset,\n    state: hover,\n    values: (\n      1: .125em,\n      2: .25em,\n      3: .375em,\n    )\n  ),\n  \"link-underline\": (\n    property: text-decoration-color,\n    class: u-link-underline,\n    local-vars: (\n      \"link-underline-opacity\": 1\n    ),\n    values: map.merge(\n      color-maps.$utilities-links-underline,\n      (\n        null: rgba(var(--#{config.$prefix}link-color-rgb), var(--#{config.$prefix}u-link-underline-opacity, 1)),\n      )\n    )\n  ),\n  \"link-underline-opacity\": (\n    css-var: true,\n    class: u-link-underline-opacity,\n    state: hover,\n    values: (\n      0: 0,\n      10: .1,\n      25: .25,\n      50: .5,\n      75: .75,\n      100: 1\n    ),\n  ),\n);\n\n// Define variables with default values\n$enable-important-utilities: true !default;\n$link-shade-percentage: 15% !default;\n\n// All-caps `RGBA()` function used because of this Sass bug: https://github.com/sass/node-sass/issues/2251\n@each $color, $value in color-maps.$theme-colors {\n  .u-link-#{$color} {\n    color: RGBA(var(--#{config.$prefix}#{$color}-rgb), var(--#{config.$prefix}u-link-opacity, 1)) if($enable-important-utilities, !important, null);\n    text-decoration-color: RGBA(var(--#{config.$prefix}#{$color}-rgb), var(--#{config.$prefix}u-link-underline-opacity, 1)) if($enable-important-utilities, !important, null);\n\n    @if $link-shade-percentage != 0 {\n      &:hover,\n      &:focus {\n        $hover-color: if(colors.$color-contrast-dark == \"white\", shade-color($value, $link-shade-percentage), tint-color($value, $link-shade-percentage));\n        color: RGBA(#{to-rgb($hover-color)}, var(--#{config.$prefix}u-link-opacity, 1)) if($enable-important-utilities, !important, null);\n        text-decoration-color: RGBA(#{to-rgb($hover-color)}, var(--#{config.$prefix}u-link-underline-opacity, 1)) if($enable-important-utilities, !important, null);\n      }\n    }\n  }\n}\n","@use '../02-tools/tools.hidden-visually' as *;\n\n.u-visually-hidden {\n  @include visually-hidden;\n} ","// Utility API\n// Bootstrap 5-inspired utility generator for Atomix Design System\n//\n// This API is used to generate utility classes from utility maps defined in the 99-utilities folder.\n// It provides a consistent way to generate utility classes with responsive variants, states, and more.\n\n@use 'sass:map';\n@use 'sass:string';\n@use 'sass:list';\n@use 'sass:meta';\n@use '../01-settings/settings.config' as *;\n@use '../01-settings/settings.breakpoints' as *;\n\n// Default config for utilities\n$utility-defaults: (\n  responsive: true,\n  rfs: false,\n  print: false,\n  dark: false,\n  class: null,\n  state: null,\n  local-vars: (),\n  rtl: true\n) !default;\n\n// Core function to generate utility classes\n@mixin generate-utility($utility, $infix: '', $is-rfs: false) {\n  $values: map.get($utility, values);\n\n  // If the values are a list or string, convert it to a map\n  @if meta.type-of($values) == 'string' or meta.type-of($values) == 'list' {\n    $values: zip($values, $values);\n  }\n\n  @each $key, $value in $values {\n    $properties: map.get($utility, property);\n    $property-class: map.get($utility, class);\n    $property-class: if($property-class, $property-class, list.nth($properties, 1));\n\n    // Multiple properties are possible, like with borders or shadows\n    $property-class: if(meta.type-of($property-class) == 'list', list.nth($property-class, 1), $property-class);\n\n    // State variants (hover, focus, active, etc.)\n    $state: map.get($utility, state);\n    $infix: if($state, if(meta.type-of($state) == 'string', '#{$state}#{$infix}', $infix), $infix);\n\n    // Don't prefix if value key is null (e.g. with shadow-none utility)\n    $class-name: if($key, '#{$property-class}-#{$key}#{$infix}', '#{$property-class}#{$infix}');\n\n    @if map.get($utility, class) == null {\n      .#{$class-name} {\n        @each $property in $properties {\n          #{$property}: $value if(map.get($utility, rtl), null, !important);\n        }\n      }\n    } @else {\n      .#{map.get($utility, class)}#{$infix}#{if($key, '-#{$key}', '')} {\n        @each $property in $properties {\n          #{$property}: $value if(map.get($utility, rtl), null, !important);\n        }\n      }\n    }\n  }\n}\n\n// Core function to generate responsive utilities\n@mixin generate-responsive-utilities($utility, $breakpoints, $breakpoint-infix-generator) {\n  $responsive: map.get($utility, responsive);\n\n  @if $responsive {\n    @each $breakpoint in map.keys($breakpoints) {\n      $infix: call($breakpoint-infix-generator, $breakpoint);\n      \n      @include media-breakpoint-up($breakpoint) {\n        @include generate-utility($utility, $infix);\n      }\n    }\n  } @else {\n    @include generate-utility($utility);\n  }\n}\n\n// Main mixin to generate all utilities\n@mixin generate-utilities($utilities, $breakpoints: $grid-breakpoints, $breakpoint-infix-generator: null) {\n  // Set default breakpoint infix generator if not provided\n  $breakpoint-infix-generator: if(\n    $breakpoint-infix-generator,\n    $breakpoint-infix-generator,\n    get-breakpoint-infix\n  );\n\n  @each $utility, $config in $utilities {\n    // Merge default config\n    $config: map.merge($utility-defaults, $config);\n    \n    // Only process if the utility is not explicitly set to false\n    @if map.get($config, generated) != false {      \n      $utility-map: (\n        property: map.get($config, property),\n        values: map.get($config, values),\n        class: map.get($config, class),\n        state: map.get($config, state),\n        rtl: map.get($config, rtl)\n      );\n\n      @include generate-responsive-utilities($utility-map, $breakpoints, $breakpoint-infix-generator);\n    }\n  }\n}\n\n// Helper function to get breakpoint infix\n@function get-breakpoint-infix($breakpoint) {\n  @return if($breakpoint == null, \"\", \"-#{$breakpoint}\");\n}\n\n// Helper function to create value lists\n@function zip($keys, $values) {\n  $result: ();\n  $index: 1;\n  \n  @each $key in $keys {\n    $result: map.merge($result, (\n      $key: if($index <= list.length($values), list.nth($values, $index), null)\n    ));\n    $index: $index + 1;\n  }\n  \n  @return $result;\n}\n"],"names":[],"sourceRoot":""}