npm - @shohojdhara/atomix - Versions diffs - 0.1.13 → 0.1.15 - Mend

@shohojdhara/atomix 0.1.13 → 0.1.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (881) hide show

package/dist/css/atomix.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"css/atomix.css","mappings":"AAAA;;EAAA,CCUA,oCACE,GACI,6BAGJ,GACI,2BCAJ,6CAFF,MAGI,wBAKJ,KAQE,uCAFA,+BAJA,2CACA,uCACA,2CACA,2CAJA,SAMA,yCAEA,8BACA,0CAKF,kBAME,mCAHA,+CACA,+CACA,+CAHA,mDADA,YAKA,CAGF,GACE,qCAGF,GACE,qCAGF,GACE,qCAGF,GACE,qCAGF,GACE,qCAGF,GACE,qCAIF,EAEE,oDADA,YACA,CAIF,yCAGE,YADA,0EAEA,oEAIF,QAEE,kBACA,oBAIF,iBANE,kBAWA,CALF,SAGE,aAEA,kBAGF,wBAIE,gBAGF,GACE,yCAGF,GACE,oBACA,cAIF,WACE,gBAIF,SAEE,6CAIF,MACE,wCAIF,KAEE,uCADA,kCACA,CAIF,QAGE,gBACA,cAFA,kBAGA,wBAGF,IACE,cAGF,IACE,UAIF,EACE,+BACA,oGAEA,QACE,qCACA,gHAKJ,4DAEE,cACA,qBAIF,kBAIE,gDACA,cAGF,IACE,cAIA,uCAFA,mBADA,aAEA,aACA,CAGA,SAEE,cADA,kBAEA,kBAIJ,KAEE,+BADA,uCAEA,qBAGA,OACE,cAIJ,IAIE,sCACA,6CAFA,8BADA,sCADA,+DAIA,CAEA,QAEE,cACA,6CAFA,SAEA,CAKJ,OACE,gBAIF,QAEE,sBAIF,MAEE,yBADA,mBACA,CAGF,QAGE,oCADA,kDADA,+CAGA,gBAIF,MACE,qBAIF,OACE,gBAKF,iCACE,UAIF,2BACE,UAGF,sCAME,oBACA,kBACA,oBAHA,QAGA,CAIF,cAEE,oBAIF,cACE,eAGF,OACE,iBAIF,mBAEE,kBADA,SACA,CAIF,SACE,wBAIF,kFAEE,YAGF,cACE,oBAKF,6BAEE,0BADA,YACA,CAIF,OACE,qBAGF,OACE,SAIF,QAEE,eADA,iBACA,CAIF,SACE,uBAIF,aACE,iBAIE,0BADA,0BACA,CAGF,YACE,0BAGF,kBACE,6BAGF,IACE,+BAGF,eAEE,wBACA,CAGF,sBAHE,uBAKA,CAGF,QAGE,UACA,SAGF,MAEE,uBAGF,MACE,QAOF,gBACE,2BF1YJ;;EAAA,CGaA,gCASI,gMAMA,qPAIA,iPAIA,2cAIA,oXAIA,qVAIA,gPAOF,oHACA,uGACA,gFAOA,qHACA,6BACA,8BACA,8BAKA,4BACA,sBAIA,+BAEA,4BACA,mCACA,8BAEA,kCACA,yEAMA,4BACA,8BAGA,0BACA,4BACA,8BACA,yDAEA,8BACA,kCACA,mCACA,kCACA,gCACA,2DACA,kCACA,gCACA,kCAGA,+CACA,6FACA,kDACA,oDACA,6DACA,2DAIA,oCAIA,kCACA,yCACA,oCACA,2CC7GI,yBDmHF,kBAEA,yBACA,yBAGE,gMAIA,wcAIA,oXAIA,kVAIA,gPAGF,2FACA,2FACA,6FACA,+FACA,+FAEA,+BAEA,4BACA,oCACA,kCAGA,4BAEA,8BACA,sDAEA,oCAGA,kCACA,yCACA,oCACA,2CEnLJ,YACE,kBCgB8B,CDf9B,+BAGF,iBACE,kBCW8B,CDV9B,+BAGF,EACE,gDEVE,WACI,2BAOA,iBACA,CAFA,eACA,CANA,kSAKA,CAEA,iCATJ,YACI,0BCCiB,CDMjB,iBACA,CAFA,eACA,CCNiB,0CDCjB,wPAIA,CAEA,iCATJ,YACI,0BACA,CAMA,iBACA,CAFA,eACA,CANA,0CACA,wPAIA,CAEA,iCATJ,YACI,0BACA,CAMA,iBACA,CAFA,eACA,CANA,0CACA,wPAIA,CAEA,iCATJ,YACI,0BACA,CAMA,iBACA,CAFA,eACA,CANA,0CACA,wPAIA,CAEA,iCATJ,YACI,0BACA,CAMA,iBACA,CAFA,eACA,CANA,0CACA,wPAIA,CAEA,iCATJ,YACI,0BACA,CAMA,iBCCiG,CDFjG,eACA,CANA,0CACA,wPAIA,CCEiG,iCDTrG,YACI,0BACA,CAMA,iBACA,CAFA,eACA,CANA,0CACA,wPAIA,CAEA,iCATJ,YACI,0BACA,CAMA,iBACA,CAFA,eACA,CANA,0CACA,wPAIA,CAEA,iCATJ,YACI,0BACA,CAMA,iBACA,CAFA,eACA,CANA,0CACA,wPAIA,CAEA,iCATJ,YACI,0BACA,CAMA,iBACA,CAFA,eACA,CANA,0CACA,wPAIA,CAEA,iCATJ,YACI,0BACA,CAMA,iBACA,CAFA,eACA,CANA,0CACA,wPAIA,CAEA,iCATJ,YACI,oCACA,CAMA,iBACA,CAFA,eACA,CANA,0CACA,wPAIA,CAEA,iCATJ,YACI,oCACA,CAMA,iBACA,CAFA,eACA,CANA,0CACA,wPAIA,CAEA,iCEVR,kBAGE,qBAIA,KACA,WAGF,CAJE,cAIF,aACE,0CCXA,wCACA,kCACA,iGACA,CACA,cACA,CAFA,eACA,CACA,eAEA,oCAEE,eCTA,wBAKA,eAJA,mBASA,CALA,qBAKA,wBACA,oBAIA,yBAKA,eAJA,oBASA,CALA,yBAKA,sBACA,qBAGJ,2CAEE,gGACA,gBACA,gBCnCA,MACA,WACA,kBACA,uBACA,CAJA,UACA,CAGA,kCACA,kCACA,kCCFA,2ECGA,mBDDA,CADqC,uBCCrC,CDFA,yBACqC,CCCrC,sCDAA,CAEE,8BEHJ,kICQE,gBCFI,CDCJ,iBACA,CAFA,gBACA,CAFA,iBACA,CAFA,UCEI,qBFIF,aACE,eELA,0BFIF,6BACE,eELA,0BFIF,6CACE,eELA,0BFIF,6DACE,eELA,2BFIF,6EACE,gBELA,2BFIF,8FACE,gBGXF,gCFaF,aACA,eACA,CACA,gBEbE,CFYF,iBEZE,cFqBF,gBEjBE,CFgBF,iBACA,CAHA,iBACA,WEfE,qBAEG,aAEA,CAHA,cAGA,kCAEI,cDPL,CCMK,eDNL,qBD0CA,mBACE,WAKE,iBAzBR,aACA,oBAwBQ,iBAzBR,aACA,qBAwBQ,iBAzBR,aACA,CAwBQ,0BAzBR,aACA,qBAwBQ,iBAzBR,aACA,qBAwBQ,iBAzBR,aACA,CAwBQ,0BAzBR,aACA,qBAwBQ,iBAzBR,aACA,qBAwBQ,iBAzBR,aACA,CAwBQ,2BAzBR,aACA,qBAwBQ,kBAzBR,aACA,qBAwBQ,kBAzBR,aACA,WA+BU,oBA1BV,yBA0BU,oBA1BV,0BA0BU,oBA1BV,eA0BU,oBA1BV,0BA0BU,oBA1BV,0BA0BU,oBA1BV,eA0BU,oBA1BV,0BA0BU,oBA1BV,0BA0BU,oBA1BV,eA0BU,qBA1BV,0BA0BU,qBA1BV,0BC7BI,0BD0CA,sBACE,WAKE,oBAzBR,aACA,oBAwBQ,oBAzBR,aACA,qBAwBQ,oBAzBR,aACA,CAwBQ,6BAzBR,aACA,qBAwBQ,oBAzBR,aACA,qBAwBQ,oBAzBR,aACA,CAwBQ,6BAzBR,aACA,qBAwBQ,oBAzBR,aACA,qBAwBQ,oBAzBR,aACA,CAwBQ,8BAzBR,aACA,qBAwBQ,qBAzBR,aACA,qBAwBQ,qBAzBR,aACA,WA+BU,uBA1BV,aA0BU,uBA1BV,yBA0BU,uBA1BV,0BA0BU,uBA1BV,eA0BU,uBA1BV,0BA0BU,uBA1BV,0BA0BU,uBA1BV,eA0BU,uBA1BV,0BA0BU,uBA1BV,0BA0BU,uBA1BV,eA0BU,wBA1BV,0BA0BU,wBA1BV,0BC7BI,0BD0CA,sBACE,WAKE,oBAzBR,aACA,oBAwBQ,oBAzBR,aACA,qBAwBQ,oBAzBR,aACA,CAwBQ,6BAzBR,aACA,qBAwBQ,oBAzBR,aACA,qBAwBQ,oBAzBR,aACA,CAwBQ,6BAzBR,aACA,qBAwBQ,oBAzBR,aACA,qBAwBQ,oBAzBR,aACA,CAwBQ,8BAzBR,aACA,qBAwBQ,qBAzBR,aACA,qBAwBQ,qBAzBR,aACA,WA+BU,uBA1BV,aA0BU,uBA1BV,yBA0BU,uBA1BV,0BA0BU,uBA1BV,eA0BU,uBA1BV,0BA0BU,uBA1BV,0BA0BU,uBA1BV,eA0BU,uBA1BV,0BA0BU,uBA1BV,0BA0BU,uBA1BV,eA0BU,wBA1BV,0BA0BU,wBA1BV,0BC7BI,0BD0CA,sBACE,WAKE,oBAzBR,aACA,oBAwBQ,oBAzBR,aACA,qBAwBQ,oBAzBR,aACA,CAwBQ,6BAzBR,aACA,qBAwBQ,oBAzBR,aACA,qBAwBQ,oBAzBR,aACA,CAwBQ,6BAzBR,aACA,qBAwBQ,oBAzBR,aACA,qBAwBQ,oBAzBR,aACA,CAwBQ,8BAzBR,aACA,qBAwBQ,qBAzBR,aACA,qBAwBQ,qBAzBR,aACA,WA+BU,uBA1BV,aA0BU,uBA1BV,yBA0BU,uBA1BV,0BA0BU,uBA1BV,eA0BU,uBA1BV,0BA0BU,uBA1BV,0BA0BU,uBA1BV,eA0BU,uBA1BV,0BA0BU,uBA1BV,0BA0BU,uBA1BV,eA0BU,wBA1BV,0BA0BU,wBA1BV,0BC7BI,2BD0CA,sBACE,WAKE,oBAzBR,aACA,oBAwBQ,oBAzBR,aACA,qBAwBQ,oBAzBR,aACA,CAwBQ,6BAzBR,aACA,qBAwBQ,oBAzBR,aACA,qBAwBQ,oBAzBR,aACA,CAwBQ,6BAzBR,aACA,qBAwBQ,oBAzBR,aACA,qBAwBQ,oBAzBR,aACA,CAwBQ,8BAzBR,aACA,qBAwBQ,qBAzBR,aACA,qBAwBQ,qBAzBR,aACA,WA+BU,uBA1BV,aA0BU,uBA1BV,yBA0BU,uBA1BV,0BA0BU,uBA1BV,eA0BU,uBA1BV,0BA0BU,uBA1BV,0BA0BU,uBA1BV,eA0BU,uBA1BV,0BA0BU,uBA1BV,0BA0BU,uBA1BV,eA0BU,wBA1BV,0BA0BU,wBA1BV,0BC7BI,2BD0CA,uBACE,WAKE,qBAzBR,aACA,oBAwBQ,qBAzBR,aACA,qBAwBQ,qBAzBR,aACA,CAwBQ,8BAzBR,aACA,qBAwBQ,qBAzBR,aACA,qBAwBQ,qBAzBR,aACA,CAwBQ,8BAzBR,aACA,qBAwBQ,qBAzBR,aACA,qBAwBQ,qBAzBR,aACA,CAwBQ,+BAzBR,aACA,qBAwBQ,sBAzBR,aACA,qBAwBQ,sBAzBR,aACA,WA+BU,wBA1BV,aA0BU,wBA1BV,yBA0BU,wBA1BV,0BA0BU,wBA1BV,eA0BU,wBA1BV,0BA0BU,wBA1BV,0BA0BU,wBA1BV,eA0BU,wBA1BV,0BA0BU,wBA1BV,0BA0BU,wBA1BV,eA0BU,yBA1BV,0BA0BU,yBA1BV,0BGnCF,kBAOI,gBAII,CANJ,iBACA,WAKI,gDACI,sDAKR,uBACI,qBACA,WAGA,0DAEI,2BAOJ,sCAOI,sCACA,CACA,iBAGJ,CAXI,UACA,CAIA,WACA,CAFA,OAHA,iBAEA,MACA,WACA,CAGA,SAGJ,mCAMJ,2CACI,gDAIJ,iCACI,iBAEA,uCAUI,6CACA,CAFA,+BACA,CAFA,iBACA,uDACA,CAPA,WACA,CAHA,UACA,CAIA,WACA,CAKA,mBAKR,CAfQ,iBACA,CACA,UACA,WACA,CAKA,YAMR,4BACI,0BAGJ,kCACI,GACA,sBCjFR,eAGE,6BACA,oCACA,4CACA,yCACA,0CACA,yCACA,uDACA,6DACA,4CACA,yCACA,yDACA,+DACA,oEACA,qCACA,uDACA,yCACA,sEACA,mBAEA,CAEA,sFAEA,CAHA,uCACA,CAFA,UAIA,sBAEE,kBACA,CAGA,kDACA,CACA,WACA,CAFA,mDACA,CAJA,0CACA,CAIA,cACA,CATA,YACA,CACA,6BACA,CACA,yFACA,CAIA,UAEA,iCACE,0BACA,CACA,4CAGF,CAJE,wBAIF,4BACE,oEAIJ,qBACE,oBAGF,oBACE,wCACA,4CACA,sBAKF,wCN1DA,mBM0DA,CnB5DiC,uBaCjC,CAFA,uBbCiC,CaCjC,sCMmEA,CARA,oBACE,0BACA,gBACA,mBAKF,oBAGE,gDACA,8FAGF,CANE,wCACA,sFAKF,4CACE,gEAIA,yCACE,wDAGF,2CACE,6FAIJ,0BACE,mBAEA,sEACA,oEACA,oEC1FJ,CAEI,mCACA,4BACA,qCACA,yCACA,0DACA,qDACA,iCACA,iEACA,4CACA,kCACA,qCACA,qEACA,qCAGA,CAEA,kBACA,CAGA,wCACA,CACA,gFACA,CAJA,gDACA,CACA,gCACA,CAPA,mBACA,CC3BF,gCD8BE,CAFA,sBC7BF,CDmCE,eACA,CAVA,iBACA,CPpBF,mBOkCM,CPpCN,uBACA,CAFA,2BACA,CACA,sCACA,CO6BE,+DPhCF,CQJA,+BDyCM,eACI,2BACA,sCACA,2CAHJ,eACI,yBACA,sCACA,2CAHJ,eACI,2BACA,qCACA,4CAHJ,eACI,yBACA,qCACA,wCAHJ,eACI,2BACA,qCACA,wCAKR,mBACI,uEAIJ,wBACI,cAEA,8BACI,0CAGJ,sCACI,yFACA,mBAIR,qDAEI,6CACA,oBAIJ,kBAEI,WE5EJ,2EACA,iDF+EA,CALI,UAKJ,qBAMI,iDACA,gBACA,yBAGJ,qCATI,kBACA,CAFA,YACA,CAGA,WACA,CAHA,sBACA,WG3ER,iBAEE,gCACA,0CACA,+CACA,sEACA,oDACA,8CACA,2CACA,4CACA,4EACA,+CACA,oDAGA,CAEA,kBACA,CAHA,YACA,iBACA,CACA,kCAGA,uBAME,mDACA,uGAIA,CAEA,gDAIF,CAdE,2CACA,CAHA,YACA,CAEA,mDACA,wDACA,CAMA,gCACA,CAXA,kBACA,CAQA,+BAMF,0BAGE,iCAEE,mDAKA,CANA,gHAMA,wCACE,0DADF,wCACE,0DADF,wCACE,0DADF,wCACE,0DADF,wCACE,0DADF,wCACE,0DADF,wCACE,0DADF,wCACE,0DADF,yCACE,0DADF,yCACE,2DAQF,kCACE,uBAGF,gCACE,gDAKJ,gDACE,mDACA,8FACA,CCzEN,SACI,wCACA,6BACA,4CACA,gCACA,gCACA,iCACA,4CACA,4BACA,sCAEA,CACA,kBACA,CAOA,2CACA,CAFA,6CACA,CATA,mBACA,CAGA,qCACA,0CACA,CAJA,qCACA,CAGA,aACA,gEACA,CAEA,+DAEA,yBATA,6BAeA,CANA,eACI,qCACA,CACA,4BAGJ,cACI,0BAGJ,cACI,0BAIA,mBAEQ,mDACA,qDAHR,qBAWQ,uDACA,yDAZR,mBAWQ,qDACA,uDAZR,gBAWQ,kDACA,oDAZR,mBAWQ,qDACA,uDAZR,iBAWQ,mDACA,qDAZR,iBAQQ,yCACA,sCATR,gBAKQ,wCACA,uCC3ChB,eACI,sCAEA,2CACA,wCACA,+CACA,sCACA,uCACA,+DACA,yDACA,0DACA,yBACA,uEACA,8EACA,yCACA,wCAIA,CAKA,4CAGA,CANA,eACA,CACA,oDACA,CAFA,cAKA,mCARA,YACA,uCAaQ,CANR,oBAEI,kBAII,gDAEI,4CACA,CAFA,WACA,CACA,+CACA,kDAKJ,sCACI,mDAGJ,mDACI,2CACA,gBAKZ,qBAEI,kBACA,CAGA,mEZ9DN,CY4DM,oCACA,CAJA,YACA,CACA,8CACA,CACA,uFACA,CZ3DN,mBY+DM,CzBjE2B,uBaCjC,CAFA,uBbCiC,CaCjC,sCYgEM,mCAEI,6CAGJ,CAJI,YAIJ,2BACI,0CCxEZ,cACI,2BAEA,CACA,mBACA,CAFA,iBACA,CACA,qBAEA,qBACI,aACA,kBAEA,wDACI,eAGJ,kDAEI,4BAGJ,CAJI,yBAIJ,kDAEI,2BAIR,CALQ,wBAKR,4BACI,mDCpBJ,mCACA,4BACA,8GACA,4BACA,6BACA,2BACA,gCACA,4CACA,4BACA,8BACA,sCACA,mCACA,4CACA,6BACA,mCACA,qFACA,8BAEA,CACA,kBACA,CAYA,qCACA,CAEA,0EAEA,8CACA,CAXA,6BACA,CAKA,cACA,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":""}
1	+ {"version":3,"file":"css/atomix.css","mappings":"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A,2CAJA,+BADA,wDAEA,iEAMA,4BAUA,gIAJA,+EAMA,QACE,uDAMA,8GAFA,4BAQA,6BC9CJ,2BACA,gCACA,4CACA,4BACA,8BACA,sCACA,mCACA,4CACA,6BACA,mCACA,qFAVA,8BACA,mBACA,sCACA,2EAEA,8CAEA,6CACA,8DAEA,sCDoCI,0CC9CJ,gCACA,wBACA,yCACA,gEAEA,gJAIA,yBACA,uCDoCI,sBC/CJ,cACA,qCACA,yDAEA,kDACA,oCACA,iBACA,uBACA,0DACA,8BACA,8BACA,wCDoCI,+BC/CJ,CACA,8BACA,yCACA,iCACA,iCACA,2CACA,mBACA,uBACA,0DACA,8BACA,8BACA,wCDoCI,+BC9CJ,+BACA,yCACA,iCACA,iCACA,2CACA,iBACA,uBACA,0DACA,8BACA,8BACA,wCDoCI,+BC9CJ,+BACA,yCACA,iCACA,iCACA,2CACA,cACA,uBACA,0DACA,8BACA,8BACA,wCDoCI,+BC9CJ,+BACA,yCACA,iCACA,iCACA,2CACA,iBACA,uBACA,0DACA,8BACA,8BACA,wCD0CI,+BCDJ,+BACA,yCACA,iCACA,4EACA,eACA,+CACA,gEACA,8BACA,uEACA,wEAEA,kEDVI,2CCDJ,eACA,+CACA,kCACA,4DACA,wCACA,8DACA,yCACA,iCACA,4EACA,qCACA,0DACA,4DAXA,wCACA,+BACA,wEACA,iCACA,iCACA,oEACA,wCACA,4EACA,+CACA,8CACA,sDACA,gDAXA,6CACA,uDAEA,kDACA,qCACA,yDACA,kEACA,4BACA,kDACA,8CACA,8CACA,wDDVI,+CCAJ,+CACA,yDACA,oDACA,qCACA,2DACA,yBACA,wCACA,4EACA,+CACA,4CACA,sDAXA,gDACA,6CACA,uDACA,kDAEA,8FACA,sBACA,qCACA,yEACA,+CACA,yCACA,mDAXA,gDACA,0CACA,oDACA,+CACA,qCACA,sDACA,yBACA,wCACA,4EACA,+CACA,4CACA,sDAXA,gDACA,6CACA,uDAEA,kDACA,8FAEA,6DACA,0EACA,+CAEA,8FAMA,gDACA,CACA,0CDVI,qDAKF,gDCGF,qCACA,uDDDI,uBACE,uCAKF,4BAGF,8CACE,8CACA,8CACA,oDAGA,+CADA,2CAIE,qGAKF,sCAGF,4EAKE,uCAEA,yEAJA,8CAKA,8CE5GJ,mDACA,+CACA,0CACA,oDACA,+CACA,qCACA,sDACA,uCACA,4BACA,+DACA,yBACA,yCACA,sDACA,gCACA,2DACA,8BACA,iDACA,yDACA,4DAEA,6BACA,qFAEA,oCACA,wFACA,gEACA,2DACA,8CACA,qDACA,kFACA,mCAQA,+BAJA,qCAEA,sCACA,6CAFA,mDAUE,0EAQA,0CAKF,mCAEE,mCAOF,wDANE,uCAMF,uCAIE,6CAQA,0CAHA,4CAJA,yCAHA,4CAcE,oFAMJ,wCAKE,uCACA,sCACA,2EAHA,mEAHA,4CAEA,kEAQA,4DAIE,0DAIF,kEAEA,kEAME,qCAIF,gEAEE,uCAIF,kBACA,yCAEA,uEAEE,QACA,qBAGF,yCACA,0FAMA,0FAEA,kCAEE,YADA,6CAQF,oEACE,0BAMJ,mCAIE,kDAHA,+BAEA,yBAMF,4CAKE,qDAFA,+CACA,gGAQA,kBAIA,qCAIA,+EADA,WARA,qBAEA,iDAUA,wCACE,8CAGF,oDAEE,gBADA,uEAeF,mEAEA,gDAJA,yEACA,SAFA,mBAOA,sCACE,iDAGF,2HASA,2EAKF,yFAGE,mCAGA,6BACE,oDAIJ,CAEE,sBAGA,6DAFA,4DAIA,aAIA,sHALA,6CAFA,yEAMA,+BADA,eAOF,0BAEE,sBAIA,sDACA,mDANA,wCAaF,mCAEE,yCAGA,eADA,YADA,6CAKE,2EAQF,uDASA,+CAPA,kCAQA,kDAPA,0CACA,mCAEA,kCALA,uFAUA,yBANA,gDASA,mHACE,0FAKA,mCADA,kBAKF,yBACE,+CACA,iBAIF,kDAGE,2CAEA,kDAQE,4CAPA,0CACA,2BAGA,kBACA,mDAYF,yDAEA,oCACE,qEAKJ,iBACE,iEAEA,4DADA,8CAEA,yDAGE,oDAIF,8DACE,qDAIF,2CACE,uBAKJ,2CAEE,sBADA,0DAMA,gIAMA,sDAGA,kCAQJ,mCAEE,0CACA,+CAQA,YACA,0BACA,0CAIA,kCADA,iCAFA,+CACA,gDALA,kBADA,2BAUA,oGACE,gBAGF,oCAEE,yDAGF,8BACE,yDACA,yDAEA,kDACE,8CAQJ,yDAEA,4CAKA,4BAIA,0BACA,2CAIA,2BADA,yBAFA,6DACA,yDANA,2BAUA,uDACE,6DAGF,+CAEE,eADA,uBAIF,gDACE,+CACA,kCAEA,yDACE,qCAON,4BAKE,mDAJA,uDAEA,CACA,kCAIF,gEAaE,0FACE,mCADF,6CACE,yDCrfJ,kDACA,sCACA,yDAEA,sBACA,gDACA,8CACA,kCACA,0DACA,mDACA,+DACA,sDACA,mCACA,8DACA,sDAEA,mCACA,+EACA,yDAEA,kDACA,8FASA,uBAHA,oFAEA,qDAJA,6BAMA,gBALA,wElB9BA,CbFqF,iCaDrF,ebCiC,sBaCjC,kCkBuCA,kBACE,uDAGF,4BAGE,mCADA,mCRnDA,qCACA,sCQuDF,sCAIA,mDAEE,mCACC,CAAD,8DAIA,sCACA,+DAIA,+BAEA,2DACA,iEAOA,0BAEA,uBAHA,iDADA,yDAGA,gCAUF,oCAEE,oDAIA,2DACA,yBAIE,uCACE,6EAKA,+CAIF,mCAGE,gBRrHJ,gEACA,oBQ0HF,wBAGE,+DACE,4EAKA,gBAGF,oDACE,oDAEA,0BAQF,kEAEA,oDADA,6CC9IA,gDACA,kDAGA,4CACA,oFAGA,CACI,6CCLN,eACA,2CACA,oBACA,oCACA,2DACA,yEACA,4DACA,kGACA,8BACA,mDACA,wFACA,wEACA,0BACA,uFACA,uEACA,4EACA,uEAGA,oCAEA,mEAEE,kDAKA,sHAEA,cAHA,qBADA,4FjC9B+B,+BaDjC,kBAEA,yCoB4BE,8BASA,8BACE,gCAGF,sDAME,2EAHA,CAFA,6DASA,mFAKA,4CAGF,2DACE,wEAMA,2EACE,mCAEA,oEAKF,yEAMA,6EAGF,uEAEE,+CAEA,oBACE,4DAON,2CAEE,qFAIA,sEAGE,qCACE,8EAGA,wBAEA,uCACE,mEAUF,8CACI,iEAOJ,wCACI,UCrIZ,kBAEE,4BAEA,wBACA,CAGA,qCAEA,0BAJA,sDACA,4BAEA,8CAIE,mCAGF,mBAEE,qFAKA,yCAIA,6CACE,wCCvBF,8FAEA,6BACA,mEACA,uDACA,kEACA,oBACA,kFAEA,gGAIA,4CACA,mEAMA,sEAGI,kEAGJ,yCALI,gEAcJ,8CACI,WAGI,wCAEI,uBAGA,6DADA,0DAHA,cAEA,iGAKJ,sEACI,uCCjDhB,0BAEE,qDAMA,mCACA,+DAMA,kCACA,qFACA,mDACA,gDACA,gEACA,0CACA,yCAKA,qCACA,4CAFA,mBADA,aAGA,CAGA,qCACE,mFAOA,0HADA,mCAFA,4CAKA,CAEA,mEAEE,4DAEA,oDACE,4DAOJ,sBACA,sFAKA,gDAGA,yDACE,gBAKJ,yBAEE,sHACA,0BAIF,0CACE,mDAGE,4DAGF,qDAMF,0DAKA,+CAKA,6CACE,6CAOA,8DACE,2BAIJ,uBACE,wLAGA,4CACE,uEAKF,sCACE,uCAIJ,sBAOF,iBAEE,4CACA,gCACA,+BAKA,kBAEA,2CAOF,0BACE,4BACA,iBACA,kBAIF,gEAGE,2BAIA,8HCpKE,oBAGA,sBACA,oBAIJ,4CAEI,0BACA,kDAIA,iCAKJ,2CAEI,YAGA,mBAIJ,iCAGE,oBACA,2BACA,yCACA,oEAEA,oDACA,2HAEA,0CACA,uDACA,kGAEA,iDACA,4CACA,mDACA,8DACA,gEACA,gDACA,mCAEA,2CACA,wDAEA,YACA,8CAME,gBAFA,oCAGA,YAJA,uCASA,aADA,oHAIF,aAIE,uCAUA,yCADA,yBANA,6BAEA,oVAMA,CAZA,sCAcA,mCAIE,4GACA,qEAFA,CAEA,6DAIA,6GAKA,0DAGI,sCACA,wCAJJ,2CAGI,8DACA,qBAJJ,iHAMI,0BACA,yHAPJ,qIAWI,4BADA,CAEA,6RAZJ,2DA+CJ,WAEE,mCAMF,4HAJE,8BAHA,iCAYA,4DCzFF,6HDqGE,yCADA,+CAEA,qCAIA,uCAHA,kDALA,mFAOA,+EAIA,uDAEE,+BADA,6CAEA,+CACA,gFAKA,0CADA,yCAIF,qCACE,gDAEA,kFAOF,mDAMA,mEAGF,iCAKE,0CADA,2CAFA,+FAUA,gBACE,wEACA,oHACA,wBAHF,sBACE,iEACA,qEACA,+HAFA,gBACA,mHACA,qDAFA,2DACA,iGACA,iDAHF,0CACE,oCACA,iEACA,mEAHF,mBACE,0EACA,+CACA,iEAHF,2BACE,oFACA,uCACA,8DAHF,qEACE,8DACA,wBACA,kEAHF,yEAEE,mEACA,uFAMF,wEExOF,iEAEA,sBACA,gEAEA,uEACA,gEACA,mBACA,6DACA,oEACA,6DAEA,sFAIA,uEAKA,gEAIE,kFADA,qEAFA,8DAMA,oBACA,8DAGE,qEAGF,CACE,6DAUF,gFACA,oEAIA,6DAPA,8CAQA,yBAJA,eAMA,4BACE,mGAGF,gFACE,uGAUF,+DAJA,yCAEA,uCACA,6CAEA,CAIF,2DAEE,oBAEA,eAEA,mDAEA,yBAPA,oEASA,6DAIA,gDACE,kBACA,kBAKJ,oEACE,oEAGA,kCAKA,0CAIE,6DAHA,4CAMA,gFAIA,+DACE,uDAMJ,8BAKE,iDAFA,+FAKA,2CACE,gGAUJ,yCAQE,8DAJA,aAEA,4CAJA,8EAQA,wCACE,kBAGF,iEACE,qCAMJ,+CAQE,6CALA,gCAGA,oCAFA,uCAIA,CAEA,+DACE,8EAGF,iCACE,+CAOJ,4DAIA,kDACE,4DAMF,4BAGE,+DAEA,oIAEE,2BAIJ,2FACE,yBAGA,qIAEE,6DAQN,mDAGA,eAUE,OAFA,2BAPA,gVAQA,OAIF,4CAEE,wEAUF,6FAKA,6BACA,+CAKA,iDAIF,gDAEE,qCAGF,wDAEE,wBAGF,0BACE,6IASF,wBACE,uDAIF,wBACE,0BACA,2ICxSA,4CACA,4CAGA,gBADA,8BAIE,+WCIA,+CACA,0BACA,8BACA,iEACA,yEACA,0CACA,sDACA,2BACA,8BACA,mDACA,6BACA,oDACA,0BACA,+BACA,qDAOA,2BAHA,yBAEA,yDADA,2BAFA,GAMA,0BAGI,2BACA,4BAGJ,0BAGoB,CADhB,6BlBhDJ,kCACA,kCkB8CI,qCAOJ,mCAGI,wBADA,4CAEA,iBAHA,mDASA,oDAIA,qCACA,+BAKA,uCADA,oDAIA,kCACA,0CACA,mCACA,qGAKA,mDACA,qE3B3EF,uC2B+EM,oCACA,mCAKJ,0CACA,sCACA,gFACA,+BAIA,oCACA,uCACA,+ElBzGJ,qCACA,sDkBkHA,4CAIQ,uCAEQ,CACA,0CAIR,uBACI,uCAKZ,kBACI,qCAIQ,mDCtIhB,kBAGE,8BACA,0FACA,qCACA,0CACA,sEACA,mGACA,wDAEA,gBACA,oCAKE,mCADA,iDAEA,oBACA,oFAIA,iBACA,gBAGF,mCACE,4CACA,gDACA,gEASF,mBACE,yCAOF,6EACE,8EAOF,sGACE,0EAQA,wJACE,8CC3DJ,uEAEA,8FAEA,4EAEA,mDACA,mDACA,0CACA,kBACA,iCACA,2CAYA,kEAJA,4DAEA,0CANA,kCACA,iDACA,0DAKA,4DAJA,mB9BpBA,4CAHA,qF8B+BA,0EACE,qFClCA,wEAMA,+KAMA,mBD2BF,mCACE,8CAIA,sEAEA,kCACA,gCAEA,iCACE,kCAKF,gEAEA,gCACA,qCAEA,wCACE,qCAMF,uHAIA,gDAGF,gCACE,oFAIA,qHAIA,4CAGF,+DACE,0CAGF,iEACE,sCAGF,2CACE,wDACA,4EE5FJ,2CAGI,kCACA,2CACA,8DACA,cACA,iEACA,mEACA,iFACA,8BACA,gEAUA,iCAPA,gCAIA,oCAEA,0FAQI,0FADA,sFADA,mBADA,uEADA,oFAkBY,0DAXR,+CAaQ,8NAbR,oDAaQ,mCAbR,8BAaQ,oEAbR,2CAEQ,wCAEA,qIAeZ,0EACI,0CCjDV,kDACA,uCAEA,mCACA,gCACA,yCACA,+CAEA,2CAGE,0GAEA,0CAEE,kDAMF,wFAII,8BAEA,yDAOI,gCADA,6DAHA,8BAKA,2DAKV,CACE,0BAGF,wDC1CE,8BACA,2DACA,CACA,oFAEA,4BACA,+CACA,2BACA,iEAEA,+CACA,0GAEA,SACA,4CACA,2DACA,kEACA,sCACA,qFACA,6CACA,uCACA,2CACA,6BACA,sCACA,6CACA,yEACA,kBAKA,oCACA,8CACA,2CALA,yBACA,mCACA,iFAIA,eAEA,2BAKQ,sCAHJ,qCAKA,+BANA,+BAUA,uCAMA,iCACI,kDAGJ,4BACI,iCAEA,iCACI,iClChEd,CbFqF,4DaCrF,kCkCoEc,mCAMA,4CACI,8DAeZ,2DACA,kCAJA,kEACA,qEAHA,sCACA,+ElCrFN,qCAHA,mCAEA,kDkCiGU,gDADA,uCAIJ,wFACI,sBAIR,sCACI,4EAKA,8CAGJ,kBACI,6C/CpH2B,4CaCjC,yCkCuHE,gBACI,eAGJ,6BACI,uC/C7H2B,4BaDjC,iBbCiC,CaCjC,4CkCiIE,4BACI,MACA,oBACA,wBAGJ,wBAEI,uCAGA,kBAJA,0CAKA,SACA,oDAJA,4CACA,mFlC1IN,ebFiC,yDaCjC,gDkCiJM,CACI,qCAGJ,gGACI,gDACA,wCAIR,oBACI,iDAGJ,oCAMI,kEALA,kDAIA,0DADA,+FAKJ,sBACI,oCACA,uFACA,oCAGJ,2BACI,QAGJ,oCACI,wBACA,+DACA,wBAGJ,+BACI,8CACA,yDACA,aAGJ,4CAGI,mDADA,uCACA,2EAKA,4CAGJ,wBAEI,uCAGJ,6BACI,2BAGJ,0FAGI,6CAEA,0DACI,eAIR,kDAGI,mCAFA,4DCpNN,mDACA,gDAEA,gHAEA,uBACA,mCACA,yDACA,6DAEA,sCACA,2DACA,4CACA,gDACA,uBACA,sCACA,4CACA,yCACA,+EACA,0DACA,6BACA,sCACA,4CACA,4BACA,0DACA,6CACA,mCACA,4CACA,gDACA,qEACA,0FACA,WACA,yCACA,iCACA,iCACA,wCACA,oEACA,uDACA,0CACA,wCACA,uCACA,uCACA,kFACA,iDACA,4EACA,yCACA,yCACA,sDACA,0CAUA,2DAFA,gFADA,sCAJA,+CACA,2DACA,wCAOA,6CACE,uCACA,8CAIF,uEAIE,2DAWA,mHANA,2CACA,CAEA,4EACA,yFAMA,0CACE,6KAMA,kKAOF,gDACA,+CAIA,kDAKF,2CAJE,qFAQA,mDAEA,uCAHA,uCAYA,0EACA,yHAJA,wDACA,sFAHA,gGAaA,qHAHA,sFAEA,4CAYA,kJ1B7JF,kL0BkKA,qBACE,kCACA,kDAGF,mBACE,4CACA,wGAKA,yH1B9KF,iBCDE,8BACA,+CDDF,gH0BqLE,wCAGE,gDAEE,oFAIA,uBACA,8LAIE,aACE,iKAKF,+DACE,gJAMN,mBACE,oEACA,4CACA,yHAGF,qDACE,qIAEA,gF7CzMF,0F6C4MI,4BAIJ,qDACE,gGAGF,8DAEE,qKAGE,4DAQN,kJASF,2DAKE,kJAKF,8CACE,qDAEA,wDAMF,gHAYE,8CAFA,kHACA,gHAJA,6GAQA,+CACE,iHADF,mDACE,oDACA,yCAKA,4EAaF,qEAJA,wCAKA,kDAJA,0BAEA,iBAPA,WAGA,sBAFA,kBAUA,cAEE,kEADA,6CAIF,mCAEE,qBCnTN,uBAGE,qBAEA,6CACA,iCACA,8EACA,mCAEA,0CACA,iGAEA,yDACA,yCAEA,iDAEA,sFAEA,YAEA,iDACA,oDAGA,iDAEA,iCACA,oD3BnCA,iD2B0CA,0BAGE,kCADA,UAEA,qBAHA,mBAOF,wBAGE,qBAKE,iBACA,8CALF,SAOA,oBAEA,yCACA,eACA,aAHA,gBAMF,gDAZE,mDAYF,mDAQE,2DADA,0EAHA,gDADA,6CAaA,2DACA,8CAGF,sCACE,sCAIA,8DACA,sCACA,uCAGF,0DACE,oCAKF,kCAGE,qCADA,wCAEA,wBAGF,wBXuCA,0BARA,2BW3BE,qEACA,QAEA,e3BtHF,+EADA,Q2B4HA,UACE,mDAGF,kBACE,+CAIA,8CAGF,oBACE,sCAME,gCACE,gDAGF,0CC7IN,mBAGE,+CACA,wDAEA,kDACA,sBACA,gCACA,uEACA,2CACA,yDACA,8DAIA,eADA,mCAEA,4CAMI,8CAGF,gBACE,iBAIE,4DAIA,gGACE,8CAcN,iBAPA,wCAGA,wBACA,+CAFA,gDAGA,oFrCjDF,yDACA,yDsCDE,uEDwDE,2CChDF,iFDoDE,4CAGF,sCACE,oCACA,mCAGF,mEAGE,iDAKF,uDrC1EF,2CAIiD,CAPjD,4DAEA,mCqCoFE,4BAHA,mBAEA,aAEA,gBAGA,+BACE,2BACA,wCAKA,wBAIJ,iBAME,iCAJA,wGrCrGF,0CqCwGE,kBADA,sBASA,+DAKA,+CElHA,qCACA,0EAEA,oBACA,uFACA,mGAGA,kCAKA,sFADA,gDADA,wBAIA,0CACI,oBACA,+DAGA,8CADA,cAMJ,qCAEI,oCADA,2CAIA,wBAKJ,uCAOI,uBACA,MACA,4BACA,SATA,kBAIA,kDAFA,QAGA,2BAFA,4BAQA,iBAEI,qDADA,gDAQA,oBAHA,wBAIA,wBAEA,yGAMI,iCACA,sBAHA,cADA,WAKA,8BAHA,iCAMJ,yCAEI,iCAIJ,iEAKI,0CAOR,kCC/EJ,mCDsFQ,2CAEI,yCAGJ,0DAII,yCACI,kBACA,sBAGJ,8CAEI,iEAEA,yCAEI,YADA,iBAGA,qHACI,oBAIR,+CACI,UACA,iBAGJ,8IAQI,0BADA,0CAHA,sCAQA,oBACA,+BAJA,sBAQA,oMAII,+BAFA,WAKJ,sHACI,SC3JxB,+BDmKQ,iCACI,+BAKZ,wCAEI,0CAGA,YAGJ,iBAIA,4CAGI,+EAKA,kFAMA,4CACI,yDAGI,uBAOR,YACI,gHACA,iBACA,yDAEA,wBACI,+HAEA,4BAGI,qCAIR,uCACI,0CAhBR,yBACI,8NAKI,qBAEA,0HAGI,mDAIR,2CACI,iEAfJ,qDACA,wDACA,0DAEA,oEAGI,6IAGI,0CAIR,kDACI,iEAfJ,yDACA,iCACA,uJAKI,kFAGI,yCAIR,0EAfJ,mEAEI,4DACA,oEAEA,6HAGI,+CAGI,uCAIR,2CACI,wEAfJ,kEACA,0DACA,kCAEA,iCACI,0HAKI,8CAIR,sCACI,0CAhBR,mBACI,iDACA,gEACA,wDAEA,gCACI,+BAEA,oHAGI,4CAIR,oCACI,wCAhBR,kEACI,+DACA,uDACA,+BAEA,8BACI,iHAEA,2CAGI,mCAIR,uCACI,kEAfJ,+DACA,uDACA,+BAEA,8BACI,iHAEA,2CAGI,mCAIR,uCACI,oBAhBR,kDACI,iEACA,yDACA,iCAEA,gCAGI,uHAGI,6CAIR,qCACI,yCAhBR,oBACI,kDACA,iEACA,yDAEA,iCACI,gCAEA,uHAGI,6CAKJ,qCE/NhB,yCAIE,gEAEA,8DACA,sDAEA,8BACA,6BACA,8GAGA,0CACA,kCACA,sCACA,kEAEA,+DACA,uDAEA,+BACA,+IAGA,2CACA,0EAWA,gEAEA,8DADA,sDAPA,8BAGA,6BAJA,8GAKA,0CAMA,+KATA,qCAgBE,qCADA,4DAQA,sCAHA,kCACA,6EAOF,qCAEE,qCAKA,sCACA,4EACA,gCAGF,oCACE,qCACA,uCACA,0CACA,+BAKA,wDAEA,0CACA,8DAQA,mBAMA,oCAPA,mFAKA,kDAHA,oBAMA,wDAEA,8BACE,sCAGF,wEAIA,iMAgBF,gCAWE,4EAFA,oCADA,uCAEA,2BALA,0CAHA,uBAEA,qFAHA,uCAaE,gDAXF,oDAkBI,wDADA,kGAIF,qCACE,kBAEA,6BADA,wCACA,CAIJ,uCACE,8CACA,qBAKF,wCAEI,mCACA,sEACA,oFAcA,6DACA,kDACA,4FAFA,2DACA,yEACA,gGAFA,gDACA,wDACA,iDApBJ,oBAkBI,kFACA,mBACA,8EApBJ,WAkBI,wFACA,0FAnBJ,yCAMI,iBACA,oFACA,iCACA,oDACA,yFAEA,gEAEA,8DACA,4EACA,oEAWJ,kEAUF,qBAEA,mDAJA,kEASE,gEAKA,wUAWA,oMAQA,+KAOJ,wCAGI,kEAQJ,iEAGI,kBAGA,gDC9PF,oCACA,uCACA,kEAEA,oEACA,yDACA,wDACA,6CACA,oEACA,oDACA,4DACA,oDACA,kFACA,8CACA,0DACA,+CAIA,uJAQE,gCAIF,gKjCtCA,mCiC4CE,8BAKE,wCACA,qCAHA,kCAIA,uCAGF,qCACE,gBAEA,yEACE,qEACA,gEAMF,6CACE,yEACA,2CACA,yDAcJ,+DACA,0DALA,4DACA,wEACA,8FAMA,iEAEA,mBACE,qEACA,0DAGF,+BAGE,qGADA,aADA,qCAKF,oCAEE,2BAEA,oCAKF,6CACA,uBACA,+CACA,iBAOF,+BACE,gBACA,kDACA,+DAIF,mIAKE,iEAIA,4DAIA,oBAGF,uCAIA,6CACE,YAGF,qDClJF,qCAIE,yEAEA,mCACA,8EAEA,+CACA,uDACA,8DAKA,yDAGA,uIAIE,gBACA,aAGF,6BASE,6CAPA,uBACA,mBACA,qEAEA,oEALA,mBAYF,kEALE,mCAEA,mCAMA,+HAGA,kBAIF,oBAGE,kCAKA,8DACE,kDAEA,mDAKF,WAEE,yCADA,YAEA,0CAKF,gEAEE,qCACA,kCAKF,0CAEE,4FChFN,oCAGE,uCACA,8CACA,6DACA,oDACA,mDACA,qCACA,iDACA,2GAKA,wEACA,+DAFA,mCAIA,4CALA,mBAIA,uCAME,kBADA,wBAIA,uCADA,UADA,iDAKF,sDACE,kDAEA,SAIF,yCAGE,sCAEA,QAHA,gDAEA,yCAHA,oCAOF,iDAGE,SAFA,wCAMA,qCAEA,gDAGF,iDAGE,mBAFA,sCACA,kEAKF,iDAGE,gEAGF,qCAEE,wCADA,gDAKA,8GAQA,iDAFA,2DACA,CAEA,wDAJA,cAMA,kBAPA,6CAWE,sCACA,uFAIJ,CACE,kDAIF,0BAEE,+DAEA,yBAEE,kCAGF,yCAEE,cADA,+D3C1GA,8C2CgHF,0BACA,gDCvHJ,WAEI,yBACA,kCACA,yCACA,0BACA,4DACA,uDACA,yDACA,aACA,wEACA,uFAEA,uDAKA,kDAFA,6BAIA,sCAEA,2DAHA,0CAFA,+BASI,mDADA,8CAGA,2FALA,aASA,4BACI,qCADJ,4BACI,8CADJ,mBACI,iDADJ,2CACI,8BADJ,mDACI,+EADJ,2CACI,cADJ,4BACI,gCC9BZ,kCAIE,oCACA,uDACA,sCACA,8DACA,iCACA,gEACA,+CAEA,+FAEA,2CACA,uCAKA,2BAFA,8BACA,kDAIA,yCAGE,gEACE,uCAEA,mFACE,6DAGF,sEACE,gDACA,sBAON,8CAIE,8DrCrDF,oEADA,oBqC6DI,4CACE,oBAYF,4CACE,mBADF,2CACE,WADF,8BACE,iGADF,mCACE,4DADF,qCACE,oGAQF,qDADA,2CAOF,wCACA,yCACA,mBAIF,gDACE,kBAGA,8CACE,gDAMF,+CAGA,2GAOA,sDAGA,8DAIF,iBAEE,wCADA,sDAKF,oBACE,uBACA,uCAGF,qCAEE,qCAIF,4CAEE,iCAME,0BADF,+BACE,4BADF,+BACE,0DADF,sBACE,+BADF,0BACE,+BADF,wBACE,sF7CzIA,C6C+IF,sBACE,+BCnJN,0BAGE,iBACA,wCACA,mBACA,yBACA,8EAEA,uCACA,iCACA,yDACA,aACA,uDACA,yDACA,qEACA,cACA,+CACA,uDACA,kBACA,8CACA,iDACA,eACA,kEACA,6CACA,uDAOA,kCAHA,mDACA,qDAHA,oBAOA,+BAHA,gDAKE,oBACA,+BAEA,CAGF,gDrClDE,iDACA,gDqCsDF,CAGE,wEAEA,oCADA,+BAHA,+BAOF,iCAEE,wCAIA,+BAGA,mC9C1CE,sC8C6CA,wEAKF,oCAEA,oDAHF,gEAYE,uCAGE,mFAIA,yE9CpEA,kC8CwEJ,yCASA,CACE,2CACA,8CACA,gE9CvGE,wC8C2GA,oCACA,oEAKF,CACA,mDACA,+CACA,uDAGF,UACE,oBACA,WACA,qCACA,iDAGF,8BACE,sFACA,SACA,2CAKgB,CADhB,iBrChJA,sCACA,wDqCgJgB,CAEhB,oDAKA,yFAQE,oBACE,oDACA,uCAGF,kBAEE,oBACA,wBAFA,UAKF,8BACE,kDAOF,6BAEI,iDAQN,kBADA,QACA,CAGE,kFAEE,qCAIA,mCAGF,kDAEE,oBACA,yB9C9KF,gB8C2KA,6CAMI,CC1MV,gBAGE,oDACA,6CACA,iDACA,+CACA,+BACA,yDACA,kDACA,8EACA,gDAGA,gBACA,2CAGA,+DAGA,uBACA,mIAGA,+DACA,8CACA,oCACA,oDAGA,oCAIA,sBAHA,mFAEA,qBAGA,gBACE,oFAIA,iDACA,2DACA,qDAGF,4BACE,qCACA,oEACA,uCACA,uFAIA,CACA,0DACA,0DAGF,4CACE,2CAME,kDAIJ,8CAIE,mDACE,gDAKF,oCAIF,8CAGE,2CAFA,0CAKF,sDAEE,oCADA,8CAUA,kDAHA,2CAIA,gBAIF,kFACE,kBAKF,WAME,oFACA,oEALA,qDAWA,+KAQA,wDACE,sDAGF,0BACE,6DAKF,yDACE,2CAGF,mCACE,6E/C/IA,gB+CoJF,iBACE,iDAIF,wBACE,6CChKN,CAGE,yCACA,mCACA,uDACA,wBACA,yCACA,iEAEA,yEACA,0FACA,+BACA,sDACA,4DACA,uEACA,uMAKA,2EACA,uDACA,2CACA,4DAEA,4CACA,uDACA,2CACA,6DACA,oDAOA,kCALA,yBCjCA,oDAIA,YACA,8BAEA,kCDsCE,iFACA,mCACA,kCAJA,yCAKA,wEANA,uEjDzCF,yCADA,8DiDoDE,iEACI,yEAKJ,CACA,yEAGA,0CADA,uCAOF,uCARE,sCjD3DF,+CACA,0DiDwEE,4CACA,4EACA,oDACA,8CALA,0CAUF,gEACE,mDAOA,kBADA,QADA,mBAKF,YAIE,uDACA,kDAFA,wCAFA,oGjD7FF,6CACA,wDiDmGE,sEAKE,4CAIJ,wBACE,uCAGF,sCACE,oDACA,wBACE,4CE/GJ,gDACA,qCACA,mCACA,+BACA,wCACA,sCACA,sFACA,iBACA,8CACA,uDACA,iDACA,qFAMA,yHAJA,kBlDOI,+BkDAF,gCAGF,6CnD1BA,sDAHA,sCAEA,gFmDqCA,oBAEI,wBAIJ,wBACE,uCACA,mCACA,wFACA,0EAKA,mBAGA,mDAKF,0CAKA,wBAEE,kDADA,oCAEA,4CACA,iFAGA,yCACE,wDAUF,yCADA,0CAEA,oFlD5DE,oEkDmEJ,CnD1FA,qCAFA,oDACA,4EmDiGI,uCCjGJ,gCACA,uBACA,4CACA,gDACA,gEACA,uCACA,wCAcA,sBAEA,yCAHA,kDAEA,sDAVA,yJAMA,eACA,uCAOA,YAjBA,4DAEA,qBAaA,CACA,gDAfA,sFAoBE,8BADA,uCAKF,gBAEE,uBAGF,6CAJE,8CAWE,yBADF,sBACE,mEADF,yCACE,mBADF,wBACE,wBADF,wFC3CJ,uBAEI,yCAKF,6BACA,6FACA,sDAEA,oDASA,gEAJA,2EAGA,+BADA,6KAOI,yFAKF,qBAKE,6DALF,sBAEI,sDAGF,6JALF,yCAKE,mCALF,iBAKE,8CALF,6BAKE,4FClCF,+CACA,kBACA,4EACA,8CACA,2GAEA,kFACA,oHAEA,4EACA,kBACA,gCACA,6CACA,kCACA,mDACA,0CACA,gBACA,0CACA,+CAEA,4CACA,uBACA,uDAQQ,+CJlCV,qBAEA,4CAGA,kBAEA,yCIgCM,qBACI,4CACA,6DACA,+EACA,gFAOJ,6FACA,yDAGJ,CAEI,kEACA,oDASA,gEACA,sEANA,6D7ChEN,mFADA,+C6C2EM,uCACA,uCAGJ,qCACI,4DACA,wFAKI,6CAGI,kBADA,4BAIJ,4BACI,mDCvFhB,mBAGE,WACA,sCACA,+CACA,mFAEA,iEACA,8EACA,gEACA,4DACA,uCACA,mDACA,kDACA,yCACA,qEACA,4DACA,4CACA,kEACA,2CACA,8DACA,gBACA,oCACA,6CAGA,oBADA,iEAOE,oEAGE,sBAIJ,CACE,wCAEA,sBACE,4BAIJ,mCAEE,wDAUA,2LAFA,iEATA,4DAOA,0EAJA,+CAKA,uHvD3DF,wDAEA,wCuDiEE,uCAEE,2HADA,gFAKA,gCAGF,uCACE,kHAGA,mCADA,qDAEA,gBAGF,2CAEE,+CADA,SAIF,qCACE,2CAKF,kBAGF,kBACE,+CAGA,CAGE,gEAMF,CANE,mGAMF,uDC9GD,uCACA,aACA,+CACA,mDACA,yCACA,uBACA,kFAEA,4CACA,+DACA,+DACA,+FAEA,sEACA,oDAMA,wDAFA,0FACA,CAFA,uDAOG,uDACA,oBACA,2FAIH,aACG,oBACA,8CACA,kDAWH,sBACG,mEACA,0BAGH,4CACG,6EACA,gBAGH,+BACG,wEAGH,0CACG,sECtDJ,iDACA,6CAEA,2CACA,0DAEA,2CACA,2DACA,mDAEA,4EAOA,8CAFA,wCACA,0HAHA,WASA,uBACE,2CAGA,oDAIF,wDAIA,wCAEE,8DAQF,kDASE,yEADA,qDAQA,6BAIF,iDAPE,0DASA,qGAIE,qGAKE,2CACA,4HAKN,mCACE,wCAEA,oCAMA,sCADA,8BAOF,sCAIA,qDAKE,uCAEA,iDAQF,+CAIE,+BACE,qBACA,gBAGF,2BACE,iBAKF,gBAEA,qDAEE,aAGF,kEAUA,iEAFA,gBCrJJ,QAGE,8BACA,qFACA,mDACA,iDACA,8BACA,kHAEA,qCACA,sEACA,6CACA,wCACA,qEAEA,6DAIA,uBAEA,kBAHA,uBADA,8BAWE,0DACA,mDAEA,aANA,yCAEA,6CALA,4B1DtBF,2BAHA,uCAEA,2C0D+BE,gEAJA,0BASA,0CAME,sCACA,0DANA,UACA,6DAEA,kBACA,sC1DxCJ,2DAHA,qE0DyCI,8CAYF,oCADA,iEAKA,kDAEE,qCACE,gLAaN,qCAGE,gEACE,6BAIJ,6BACE,kBAGE,+EAIE,wDACA,eAJA,2CCnFJ,0CACA,sCACA,wBACA,+DACA,yBACA,uCACA,kEACA,gDACA,+DAEA,WACA,sEAIA,iDAGA,oBACA,gDAEA,uCADA,+CAHA,kBAKA,sCASI,+CALA,gEAEA,+LAOA,mCAHA,mBAMJ,qDARI,kDAUA,gDlD9CN,qDkDgDM,6FAOJ,mBACI,kBACA,4CACA,mCAEA,kCACI,mDAEA,mCAIR,CACI,0FAGA,sCACI,gCACA,gCAIR,8BACI,oCAEA,qDAEA,wBACI,sEAGA,sCACA,2BAMJ,uBACA,oDAEA,iDAEA,kCAII,0CAFA,8CAOR,kFAGI,uCACI,uDAKR,iDAKA,yCAJI,mEASJ,wCAGI,oEC3HR,uCAIE,gCACA,+DACA,wBACA,wCACA,gDACA,wBACA,2EACA,wBACA,yCACA,qCACA,wBACA,qEAEA,wEACA,0DAEA,iDACA,uCACA,6DACA,mCACA,oCACA,qEACA,QACA,yCACA,qEACA,sCAGA,yDACA,yBACA,wDACA,iDACA,uDACA,6DACA,uCACA,6DACA,+BACA,gFACA,qCACA,wGAIA,yCACA,0DACA,iCACA,8CACA,wCACA,sCACA,qDACA,wCAKA,wCACA,sCAHA,mDACA,+E5D5DA,qCADA,+C4D2DA,4CASE,2DAMA,8CAIA,kFADA,4CAJA,CAEA,+GAUA,uCCrEA,4DDoEA,gDAMF,6CAEE,uEACA,+CACA,iDAIA,mDACA,2CACA,+CACA,qCAGF,mCACE,yCAGF,qCACE,8CACA,8DACA,yCACA,iDAMA,qCAEA,sEAHA,oBAWF,wBACE,+DAIA,4BASA,oKANA,iDASA,mCANA,kFACA,8DASF,oBACE,mFACA,kBACA,qFAIF,mDAGE,iDACA,sDAEA,gGAKA,gDAIF,gBACE,8CACA,oEAKA,qDAKE,yDAIE,uDAEA,gBACA,cACA,8BACA,0CAEA,+BAEE,oBACA,oDAGF,mBAEE,2HAQN,wDACA,aACA,gFAEA,mCACA,oFAOE,6BACE,sEAMJ,sDAIA,0DACA,8CACA,4CACA,kEAIA,iFACA,2BACA,mEAIA,+CAEA,wDADA,uBAGA,iDACE,WErPN,+TAEE,mEAQF,6WACE,8GAGF,iRAMA,kDACE,wDACA,uCACA,8CAKA,+CAIA,qDACE,mBAGF,kUAYA,8aAKA,yVAeA,qCACA,wDANA,gFAWA,wCATA,gDAcA,+DAKF,sBAME,sDAFA,oCAIA,4DAGA,kBAIE,sUAUA,qCAKF,sWAuBE,wEAKJ,yBAGE,sDAFA,kCAKA,CnErI8B,0BmEiI9B,qBAMA,0CAEA,gBACE,qCACA,qCAoCJ,wBACE,+BAOA,iBAHA,2BAIA,yBAKA,sBADA,6CAHA,6BAMA,CAhBF,4BAiBI,qBAKJ,eACE,0BAEE,oDAIA,yBAQF,+CACA,6GAEA,iEACA,sCACA,mEACA,+CACA,uDACA,6DACA,yCACA,6EACA,mCACA,wCACA,iEACA,+CACA,sCACA,mDACA,sCACA,yDACA,wCACA,mCAKA,yCACA,uEACA,mCAHA,CAOA,+BADA,yBAKA,mDAFA,uCAEA,yBAKE,2JADA,yDAOF,wDAME,4GAOA,uEANA,kDAJA,6DAWA,sCAUA,wEACE,qCAOF,8CADA,iEAGA,0CAIF,gDAQE,+CAHA,yCAEA,+CAEA,0CANA,4CAGA,wCAMF,sDAOA,wNAIE,qEAGA,8DAEA,mEAJA,sCAGA,uCAGA,iPAEE,mBADA,8BAIF,+PAMF,qFAIE,iCADA,wDAGA,6FACE,gDACA,gDAGF,uQAgBF,8CAIE,0EAIE,yEAEE,6CASJ,eACA,0QAUA,kBACA,4PAWI,8BAKJ,2DAEE,mDAEA,mDAKA,sGAQA,uGAMA,oEAIF,8CACE,yBAIJ,4CAIE,yEAMA,uCACE,6BACA,kBAIF,4EACE,4CAIF,4CAEE,gBADA,CACA,iBAIF,uCACE,yBAGF,uEAIA,mCAnCF,2BAqCI,oCADA,wBAMJ,gCAEI,uDAOJ,mDAOE,0GADA,0CAIA,sGACE,qDACA,2DACA,uCAGF,iFACE,iDAGF,kGAIA,iCACE,+FASJ,kDACE,yBAKF,sBASE,wEAFA,kDAFA,mCAHA,2BAEA,2CADA,kFAYA,4DADA,uBAIF,wBAOE,uDAFA,8BACA,qFAIA,+DACE,mCAIJ,6CAIA,0GAUE,oDAMA,0FAEE,kGAGF,qGAGE,2EAIF,wEACE,WAKF,oEAMA,0EAMF,0BASE,+BAFA,sBAGA,cANA,0DASA,CACA,mEANA,cAIA,4BAMA,+CACE,+CAGF,gEACE,aAIJ,oCAOE,+EADA,4EADA,+DAKA,uCACE,4EAIF,mIAWF,kBAKE,sCAHA,4HAaE,qBACA,aAPA,gBAKA,gBAJA,sHAaF,QAQF,8DAGE,QAEA,+DAjjBF,iEAGE,0DADA,uEAGA,iDAEE,WADA,uDAKJ,wDAGE,wDADA,uBAGA,qGAQA,qDADA,wFAuiBE,WADA,kCAIF,oDAMF,2BAvkBA,uDAGE,kEADA,4DAGA,yEACE,mCAKJ,gCAGE,iDADA,uEAGA,4CAEE,qBADA,4BAKJ,YAEE,+DADA,oFAwjBE,4DADA,4DAQF,oEAKE,WAKA,iEACE,sDAGF,sDAKF,8DAME,8GAIA,mHACE,iCAEA,+BACA,yBACA,2DAMF,4DAIA,4DAWE,oEAVA,WAeN,iEAlpBA,sDAGE,sDADA,8DAGA,sDACE,wDAKJ,wDAGE,CADA,2DAGA,yEACE,oBAKJ,0BAEE,0DADA,kEA8nBA,WACE,kEAOF,uDAEE,0HAYF,qBAME,4HAGA,+DAKF,uCACE,gBC71BN,uDAIE,eAGF,wDAEE,kBAIF,kCAGE,QvEwD8B,CuE1D9B,6BACA,WAEA,0BAGF,2DAIE,4DAEA,4DAEE,oEAEA,sBACE,sDAOJ,sDAEA,sDACE,8DAMF,aACE,yCAKJ,wDAKE,wDC3DE,4BAFA,aACA,yBC2DF,mBACE,0EACA,oIAGE,iBAGE,oFACA,+HARJ,6DACA,mIAGE,gCAGE,kFACA,iFATN,8BACE,kEACA,4GAGE,6DAGE,iDACA,wHARJ,uEACA,sGAGE,+FAGE,yGACA,6CARJ,uEACA,kGAGE,mGAGE,2GARN,iDACE,wEACA,mGAGE,iBAGE,8EACA,yGARJ,oHACA,kGAMI,yFACA,sGARJ,8GACA,kGAMI,+FACA,yGfrEN,6CAGA,uEgBgDI,kGAEI,eAFJ,mLAEI,yCAFJ,sEAEI,iGAFJ,eAEI,qYAFJ,cAEI,+YAFJ,QAEI,mHAFJ,eAEI,oHAFJ,uCAEI,kGAFJ,YAEI,4OAFJ,kDAEI,uBAFJ,iDAEI,qBAFJ,mEAEI,8CAFJ,sBAEI,wPAFJ,oBAEI,8CAFJ,mBAEI,6CAFJ,mBAEI,8HAFJ,aAEI,iHAFJ,cAEI,yBAFJ,6FAEI,eAFJ,cAEI,yIAFJ,aAEI,4FAFJ,eAEI,oDAFJ,qBAEI,uCAFJ,oBAEI,gBAFJ,oBAEI,uCAFJ,iBAEI,8GAFJ,iBAEI,0aAFJ,8CAEI,sEAFJ,wBAEI,kHAFJ,aAEI,0DAFJ,gBAEI,gHAFJ,4BAEI,8KAFJ,eAEI,4HAFJ,iBAEI,+NAFJ,0BAEI,wPAFJ,mBAEI,qDAFJ,uDAEI,kTAFJ,CAEI,suBAFJ,2EAEI,2EAFJ,0DAEI,wDAFJ,uBAEI,0DAFJ,qBAEI,oHAFJ,mBAEI,4GAFJ,qBAEI,0cAFJ,sBAEI,yIAFJ,0MAEI,CAFJ,iFAEI,4DAFJ,kBAEI,4HAFJ,yEAEI,8GAFJ,qBAEI,6HAFJ,mIAEI,oIAFJ,yDAEI,uDAFJ,yBAEI,6BAFJ,2BAEI,uBAFJ,0DAEI,qEAFJ,iCAEI,oBAFJ,yBAEI,uBAFJ,kBAEI,mBAFJ,yBAEI,gBAFJ,iBAEI,iBAFJ,6BAEI,YAFJ,qCAEI,WAFJ,0BAEI,aAFJ,aAEI,kCAFJ,qBAEI,+CAFJ,qEAEI,2BAFJ,6BAEI,+BAFJ,2BAEI,8BAFJ,sCAEI,sBAFJ,0BAEI,0BAFJ,wBAEI,qGAFJ,6BAEI,2BAFJ,4BAEI,2BAFJ,4BAEI,sBAFJ,sBAEI,oBAFJ,oBAEI,yCAFJ,yBAEI,oBAFJ,wBAEI,yFAFJ,sBAEI,6CAFJ,0BAEI,2BAFJ,yBAEI,0BAFJ,0BAEI,yCAFJ,eAEI,0CAFJ,sCAEI,uCAFJ,kEAEI,kBAFJ,gBAEI,QAFJ,mBAEI,mBAFJ,mBAEI,mBAFJ,mBAEI,YAFJ,sBAEI,8BAFJ,wDAEI,2BAFJ,CAEI,gCAFJ,uDAEI,6BAFJ,CAEI,4BAFJ,wDAEI,qDAFJ,wDAEI,6BAFJ,yBAEI,6BAFJ,yBAEI,kFAFJ,4EAEI,qKAFJ,qBAEI,mBAFJ,qBAEI,oCAFJ,oBAEI,kBAFJ,gBAEI,uFAFJ,kBAEI,8BAFJ,wBAEI,oCAFJ,eAEI,oCAFJ,kBAEI,iCAFJ,eAEI,qBAFJ,oCAEI,eAFJ,mHAEI,uCAFJ,oBAEI,eAFJ,8DAEI,kBAFJ,uCAEI,mCAFJ,8EAEI,CAFJ,kBAEI,iDAFJ,UAEI,MAFJ,UAEI,kBAFJ,OAEI,WAFJ,OAEI,YAFJ,QAEI,aAFJ,QAEI,cAFJ,UAEI,cAFJ,UAEI,cAFJ,UAEI,0BAFJ,YAEI,MAFJ,aAEI,QAFJ,aAEI,QAFJ,aAEI,QAFJ,cAEI,SAFJ,UAEI,OAFJ,WAEI,SAFJ,WAEI,UAFJ,UAEI,gCAFJ,oBAEI,gIAFJ,WAEI,mCAFJ,cAEI,4QAFJ,eAEI,yBAFJ,SAEI,6CAFJ,SAEI,yCAFJ,CAEI,8CAFJ,eAEI,gCAFJ,CAEI,8CAFJ,UAEI,6BAFJ,WAEI,iCAFJ,eAEI,uEAFJ,oBAEI,4BAFJ,aAEI,2BAFJ,cAEI,oFAFJ,SAEI,oCAFJ,SAEI,iCAFJ,SAEI,wCAFJ,WAEI,iFAFJ,SAEI,iCAFJ,SAEI,0CAFJ,YAEI,0CAFJ,SAEI,mCAFJ,CAEI,8BAFJ,aAEI,6ZAFJ,CAEI,iGAFJ,CAEI,mzBAFJ,qBAEI,sEAFJ,aAEI,SAFJ,oBAEI,2BAFJ,mBAEI,gEAFJ,SAEI,kBAFJ,gBAEI,SAFJ,qBAEI,mHAFJ,CAEI,0CAFJ,SAEI,qBAFJ,6BAEI,oBAFJ,kBAEI,UAFJ,wCAEI,UAFJ,kBAEI,4GAFJ,UAEI,kBAFJ,gBAEI,UAFJ,kBAEI,4DAFJ,UAEI,kBAFJ,gBAEI,UAFJ,kBAEI,wEAFJ,mBAEI,+DAFJ,UAEI,mBAFJ,iBAEI,UAFJ,mBAEI,+DAFJ,UAEI,mBAFJ,iBAEI,UAFJ,mBAEI,+DAFJ,UAEI,qBAFJ,mBAEI,8BAFJ,gBAEI,+CAFJ,SAEI,gBAFJ,SAEI,iBAFJ,SAEI,wBAFJ,kBAEI,SAFJ,iBAEI,SAFJ,kBAEI,SAFJ,eAEI,SAFJ,kBAEI,oIAFJ,CAEI,wBAFJ,UAEI,kDAFJ,eAEI,UAFJ,eAEI,oDAFJ,UAEI,gBAFJ,UAEI,gBAFJ,UAEI,iBAFJ,SAEI,0BAFJ,gBAEI,UAFJ,gBAEI,UAFJ,gBAEI,UAFJ,kBAEI,YAFJ,eAEI,0GAFJ,CAEI,yBAFJ,SAEI,oBAFJ,SAEI,mBAFJ,SAEI,oBAFJ,SAEI,iBAFJ,SAEI,qBAFJ,4BAEI,8BAFJ,UAEI,iBAFJ,UAEI,mYAFJ,kBAEI,UAFJ,kBAEI,UAFJ,oBAEI,6BAFJ,SAEI,wBAFJ,oBAEI,CAFJ,oCAEI,oBAFJ,SAEI,kBAFJ,SAEI,qBAFJ,SAEI,oBAFJ,SAEI,gDAFJ,SAEI,+BAFJ,8BAEI,+EAFJ,UAEI,wDAFJ,4BAEI,kBAFJ,UAEI,wDAFJ,6BAEI,0DAFJ,6BAEI,6BAFJ,mBAEI,UAFJ,6BAEI,0DAFJ,iCAEI,2BAFJ,aAEI,qDAFJ,SAEI,2CAFJ,SAEI,mFAFJ,gBAEI,4BAFJ,UAEI,+CAFJ,CAEI,6IAFJ,gBAEI,oCAFJ,gBAEI,qCAFJ,iBAEI,2BAFJ,UAEI,4CAFJ,CAEI,0FAFJ,iBAEI,6BAFJ,YAEI,iCAFJ,QAEI,oCAFJ,qBAEI,4BAFJ,eAEI,8BAFJ,eAEI,sIAFJ,SAEI,iCAFJ,SAEI,0CAFJ,YAEI,uFAFJ,SAEI,mCAFJ,SAEI,oCAFJ,qBAEI,+BAFJ,eAEI,wBAFJ,eAEI,43CAFJ,gBAEI,cAFJ,SAEI,wCAFJ,SAEI,oBAFJ,kBAEI,SAFJ,qBAEI,mHAFJ,SAEI,qBAFJ,mBAEI,SAFJ,0CAEI,SAFJ,mBAEI,wNAFJ,UAEI,qBAFJ,mBAEI,UAFJ,mBAEI,CAFJ,gBAEI,8CAFJ,CAEI,6CAFJ,UAEI,mBAFJ,iBAEI,UAFJ,mBAEI,iBAFJ,CAEI,uDAFJ,oBAEI,kEAFJ,UAEI,oBAFJ,kBAEI,UAFJ,oBAEI,kEAFJ,UAEI,oBAFJ,kBAEI,UAFJ,oBAEI,kEAFJ,UAEI,oBAFJ,kBAEI,UAFJ,sBAEI,CAFJ,mBAEI,2EAFJ,SAEI,kBAFJ,SAEI,gBAFJ,SAEI,mBAFJ,SAEI,2BAFJ,mBAEI,SAFJ,gBAEI,SAFJ,mBAEI,UAFJ,kBAEI,UAFJ,mBAEI,UAFJ,gBAEI,0GAFJ,UAEI,gBAFJ,UAEI,0BAFJ,gBAEI,UAFJ,iBAEI,iFAFJ,UAEI,iBAFJ,UAEI,iBAFJ,UAEI,iBAFJ,UAEI,kBAFJ,SAEI,2BAFJ,mBAEI,SAFJ,eAEI,SAFJ,oBAEI,uWAFJ,kBAEI,UAFJ,kBAEI,UAFJ,kBAEI,UAFJ,kBAEI,UAFJ,kBAEI,UAFJ,kBAEI,UAFJ,mBAEI,UAFJ,mBAEI,UAFJ,mBAEI,UAFJ,mBAEI,UAFJ,mBAEI,UAFJ,mBAEI,UAFJ,mBAEI,CAFJ,SAEI,mBAFJ,UAEI,mBAFJ,UAEI,qBAFJ,SAEI,gBAFJ,SAEI,qBAFJ,SAEI,oBAFJ,SAEI,wMAFJ,UAEI,+BAFJ,gCAEI,6BAFJ,sBAEI,sCAFJ,6BAEI,6BAFJ,6BAEI,6BAFJ,6BAEI,8BAFJ,8BAEI,8BAFJ,8BAEI,8BAFJ,8BAEI,8BAFJ,8BAEI,8BAFJ,6CAEI,SAFJ,mBAEI,SAFJ,kBAEI,SAFJ,mBAEI,CAFJ,yBAEI,SAFJ,oBAEI,SAFJ,mBAEI,SAFJ,oBAEI,CAFJ,yBAEI,SAFJ,oBAEI,UAFJ,mBAEI,UAFJ,oBAEI,UAFJ,iBAEI,UAFJ,mBAEI,UAFJ,iBAEI,UAFJ,iBAEI,UAFJ,iBAEI,UAFJ,iBAEI,UAFJ,iBAEI,UAFJ,iBAEI,UAFJ,kBAEI,UAFJ,kBAEI,UAFJ,kBAEI,UAFJ,kBAEI,UAFJ,kBAEI,UAFJ,kBAEI,UAFJ,kBAEI,UAFJ,kBAEI,UAFJ,kBAEI,UAFJ,oBAEI,yBAFJ,oBAEI,uCAFJ,kBAEI,gCAFJ,oBAEI,uCAFJ,qBAEI,iCAFJ,mBAEI,wCAFJ,mBAEI,sCAFJ,mBAEI,uCAFJ,oBAEI,wCAFJ,SAEI,yCAFJ,mBAEI,0CAFJ,cAEI,mDAFJ,aAEI,0CAFJ,YAEI,2CAFJ,cAEI,2CAFJ,YAEI,4CAFJ,cAEI,8BAFJ,2BAEI,6BAFJ,eAEI,uCAFJ,eAEI,uCAFJ,eAEI,uCAFJ,4BAEI,4BAFJ,4BAEI,4BAFJ,4BAEI,4BAFJ,4BAEI,4BAFJ,4BAEI,8BAFJ,iBAEI,+CAFJ,sBAEI,mCAFJ,qBAEI,kCAFJ,sBAEI,uDAFJ,gBAEI,2DAFJ,iBAEI,yDAFJ,uBAEI,oCAFJ,oBAEI,CAFJ,eAEI,iBAFJ,uBAEI,qCAFJ,sBAEI,oCAFJ,uBAEI,qCAFJ,oBAEI,kCAFJ,sBAEI,wDAFJ,gBAEI,sCAFJ,gBAEI,kBAFJ,oCAEI,kBAFJ,oBAEI,gBAFJ,kBAEI,oBAFJ,kCAEI,oBAFJ,gBAEI,0EAFJ,qBAEI,iBAFJ,kBAEI,qBAFJ,iBAEI,kBAFJ,qBAEI,wDAFJ,iBAEI,CAFJ,uDAEI,kBAFJ,sCAEI,kBAFJ,sCAEI,kBAFJ,sCAEI,yCAFJ,CAEI,kBARJ,yBAEI,uBAFJ,yBAEI,SAIJ,0BAEI,2BAFJ,wBAEI,0BAFJ,iBAEI","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/01-settings/_settings.fonts.scss","webpack://@shohojdhara/atomix/./src/styles/03-generic/_generic.fonts.scss","webpack://@shohojdhara/atomix/./src/styles/01-settings/_settings.typography.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/02-tools/_tools.breakpoints.scss","webpack://@shohojdhara/atomix/./src/styles/05-objects/_objects.container.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/02-tools/_tools.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/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/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/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","$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","// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// Font stacks with appropriate fallbacks\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$font-family-base: $helvetica-neue !default;\n$font-family-sans-serif: $helvetica-neue !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !default;\n$headings-font-family: $helvetica-neue !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\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 '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 '../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 \"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.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.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 '../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 '../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","// 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":""}