@ivds/core 0.1.1 → 1.0.0

package/lib/components/all.min.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/button/_button-mixin.scss","../../src/components/all.scss","../../src/components/button/button.scss","../../src/base/_focus.scss","../../src/components/text-input/text-input.scss","../../src/components/text-input/_text-input-mixin.scss","../../src/components/checkbox/checkbox.scss","../../src/components/checkbox/_checkbox-mixin.scss","../../src/components/radio-button/radio-button.scss","../../src/components/radio-button/_radio-button-mixin.scss","../../src/components/switch/switch.scss","../../src/components/switch/_switch-mixin.scss","../../src/components/select/select.scss","../../src/components/select/_select-mixin.scss","../../src/components/card/card.scss","../../src/components/card/_card-mixin.scss","../../src/components/notification/_notification-mixin.scss","../../src/components/notification/notification.scss","../../src/components/tag/tag.scss","../../src/components/tag/_tag-mixin.scss","../../src/components/alert/alert.scss","../../src/components/alert/_alert-mixin.scss","../../src/components/badge/badge.scss","../../src/components/badge/_badge-mixin.scss","../../src/components/modal/modal.scss","../../src/components/modal/_modal-mixin.scss","../../src/components/tabs/tabs.scss","../../src/components/tabs/_tabs-mixin.scss","../../src/components/breadcrumb/breadcrumb.scss","../../src/components/breadcrumb/_breadcrumb-mixin.scss","../../src/components/navigation/navigation.scss","../../src/components/navigation/_navigation-mixins.scss","../../src/components/pagination/pagination.scss","../../src/components/pagination/_pagination-mixins.scss","../../src/components/header/header.scss","../../src/components/header/_header-mixin.scss","../../src/components/footer/footer.scss","../../src/components/footer/_footer-mixin.scss"],"names":[],"mappings":"AAKA,4BCFA,GACA,4CACA,CACA,CCDA,aDGA,8BDKE,CCJF,wCDKE,CACA,0BAAA,CCJF,oCDKE,CCJF,gCDKE,CCJF,qCDKE,CCJF,6DDKE,CCJF,yDDKE,CCJF,+CDKE,CCJF,qCDKE,CCJF,iBAAA,CDME,wCAAA,CCJF,wCDKE,CCJF,6CDKE,CCHF,kBAAA,CDcE,wCAAA,CAFA,oCAAA,CACA,kCAAA,CAEA,kBAAA,CAOA,cAAA,CCvBF,mBAAA,CDiBE,0DAAA,CACA,0BAAA,CACA,sCAAA,CAXA,sBAAA,CAYA,oBAAA,CACA,eAAA,CChBF,4BDME,CCPF,iBAAA,CDQE,kDAAA,CAcA,iBAAA,CAJA,oBAAA,CAKA,4NACE,CAJF,wBAAA,CAAA,qBAAA,CAAA,gBAAA,CACA,kBCHF,CEvCE,2BAGE,eAAA,CAFA,iHAAA,CACA,gDF0CJ,CEtCE,uCAEE,eAAA,CADA,YFyCJ,CDGE,uDACE,8CAAA,CACA,sCCDJ,CDIE,wDACE,+CCFJ,CDKE,uDAEE,iDAAA,CACA,yCAAA,CACA,2BAAA,CACA,kBAAA,CACA,mBCJJ,CC9DA,aF4IE,0BC3EF,CC7DE,mDAEE,kBAAA,CADA,mBAAA,CAGA,aAAA,CADA,sBDsEJ,CCnEI,uBAGE,iBAAA,CADA,aAAA,CADA,YDuEN,CCjEE,mBACE,MDmEJ,CChEE,sBFmIA,2BAAA,CACA,mBAAA,CAFA,iBC7DF,CDiEE,4BAYE,8CAAA,CAFA,8DAAA,CAFA,oBAAA,CAEA,kBAAA,CAAA,gBAAA,CAGA,aAAA,CAZA,UAAA,CAKA,WAAA,CAFA,QAAA,CAFA,iBAAA,CACA,OAAA,CAQA,8BAAA,CANA,UCvDJ,CChFE,yBFqJA,sBAAA,CADA,UChEF,CChFE,mBFsKA,6CCnFF,CC/EE,wBFiJA,iBAAA,CACA,iBAAA,CACA,kBAAA,CAGA,WAN6B,CAK7B,UC/DF,CDkEE,2CACE,QChEJ,CDmEE,kCACE,+CCjEJ,CCzFI,2CF8IF,iBAAA,CACA,iBAAA,CACA,kBAAA,CAGA,WElJkC,CFiJlC,UClDF,CDqDE,8DACE,QCnDJ,CDsDE,qDACE,+CCpDJ,CClGI,2CF0IF,iBAAA,CACA,iBAAA,CACA,kBAAA,CAGA,WE9IkC,CF6IlC,UCrCF,CDwCE,8DACE,QCtCJ,CDyCE,qDACE,+CCvCJ,CCzGA,sBFgCE,6DAAA,CACA,iDAAA,CACA,yDAAA,CAGE,yEAAA,CAIA,qEAAA,CAIA,2ECqEJ,CCvGA,wBFkDE,4DAAA,CACA,sDAAA,CACA,+DAAA,CAGE,2ECuDJ,CCtGA,qBFaE,wDAAA,CACA,YAAA,CACA,oDAAA,CAGE,8DAAA,CAIA,0DAAA,CAIA,+DCqFJ,CCpGA,sBFEE,4DAAA,CACA,YAAA,CACA,wDAAA,CAGE,kEAAA,CAIA,8DAAA,CAIA,mEC8FJ,CClGA,sBFTE,4DAAA,CACA,YAAA,CACA,wDAAA,CAGE,kEAAA,CAIA,8DAAA,CAIA,mECuGJ,CChGA,qBFpBE,0DAAA,CACA,YAAA,CACA,sDAAA,CAGE,gEAAA,CAIA,4DAAA,CAIA,iECgHJ,CC9FA,mBF/BE,yDAAA,CACA,YAAA,CACA,qDAAA,CAGE,+DAAA,CAIA,2DAAA,CAIA,gECyHJ,CC5FA,sBF1CE,4DAAA,CACA,YAAA,CACA,wDAAA,CAGE,kEAAA,CAIA,8DAAA,CAIA,mECkIJ,CC1FA,+BFnCE,0BAAA,CACA,YAAA,CAEA,qHCgIF,CD9HE,yEACE,sBCgIJ,CC5FA,iCF1CE,0BAAA,CACA,YAAA,CAEA,2HCyIF,CDvIE,2EACE,sBCyIJ,CC9FA,6BFjDE,0BAAA,CACA,YAAA,CAEA,mHCkJF,CDhJE,uEACE,sBCkJJ,CChGA,8BFxDE,0BAAA,CACA,YAAA,CAEA,qHC2JF,CDzJE,wEACE,sBC2JJ,CClGA,6BF/DE,0BAAA,CACA,YAAA,CAEA,qHCoKF,CDlKE,uEACE,sBCoKJ,CCpGA,8BF3DE,4DAAA,CACA,6CAAA,CACA,oDAAA,CAGE,6DCiKJ,CCnGA,gCFnEE,4DAAA,CACA,gDAAA,CACA,uDAAA,CAGE,gECwKJ,CClGA,8BF3EE,4DAAA,CACA,iDAAA,CACA,wDAAA,CAGE,kEC+KJ,CCjGA,+EFzEE,mEAAA,CACA,0BAAA,CACA,6CAAA,CACA,+EC+KF,CClGA,8BFhFE,mEAAA,CACA,0BAAA,CACA,gDAAA,CACA,kECsLF,CClGA,gDFvFE,mEAAA,CACA,0BAAA,CACA,iDAAA,CACA,kEC6LF,CCzFA,oBFhGE,gDAAA,CACA,gDAAA,CACA,wCC6LF,CC3FA,yBFlJE,4DAAA,CACA,YAAA,CACA,wDAAA,CAGE,kEAAA,CAIA,8DC4OJ,CCzFA,iBFxGE,wCAAA,CACA,yCAAA,CACA,sCAAA,CAGE,iBCmMJ,CC5FA,oBF5GE,uCAAA,CACA,sCAAA,CACA,uCAAA,CAGE,iBC0MJ,CC/FA,oBFhHE,qCAAA,CACA,sCAAA,CACA,uCAAA,CAGE,iBCiNJ,CClGA,iBFpHE,wCAAA,CACA,yCAAA,CACA,sCAAA,CAGE,iBCwNJ,CCrGA,mBACE,mBDwGF,CCtGE,gCACE,eDwGJ,CCtGI,kDACE,gBDwGN,CCrGI,4CAEE,sDAAA,CADA,mDDwGN,CCpGI,2CAEE,uDAAA,CADA,oDDuGN,CCjGA,6BACE,qBDoGF,CClGE,0CACE,eDoGJ,CClGI,4DACE,aAAA,CACA,eDoGN,CCjGI,sDACE,mDAAA,CACA,oDDmGN,CChGI,qDACE,sDAAA,CACA,uDDkGN,CC7FA,wBACE,0BDgGF,CC9FE,qCACE,0CAAA,CACA,QDgGJ,CG3YA,yBC8DE,YAAA,CACA,qBAAA,CACA,0BAAA,CAHA,iBJsVF,CG9YA,iBCJE,gDAAA,CACA,gDAAA,CACA,kBAAA,CACA,6CAAA,CACA,wCAAA,CACA,kDAAA,CACA,0DAAA,CACA,8DAAA,CACA,6DAAA,CACA,yDAAA,CACA,+CAAA,CACA,4DAAA,CACA,gEAAA,CAMA,wCAAA,CAFA,oDAAA,CACA,kCAAA,CAEA,kBAAA,CALA,aAAA,CAMA,0DAAA,CAEA,wCAAA,CACA,4JACE,CATF,UJ6ZF,CIjZE,mCACE,8BJmZJ,CIpZE,8BACE,8BJmZJ,CIhZE,6CACE,sCJkZJ,CI/YE,uBAEE,sCAAA,CADA,YJkZJ,CExbE,+BAGE,eAAA,CAFA,iHAAA,CACA,gDF2bJ,CEvbE,2CAEE,eAAA,CADA,YF0bJ,CIrZE,0BAIE,iDAAA,CADA,yCAAA,CADA,2BAAA,CADA,kBJ0ZJ,CGjcA,iBCgDE,mCD9CqF,CCiDnF,eDjD+G,CC6CjH,uDJuZF,CGhcA,wBC2DE,sCAAA,CAFA,aAAA,CAGA,oCAAA,CACA,0CAAA,CAHA,qCJ8YF,CInXE,wCAEE,6CAAA,CADA,YJsXJ,CGncA,yBCyDE,oCJgZF,CGpcA,iDCqDE,mCAAA,CAFA,kCJ2ZF,CG9cA,wBC8DE,kBAAA,CAJA,6CAAA,CAGA,mBAAA,CADA,wCAAA,CAGA,2BJ+YF,CGzcA,wBCuBE,oCDtBoF,CCyBlF,eDzBgH,CCqBlH,sDJybF,CG3cA,wBCmBE,qCDlB+E,CCqB7E,eDrB2G,CCiB7G,mDJ+bF,CIrSI,sDACE,oDJ2SN,CItSI,sCACE,qDJwSN,CI/SI,0DACE,sDJqTN,CIhTI,wCACE,uDJkTN,CIzTI,0DACE,sDJ+TN,CI1TI,wCACE,uDJ4TN,CGjdA,oCCuCE,iBJ8aF,CI5aE,2DASE,kBAAA,CAHA,oCAAA,CAEA,mBAAA,CAHA,eAuByC,CAlBzC,sBAAA,CAGE,4BAAA,CANF,mBAAA,CANA,iBAAA,CACA,OAAA,CACA,0BAAA,CACA,cJqbJ,CItaE,qDAEI,sDJuaN,CGjeA,qCCmCE,iBJkcF,CIhcE,4DASE,kBAAA,CAHA,oCAAA,CAEA,mBAAA,CAHA,eA2B0C,CAtB1C,sBAAA,CAHA,mBAAA,CANA,iBAAA,CAcE,6BAAA,CAbF,OAAA,CACA,0BAAA,CACA,cJycJ,CI1bE,sDAII,uDJybN,CGjfA,uBAEE,kBAAA,CADA,YAAA,CAEA,sBHofF,CGlfE,2BAGE,iBAAA,CADA,WAAA,CADA,UHsfJ,CG/eA,uBC0DE,mBAAA,CADA,YJ2bF,CIxbE,wCAEE,eAAA,CADA,MJ2bJ,CIxbI,oDAEE,sDAAA,CADA,mDJ2bN,CIvbI,mDAEE,uDAAA,CADA,oDJ0bN,CItbI,0DACE,mBJwbN,CIpbE,+CAEE,kBAAA,CAEA,kDAAA,CACA,kDAAA,CACA,wCAAA,CALA,mBAAA,CAMA,oCAAA,CAJA,+BAAA,CAKA,kBJsbJ,CIpbI,2DAGE,sDAAA,CAFA,oBAAA,CACA,mDJubN,CInbI,0DAGE,uDAAA,CAFA,mBAAA,CACA,oDJsbN,CGlhBA,yBACE,kDAAA,CACA,wBHqhBF,CGnhBE,+BACE,8CAAA,CACA,kDHqhBJ,CGlhBE,kCACE,0DHohBJ,CGhhBA,6BAEE,4BAAA,CADA,wBHohBF,CGjhBE,mCAEE,8CAAA,CADA,kDHohBJ,CG9gBA,2BACE,gBAAA,CACA,eHihBF,CG/gBE,sCACE,WHihBJ,CG9gBE,wCAEE,eAAA,CADA,WHihBJ,CG3gBA,6BACE,UH8gBF,CG1gBA,2BACE,kDAAA,CACA,cH6gBF,CG3gBE,iCACE,8CH6gBJ,CG1gBE,yCACE,YH4gBJ,CK5pBA,eCEE,kBAAA,CAGA,cAAA,CAJA,mBAAA,CAMA,0DAAA,CAJA,2BAAA,CACA,eAAA,CAJA,iBAAA,CAMA,wBAAA,CAAA,qBAAA,CAAA,gBNmqBF,CMhqBE,yCACE,kDNkqBJ,CKxqBE,sBCcA,QAAA,CAFA,SAAA,CADA,iBAAA,CAEA,ONiqBF,CK3qBI,kDC4CF,sDAAA,CADA,kDNooBF,CMjoBE,wDACE,iCNmoBJ,CK9qBI,wDC+DF,eAAA,CAFA,iHAAA,CACA,gDNqnBF,CK/qBI,8DC6CF,sDAAA,CADA,kDNuoBF,CMpoBE,oEAIE,qBAAA,CADA,WAAA,CADA,UAAA,CAGA,mBAAA,CAJA,UN0oBJ,CKtrBI,wGAEE,kBAAA,CACA,ULurBN,CKnrBE,oBCFA,kBAAA,CAMA,8CAAA,CAFA,kDAAA,CACA,qCAAA,CANA,mBAAA,CAIA,WAAA,CAFA,sBAAA,CAHA,iBAAA,CASA,iOACE,CANF,UN+rBF,CMrrBE,0BAME,qBAAA,CAAA,iBAAA,CAAA,eAAA,CALA,UAAA,CAEA,UAAA,CAIA,iCAAA,CACA,uBAAA,CACA,8EAAA,CAPA,SN8rBJ,CKtsBE,sBAGE,wCAAA,CAFA,mCAAA,CACA,wCLysBJ,CKpsBE,yBC0CA,kBAAA,CADA,WN+pBF,CM5pBE,6CAEE,kDAAA,CADA,8CN+pBJ,CKvsBI,0CACE,oDLysBN,CKtsBI,4CACE,6CLwsBN,CKlsBA,qBACE,YAAA,CACA,qBAAA,CACA,2BLqsBF,CKnsBE,iCACE,kBAAA,CACA,cAAA,CACA,2BLqsBJ,COlwBA,mBCAE,kBAAA,CAGA,cAAA,CAJA,mBAAA,CAMA,0DAAA,CAJA,2BAAA,CACA,eAAA,CAJA,iBAAA,CAMA,wBAAA,CAAA,qBAAA,CAAA,gBR2wBF,CQxwBE,oDACE,kDR0wBJ,CO9wBE,0BCYA,QAAA,CAFA,SAAA,CADA,iBAAA,CAEA,ORywBF,COjxBI,6DCsCF,kDR8uBF,CQ5uBE,mEACE,kBR8uBJ,COnxBI,mEC4CF,eAAA,CAFA,iHAAA,CACA,gDR6uBF,COpxBI,2HAEE,kBAAA,CACA,UPqxBN,COjxBE,2BCAA,kBAAA,CAMA,8CAAA,CAFA,kDAAA,CACA,6CAAA,CANA,mBAAA,CAIA,WDFqC,CCArC,sBAAA,CAHA,iBAAA,CASA,sJACE,CANF,UR2xBF,CQlxBE,iCAKE,sDAAA,CADA,6CAAA,CAHA,UAAA,CAEA,YAAA,CAGA,kBAAA,CACA,8EAAA,CALA,WRyxBJ,COlyBE,0BAGE,wCAAA,CAFA,mCAAA,CACA,wCPqyBJ,COhyBE,6BC2BA,kBAAA,CADA,WR0wBF,CQvwBE,wDAEE,kDAAA,CADA,8CR0wBJ,COnyBE,yBCkCA,8CAAA,CAFA,kDAAA,CACA,0CAAA,CAFA,qDAAA,CAIA,4JRuwBF,CQ9vBE,mFAEE,qDAAA,CADA,kDRqwBJ,CO5yBA,kBACE,YAAA,CACA,qBAAA,CACA,2BP+yBF,CO7yBE,8BACE,kBAAA,CACA,cAAA,CACA,2BP+yBJ,CSn2BA,aCAE,kBAAA,CAGA,cAAA,CAJA,mBAAA,CAMA,0DAAA,CAJA,2BAAA,CACA,eAAA,CAJA,iBAAA,CAMA,wBAAA,CAAA,qBAAA,CAAA,gBV42BF,CS52BE,oBCQA,QAAA,CAFA,SAAA,CADA,iBAAA,CAEA,OV22BF,CS/2BI,gDCmCF,sDAD+B,CAE/B,kDV+0BF,CU70BE,sDACE,0BV+0BJ,CSl3BI,sDC0CF,eAAA,CAFA,iHAAA,CACA,gDV80BF,CSn3BI,iDACE,kBTq3BN,CSj3BE,oBCFA,kBAAA,CAMA,kDAAA,CAFA,kDAAA,CACA,6CAAA,CANA,mBAAA,CAGA,WALyC,CAMzC,WAAA,CALA,iBAAA,CASA,iOACE,CAPF,UV83BF,CUn3BE,0BAKE,qBAAA,CADA,6CAAA,CAEA,6DAAA,CALA,UAAA,CAEA,WAAA,CAIA,8EAAA,CALA,UV03BJ,CSl4BE,oBAGE,wCAAA,CAFA,mCAAA,CACA,wCTq4BJ,CS/3BI,wCCdF,kBAAA,CAMA,kDAAA,CAFA,kDAAA,CACA,6CAAA,CANA,mBAAA,CAGA,WDamC,CCZnC,WAAA,CALA,iBAAA,CASA,iOACE,CAPF,UVw5BF,CU74BE,8CAKE,qBAAA,CADA,6CAAA,CAEA,6DAAA,CALA,UAAA,CAEA,WAAA,CAIA,8EAAA,CALA,UVo5BJ,CSh5BI,0EACE,0BTk5BN,CS74BI,wCCxBF,kBAAA,CAMA,kDAAA,CAFA,kDAAA,CACA,6CAAA,CANA,mBAAA,CAGA,WDuBmC,CCtBnC,WAAA,CALA,iBAAA,CASA,iOACE,CAPF,UVg7BF,CUr6BE,8CAKE,qBAAA,CADA,6CAAA,CAEA,6DAAA,CALA,UAAA,CAEA,WAAA,CAIA,8EAAA,CALA,UV46BJ,CS95BI,0EACE,0BTg6BN,CS35BE,uBCMA,kBAAA,CADA,WV05BF,CUv5BE,2CAEE,kDAAA,CADA,8CV05BJ,CWv9BA,qBC8CE,YAAA,CACA,qBAAA,CACA,0BAAA,CAHA,iBZm7BF,CW59BA,aCHE,gDAAA,CACA,gDAAA,CACA,6CAAA,CACA,wCAAA,CACA,0DAAA,CACA,iBAAA,CAKA,uBAAA,CAAA,oBAAA,CAAA,eAAA,CAIA,wCAAA,CAWA,uRAAA,CAEA,wDAAA,CADA,2BAAA,CAEA,oBAAA,CAhBA,oCAAA,CACA,kCAAA,CAEA,kBAAA,CAJA,cAAA,CAJA,aAAA,CASA,0DAAA,CACA,mCAAA,CACA,wCAAA,CATA,4BAAA,CAUA,qDAAA,CACA,sCAAA,CACA,iOACE,CAdF,UZm/BF,CY79BE,yCACE,sDZ+9BJ,CY59BE,mBAGE,uRAAA,CADA,sCAAA,CADA,YZg+BJ,CErgCE,2BAGE,eAAA,CAFA,iHAAA,CACA,gDFwgCJ,CEpgCE,uCAEE,eAAA,CADA,YFugCJ,CWrgCE,oBAIE,0CAAA,CADA,oCAAA,CADA,qCAAA,CADA,kCX0gCJ,CWpgCE,oBAGE,qCAAA,CADA,oCAAA,CADA,iCXwgCJ,CWlgCE,sBCkCA,kDAAA,CADA,8CAAA,CADA,oCAAA,CAFA,kBAAA,CACA,WZ0+BF,CYj+BE,8CACE,oDZs+BJ,CYn+BE,kCACE,qDZq+BJ,CWzgCA,oBAGE,sCAAA,CAFA,oCAAA,CACA,0CX6gCF,CWzgCA,qBAEE,oCAAA,CADA,mCX6gCF,CanjCA,WCGE,4CAAA,CAEA,iCAAA,CACA,0DAAA,CACA,oEAAA,CAMA,wCAAA,CACA,oCAAA,CACA,kCAAA,CACA,4BAAA,CAPA,YAAA,CACA,qBAAA,CAEA,eAAA,CADA,iBAAA,CAMA,iOACE,CAMF,gDAAA,CAGE,gDAAA,CAIA,iBd2iCJ,CajkCE,mBC2CE,yDAAA,CAPF,+BdiiCF,CajkCE,iBC8CA,MAAA,CAdA,+BdqiCF,CajkCE,mBCoDA,kDALW,CAQT,sDAAA,CA3BF,qDd0iCF,CalkCE,kBCyDA,eAAA,CADA,iBd8gCF,Cc3gCE,8CAKE,aAAA,CAFA,WAAA,CACA,mBAAA,CAAA,gBAAA,CAEA,gFAAA,CAJA,UdihCJ,CazkCE,kBCkEA,sCAAA,CACA,oCAH4B,CAI5B,0CAJuE,CAKvE,wCAAA,CAJA,kCd+gCF,Ca5kCE,qBCsEA,oCAAA,CACA,oCAH+B,CAI/B,wCAAA,CAHA,gCd6gCF,Ca9kCE,oBCyEA,wCAAA,CACA,2CAAA,CAFA,Qd2gCF,Ca/kCE,oBC2EA,kBAAA,CADA,YAAA,CAGA,cAAA,CACA,2BAL8C,CAG9C,0BAH4B,CAM5B,gCdwgCF,CallCE,4BACE,YAAA,CAEA,MAAA,CADA,qBbqlCJ,CahlCE,oBAME,kIAAA,CADA,QAAA,CAMA,qCAAA,CAJA,YAAA,CACA,qBAAA,CACA,wBAAA,CANA,MAAA,CAOA,+BAAA,CATA,iBAAA,CAGA,OAAA,CAFA,Kb2lCJ,CahlCI,uHAGE,abklCN,Ca5kCA,iBChDE,gDAAA,CAGE,0BAAA,CAIA,iBd2nCJ,Ca1kCA,qBCxDE,gDAAA,CAGE,gDAAA,CAIA,iBdioCJ,CaxkCA,qBChEE,gDAAA,CAGE,gDAAA,CAIA,8DduoCJ,CatkCA,qBCxEE,gDAAA,CAGE,0BAAA,CAIA,+Dd6oCJ,CankCA,wBCgFE,cdu/BF,Ccr/BE,8BACE,sCAAA,CACA,kCdu/BJ,Ccr/BI,oDACE,qBdu/BN,Ccn/BE,+BACE,yDdq/BJ,CE3rCE,sCAGE,eAAA,CAFA,iHAAA,CACA,gDF8rCJ,CE1rCE,kDAEE,eAAA,CADA,YF6rCJ,Cc1kCE,uCArEE,yDAAA,CAPF,6Bd2pCF,Cc3kCE,qCAlEA,MAAA,CAdA,6Bd+pCF,Cc3kCE,uCA5DA,kDALW,CAQT,sDAAA,CA3BF,qDdoqCF,Cc1kCE,wCAnFE,yDAAA,CAPF,6BdyqCF,Cc3kCE,sCAhFA,MAAA,CAdA,6Bd6qCF,Cc3kCE,wCA1EA,kDALW,CAQT,sDAAA,CA3BF,qDdkrCF,CaxmCA,uBC8BE,kBd8kCF,Cc5kCE,yCAEE,aAAA,CADA,Wd+kCJ,Cc3kCE,mDACE,YAAA,CACA,MAAA,CACA,qBd6kCJ,CajnCA,oBCyCE,iBd4kCF,Cc1kCE,wCAQE,0EAAA,CADA,qCAAA,CAJA,YAAA,CAEA,qBAAA,CAHA,OAAA,CAEA,wBAAA,CAEA,+BAAA,CALA,iBdmlCJ,Cc1kCI,mLAGE,ad4kCN,Ca/nCA,oBCxGE,2DAAA,CAGE,kDdyuCJ,Ca9nCE,sCACE,+CbgoCJ,Ca7nCE,wCACE,+Cb+nCJ,Ca3nCA,oBCvHE,2DAAA,CAGE,kDdovCJ,Ca1nCE,sCACE,+Cb4nCJ,CaznCE,wCACE,+Cb2nCJ,CavnCA,kBCtIE,yDAAA,CAGE,gDd+vCJ,CatnCE,oCACE,6CbwnCJ,CarnCE,sCACE,6CbunCJ,CannCA,iBCrJE,wDAAA,CAGE,+Cd0wCJ,CalnCE,mCACE,4CbonCJ,CajnCE,qCACE,4CbmnCJ,Ce7oCA,sCACE,GACE,SAAA,CACA,0BfgpCF,Ce7oCA,GACE,SAAA,CACA,uBf+oCF,CACF,Ce5oCA,uCACE,GACE,SAAA,CACA,uBf8oCF,Ce3oCA,GACE,SAAA,CACA,0Bf6oCF,CACF,Ce1oCA,qCACE,GACE,SAAA,CACA,yBf4oCF,CezoCA,GACE,SAAA,CACA,uBf2oCF,CACF,CexoCA,sCACE,GACE,SAAA,CACA,uBf0oCF,CevoCA,GACE,SAAA,CACA,yBfyoCF,CACF,CgBp1CA,mBDCE,sBAAA,CAGA,kDAAA,CAAA,qBAAA,CACA,0CAAA,CACA,eAAA,CANA,YAAA,CAEA,6BAAA,CAHA,iBf+1CF,CgB11CE,yBD8BA,kBAAA,CADA,mBAAA,CALA,aAAA,CAEA,cAAA,CAKA,sBAAA,CAJA,oCAAA,CACA,kCAAA,CAHA,af20CF,CgBh2CE,4BDgCA,MAAA,CADA,Wfq0CF,CgBh2CE,0BDiCA,mCAFoC,CAGpC,0CAH8E,CAI9E,wCAAA,CAHA,kCfs0CF,CgBl2CE,4BDoCA,oCAFsC,CAGtC,2CAAA,CAFA,Qfo0CF,CgBn2CE,4BD4EA,kBAAA,CADA,YAAA,CAEA,0BAAA,CAHA,kCf+xCF,CgBp2CE,4BAEE,kBAAA,CADA,mBAAA,CAIA,aAAA,CAFA,sBAAA,CACA,YhBu2CJ,CgBp2CI,gCAGE,iBAAA,CADA,WAAA,CADA,UhBw2CN,CgBh2CA,4BD/BE,yDCiCE,CDhCF,sDCiCE,CDhCF,2Dfm4CF,Ce73CE,8GACE,+Cfk4CJ,Ce/3CE,qDACE,+Cfi4CJ,CgBt2CA,4BDxCE,yDC0CE,CDzCF,sDC0CE,CDzCF,2Dfk5CF,Ce54CE,8GACE,+Cfi5CJ,Ce94CE,qDACE,+Cfg5CJ,CgB52CA,0BDjDE,uDCmDE,CDlDF,oDCmDE,CDlDF,yDfi6CF,Ce35CE,0GACE,6Cfg6CJ,Ce75CE,mDACE,6Cf+5CJ,CgBl3CA,yBD1DE,sDC4DE,CD3DF,mDC4DE,CD3DF,wDfg7CF,Ce16CE,wGACE,4Cf+6CJ,Ce56CE,kDACE,4Cf86CJ,CgBv3CA,gCDrBE,oCfg5CF,Ce94CE,4DAKE,kBAAA,CAMA,sBAAA,CAFA,4BAAA,CACA,qCAAA,CAEA,aAAA,CACA,cAAA,CATA,mBAAA,CAIA,cAAA,CAFA,sBAAA,CAQA,WAAA,CAbA,iBAAA,CAEA,6BAAA,CADA,2BAAA,CAaA,8NACE,CATF,afw5CJ,Ce34CI,kEAGE,mCAAA,CADA,+BAAA,CADA,Sf+4CN,CEh+CE,0EAGE,eAAA,CAFA,iHAAA,CACA,gDFm+CJ,CE/9CE,sFAEE,eAAA,CADA,YFk+CJ,Cej5CI,0EACE,Sfm5CN,CgBx5CA,4BDkBE,+Bf04CF,Cex4CE,qDAGE,WAAA,CAFA,mCAAA,CACA,Uf24CJ,Cev4CE,sDAhEA,oCAiE8B,CAhE9B,0CAH8E,CAI9E,wCAAA,CAHA,kCf88CF,Cez4CE,wDA7DA,mCA8DgC,CA7DhC,2CAAA,CAFA,Qf48CF,CgBx6CA,6BDgCE,+Bf44CF,Ce14CE,sDAGE,aAAA,CAFA,kCAAA,CACA,Yf64CJ,Cez4CE,uDAlFA,qCAmF8B,CAlF9B,0CAkF4D,CAjF5D,wCAAA,CAHA,kCfk+CF,Ce34CE,yDA/EA,mCAgFgC,CA/EhC,2CAAA,CAFA,Qfg+CF,Ce14CE,6DACE,sCf64CJ,CgBt7CA,6BD8CE,kDf44CF,CgBt7CA,8BD8CE,0Df44CF,CgBt7CA,4BD8CE,iDf44CF,CgBt7CA,6BD8CE,yDf44CF,CiBxiDA,UCEE,kBAAA,CAUA,4BAAA,CACA,0CAAA,CAZA,mBAAA,CAQA,0DAAA,CACA,0CAAA,CAPA,sBAAA,CAKA,oBAAA,CAGA,wCAAA,CALA,oBAAA,CACA,wBAAA,CAOA,4NACE,CAVF,wBAAA,CAAA,qBAAA,CAAA,gBAAA,CADA,kBlBsjDF,CE1jDE,wBAGE,eAAA,CAFA,iHAAA,CACA,gDF6jDJ,CEzjDE,oCAEE,eAAA,CADA,YF4jDJ,CiBnkDA,UCgEE,oCD9D4E,CC4C5E,0BADyB,CAsBvB,eDjEwG,CC6D1G,uDlB0gDF,CkBzhDE,0BAEE,kBAAA,CADA,mBAAA,CAGA,aAAA,CADA,sBlB4hDJ,CkBzhDI,8BAGE,iBAAA,CADA,UAAA,CADA,SlB6hDN,CiBplDA,UCuBE,kDDlBE,CCoBF,8CDlBE,CCiBF,wClBikDF,CkB7jDI,+BACE,0DlB+jDN,CiBjlDE,gBAEE,kBAAA,CADA,mBAAA,CAGA,aAAA,CADA,sBjBolDJ,CiBjlDI,oBAGE,iBAAA,CADA,UAAA,CADA,SjBqlDN,CiB/kDE,gBACE,MjBilDJ,CiB9kDE,kBAEE,kBAAA,CADA,mBAAA,CAGA,aAAA,CADA,sBjBilDJ,CiB9kDI,sBAGE,iBAAA,CADA,aAAA,CADA,YjBklDN,CiB3kDA,mBCnBE,qDDqBE,CCnBF,kDDqBE,CCtBF,2ClBmmDF,CkB/lDI,wCACE,sDlBimDN,CiB3kDA,mBC5BE,yDD8BE,CC5BF,gDD8BE,CC/BF,+ClB4mDF,CkBxmDI,wCACE,oDlB0mDN,CiB3kDA,mBCrCE,yDDuCE,CCrCF,gDDuCE,CCxCF,+ClBqnDF,CkBjnDI,wCACE,oDlBmnDN,CiB3kDA,iBC9CE,uDDgDE,CC9CF,8CDgDE,CCjDF,6ClB8nDF,CkB1nDI,sCACE,kDlB4nDN,CiB3kDA,gBCvDE,sDDyDE,CCvDF,6CDyDE,CC1DF,4ClBuoDF,CkBnoDI,qCACE,iDlBqoDN,CiB1kDE,6BCjEA,4BAoGqB,CAlGrB,8CDiEI,CClEJ,wClBgpDF,CkB5oDI,kDACE,kDlB8oDN,CiB3kDE,sCCzEA,4BAoGqB,CAlGrB,kDDyEI,CC1EJ,2ClBwpDF,CkBppDI,2DACE,qDlBspDN,CiB3kDE,sCCjFA,4BAoGqB,CAlGrB,gDDiFI,CClFJ,+ClBgqDF,CkB5pDI,2DACE,yDlB8pDN,CiB3kDE,sCCzFA,4BAoGqB,CAlGrB,gDDyFI,CC1FJ,+ClBwqDF,CkBpqDI,2DACE,yDlBsqDN,CiB3kDE,oCCjGA,4BAoGqB,CAlGrB,8CDiGI,CClGJ,6ClBgrDF,CkB5qDI,yDACE,uDlB8qDN,CiB3kDE,mCCzGA,4BAoGqB,CAlGrB,6CDyGI,CC1GJ,4ClBwrDF,CkBprDI,wDACE,sDlBsrDN,CiBzkDE,0BCnHA,0DDqHI,CCnHJ,sDDmHI,CCpHJ,UlBisDF,CkB7rDI,+CACE,0DlB+rDN,CiB1kDE,mCC3HA,sDD6HI,CC3HJ,kDD2HI,CC5HJ,UlBysDF,CkBrsDI,wDACE,sDlBusDN,CiB1kDE,mCCnIA,0DDqII,CCnIJ,sDDmII,CCpIJ,UlBitDF,CkB7sDI,wDACE,0DlB+sDN,CiB1kDE,mCC3IA,0DD6II,CC3IJ,sDD2II,CC5IJ,UlBytDF,CkBrtDI,wDACE,0DlButDN,CiB1kDE,iCCnJA,wDDqJI,CCnJJ,oDDmJI,CCpJJ,UlBiuDF,CkB7tDI,sDACE,wDlB+tDN,CiB1kDE,gCC3JA,uDD6JI,CC3JJ,mDD2JI,CC5JJ,UlByuDF,CkBruDI,qDACE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","file":"all.min.css","sourcesContent":["// Button component mixins and private styles\n/* stylelint-disable no-descending-specificity, at-rule-empty-line-before */\n\n@use '../../base/focus' as *;\n\n@keyframes ivds-button-spin {\n  to {\n    transform: translate(-50%, -50%) rotate(360deg);\n  }\n}\n\n@mixin button-base {\n  // Per-component CSS variable API\n  --background-color: transparent;\n  --color: var(--ivds-text-primary, #121a24);\n  --border-color: transparent;\n  --hover-background-color: transparent;\n  --hover-border-color: transparent;\n  --active-background-color: transparent;\n  --disabled-background-color: var(--ivds-surface-muted, #f1f3f5);\n  --disabled-border-color: var(--ivds-border-subtle, #e2e7ec);\n  --disabled-color: var(--ivds-text-muted, #6b7785);\n  --font-size: var(--fontSize-base, 1rem);\n  --min-height: 48px;\n  --padding-block: var(--spacing-3, 0.75rem);\n  --padding-inline: var(--spacing-6, 1.5rem);\n  --border-radius: var(--ivds-radius-s, 0.125rem);\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--spacing-2, 0.5rem);\n  min-width: 2.75rem;\n  min-height: var(--min-height);\n  padding: var(--padding-block) var(--padding-inline);\n  border: 2px solid var(--border-color);\n  border-radius: var(--border-radius);\n  background-color: var(--background-color);\n  color: var(--color);\n  font-family: var(--fontFamily-primary, system-ui, sans-serif);\n  font-size: var(--font-size);\n  font-weight: var(--fontWeight-bold, 700);\n  letter-spacing: 0.01em;\n  line-height: 1.1;\n  text-decoration: none;\n  cursor: pointer;\n  user-select: none;\n  white-space: nowrap;\n  position: relative;\n  transition:\n    background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n    border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n    color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n\n  @include focus-ring;\n\n  &:hover:not(:disabled, [aria-disabled='true']) {\n    background-color: var(--hover-background-color);\n    border-color: var(--hover-border-color);\n  }\n\n  &:active:not(:disabled, [aria-disabled='true']) {\n    background-color: var(--active-background-color);\n  }\n\n  &:disabled,\n  &[aria-disabled='true'] {\n    background-color: var(--disabled-background-color);\n    border-color: var(--disabled-border-color);\n    color: var(--disabled-color);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n}\n\n@mixin button-variant(\n  $bg-color,\n  $text-color,\n  $border-color: transparent,\n  $hover-bg: null,\n  $hover-border: null,\n  $active-bg: null\n) {\n  --background-color: #{$bg-color};\n  --color: #{$text-color};\n  --border-color: #{$border-color};\n\n  @if $hover-bg {\n    --hover-background-color: #{$hover-bg};\n  }\n\n  @if $hover-border {\n    --hover-border-color: #{$hover-border};\n  }\n\n  @if $active-bg {\n    --active-background-color: #{$active-bg};\n  }\n}\n\n@mixin button-variant-gradient($gradient, $text-color: #fff, $hover-filter: brightness(0.95)) {\n  --border-color: transparent;\n  --color: #{$text-color};\n\n  background: $gradient;\n\n  &:hover:not(:disabled, [aria-disabled='true']) {\n    filter: $hover-filter;\n  }\n}\n\n@mixin button-variant-outline($border-color, $text-color, $hover-bg: null) {\n  --background-color: var(--ivds-interactive-secondary-bg, #fff);\n  --color: #{$text-color};\n  --border-color: #{$border-color};\n\n  @if $hover-bg {\n    --hover-background-color: #{$hover-bg};\n  }\n}\n\n@mixin button-variant-ghost($text-color, $hover-bg) {\n  --background-color: var(--ivds-interactive-supplementary-bg, #f1f3f5);\n  --border-color: transparent;\n  --color: #{$text-color};\n  --hover-background-color: #{$hover-bg};\n}\n\n@mixin button-variant-glass($text-color: var(--ivds-text-primary)) {\n  --background-color: var(--ivds-surface-base, #fff);\n  --border-color: var(--ivds-border-strong, #a1adba);\n  --color: #{$text-color};\n}\n\n@mixin button-size($padding-y, $padding-x, $font-size, $min-height: null) {\n  --padding-block: #{$padding-y};\n  --padding-inline: #{$padding-x};\n  --font-size: #{$font-size};\n\n  @if $min-height {\n    --min-height: #{$min-height};\n  }\n}\n\n@mixin button-icon-spacing($gap: var(--spacing-2, 0.5rem)) {\n  gap: $gap;\n\n  .ivds-button__icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n}\n\n@mixin button-loading {\n  position: relative;\n  color: transparent !important;\n  pointer-events: none;\n\n  &::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 1rem;\n    height: 1rem;\n    border: 2px solid currentcolor;\n    border-radius: 9999px;\n    border-right-color: transparent;\n    border-bottom-color: transparent;\n    transform: translate(-50%, -50%);\n    animation: ivds-button-spin 0.7s linear infinite;\n    color: inherit;\n  }\n}\n\n@mixin button-full-width {\n  width: 100%;\n  justify-content: center;\n}\n\n@mixin button-icon-only($size: 48px) {\n  --min-height: #{$size};\n  --padding-block: 0;\n  --padding-inline: 0;\n\n  width: $size;\n  height: $size;\n\n  .ivds-button__icon {\n    margin: 0;\n  }\n\n  &--circular {\n    --border-radius: var(--borderRadius-full, 9999px);\n  }\n}\n\n@mixin button-pill {\n  border-radius: var(--borderRadius-full, 9999px);\n}\n\n","// All components bundle\r\n// This file imports all component styles for the IVDS Core package\r\n\r\n// Form components\r\n@use './button/button.scss';\r\n@use './text-input/text-input.scss';\r\n@use './checkbox/checkbox.scss';\r\n@use './radio-button/radio-button.scss';\r\n@use './switch/switch.scss';\r\n@use './select/select.scss';\r\n\r\n// Content and layout components\r\n@use './card/card.scss';\r\n@use './notification/notification.scss';\r\n@use './tag/tag.scss';\r\n@use './alert/alert.scss';\r\n@use './badge/badge.scss';\r\n@use './modal/modal.scss';\r\n@use './tabs/tabs.scss';\r\n\r\n// Navigation components\r\n@use './breadcrumb/breadcrumb.scss';\r\n@use './navigation/navigation.scss';\r\n@use './pagination/pagination.scss';\r\n\r\n// Structural components\r\n@use './header/header.scss';\r\n@use './footer/footer.scss';","// Button component styles\n/* stylelint-disable no-descending-specificity */\n\n@use 'button-mixin' as btn;\n\n.ivds-button {\n  @include btn.button-base;\n  @include btn.button-icon-spacing;\n\n  &__icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n\n    svg {\n      width: 1.15em;\n      height: 1.15em;\n      fill: currentcolor;\n    }\n  }\n\n  &__text {\n    flex: 1;\n  }\n\n  &--loading {\n    @include btn.button-loading;\n  }\n\n  &--full-width {\n    @include btn.button-full-width;\n  }\n\n  &--pill {\n    @include btn.button-pill;\n  }\n\n  &--icon-only {\n    @include btn.button-icon-only;\n\n    &.ivds-button--small {\n      @include btn.button-icon-only(40px);\n    }\n\n    &.ivds-button--large {\n      @include btn.button-icon-only(56px);\n    }\n  }\n}\n\n.ivds-button--primary {\n  @include btn.button-variant(\n    var(--ivds-interactive-primary-bg, #1058b8),\n    var(--ivds-interactive-primary-text, #fff),\n    var(--ivds-interactive-primary-bg, #1058b8),\n    var(--ivds-interactive-primary-bg-hover, #0b4593),\n    var(--ivds-interactive-primary-bg-hover, #0b4593),\n    var(--ivds-interactive-primary-bg-active, #083775)\n  );\n}\n\n.ivds-button--secondary {\n  @include btn.button-variant-outline(\n    var(--ivds-interactive-secondary-border, #1058b8),\n    var(--ivds-interactive-secondary-text, #0b4593),\n    var(--ivds-interactive-secondary-bg-hover, #eef4ff)\n  );\n}\n\n.ivds-button--accent {\n  @include btn.button-variant(\n    var(--color-brand-accent-500, #1a6bdb),\n    #fff,\n    var(--color-brand-accent-500, #1a6bdb),\n    var(--color-brand-accent-600, #1058b8),\n    var(--color-brand-accent-600, #1058b8),\n    var(--color-brand-accent-600, #1058b8)\n  );\n}\n\n.ivds-button--success {\n  @include btn.button-variant(\n    var(--color-semantic-success-600, #0f6f4a),\n    #fff,\n    var(--color-semantic-success-600, #0f6f4a),\n    var(--color-semantic-success-700, #0a573a),\n    var(--color-semantic-success-700, #0a573a),\n    var(--color-semantic-success-700, #0a573a)\n  );\n}\n\n.ivds-button--warning {\n  @include btn.button-variant(\n    var(--color-semantic-warning-500, #ce790b),\n    #fff,\n    var(--color-semantic-warning-500, #ce790b),\n    var(--color-semantic-warning-600, #a76009),\n    var(--color-semantic-warning-600, #a76009),\n    var(--color-semantic-warning-600, #a76009)\n  );\n}\n\n.ivds-button--danger {\n  @include btn.button-variant(\n    var(--color-semantic-error-500, #d73a50),\n    #fff,\n    var(--color-semantic-error-500, #d73a50),\n    var(--color-semantic-error-600, #b72a41),\n    var(--color-semantic-error-600, #b72a41),\n    var(--color-semantic-error-600, #b72a41)\n  );\n}\n\n.ivds-button--info {\n  @include btn.button-variant(\n    var(--color-semantic-info-600, #0050c8),\n    #fff,\n    var(--color-semantic-info-600, #0050c8),\n    var(--color-semantic-info-700, #003d99),\n    var(--color-semantic-info-700, #003d99),\n    var(--color-semantic-info-700, #003d99)\n  );\n}\n\n.ivds-button--neutral {\n  @include btn.button-variant(\n    var(--color-semantic-neutral-900, #121a24),\n    #fff,\n    var(--color-semantic-neutral-900, #121a24),\n    var(--color-semantic-neutral-800, #202a36),\n    var(--color-semantic-neutral-800, #202a36),\n    var(--color-semantic-neutral-800, #202a36)\n  );\n}\n\n.ivds-button--gradient-primary {\n  @include btn.button-variant-gradient(\n    linear-gradient(135deg, var(--color-brand-accent-500, #1a6bdb) 0%, var(--color-brand-accent-700, #0b4593) 100%),\n    #fff\n  );\n}\n\n.ivds-button--gradient-secondary {\n  @include btn.button-variant-gradient(\n    linear-gradient(135deg, var(--color-brand-secondary-500, #007a4d) 0%, var(--color-brand-secondary-700, #004d31) 100%),\n    #fff\n  );\n}\n\n.ivds-button--gradient-mixed {\n  @include btn.button-variant-gradient(\n    linear-gradient(135deg, var(--color-brand-primary-500, #cc5500) 0%, var(--color-brand-accent-600, #1058b8) 100%),\n    #fff\n  );\n}\n\n.ivds-button--gradient-sunset {\n  @include btn.button-variant-gradient(\n    linear-gradient(135deg, var(--color-brand-primary-500, #cc5500) 0%, var(--color-semantic-error-600, #b72a41) 100%),\n    #fff\n  );\n}\n\n.ivds-button--gradient-ocean {\n  @include btn.button-variant-gradient(\n    linear-gradient(135deg, var(--color-brand-accent-500, #1a6bdb) 0%, var(--color-brand-accent-700, #0b4593) 100%),\n    #fff\n  );\n}\n\n.ivds-button--outline-primary {\n  @include btn.button-variant-outline(\n    var(--color-brand-accent-600, #1058b8),\n    var(--color-brand-accent-700, #0b4593),\n    var(--color-brand-accent-50, #eef4ff)\n  );\n}\n\n.ivds-button--outline-secondary {\n  @include btn.button-variant-outline(\n    var(--color-brand-secondary-600, #006640),\n    var(--color-brand-secondary-700, #005234),\n    var(--color-brand-secondary-50, #eef8f3)\n  );\n}\n\n.ivds-button--outline-neutral {\n  @include btn.button-variant-outline(\n    var(--color-semantic-neutral-500, #6b7785),\n    var(--color-semantic-neutral-800, #202a36),\n    var(--color-semantic-neutral-100, #f1f3f5)\n  );\n}\n\n.ivds-button--ghost-primary {\n  @include btn.button-variant-ghost(\n    var(--color-brand-accent-700, #0b4593),\n    var(--ivds-interactive-supplementary-bg-hover, #e2e7ec)\n  );\n}\n\n.ivds-button--ghost-secondary {\n  @include btn.button-variant-ghost(\n    var(--color-brand-secondary-700, #005234),\n    var(--color-semantic-neutral-200, #e2e7ec)\n  );\n}\n\n.ivds-button--ghost-neutral {\n  @include btn.button-variant-ghost(\n    var(--color-semantic-neutral-800, #202a36),\n    var(--color-semantic-neutral-200, #e2e7ec)\n  );\n}\n\n.ivds-button--tertiary,\n.ivds-button--supplementary {\n  @extend .ivds-button--ghost-primary;\n}\n\n.ivds-button--ghost {\n  @extend .ivds-button--ghost-neutral;\n}\n\n.ivds-button--glass {\n  @include btn.button-variant-glass(var(--ivds-text-primary, #121a24));\n}\n\n.ivds-button--glass-dark {\n  @include btn.button-variant(\n    var(--color-semantic-neutral-900, #121a24),\n    #fff,\n    var(--color-semantic-neutral-900, #121a24),\n    var(--color-semantic-neutral-800, #202a36),\n    var(--color-semantic-neutral-800, #202a36)\n  );\n}\n\n.ivds-button--xs {\n  @include btn.button-size(var(--spacing-1, 0.25rem), var(--spacing-3, 0.75rem), var(--fontSize-xs, 0.75rem), 32px);\n}\n\n.ivds-button--small {\n  @include btn.button-size(var(--spacing-2, 0.5rem), var(--spacing-4, 1rem), var(--fontSize-sm, 0.875rem), 40px);\n}\n\n.ivds-button--large {\n  @include btn.button-size(var(--spacing-4, 1rem), var(--spacing-8, 2rem), var(--fontSize-lg, 1.125rem), 56px);\n}\n\n.ivds-button--xl {\n  @include btn.button-size(var(--spacing-5, 1.25rem), var(--spacing-10, 2.5rem), var(--fontSize-xl, 1.25rem), 64px);\n}\n\n.ivds-button-group {\n  display: inline-flex;\n\n  > .ivds-button {\n    border-radius: 0;\n\n    &:not(:first-child) {\n      margin-left: -2px;\n    }\n\n    &:first-child {\n      border-top-left-radius: var(--ivds-radius-s, 0.125rem);\n      border-bottom-left-radius: var(--ivds-radius-s, 0.125rem);\n    }\n\n    &:last-child {\n      border-top-right-radius: var(--ivds-radius-s, 0.125rem);\n      border-bottom-right-radius: var(--ivds-radius-s, 0.125rem);\n    }\n  }\n}\n\n.ivds-button-group--vertical {\n  flex-direction: column;\n\n  > .ivds-button {\n    border-radius: 0;\n\n    &:not(:first-child) {\n      margin-left: 0;\n      margin-top: -2px;\n    }\n\n    &:first-child {\n      border-top-left-radius: var(--ivds-radius-s, 0.125rem);\n      border-top-right-radius: var(--ivds-radius-s, 0.125rem);\n    }\n\n    &:last-child {\n      border-bottom-left-radius: var(--ivds-radius-s, 0.125rem);\n      border-bottom-right-radius: var(--ivds-radius-s, 0.125rem);\n    }\n  }\n}\n\n.ivds-button-group--gap {\n  gap: var(--spacing-2, 0.5rem);\n\n  > .ivds-button {\n    border-radius: var(--ivds-radius-s, 0.125rem);\n    margin: 0;\n  }\n}\n","// Unified focus ring mixin\n// Uses outline instead of box-shadow to avoid conflicts with elevated components (Card, Modal).\n// Inspired by Helsinki Design System: 3px solid outline with 2px offset.\n\n@mixin focus-ring($offset: var(--ivds-focus-ring-offset, 2px), $width: var(--ivds-focus-ring-width, 3px), $color: var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8))) {\n  &:focus-visible {\n    outline: #{$width} solid #{$color};\n    outline-offset: #{$offset};\n    box-shadow: none;\n  }\n\n  &:focus:not(:focus-visible) {\n    outline: none;\n    box-shadow: none;\n  }\n}\n\n// Variant for components where the focus indicator is on a sibling element\n// (e.g., checkbox input:focus-visible + .checkbox__box)\n@mixin focus-ring-on-sibling($selector, $offset: var(--ivds-focus-ring-offset, 2px), $width: var(--ivds-focus-ring-width, 3px), $color: var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8))) {\n  &:focus-visible + #{$selector} {\n    outline: #{$width} solid #{$color};\n    outline-offset: #{$offset};\n    box-shadow: none;\n  }\n\n  &:focus:not(:focus-visible) + #{$selector} {\n    outline: none;\n    box-shadow: none;\n  }\n}\n","// Text input component styles\r\n// Provides styling for the IVDS text input component with all variants, sizes, and states\r\n\r\n@use '_text-input-mixin' as input;\r\n\r\n// Text Input Wrapper\r\n.ivds-text-input-wrapper {\r\n  @include input.text-input-wrapper;\r\n}\r\n\r\n// Text Input Base\r\n.ivds-text-input {\r\n  @include input.text-input-base;\r\n  @include input.text-input-size(var(--spacing-3, 0.75rem), var(--spacing-3, 0.75rem), var(--fontSize-base, 1rem), 48px);\r\n}\r\n\r\n// Text Input Label\r\n.ivds-text-input__label {\r\n  @include input.text-input-label;\r\n  \r\n  &--required {\r\n    @include input.text-input-required;\r\n  }\r\n}\r\n\r\n// Text Input Helper Text\r\n.ivds-text-input__helper {\r\n  @include input.text-input-helper;\r\n}\r\n\r\n// Text Input Error Text\r\n.ivds-text-input__error {\r\n  @include input.text-input-error;\r\n}\r\n\r\n// Text Input Sizes\r\n.ivds-text-input--small {\r\n  @include input.text-input-size(var(--spacing-2, 0.5rem), var(--spacing-3, 0.75rem), var(--fontSize-sm, 0.875rem), 32px);\r\n}\r\n\r\n.ivds-text-input--large {\r\n  @include input.text-input-size(var(--spacing-4, 1rem), var(--spacing-4, 1rem), var(--fontSize-lg, 1.125rem), 56px);\r\n}\r\n\r\n// Text Input States\r\n.ivds-text-input--error {\r\n  @include input.text-input-state(\r\n    var(--color-semantic-error-500, #d73a50),\r\n    var(--color-semantic-error-500, #d73a50),\r\n    var(--color-semantic-error-500, #d73a50)\r\n  );\r\n}\r\n\r\n.ivds-text-input--success {\r\n  @include input.text-input-state(\r\n    var(--color-semantic-success-500, #19895d),\r\n    var(--color-semantic-success-500, #19895d),\r\n    var(--color-semantic-success-500, #19895d)\r\n  );\r\n}\r\n\r\n.ivds-text-input--warning {\r\n  @include input.text-input-state(\r\n    var(--color-semantic-warning-500, #ce790b),\r\n    var(--color-semantic-warning-500, #ce790b),\r\n    var(--color-semantic-warning-500, #ce790b)\r\n  );\r\n}\r\n\r\n// Text Input with Icons\r\n.ivds-text-input-wrapper--icon-left {\r\n  @include input.text-input-with-icon-left;\r\n}\r\n\r\n.ivds-text-input-wrapper--icon-right {\r\n  @include input.text-input-with-icon-right;\r\n}\r\n\r\n.ivds-text-input__icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  \r\n  svg {\r\n    width: 100%;\r\n    height: 100%;\r\n    fill: currentcolor;\r\n  }\r\n}\r\n\r\n// Text Input Group (with addons)\r\n.ivds-text-input-group {\r\n  @include input.text-input-group;\r\n}\r\n\r\n// Text Input Variants\r\n.ivds-text-input--filled {\r\n  background-color: var(--ivds-surface-muted, #f1f3f5);\r\n  border-color: transparent;\r\n  \r\n  &:focus {\r\n    background-color: var(--ivds-surface-base, #fff);\r\n    border-color: var(--color-brand-accent-600, #1058b8);\r\n  }\r\n  \r\n  &:disabled {\r\n    background-color: var(--color-semantic-neutral-200, #e2e7ec);\r\n  }\r\n}\r\n\r\n.ivds-text-input--borderless {\r\n  border-color: transparent;\r\n  background-color: transparent;\r\n  \r\n  &:focus {\r\n    border-color: var(--color-brand-accent-600, #1058b8);\r\n    background-color: var(--ivds-surface-base, #fff);\r\n  }\r\n}\r\n\r\n// Textarea specific styles\r\n.ivds-text-input--textarea {\r\n  min-height: 120px;\r\n  resize: vertical;\r\n  \r\n  &--no-resize {\r\n    resize: none;\r\n  }\r\n  \r\n  &--auto-resize {\r\n    resize: none;\r\n    overflow: hidden;\r\n  }\r\n}\r\n\r\n// Full width modifier\r\n.ivds-text-input--full-width {\r\n  width: 100%;\r\n}\r\n\r\n// Readonly state\r\n.ivds-text-input[readonly] {\r\n  background-color: var(--ivds-surface-muted, #f1f3f5);\r\n  cursor: default;\r\n  \r\n  &:focus {\r\n    border-color: var(--ivds-border-strong, #a1adba);\r\n  }\r\n\r\n  &:focus-visible {\r\n    outline: none;\r\n  }\r\n}\r\n","// Text input component mixins and private styles\n/* stylelint-disable no-descending-specificity */\n\n@use '../../base/focus' as *;\n\n@mixin text-input-base {\n  // Per-component CSS variable API\n  --background-color: var(--ivds-surface-base, #fff);\n  --border-color: var(--ivds-border-strong, #a1adba);\n  --border-width: 2px;\n  --border-radius: var(--ivds-radius-s, 0.125rem);\n  --color: var(--ivds-text-primary, #121a24);\n  --placeholder-color: var(--ivds-text-muted, #4d5968);\n  --focus-border-color: var(--color-brand-accent-600, #1058b8);\n  --hover-border-color: var(--color-semantic-neutral-600, #4d5968);\n  --disabled-background-color: var(--ivds-surface-muted, #f1f3f5);\n  --disabled-border-color: var(--ivds-border-subtle, #e2e7ec);\n  --disabled-color: var(--ivds-text-muted, #4d5968);\n  --error-border-color: var(--color-semantic-error-500, #d73a50);\n  --success-border-color: var(--color-semantic-success-500, #19895d);\n\n  display: block;\n  width: 100%;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  background-color: var(--background-color);\n  color: var(--color);\n  font-family: var(--fontFamily-primary, system-ui, sans-serif);\n  font-size: var(--fontSize-base, 1rem);\n  line-height: var(--lineHeight-normal, 1.5);\n  transition:\n    border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n    background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n\n  &::placeholder {\n    color: var(--placeholder-color);\n  }\n\n  &:hover:not(:disabled, :focus) {\n    border-color: var(--hover-border-color);\n  }\n\n  &:focus {\n    outline: none;\n    border-color: var(--focus-border-color);\n  }\n\n  @include focus-ring;\n\n  &:disabled {\n    cursor: not-allowed;\n    color: var(--disabled-color);\n    border-color: var(--disabled-border-color);\n    background-color: var(--disabled-background-color);\n  }\n}\n\n@mixin text-input-size($padding-y, $padding-x, $font-size, $min-height: null) {\n  padding: $padding-y $padding-x;\n  font-size: $font-size;\n\n  @if $min-height {\n    min-height: $min-height;\n  }\n}\n\n@mixin text-input-wrapper {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-2, 0.5rem);\n}\n\n@mixin text-input-label {\n  display: block;\n  margin-bottom: var(--spacing-1, 0.25rem);\n  color: var(--ivds-text-primary, #121a24);\n  font-size: var(--fontSize-sm, 0.875rem);\n  font-weight: var(--fontWeight-semibold, 600);\n}\n\n@mixin text-input-helper {\n  margin-top: var(--spacing-1, 0.25rem);\n  color: var(--ivds-text-muted, #4d5968);\n  font-size: var(--fontSize-xs, 0.75rem);\n}\n\n@mixin text-input-error-msg {\n  margin-top: var(--spacing-1, 0.25rem);\n  color: var(--color-semantic-error-600, #b72a41);\n  font-size: var(--fontSize-xs, 0.75rem);\n  font-weight: var(--fontWeight-medium, 500);\n  display: inline-flex;\n  align-items: center;\n  gap: var(--spacing-1, 0.25rem);\n}\n\n@mixin text-input-error {\n  @include text-input-error-msg;\n}\n\n@mixin text-input-required {\n  &::after {\n    content: ' *';\n    color: var(--color-semantic-error-500, #d73a50);\n  }\n}\n\n@mixin text-input-with-icon($position: 'left', $icon-size: 1.125rem) {\n  position: relative;\n\n  .ivds-text-input__icon {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: $icon-size;\n    height: $icon-size;\n    color: var(--ivds-text-muted, #4d5968);\n    pointer-events: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    @if $position == 'left' {\n      left: var(--spacing-3, 0.75rem);\n    } @else {\n      right: var(--spacing-3, 0.75rem);\n    }\n  }\n\n  .ivds-text-input {\n    @if $position == 'left' {\n      padding-left: calc(#{$icon-size} + var(--spacing-6, 1.5rem));\n    } @else {\n      padding-right: calc(#{$icon-size} + var(--spacing-6, 1.5rem));\n    }\n  }\n}\n\n@mixin text-input-with-icon-left($icon-size: 1.125rem) {\n  @include text-input-with-icon('left', $icon-size);\n}\n\n@mixin text-input-with-icon-right($icon-size: 1.125rem) {\n  @include text-input-with-icon('right', $icon-size);\n}\n\n@mixin text-input-group {\n  display: flex;\n  align-items: stretch;\n\n  .ivds-text-input {\n    flex: 1;\n    border-radius: 0;\n\n    &:first-child {\n      border-top-left-radius: var(--ivds-radius-s, 0.125rem);\n      border-bottom-left-radius: var(--ivds-radius-s, 0.125rem);\n    }\n\n    &:last-child {\n      border-top-right-radius: var(--ivds-radius-s, 0.125rem);\n      border-bottom-right-radius: var(--ivds-radius-s, 0.125rem);\n    }\n\n    &:not(:first-child) {\n      border-left-width: 0;\n    }\n  }\n\n  .ivds-text-input__addon {\n    display: inline-flex;\n    align-items: center;\n    padding: var(--spacing-3, 0.75rem);\n    background-color: var(--ivds-surface-muted, #f1f3f5);\n    border: 2px solid var(--ivds-border-strong, #a1adba);\n    color: var(--ivds-text-secondary, #36414f);\n    font-size: var(--fontSize-sm, 0.875rem);\n    white-space: nowrap;\n\n    &:first-child {\n      border-right-width: 0;\n      border-top-left-radius: var(--ivds-radius-s, 0.125rem);\n      border-bottom-left-radius: var(--ivds-radius-s, 0.125rem);\n    }\n\n    &:last-child {\n      border-left-width: 0;\n      border-top-right-radius: var(--ivds-radius-s, 0.125rem);\n      border-bottom-right-radius: var(--ivds-radius-s, 0.125rem);\n    }\n  }\n}\n\n@mixin text-input-state-error {\n  .ivds-text-input {\n    border-color: var(--color-semantic-error-500, #d73a50);\n\n    &:focus-visible {\n      outline-color: var(--color-semantic-error-500, #d73a50);\n    }\n  }\n\n  .ivds-text-input__label {\n    color: var(--color-semantic-error-700, #922036);\n  }\n}\n\n@mixin text-input-state($border-color, $focus-border-color: null, $focus-outline-color: null) {\n  border-color: $border-color;\n\n  @if $focus-border-color {\n    &:focus {\n      border-color: $focus-border-color;\n    }\n  }\n\n  @if $focus-outline-color {\n    &:focus-visible {\n      outline-color: $focus-outline-color;\n    }\n  }\n}\n\n@mixin text-input-state-success {\n  .ivds-text-input {\n    border-color: var(--color-semantic-success-500, #19895d);\n\n    &:focus-visible {\n      outline-color: var(--color-semantic-success-500, #19895d);\n    }\n  }\n}\n","// Checkbox component styles\r\n// Core styling for modern checkboxes, groups, and indeterminate states\r\n/* stylelint-disable no-descending-specificity */\r\n\r\n@use '_checkbox-mixin' as checkbox;\r\n\r\n.ivds-checkbox {\r\n  @include checkbox.checkbox-base;\r\n  \r\n  // Elements\r\n  &__input {\r\n    @include checkbox.checkbox-input;\r\n    \r\n    &:checked + .ivds-checkbox__box {\r\n      @include checkbox.checkbox-checked;\r\n    }\r\n    \r\n    &:focus-visible + .ivds-checkbox__box {\r\n      @include checkbox.checkbox-focus;\r\n    }\r\n    \r\n    &[aria-checked=\"mixed\"] + .ivds-checkbox__box {\r\n      @include checkbox.checkbox-indeterminate;\r\n    }\r\n    \r\n    &:disabled + .ivds-checkbox__box,\r\n    &:disabled ~ .ivds-checkbox__label {\r\n      cursor: not-allowed;\r\n      opacity: 0.6;\r\n    }\r\n  }\r\n  \r\n  &__box {\r\n    @include checkbox.checkbox-box(20px);\r\n  }\r\n  \r\n  &__label {\n    font-size: var(--fontSize-base, 1rem);\n    font-weight: var(--fontWeight-medium, 500);\n    color: var(--ivds-text-secondary, #36414f);\n  }\n  \r\n  // States\r\n  &--disabled {\r\n    @include checkbox.checkbox-disabled;\r\n  }\r\n  \r\n  &--error {\n    .ivds-checkbox__box {\n      border-color: var(--color-semantic-error-500, #d73a50);\n    }\n\n    .ivds-checkbox__label {\n      color: var(--color-semantic-error-700, #922036);\n    }\n  }\n}\n\r\n// Checkbox Group\r\n.ivds-checkbox-group {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-3, 0.75rem);\r\n  \r\n  &--horizontal {\r\n    flex-direction: row;\r\n    flex-wrap: wrap;\r\n    gap: var(--spacing-6, 1.5rem);\r\n  }\r\n}\r\n","// Checkbox component mixins and private styles\n/* stylelint-disable no-descending-specificity */\n\n@use '../../base/focus' as *;\n\n@mixin checkbox-base {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--spacing-3, 0.75rem);\n  min-height: 48px;\n  cursor: pointer;\n  user-select: none;\n  font-family: var(--fontFamily-primary, system-ui, sans-serif);\n\n  &:hover .ivds-checkbox__box {\n    border-color: var(--color-brand-accent-600, #1058b8);\n  }\n}\n\n@mixin checkbox-input {\n  position: absolute;\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n@mixin checkbox-box($size: 20px) {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: $size;\n  height: $size;\n  border: 2px solid var(--ivds-border-strong, #a1adba);\n  border-radius: var(--ivds-radius-xs, 0);\n  background-color: var(--ivds-surface-base, #fff);\n  transition:\n    border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n    background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n    box-shadow var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n\n  &::after {\n    content: '';\n    width: 9px;\n    height: 5px;\n    border: 2px solid #fff;\n    border-top: none;\n    border-right: none;\n    transform: rotate(-45deg) scale(0);\n    transform-origin: center;\n    transition: transform var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n  }\n}\n\n@mixin checkbox-checked {\n  border-color: var(--color-brand-accent-600, #1058b8);\n  background-color: var(--color-brand-accent-600, #1058b8);\n\n  &::after {\n    transform: rotate(-45deg) scale(1);\n  }\n}\n\n@mixin checkbox-indeterminate {\n  border-color: var(--color-brand-accent-600, #1058b8);\n  background-color: var(--color-brand-accent-600, #1058b8);\n\n  &::after {\n    width: 10px;\n    height: 2px;\n    border: none;\n    background-color: #fff;\n    transform: scaleX(1);\n  }\n}\n\n@mixin checkbox-focus {\n  outline: var(--ivds-focus-ring-width, 3px) solid var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8));\n  outline-offset: var(--ivds-focus-ring-offset, 2px);\n  box-shadow: none;\n}\n\n@mixin checkbox-disabled {\n  opacity: 0.62;\n  cursor: not-allowed;\n\n  .ivds-checkbox__box {\n    border-color: var(--ivds-border-subtle, #e2e7ec);\n    background-color: var(--ivds-surface-muted, #f1f3f5);\n  }\n}\n","// Radio button component styles\r\n// Core styling for modern radio buttons, groups, and interactive cards\r\n/* stylelint-disable no-descending-specificity */\r\n\r\n@use '_radio-button-mixin' as radio;\r\n\r\n.ivds-radio-button {\r\n  @include radio.radio-button-base;\r\n  \r\n  // Elements\r\n  &__input {\r\n    @include radio.radio-button-input;\r\n    \r\n    &:checked + .ivds-radio-button__circle {\r\n      @include radio.radio-button-checked;\r\n    }\r\n    \r\n    &:focus-visible + .ivds-radio-button__circle {\r\n      @include radio.radio-button-focus;\r\n    }\r\n    \r\n    &:disabled + .ivds-radio-button__circle,\r\n    &:disabled ~ .ivds-radio-button__label {\r\n      cursor: not-allowed;\r\n      opacity: 0.6;\r\n    }\r\n  }\r\n  \r\n  &__circle {\r\n    @include radio.radio-button-circle(20px);\r\n  }\r\n  \r\n  &__label {\n    font-size: var(--fontSize-base, 1rem);\n    font-weight: var(--fontWeight-medium, 500);\n    color: var(--ivds-text-secondary, #36414f);\n  }\n  \r\n  // States\r\n  &--disabled {\r\n    @include radio.radio-button-disabled;\r\n  }\r\n  \r\n  // Variants\r\n  &--card {\r\n    @include radio.radio-button-card;\r\n  }\r\n}\r\n\r\n// Radio Group\r\n.ivds-radio-group {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-3, 0.75rem);\r\n  \r\n  &--horizontal {\r\n    flex-direction: row;\r\n    flex-wrap: wrap;\r\n    gap: var(--spacing-6, 1.5rem);\r\n  }\r\n}\n","// Radio button component mixins and private styles\n/* stylelint-disable no-descending-specificity */\n\n@mixin radio-button-base {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--spacing-3, 0.75rem);\n  min-height: 48px;\n  cursor: pointer;\n  user-select: none;\n  font-family: var(--fontFamily-primary, system-ui, sans-serif);\n\n  &:hover .ivds-radio-button__circle {\n    border-color: var(--color-brand-accent-600, #1058b8);\n  }\n}\n\n@mixin radio-button-input {\n  position: absolute;\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n@mixin radio-button-circle($size: 20px) {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: $size;\n  height: $size;\n  border: 2px solid var(--ivds-border-strong, #a1adba);\n  border-radius: var(--borderRadius-full, 9999px);\n  background-color: var(--ivds-surface-base, #fff);\n  transition:\n    border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n    box-shadow var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n\n  &::after {\n    content: '';\n    width: calc($size * 0.48);\n    height: calc($size * 0.48);\n    border-radius: var(--borderRadius-full, 9999px);\n    background-color: var(--color-brand-accent-600, #1058b8);\n    transform: scale(0);\n    transition: transform var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n  }\n}\n\n@mixin radio-button-checked {\n  border-color: var(--color-brand-accent-600, #1058b8);\n\n  &::after {\n    transform: scale(1);\n  }\n}\n\n@mixin radio-button-focus {\n  outline: var(--ivds-focus-ring-width, 3px) solid var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8));\n  outline-offset: var(--ivds-focus-ring-offset, 2px);\n  box-shadow: none;\n}\n\n@mixin radio-button-disabled {\n  opacity: 0.62;\n  cursor: not-allowed;\n\n  .ivds-radio-button__circle {\n    border-color: var(--ivds-border-subtle, #e2e7ec);\n    background-color: var(--ivds-surface-muted, #f1f3f5);\n  }\n}\n\n@mixin radio-button-card {\n  padding: var(--spacing-4, 1rem) var(--spacing-6, 1.5rem);\n  border: 1px solid var(--ivds-border-subtle, #e2e7ec);\n  border-radius: var(--ivds-radius-s, 0.125rem);\n  background-color: var(--ivds-surface-base, #fff);\n  transition:\n    border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n    background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n\n  &:hover {\n    border-color: var(--color-brand-accent-600, #1058b8);\n    background-color: var(--color-brand-accent-50, #eef4ff);\n  }\n\n  &.ivds-radio-button--checked {\n    border-color: var(--color-brand-accent-600, #1058b8);\n    background-color: var(--color-brand-accent-50, #eef4ff);\n  }\n}\n","// Switch (Toggle) component styles\n// Premium toggle switches for binary choices and settings\n/* stylelint-disable no-descending-specificity */\n\n@use '_switch-mixin' as sw;\n\n.ivds-switch {\n  @include sw.switch-base;\n  \n  // Elements\n  &__input {\n    @include sw.switch-input;\n    \n    &:checked + .ivds-switch__track {\n      @include sw.switch-checked;\n    }\n    \n    &:focus-visible + .ivds-switch__track {\n      @include sw.switch-focus;\n    }\n    \n    &:disabled + .ivds-switch__track {\n      cursor: not-allowed;\n    }\n  }\n  \n  &__track {\n    @include sw.switch-track;\n  }\n  \n  &__label {\n    font-size: var(--fontSize-base, 1rem);\n    font-weight: var(--fontWeight-medium, 500);\n    color: var(--ivds-text-secondary, #36414f);\n  }\n  \n  // Sizes\n  &--small {\n    .ivds-switch__track {\n      @include sw.switch-track(36px, 20px);\n    }\n    \n    .ivds-switch__input:checked + .ivds-switch__track::after {\n      transform: translateX(16px);\n    }\n  }\n  \n  &--large {\n    .ivds-switch__track {\n      @include sw.switch-track(52px, 28px);\n    }\n    \n    .ivds-switch__input:checked + .ivds-switch__track::after {\n      transform: translateX(24px);\n    }\n  }\n  \n  // States\n  &--disabled {\n    @include sw.switch-disabled;\n  }\n}\n","// Switch (Toggle) component mixins and private styles\n/* stylelint-disable no-descending-specificity */\n\n@mixin switch-base {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--spacing-3, 0.75rem);\n  min-height: 48px;\n  cursor: pointer;\n  user-select: none;\n  font-family: var(--fontFamily-primary, system-ui, sans-serif);\n}\n\n@mixin switch-input {\n  position: absolute;\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n@mixin switch-track($width: 46px, $height: 26px) {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  width: $width;\n  height: $height;\n  padding: 2px;\n  border: 2px solid var(--ivds-border-strong, #a1adba);\n  border-radius: var(--borderRadius-full, 9999px);\n  background-color: var(--ivds-surface-muted, #f1f3f5);\n  transition:\n    background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n    border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n    box-shadow var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n\n  &::after {\n    content: '';\n    width: calc($height - 6px);\n    height: calc($height - 6px);\n    border-radius: var(--borderRadius-full, 9999px);\n    background-color: #fff;\n    box-shadow: var(--ivds-shadow-sm, 0 1px 2px rgba(15, 23, 42, 0.08));\n    transition: transform var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n  }\n}\n\n@mixin switch-checked($bg-color: var(--color-brand-accent-600, #1058b8)) {\n  background-color: $bg-color;\n  border-color: $bg-color;\n\n  &::after {\n    transform: translateX(20px);\n  }\n}\n\n@mixin switch-focus {\n  outline: var(--ivds-focus-ring-width, 3px) solid var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8));\n  outline-offset: var(--ivds-focus-ring-offset, 2px);\n  box-shadow: none;\n}\n\n@mixin switch-disabled {\n  opacity: 0.62;\n  cursor: not-allowed;\n\n  .ivds-switch__track {\n    border-color: var(--ivds-border-subtle, #e2e7ec);\n    background-color: var(--ivds-surface-muted, #f1f3f5);\n  }\n}\n","// Select component styles\n// Core styling for native and custom-looking select dropdowns\n/* stylelint-disable no-descending-specificity */\n\n@use '_select-mixin' as select;\n\n.ivds-select-wrapper {\n  @include select.select-wrapper;\n}\n\n.ivds-select {\n  @include select.select-base;\n  \n  // Sizes\n  &--small {\n    padding-top: var(--spacing-2, 0.5rem);\n    padding-bottom: var(--spacing-2, 0.5rem);\n    font-size: var(--fontSize-sm, 0.875rem);\n    border-radius: var(--ivds-radius-s, 0.125rem);\n  }\n  \n  &--large {\n    padding-top: var(--spacing-4, 1rem);\n    padding-bottom: var(--spacing-4, 1rem);\n    font-size: var(--fontSize-lg, 1.125rem);\n  }\n  \n  // States\n  &:disabled {\n    @include select.select-disabled;\n  }\n  \n  &--error {\n    @include select.select-error;\n  }\n}\n\n.ivds-select__label {\n  font-size: var(--fontSize-sm, 0.875rem);\n  font-weight: var(--fontWeight-semibold, 600);\n  color: var(--ivds-text-primary, #121a24);\n}\n\n.ivds-select__helper {\n  font-size: var(--fontSize-xs, 0.75rem);\n  color: var(--ivds-text-muted, #4d5968);\n}\n","// Select component mixins and private styles\n/* stylelint-disable no-descending-specificity */\n\n@use '../../base/focus' as *;\n\n@mixin select-base {\n  // Per-component CSS variable API\n  --background-color: var(--ivds-surface-base, #fff);\n  --border-color: var(--ivds-border-strong, #a1adba);\n  --border-radius: var(--ivds-radius-s, 0.125rem);\n  --color: var(--ivds-text-primary, #121a24);\n  --focus-border-color: var(--color-brand-accent-600, #1058b8);\n  --min-height: 48px;\n\n  display: block;\n  width: 100%;\n  min-height: var(--min-height);\n  appearance: none;\n  cursor: pointer;\n  border: 2px solid var(--border-color);\n  border-radius: var(--border-radius);\n  background-color: var(--background-color);\n  color: var(--color);\n  font-family: var(--fontFamily-primary, system-ui, sans-serif);\n  font-size: var(--fontSize-base, 1rem);\n  line-height: var(--lineHeight-normal, 1.5);\n  padding: var(--spacing-3, 0.75rem) var(--spacing-4, 1rem);\n  padding-right: var(--spacing-10, 2.5rem);\n  transition:\n    border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n    box-shadow var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n    background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%234d5968' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right var(--spacing-3, 0.75rem) center;\n  background-size: 1rem;\n\n  &:hover:not(:disabled, :focus) {\n    border-color: var(--color-semantic-neutral-600, #4d5968);\n  }\n\n  &:focus {\n    outline: none;\n    border-color: var(--focus-border-color);\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230050c8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  }\n\n  @include focus-ring;\n}\n\n@mixin select-wrapper {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-2, 0.5rem);\n}\n\n@mixin select-disabled {\n  cursor: not-allowed;\n  opacity: 0.74;\n  color: var(--ivds-text-muted, #4d5968);\n  border-color: var(--ivds-border-subtle, #e2e7ec);\n  background-color: var(--ivds-surface-muted, #f1f3f5);\n}\n\n@mixin select-error {\n  border-color: var(--color-semantic-error-500, #d73a50);\n\n  &:focus {\n    border-color: var(--color-semantic-error-500, #d73a50);\n  }\n\n  &:focus-visible {\n    outline-color: var(--color-semantic-error-500, #d73a50);\n  }\n}\n","// Card component styles\n// Provides styling for the IVDS card component with all variants, sections, and states\n\n@use '_card-mixin' as card;\n\n// Card Base\n.ivds-card {\n  @include card.card-base;\n  @include card.card-variant(\n    var(--ivds-surface-base, #fff),\n    var(--ivds-border-subtle, #e2e7ec),\n    none\n  );\n  \n  // Card sections\n  &__header {\n    @include card.card-header;\n  }\n  \n  &__body {\n    @include card.card-body;\n  }\n  \n  &__footer {\n    @include card.card-footer;\n  }\n  \n  &__media {\n    @include card.card-media;\n  }\n  \n  // Card content elements\n  &__title {\n    @include card.card-title;\n  }\n  \n  &__subtitle {\n    @include card.card-subtitle;\n  }\n  \n  &__content {\n    @include card.card-content;\n  }\n  \n  &__actions {\n    @include card.card-actions;\n  }\n  \n  // Content wrapper for horizontal cards\n  &__content-wrapper {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n  }\n  \n  // Overlay for media cards\n  &__overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(to bottom, rgba(var(--ivds-overlay-rgb, 18, 26, 36), 0.08) 0%, rgba(var(--ivds-overlay-rgb, 18, 26, 36), 0.82) 100%);\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    padding: var(--spacing-6, 1.5rem);\n    color: var(--ivds-text-on-strong, #fff);\n    \n    .ivds-card__title,\n    .ivds-card__subtitle,\n    .ivds-card__content {\n      color: inherit;\n    }\n  }\n}\n\n// Card Variants\n.ivds-card--flat {\n  @include card.card-variant(\n    var(--ivds-surface-base, #fff),\n    transparent,\n    none\n  );\n}\n\n.ivds-card--bordered {\n  @include card.card-variant(\n    var(--ivds-surface-base, #fff),\n    var(--ivds-border-strong, #a1adba),\n    none\n  );\n}\n\n.ivds-card--elevated {\n  @include card.card-variant(\n    var(--ivds-surface-base, #fff),\n    var(--ivds-border-subtle, #e2e7ec),\n    var(--ivds-shadow-md, 0 1px 2px rgba(7, 11, 16, 0.12))\n  );\n}\n\n.ivds-card--floating {\n  @include card.card-variant(\n    var(--ivds-surface-base, #fff),\n    transparent,\n    var(--ivds-shadow-lg, 0 4px 10px rgba(7, 11, 16, 0.14))\n  );\n}\n\n// Interactive card\n.ivds-card--interactive {\n  @include card.card-interactive;\n}\n\n// Card sizes\n.ivds-card--compact {\n  @include card.card-compact;\n}\n\n.ivds-card--spacious {\n  @include card.card-spacious;\n}\n\n// Card layouts\n.ivds-card--horizontal {\n  @include card.card-horizontal;\n}\n\n.ivds-card--overlay {\n  @include card.card-overlay;\n}\n\n// Card semantic variants\n.ivds-card--success {\n  @include card.card-variant(\n    var(--color-semantic-success-50, #edf9f4),\n    var(--color-ui-success-200, #b8e9d2)\n  );\n  \n  .ivds-card__title {\n    color: var(--color-semantic-success-700, #0a573a);\n  }\n  \n  .ivds-card__content {\n    color: var(--color-semantic-success-600, #0f6f4a);\n  }\n}\n\n.ivds-card--warning {\n  @include card.card-variant(\n    var(--color-semantic-warning-50, #fff8eb),\n    var(--color-ui-warning-200, #f6d6a7)\n  );\n  \n  .ivds-card__title {\n    color: var(--color-semantic-warning-700, #834b08);\n  }\n  \n  .ivds-card__content {\n    color: var(--color-semantic-warning-600, #a76009);\n  }\n}\n\n.ivds-card--error {\n  @include card.card-variant(\n    var(--color-semantic-error-50, #fff1f2),\n    var(--color-ui-error-200, #f2b8c1)\n  );\n  \n  .ivds-card__title {\n    color: var(--color-semantic-error-700, #922036);\n  }\n  \n  .ivds-card__content {\n    color: var(--color-semantic-error-600, #b72a41);\n  }\n}\n\n.ivds-card--info {\n  @include card.card-variant(\n    var(--color-semantic-info-50, #edf4ff),\n    var(--color-ui-info-200, #bfd7ff)\n  );\n  \n  .ivds-card__title {\n    color: var(--color-semantic-info-700, #003d99);\n  }\n  \n  .ivds-card__content {\n    color: var(--color-semantic-info-600, #0050c8);\n  }\n}\n","// Card component mixins and private styles\n/* stylelint-disable no-descending-specificity */\n\n@use '../../base/focus' as *;\n\n@mixin card-base {\n  // Per-component CSS variable API\n  --background-color: var(--ivds-surface-base, #fff);\n  --border-color: var(--ivds-border-subtle, #e2e7ec);\n  --border-radius: var(--ivds-radius-m, 0.25rem);\n  --box-shadow: none;\n  --padding: var(--spacing-6, 1.5rem);\n  --hover-border-color: var(--color-brand-accent-500, #1a6bdb);\n  --hover-box-shadow: var(--ivds-shadow-md, 0 1px 2px rgba(7, 11, 16, 0.12));\n\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  overflow: hidden;\n  background-color: var(--background-color);\n  border: 1px solid var(--border-color);\n  border-radius: var(--border-radius);\n  box-shadow: var(--box-shadow);\n  transition:\n    border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n    box-shadow var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n    background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n}\n\n@mixin card-variant($bg-color, $border-color: null, $shadow: null) {\n  --background-color: #{$bg-color};\n\n  @if $border-color {\n    --border-color: #{$border-color};\n  }\n\n  @if $shadow {\n    --box-shadow: #{$shadow};\n  }\n}\n\n@mixin card-variant-glass {\n  background: rgba(255, 255, 255, 0.92);\n  border-color: var(--ivds-border-subtle, #e2e7ec);\n}\n\n@mixin card-variant-raised {\n  box-shadow: var(--ivds-shadow-md, 0 1px 2px rgba(7, 11, 16, 0.12));\n}\n\n@mixin card-section($padding: var(--spacing-6, 1.5rem)) {\n  padding: $padding;\n}\n\n@mixin card-header($padding: var(--spacing-6, 1.5rem), $border-bottom: true) {\n  @include card-section($padding);\n\n  @if $border-bottom {\n    border-bottom: 1px solid var(--ivds-border-subtle, #e2e7ec);\n  }\n}\n\n@mixin card-body($padding: var(--spacing-6, 1.5rem)) {\n  @include card-section($padding);\n\n  flex: 1;\n}\n\n@mixin card-footer(\n  $padding: var(--spacing-4, 1rem) var(--spacing-6, 1.5rem),\n  $bg-color: var(--ivds-surface-muted, #f1f3f5),\n  $border-top: true\n) {\n  @include card-section($padding);\n\n  background-color: $bg-color;\n\n  @if $border-top {\n    border-top: 1px solid var(--ivds-border-subtle, #e2e7ec);\n  }\n}\n\n@mixin card-media {\n  position: relative;\n  overflow: hidden;\n\n  img,\n  video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform var(--ivds-motion-normal, 250ms) var(--ivds-motion-ease, ease);\n  }\n}\n\n@mixin card-title($font-size: var(--fontSize-xl, 1.25rem), $font-weight: var(--fontWeight-semibold, 600)) {\n  margin: 0 0 var(--spacing-1, 0.25rem);\n  color: var(--ivds-text-primary, #121a24);\n  font-size: $font-size;\n  font-weight: $font-weight;\n  line-height: var(--lineHeight-tight, 1.25);\n}\n\n@mixin card-subtitle($font-size: var(--fontSize-sm, 0.875rem)) {\n  margin: 0 0 var(--spacing-4, 1rem);\n  color: var(--ivds-text-muted, #4d5968);\n  font-size: $font-size;\n  font-weight: var(--fontWeight-medium, 500);\n}\n\n@mixin card-content {\n  margin: 0;\n  color: var(--ivds-text-secondary, #36414f);\n  line-height: var(--lineHeight-relaxed, 1.625);\n}\n\n@mixin card-actions($justify: flex-start, $gap: var(--spacing-3, 0.75rem)) {\n  display: flex;\n  align-items: center;\n  justify-content: $justify;\n  flex-wrap: wrap;\n  gap: $gap;\n  margin-top: var(--spacing-4, 1rem);\n}\n\n@mixin card-compact {\n  .ivds-card__header {\n    @include card-header(var(--spacing-4, 1rem));\n  }\n\n  .ivds-card__body {\n    @include card-body(var(--spacing-4, 1rem));\n  }\n\n  .ivds-card__footer {\n    @include card-footer(var(--spacing-3, 0.75rem) var(--spacing-4, 1rem));\n  }\n}\n\n@mixin card-spacious {\n  .ivds-card__header {\n    @include card-header(var(--spacing-8, 2rem));\n  }\n\n  .ivds-card__body {\n    @include card-body(var(--spacing-8, 2rem));\n  }\n\n  .ivds-card__footer {\n    @include card-footer(var(--spacing-6, 1.5rem) var(--spacing-8, 2rem));\n  }\n}\n\n@mixin card-horizontal {\n  flex-direction: row;\n\n  .ivds-card__media {\n    width: 220px;\n    flex-shrink: 0;\n  }\n\n  .ivds-card__content-wrapper {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n  }\n}\n\n@mixin card-overlay {\n  position: relative;\n\n  .ivds-card__overlay {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    justify-content: flex-end;\n    flex-direction: column;\n    padding: var(--spacing-6, 1.5rem);\n    color: var(--ivds-text-on-strong, #fff);\n    background: linear-gradient(to bottom, rgba(18, 26, 36, 0.08) 0%, rgba(18, 26, 36, 0.82) 100%);\n\n    .ivds-card__title,\n    .ivds-card__subtitle,\n    .ivds-card__content {\n      color: inherit;\n    }\n  }\n}\n\n@mixin card-interactive {\n  cursor: pointer;\n\n  &:hover {\n    border-color: var(--hover-border-color);\n    box-shadow: var(--hover-box-shadow);\n\n    .ivds-card__media img {\n      transform: scale(1.01);\n    }\n  }\n\n  &:active {\n    box-shadow: var(--ivds-shadow-sm, 0 1px 0 rgba(7, 11, 16, 0.10));\n  }\n\n  @include focus-ring;\n}\n","// Notification component mixins and private styles\n\n@use '../../base/focus' as *;\n\n@mixin notification-base {\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  padding: var(--spacing-4, 1rem);\n  border: 1px solid var(--ivds-border-subtle, #e2e7ec);\n  border-left-width: 4px;\n  border-radius: var(--ivds-radius-s, 0.125rem);\n  box-shadow: none;\n}\n\n@mixin notification-variant($bg-color, $border-color, $text-color, $title-color) {\n  background-color: $bg-color;\n  border-color: $border-color;\n  border-left-color: $border-color;\n\n  .ivds-notification__title {\n    color: $title-color;\n  }\n\n  .ivds-notification__message {\n    color: $text-color;\n  }\n\n  .ivds-notification__icon {\n    color: $border-color;\n  }\n}\n\n@mixin notification-icon {\n  flex-shrink: 0;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-right: var(--spacing-3, 0.75rem);\n  margin-top: var(--spacing-1, 0.25rem);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n@mixin notification-content {\n  min-width: 0;\n  flex: 1;\n}\n\n@mixin notification-title($font-size: var(--fontSize-base, 1rem), $font-weight: var(--fontWeight-semibold, 600)) {\n  margin: 0 0 var(--spacing-1, 0.25rem);\n  font-size: $font-size;\n  font-weight: $font-weight;\n  line-height: var(--lineHeight-tight, 1.25);\n}\n\n@mixin notification-message($font-size: var(--fontSize-sm, 0.875rem)) {\n  margin: 0;\n  font-size: $font-size;\n  line-height: var(--lineHeight-relaxed, 1.625);\n}\n\n@mixin notification-dismissible {\n  padding-right: var(--spacing-12, 3rem);\n\n  .ivds-notification__dismiss {\n    position: absolute;\n    top: var(--spacing-3, 0.75rem);\n    right: var(--spacing-3, 0.75rem);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 1.75rem;\n    height: 1.75rem;\n    border: 1px solid transparent;\n    border-radius: var(--ivds-radius-xs, 0);\n    background: transparent;\n    color: inherit;\n    cursor: pointer;\n    opacity: 0.78;\n    transition:\n      opacity var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n      background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n      border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n\n    &:hover {\n      opacity: 1;\n      border-color: rgba(18, 26, 36, 0.16);\n      background-color: rgba(18, 26, 36, 0.06);\n    }\n\n    @include focus-ring;\n\n    &:focus-visible {\n      opacity: 1;\n    }\n  }\n}\n\n@mixin notification-actions {\n  margin-top: var(--spacing-3, 0.75rem);\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-2, 0.5rem);\n}\n\n@mixin notification-compact {\n  padding: var(--spacing-3, 0.75rem);\n\n  .ivds-notification__icon {\n    margin-right: var(--spacing-2, 0.5rem);\n    width: 1rem;\n    height: 1rem;\n  }\n\n  .ivds-notification__title {\n    @include notification-title(var(--fontSize-sm, 0.875rem));\n  }\n\n  .ivds-notification__message {\n    @include notification-message(var(--fontSize-xs, 0.75rem));\n  }\n}\n\n@mixin notification-spacious {\n  padding: var(--spacing-6, 1.5rem);\n\n  .ivds-notification__icon {\n    margin-right: var(--spacing-4, 1rem);\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n\n  .ivds-notification__title {\n    @include notification-title(var(--fontSize-lg, 1.125rem), var(--fontWeight-semibold, 600));\n  }\n\n  .ivds-notification__message {\n    @include notification-message(var(--fontSize-base, 1rem));\n  }\n}\n\n@mixin notification-with-actions {\n  .ivds-notification__content {\n    padding-bottom: var(--spacing-1, 0.25rem);\n  }\n}\n\n@mixin notification-slide-in {\n  animation: ivds-notification-slide-in 0.28s ease-out;\n}\n\n@mixin notification-slide-out {\n  animation: ivds-notification-slide-out 0.2s ease-in forwards;\n}\n\n@mixin notification-fade-in {\n  animation: ivds-notification-fade-in 0.26s ease-out;\n}\n\n@mixin notification-fade-out {\n  animation: ivds-notification-fade-out 0.2s ease-in forwards;\n}\n\n@keyframes ivds-notification-slide-in {\n  from {\n    opacity: 0;\n    transform: translateX(24px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes ivds-notification-slide-out {\n  from {\n    opacity: 1;\n    transform: translateX(0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translateX(24px);\n  }\n}\n\n@keyframes ivds-notification-fade-in {\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes ivds-notification-fade-out {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n}\n","// Notification component styles\r\n// Provides styling for the IVDS notification component with all variants, dismissible functionality, and states\r\n\r\n@use '_notification-mixin' as notification;\r\n\r\n// Notification Base\r\n.ivds-notification {\r\n  @include notification.notification-base;\r\n  \r\n  // Notification elements\r\n  &__icon {\r\n    @include notification.notification-icon;\r\n  }\r\n  \r\n  &__content {\r\n    @include notification.notification-content;\r\n  }\r\n  \r\n  &__title {\r\n    @include notification.notification-title;\r\n  }\r\n  \r\n  &__message {\r\n    @include notification.notification-message;\r\n  }\r\n  \r\n  &__actions {\r\n    @include notification.notification-actions;\r\n  }\r\n  \r\n  // Dismiss button (added when dismissible)\r\n  &__dismiss {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 1.5rem;\r\n    height: 1.5rem;\r\n    \r\n    svg {\r\n      width: 1rem;\r\n      height: 1rem;\r\n      fill: currentcolor;\r\n    }\r\n  }\r\n}\r\n\r\n// Notification Variants\r\n.ivds-notification--success {\n  @include notification.notification-variant(\n    var(--color-semantic-success-50, #edf9f4),\n    var(--color-semantic-success-500, #19895d),\n    var(--color-semantic-success-700, #0a573a),\n    var(--color-semantic-success-700, #0a573a)\n  );\n}\n\n.ivds-notification--warning {\n  @include notification.notification-variant(\n    var(--color-semantic-warning-50, #fff8eb),\n    var(--color-semantic-warning-500, #ce790b),\n    var(--color-semantic-warning-700, #834b08),\n    var(--color-semantic-warning-700, #834b08)\n  );\n}\n\n.ivds-notification--error {\n  @include notification.notification-variant(\n    var(--color-semantic-error-50, #fff1f2),\n    var(--color-semantic-error-500, #d73a50),\n    var(--color-semantic-error-700, #922036),\n    var(--color-semantic-error-700, #922036)\n  );\n}\n\n.ivds-notification--info {\n  @include notification.notification-variant(\n    var(--color-semantic-info-50, #edf4ff),\n    var(--color-semantic-info-500, #1f6fe5),\n    var(--color-semantic-info-700, #003d99),\n    var(--color-semantic-info-700, #003d99)\n  );\n}\n\r\n// Dismissible notifications\r\n.ivds-notification--dismissible {\r\n  @include notification.notification-dismissible;\r\n}\r\n\r\n// Size variants\r\n.ivds-notification--compact {\r\n  @include notification.notification-compact;\r\n}\r\n\r\n.ivds-notification--spacious {\r\n  @include notification.notification-spacious;\r\n}\r\n\r\n// Notifications with actions\r\n.ivds-notification--with-actions {\r\n  @include notification.notification-with-actions;\r\n}\r\n\r\n// Animation classes\r\n.ivds-notification--slide-in {\r\n  @include notification.notification-slide-in;\r\n}\r\n\r\n.ivds-notification--slide-out {\r\n  @include notification.notification-slide-out;\r\n}\r\n\r\n.ivds-notification--fade-in {\r\n  @include notification.notification-fade-in;\r\n}\r\n\r\n.ivds-notification--fade-out {\r\n  @include notification.notification-fade-out;\r\n}\n","// Tag component styles\n// Institutional tags for status, metadata and filtering.\n\n@use '_tag-mixin' as tag;\n\n.ivds-tag {\n  @include tag.tag-base;\n  @include tag.tag-size(var(--spacing-1, 0.25rem), var(--spacing-3, 0.75rem), var(--fontSize-sm, 0.875rem), 24px);\n  @include tag.tag-with-icon;\n  @include tag.tag-variant(\n    var(--ivds-surface-muted, #f1f3f5),\n    var(--ivds-text-secondary, #36414f),\n    var(--ivds-border-subtle, #e2e7ec),\n    var(--color-semantic-neutral-200, #e2e7ec)\n  );\n\n  &__icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n\n    svg {\n      width: 1em;\n      height: 1em;\n      fill: currentcolor;\n    }\n  }\n\n  &__text {\n    flex: 1;\n  }\n\n  &__remove {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n\n    svg {\n      width: 0.875em;\n      height: 0.875em;\n      fill: currentcolor;\n    }\n  }\n}\n\n.ivds-tag--primary {\n  @include tag.tag-variant(\n    var(--color-brand-accent-50, #eef4ff),\n    var(--color-brand-accent-700, #0b4593),\n    var(--color-brand-accent-200, #bfd7ff),\n    var(--color-brand-accent-100, #dbe9ff)\n  );\n}\n\n.ivds-tag--success {\n  @include tag.tag-variant(\n    var(--color-semantic-success-50, #edf9f4),\n    var(--color-semantic-success-700, #0a573a),\n    var(--color-ui-success-200, #b8e9d2),\n    var(--color-ui-success-100, #d6f3e5)\n  );\n}\n\n.ivds-tag--warning {\n  @include tag.tag-variant(\n    var(--color-semantic-warning-50, #fff8eb),\n    var(--color-semantic-warning-700, #834b08),\n    var(--color-ui-warning-200, #f6d6a7),\n    var(--color-ui-warning-100, #fcebcf)\n  );\n}\n\n.ivds-tag--error {\n  @include tag.tag-variant(\n    var(--color-semantic-error-50, #fff1f2),\n    var(--color-semantic-error-700, #922036),\n    var(--color-ui-error-200, #f2b8c1),\n    var(--color-ui-error-100, #f9dbe0)\n  );\n}\n\n.ivds-tag--info {\n  @include tag.tag-variant(\n    var(--color-semantic-info-50, #edf4ff),\n    var(--color-semantic-info-700, #003d99),\n    var(--color-ui-info-200, #bfd7ff),\n    var(--color-ui-info-100, #dbe9ff)\n  );\n}\n\n.ivds-tag--outlined {\n  &.ivds-tag {\n    @include tag.tag-outlined(\n      var(--ivds-border-strong, #a1adba),\n      var(--ivds-text-secondary, #36414f),\n      var(--ivds-surface-muted, #f1f3f5)\n    );\n  }\n\n  &.ivds-tag--primary {\n    @include tag.tag-outlined(\n      var(--color-brand-accent-300, #93bcff),\n      var(--color-brand-accent-700, #0b4593),\n      var(--color-brand-accent-50, #eef4ff)\n    );\n  }\n\n  &.ivds-tag--success {\n    @include tag.tag-outlined(\n      var(--color-ui-success-300, #86d7b8),\n      var(--color-semantic-success-700, #0a573a),\n      var(--color-semantic-success-50, #edf9f4)\n    );\n  }\n\n  &.ivds-tag--warning {\n    @include tag.tag-outlined(\n      var(--color-ui-warning-300, #efbf76),\n      var(--color-semantic-warning-700, #834b08),\n      var(--color-semantic-warning-50, #fff8eb)\n    );\n  }\n\n  &.ivds-tag--error {\n    @include tag.tag-outlined(\n      var(--color-ui-error-300, #e68f9d),\n      var(--color-semantic-error-700, #922036),\n      var(--color-semantic-error-50, #fff1f2)\n    );\n  }\n\n  &.ivds-tag--info {\n    @include tag.tag-outlined(\n      var(--color-ui-info-300, #93bcff),\n      var(--color-semantic-info-700, #003d99),\n      var(--color-semantic-info-50, #edf4ff)\n    );\n  }\n}\n\n.ivds-tag--solid {\n  &.ivds-tag {\n    @include tag.tag-solid(\n      var(--color-semantic-neutral-700, #36414f),\n      #fff,\n      var(--color-semantic-neutral-800, #202a36)\n    );\n  }\n\n  &.ivds-tag--primary {\n    @include tag.tag-solid(\n      var(--color-brand-accent-600, #1058b8),\n      #fff,\n      var(--color-brand-accent-700, #0b4593)\n    );\n  }\n\n  &.ivds-tag--success {\n    @include tag.tag-solid(\n      var(--color-semantic-success-600, #0f6f4a),\n      #fff,\n      var(--color-semantic-success-700, #0a573a)\n    );\n  }\n\n  &.ivds-tag--warning {\n    @include tag.tag-solid(\n      var(--color-semantic-warning-600, #a76009),\n      #fff,\n      var(--color-semantic-warning-700, #834b08)\n    );\n  }\n\n  &.ivds-tag--error {\n    @include tag.tag-solid(\n      var(--color-semantic-error-600, #b72a41),\n      #fff,\n      var(--color-semantic-error-700, #922036)\n    );\n  }\n\n  &.ivds-tag--info {\n    @include tag.tag-solid(\n      var(--color-semantic-info-600, #0050c8),\n      #fff,\n      var(--color-semantic-info-700, #003d99)\n    );\n  }\n}\n\n.ivds-tag--small {\n  @include tag.tag-small;\n}\n\n.ivds-tag--large {\n  @include tag.tag-large;\n}\n\n.ivds-tag--removable {\n  @include tag.tag-removable;\n}\n\n.ivds-tag--link {\n  @include tag.tag-link;\n}\n\n.ivds-tag--interactive {\n  @include tag.tag-interactive;\n}\n\n.ivds-tag--new {\n  @include tag.tag-status-new;\n}\n\n.ivds-tag--updated {\n  @include tag.tag-status-updated;\n}\n\n.ivds-tag--disabled {\n  @include tag.tag-disabled;\n}\n\n.ivds-tag-group {\n  @include tag.tag-group;\n\n  &--compact {\n    @include tag.tag-group(var(--spacing-1, 0.25rem));\n  }\n\n  &--spacious {\n    @include tag.tag-group(var(--spacing-3, 0.75rem));\n  }\n}\n","// Tag component mixins and private styles\n/* stylelint-disable no-descending-specificity */\n\n@use '../../base/focus' as *;\n\n@mixin tag-base {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  white-space: nowrap;\n  user-select: none;\n  text-decoration: none;\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n  font-family: var(--fontFamily-primary, system-ui, sans-serif);\n  font-weight: var(--fontWeight-semibold, 600);\n  line-height: var(--lineHeight-tight, 1.25);\n  border: 1px solid transparent;\n  border-radius: var(--ivds-radius-s, 0.125rem);\n  transition:\n    background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n    border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n    color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n\n  @include focus-ring;\n}\n\n@mixin tag-variant($bg-color, $text-color, $border-color: transparent, $hover-bg: null) {\n  background-color: $bg-color;\n  color: $text-color;\n  border-color: $border-color;\n\n  @if $hover-bg {\n    &:hover:not(:disabled) {\n      background-color: $hover-bg;\n    }\n  }\n}\n\n@mixin tag-variant-dot($dot-color) {\n  &::before {\n    content: '';\n    width: 6px;\n    height: 6px;\n    border-radius: var(--borderRadius-full, 9999px);\n    margin-right: var(--spacing-2, 0.5rem);\n    background-color: $dot-color;\n  }\n}\n\n@mixin tag-with-icon($gap: var(--spacing-2, 0.5rem)) {\n  gap: $gap;\n\n  .ivds-tag__icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n\n    svg {\n      width: 1em;\n      height: 1em;\n      fill: currentcolor;\n    }\n  }\n}\n\n@mixin tag-size($padding-y, $padding-x, $font-size, $min-height: null) {\n  padding: $padding-y $padding-x;\n  font-size: $font-size;\n\n  @if $min-height {\n    min-height: $min-height;\n  }\n}\n\n@mixin tag-removable($remove-btn-color: currentcolor) {\n  padding-right: var(--spacing-1, 0.25rem);\n\n  .ivds-tag__remove {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin-left: var(--spacing-2, 0.5rem);\n    padding: 2px;\n    border: none;\n    border-radius: var(--ivds-radius-xs, 0.125rem);\n    background-color: transparent;\n    color: $remove-btn-color;\n    cursor: pointer;\n    transition:\n      background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n      color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n\n    &:hover {\n      background-color: rgba(16, 24, 40, 0.08);\n    }\n\n    svg {\n      width: 14px;\n      height: 14px;\n    }\n  }\n}\n\n@mixin tag-pill {\n  border-radius: var(--borderRadius-full, 9999px);\n}\n\n@mixin tag-interactive {\n  cursor: pointer;\n\n  &:hover:not(:disabled) {\n    border-color: var(--ivds-border-strong, #a1adba);\n  }\n\n  &:active:not(:disabled) {\n    opacity: 0.9;\n  }\n}\n\n@mixin tag-link {\n  @include tag-interactive;\n\n  text-decoration: none;\n}\n\n@mixin tag-outlined($border-color, $text-color, $hover-bg: null) {\n  @include tag-variant(transparent, $text-color, $border-color, $hover-bg);\n}\n\n@mixin tag-solid($bg-color, $text-color, $hover-bg: null) {\n  @include tag-variant($bg-color, $text-color, $bg-color, $hover-bg);\n}\n\n@mixin tag-group($gap: var(--spacing-2, 0.5rem)) {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: $gap;\n}\n\n@mixin tag-small {\n  @include tag-size(var(--spacing-1, 0.25rem), var(--spacing-2, 0.5rem), var(--fontSize-xs, 0.75rem), 20px);\n}\n\n@mixin tag-large {\n  @include tag-size(var(--spacing-2, 0.5rem), var(--spacing-4, 1rem), var(--fontSize-base, 1rem), 32px);\n}\n\n@mixin tag-status-new {\n  @include tag-variant-dot(var(--color-semantic-success-500, #16a34a));\n}\n\n@mixin tag-status-updated {\n  @include tag-variant-dot(var(--color-semantic-info-500, #1f84d6));\n}\n\n@mixin tag-disabled {\n  opacity: 0.55;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n","@use 'alert-mixin' as alert;\n\n.ivds-alert {\n  @include alert.alert-base;\n  \n  &__icon {\n    @include alert.alert-icon;\n  }\n  \n  &__body {\n    flex: 1;\n  }\n  \n  &__title {\n    @include alert.alert-title;\n  }\n  \n  &__content {\n    @include alert.alert-content;\n  }\n  \n  // Variants\n  &--info {\n    @include alert.alert-variant(\n      var(--color-semantic-info-50, #edf4ff),\n      var(--color-semantic-info-600, #0050c8),\n      var(--color-semantic-info-700, #003d99)\n    );\n  }\n  \n  &--success {\n    @include alert.alert-variant(\n      var(--color-semantic-success-50, #edf9f4),\n      var(--color-semantic-success-600, #0f6f4a),\n      var(--color-semantic-success-700, #0a573a)\n    );\n  }\n  \n  &--warning {\n    @include alert.alert-variant(\n      var(--color-semantic-warning-50, #fff8eb),\n      var(--color-semantic-warning-600, #a76009),\n      var(--color-semantic-warning-700, #834b08)\n    );\n  }\n  \n  &--error {\n    @include alert.alert-variant(\n      var(--color-semantic-error-50, #fff1f2),\n      var(--color-semantic-error-600, #b72a41),\n      var(--color-semantic-error-700, #922036)\n    );\n  }\n  \n  &--orange {\n    @include alert.alert-variant(\n      var(--color-brand-primary-50, #fef5ee),\n      var(--color-brand-primary-600, #b34a00),\n      var(--color-brand-primary-900, #562400)\n    );\n  }\n}\n","// Alert component mixins and private styles\n// Clear institutional banners for contextual messages.\n\n@mixin alert-base {\n  // Per-component CSS variable API\n  --background-color: var(--ivds-surface-base, #fff);\n  --border-color: var(--ivds-border-subtle, #e2e7ec);\n  --accent-color: var(--ivds-border-subtle, #e2e7ec);\n  --color: var(--ivds-text-secondary, #36414f);\n  --border-radius: var(--ivds-radius-s, 0.125rem);\n  --padding: var(--spacing-4, 1rem);\n\n  display: flex;\n  align-items: flex-start;\n  padding: var(--padding);\n  border: 1px solid var(--border-color);\n  border-left-width: 4px;\n  border-left-color: var(--accent-color);\n  border-radius: var(--border-radius);\n  background-color: var(--background-color);\n  color: var(--color);\n  position: relative;\n  font-family: var(--fontFamily-primary, system-ui, sans-serif);\n}\n\n@mixin alert-variant($bg-color, $accent-color, $text-color) {\n  --background-color: #{$bg-color};\n  --border-color: #{$accent-color};\n  --accent-color: #{$accent-color};\n  --color: #{$text-color};\n\n  .ivds-alert__icon {\n    color: var(--accent-color);\n  }\n}\n\n@mixin alert-title {\n  font-weight: var(--fontWeight-bold, 700);\n  margin-bottom: var(--spacing-1, 0.25rem);\n  display: block;\n}\n\n@mixin alert-content {\n  font-size: var(--fontSize-sm, 0.875rem);\n  line-height: var(--lineHeight-relaxed, 1.625);\n}\n\n@mixin alert-icon {\n  flex-shrink: 0;\n  margin-right: var(--spacing-3, 0.75rem);\n  margin-top: calc(var(--lineHeight-relaxed, 1.625) * 0.1em); \n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n","@use 'badge-mixin' as badge;\n\n.ivds-badge {\n  @include badge.badge-base;\n  \n  &__dot {\n    @include badge.badge-dot;\n  }\n  \n  // Variants\n  &--neutral {\n    @include badge.badge-variant(\n      var(--color-semantic-neutral-100, #f1f3f5),\n      var(--color-semantic-neutral-700, #36414f),\n      var(--color-semantic-neutral-300, #cfd6dd)\n    );\n  }\n  \n  &--primary {\n    @include badge.badge-variant(\n      var(--color-brand-accent-50, #eef4ff),\n      var(--color-brand-accent-700, #0b4593),\n      var(--color-brand-accent-200, #bfd7ff)\n    );\n  }\n  \n  &--success {\n    @include badge.badge-variant(\n      var(--color-semantic-success-50, #edf9f4),\n      var(--color-semantic-success-700, #0a573a),\n      var(--color-ui-success-200, #b8e9d2)\n    );\n  }\n  \n  &--warning {\n    @include badge.badge-variant(\n      var(--color-semantic-warning-50, #fff8eb),\n      var(--color-semantic-warning-700, #834b08),\n      var(--color-ui-warning-200, #f6d6a7)\n    );\n  }\n  \n  &--error {\n    @include badge.badge-variant(\n      var(--color-semantic-error-50, #fff1f2),\n      var(--color-semantic-error-700, #922036),\n      var(--color-ui-error-200, #f2b8c1)\n    );\n  }\n  \n  &--outline {\n    background-color: transparent;\n    border: 1px solid var(--ivds-border-strong, #a1adba);\n    color: var(--ivds-text-secondary, #36414f);\n  }\n}\n","// Badge component mixins and private styles\n// Small, functional labels with sharp edges\n\n@use '../../variables/variables' as vars;\n\n@mixin badge-base {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--spacing-1, 0.25rem);\n  padding: 0 var(--spacing-2, 0.5rem);\n  font-family: var(--fontFamily-primary, system-ui, sans-serif);\n  font-size: var(--fontSize-xs, 0.75rem);\n  font-weight: var(--fontWeight-semibold, 600);\n  line-height: normal;\n  border-radius: var(--ivds-radius-s, 0.125rem);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  min-height: 20px;\n  border: 1px solid transparent;\n}\n\n@mixin badge-variant($bg-color, $text-color, $border-color: transparent) {\n  background-color: $bg-color;\n  color: $text-color;\n  border-color: $border-color;\n}\n\n@mixin badge-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: var(--borderRadius-full, 9999px);\n  margin-right: var(--spacing-1, 0.25rem);\n  background-color: currentcolor;\n}\n","@use 'modal-mixin' as modal;\n\n.ivds-modal {\n  &__overlay {\n    @include modal.modal-overlay;\n  }\n\n  &__backdrop {\n    @include modal.modal-backdrop;\n  }\n  \n  &__container {\n    @include modal.modal-container;\n  }\n  \n  &__header {\n    @include modal.modal-header;\n  }\n  \n  &__title {\n    margin: 0;\n    font-size: var(--fontSize-xl, 1.25rem);\n    font-weight: var(--fontWeight-bold, 700);\n    color: var(--ivds-text-primary, #121a24);\n  }\n  \n  &__close {\n    @include modal.modal-close;\n    \n    svg {\n      width: 20px;\n      height: 20px;\n    }\n  }\n  \n  &__body {\n    @include modal.modal-body;\n  }\n  \n  &__footer {\n    @include modal.modal-footer;\n  }\n\n  // Sizes\n  &--sm &__container { max-width: 400px; }\n\n  &--lg &__container { max-width: 800px; }\n\n  &--xl &__container { max-width: 1000px; }\n\n  &--full &__container { \n    max-width: none; \n    height: 100%; \n    margin: 0;\n    border: none;\n    box-shadow: none;\n  }\n}\n","// Modal component mixins and private styles\n\n@use '../../base/focus' as *;\n\n@mixin modal-overlay {\n  // Per-component CSS variable API\n  --overlay-background: rgba(16, 24, 40, 0.48);\n  --overlay-blur: 3px;\n\n  position: fixed;\n  inset: 0;\n  z-index: var(--zIndex-modal, 1000);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--spacing-4, 1rem);\n  background-color: var(--overlay-background);\n  backdrop-filter: blur(var(--overlay-blur));\n}\n\n@mixin modal-backdrop {\n  position: absolute;\n  inset: 0;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n}\n\n@mixin modal-container {\n  --background-color: var(--ivds-surface-base, #fff);\n  --border-color: var(--ivds-border-subtle, #e2e7ec);\n  --border-radius: var(--ivds-radius-m, 0.25rem);\n  --max-width: 640px;\n\n  width: 100%;\n  max-width: var(--max-width);\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  z-index: 1;\n  background-color: var(--background-color);\n  border: 1px solid var(--border-color);\n  border-radius: var(--border-radius);\n  box-shadow: var(--ivds-shadow-lg, 0 8px 20px rgba(15, 23, 42, 0.10));\n  max-height: min(90vh, 920px);\n}\n\n@mixin modal-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-4, 1rem);\n  padding: var(--spacing-5, 1.25rem) var(--spacing-6, 1.5rem);\n  border-bottom: 1px solid var(--ivds-border-subtle, #e2e7ec);\n}\n\n@mixin modal-body {\n  padding: var(--spacing-6, 1.5rem);\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  color: var(--ivds-text-secondary, #36414f);\n}\n\n@mixin modal-footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--spacing-3, 0.75rem);\n  padding: var(--spacing-4, 1rem) var(--spacing-6, 1.5rem);\n  border-top: 1px solid var(--ivds-border-subtle, #e2e7ec);\n  background-color: var(--ivds-surface-muted, #f1f3f5);\n}\n\n@mixin modal-close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 2.5rem;\n  height: 2.5rem;\n  border: 1px solid transparent;\n  border-radius: var(--ivds-radius-s, 0.125rem);\n  background: transparent;\n  color: var(--ivds-text-muted, #4d5968);\n  cursor: pointer;\n  transition:\n    color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n    background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n    border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n\n  &:hover {\n    color: var(--ivds-text-primary, #121a24);\n    background-color: var(--ivds-surface-muted, #f1f3f5);\n    border-color: var(--ivds-border-subtle, #e2e7ec);\n  }\n\n  @include focus-ring;\n}\n","@use 'tabs-mixin' as tabs;\n\n.ivds-tabs {\n  display: block;\n  width: 100%;\n  \n  &__list {\n    @include tabs.tabs-list;\n  }\n  \n  &__trigger {\n    @include tabs.tab-trigger;\n  }\n  \n  &__content {\n    @include tabs.tabs-content;\n  }\n  \n  &--full-width &__list {\n    justify-content: stretch;\n  }\n  \n  &--full-width &__trigger {\n    flex: 1;\n    text-align: center;\n  }\n}\n","// Tabs component mixins and private styles\n\n@use '../../base/focus' as *;\n\n@mixin tabs-list {\n  // Per-component CSS variable API\n  --border-color: var(--ivds-border-subtle, #e2e7ec);\n  --gap: var(--spacing-6, 1.5rem);\n\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--gap);\n  border-bottom: 2px solid var(--border-color);\n}\n\n@mixin tab-trigger {\n  --color: var(--ivds-text-muted, #4d5968);\n  --active-color: var(--color-brand-accent-700, #0b4593);\n  --active-border-color: var(--color-brand-accent-600, #1058b8);\n  --min-height: 48px;\n\n  position: relative;\n  min-height: var(--min-height);\n  padding: var(--spacing-4, 1rem) 0;\n  border: none;\n  border-bottom: 3px solid transparent;\n  background: transparent;\n  color: var(--color);\n  font-family: var(--fontFamily-primary, system-ui, sans-serif);\n  font-size: var(--fontSize-base, 1rem);\n  font-weight: var(--fontWeight-medium, 500);\n  cursor: pointer;\n  transition:\n    color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n    border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n\n  &:hover {\n    color: var(--ivds-text-primary, #121a24);\n    border-color: var(--ivds-border-strong, #a1adba);\n  }\n\n  @include focus-ring;\n\n  &[data-state='active'],\n  &--active {\n    color: var(--active-color);\n    border-color: var(--active-border-color);\n    font-weight: var(--fontWeight-semibold, 600);\n  }\n}\n\n@mixin tabs-content {\n  color: var(--ivds-text-secondary, #36414f);\n  padding: var(--spacing-6, 1.5rem) 0;\n}\n","@use 'breadcrumb-mixin' as breadcrumb;\r\n\r\n.ivds-breadcrumb {\r\n  @include breadcrumb.breadcrumb-list;\r\n  \r\n  &__item {\r\n    @include breadcrumb.breadcrumb-item;\r\n  }\r\n  \r\n  &__link {\r\n    @include breadcrumb.breadcrumb-link;\r\n  }\r\n  \r\n  &__separator {\r\n    @include breadcrumb.breadcrumb-separator;\r\n    \r\n    svg {\r\n      width: 1rem;\r\n      height: 1rem;\r\n    }\r\n  }\r\n  \r\n  &__current {\r\n    @include breadcrumb.breadcrumb-current;\r\n  }\r\n}","// Breadcrumb component mixins and private styles\n\n@use '../../base/focus' as *;\n\n@mixin breadcrumb-list {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  gap: var(--spacing-2, 0.5rem);\n  font-family: var(--fontFamily-primary, system-ui, sans-serif);\n  font-size: var(--fontSize-sm, 0.875rem);\n}\n\n@mixin breadcrumb-item {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-2, 0.5rem);\n  color: var(--ivds-text-muted, #4d5968);\n}\n\n@mixin breadcrumb-link {\n  color: var(--color-brand-accent-700, #0b4593);\n  text-decoration: none;\n  font-weight: var(--fontWeight-medium, 500);\n  transition:\n    color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n    text-decoration-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n\n  &:hover {\n    color: var(--color-brand-accent-600, #1058b8);\n    text-decoration: underline;\n    text-decoration-thickness: 2px;\n    text-underline-offset: 0.14em;\n  }\n\n  @include focus-ring;\n}\n\n@mixin breadcrumb-separator {\n  color: var(--ivds-border-strong, #a1adba);\n  display: flex;\n  align-items: center;\n}\n\n@mixin breadcrumb-current {\n  color: var(--ivds-text-primary, #121a24);\n  font-weight: var(--fontWeight-semibold, 600);\n}\n","// Navigation component styles\r\n// Core styling for horizontal, vertical, and tabbed navigation menus\r\n/* stylelint-disable no-descending-specificity */\r\n\r\n@use '_navigation-mixins' as nav;\r\n\r\n.ivds-navigation {\r\n  @include nav.navigation-base;\r\n  \r\n  &__list {\r\n    @include nav.navigation-list;\r\n  }\r\n  \r\n  &__link {\r\n    @include nav.navigation-link;\r\n  }\r\n}\r\n\r\n// Side Navigation\r\n.ivds-side-nav {\r\n  @include nav.side-navigation-base;\r\n  \r\n  &__item {\r\n    @include nav.side-navigation-item;\r\n  }\r\n}\r\n\r\n// Tabs\r\n.ivds-tabs {\r\n  @include nav.tabs-base;\r\n  \r\n  &__item {\r\n    @include nav.tab-item;\r\n  }\r\n}\r\n\r\n// Dropdown Menu\r\n.ivds-dropdown {\r\n  position: relative;\r\n  \r\n  &__menu {\r\n    @include nav.dropdown-menu-base;\r\n  }\r\n  \r\n  &__item {\r\n    @include nav.dropdown-item;\r\n  }\r\n  \r\n  &:hover &__menu {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: translateY(0);\r\n  }\r\n}","// Navigation component mixins and private styles\n/* stylelint-disable no-descending-specificity */\n\n@use '../../base/focus' as *;\n\n@mixin navigation-base {\n  display: flex;\n  align-items: center;\n  font-family: var(--fontFamily-primary, system-ui, sans-serif);\n}\n\n@mixin navigation-list {\n  display: flex;\n  list-style: none;\n  align-items: center;\n  gap: var(--spacing-3, 0.75rem);\n  padding: 0;\n  margin: 0;\n}\n\n@mixin navigation-link {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--spacing-2, 0.5rem);\n  min-height: 42px;\n  padding: var(--spacing-2, 0.5rem) 0;\n  border-bottom: 3px solid transparent;\n  color: var(--ivds-text-secondary, #36414f);\n  font-size: var(--fontSize-base, 1rem);\n  font-weight: var(--fontWeight-medium, 500);\n  text-decoration: none;\n  transition:\n    color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n    border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n\n  &:hover {\n    color: var(--ivds-text-primary, #121a24);\n    border-color: var(--ivds-border-strong, #a1adba);\n  }\n\n  @include focus-ring;\n\n  &.ivds-navigation__link--active {\n    color: var(--color-brand-accent-700, #0b4593);\n    border-color: var(--color-brand-accent-600, #1058b8);\n    font-weight: var(--fontWeight-semibold, 600);\n  }\n}\n\n@mixin side-navigation-base {\n  display: flex;\n  flex-direction: column;\n  width: 300px;\n  height: 100%;\n  padding: var(--spacing-6, 1.5rem);\n  background-color: var(--ivds-surface-base, #fff);\n  border-right: 1px solid var(--ivds-border-subtle, #e2e7ec);\n}\n\n@mixin side-navigation-item {\n  width: 100%;\n\n  .ivds-side-nav__link {\n    width: 100%;\n    justify-content: flex-start;\n    min-height: 42px;\n    padding: var(--spacing-2, 0.5rem) var(--spacing-3, 0.75rem);\n    border-radius: var(--ivds-radius-s, 0.125rem);\n\n    &--active {\n      background-color: var(--color-brand-accent-50, #eef4ff);\n      color: var(--color-brand-accent-700, #0b4593);\n\n      &::before {\n        content: '';\n        position: absolute;\n        left: 0;\n        top: 8px;\n        bottom: 8px;\n        width: 3px;\n        background-color: var(--color-brand-accent-600, #1058b8);\n      }\n    }\n  }\n}\n\n@mixin tabs-base {\n  display: flex;\n  gap: var(--spacing-5, 1.25rem);\n  border-bottom: 2px solid var(--ivds-border-subtle, #e2e7ec);\n}\n\n@mixin tab-item {\n  position: relative;\n  padding: var(--spacing-3, 0.75rem) 0;\n  color: var(--ivds-text-muted, #4d5968);\n  font-weight: var(--fontWeight-medium, 500);\n  cursor: pointer;\n  transition: color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n\n  &::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: -2px;\n    height: 3px;\n    background-color: var(--color-brand-accent-600, #1058b8);\n    transform: scaleX(0);\n    transform-origin: center;\n    transition: transform var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n  }\n\n  &:hover {\n    color: var(--ivds-text-primary, #121a24);\n  }\n\n  &--active {\n    color: var(--color-brand-accent-700, #0b4593);\n    font-weight: var(--fontWeight-semibold, 600);\n\n    &::after {\n      transform: scaleX(1);\n    }\n  }\n}\n\n@mixin dropdown-menu-base {\n  position: absolute;\n  top: calc(100% + 6px);\n  left: 0;\n  min-width: 230px;\n  padding: var(--spacing-2, 0.5rem);\n  border: 1px solid var(--ivds-border-subtle, #e2e7ec);\n  border-radius: var(--ivds-radius-s, 0.125rem);\n  background-color: var(--ivds-surface-base, #fff);\n  box-shadow: var(--ivds-shadow-lg, 0 4px 10px rgba(7, 11, 16, 0.14));\n  opacity: 0;\n  visibility: hidden;\n  transform: translateY(8px);\n  transition:\n    opacity var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n    transform var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n  z-index: 200;\n}\n\n@mixin dropdown-item {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-2, 0.5rem);\n  padding: var(--spacing-2, 0.5rem) var(--spacing-3, 0.75rem);\n  border-radius: var(--ivds-radius-s, 0.125rem);\n  color: var(--ivds-text-secondary, #36414f);\n  font-size: var(--fontSize-sm, 0.875rem);\n  font-weight: var(--fontWeight-medium, 500);\n  cursor: pointer;\n  transition:\n    color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n    background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n\n  &:hover {\n    background-color: var(--ivds-surface-muted, #f1f3f5);\n    color: var(--ivds-text-primary, #121a24);\n  }\n}\n","// Pagination component styles\r\n// Provides styling for the IVDS pagination component following Helsinki Design System patterns\r\n\r\n@use 'pagination-mixins' as pagination;\r\n\r\n.ivds-pagination {\r\n  @include pagination.pagination-base;\r\n  \r\n  &__list {\r\n    @include pagination.pagination-list;\r\n  }\r\n  \r\n  &__item {\r\n    @include pagination.pagination-item;\r\n  }\r\n  \r\n  &__link {\r\n    @include pagination.pagination-link;\r\n    \r\n    &--active {\r\n      @include pagination.pagination-link-active;\r\n    }\r\n    \r\n    &--disabled {\r\n      @include pagination.pagination-link-disabled;\r\n    }\r\n  }\r\n  \r\n  &__ellipsis {\r\n    @include pagination.pagination-ellipsis;\r\n  }\r\n  \r\n  // Size variants\r\n  &--small {\r\n    @include pagination.pagination-small;\r\n  }\r\n  \r\n  &--large {\r\n    @include pagination.pagination-large;\r\n  }\r\n  \r\n  // Layout variants\r\n  &--compact {\r\n    @include pagination.pagination-compact;\r\n  }\r\n  \r\n  &--rounded {\r\n    @include pagination.pagination-rounded;\r\n  }\r\n  \r\n  // Theme variants\r\n  &--theme-minimal {\r\n    @include pagination.pagination-theme-minimal;\r\n  }\r\n  \r\n  &--theme-dark {\r\n    @include pagination.pagination-theme-dark;\r\n  }\r\n  \r\n  // Feature variants\r\n  &--with-icons {\r\n    @include pagination.pagination-with-icons;\r\n  }\r\n  \r\n  &--with-info {\r\n    @include pagination.pagination-with-info;\r\n  }\r\n  \r\n  &--with-jumper {\r\n    @include pagination.pagination-with-jumper;\r\n  }\r\n  \r\n  &--responsive {\r\n    @include pagination.pagination-responsive;\r\n  }\r\n}","// Pagination component mixins and private styles\r\n// This file contains mixins for pagination variants and internal utilities\r\n\r\n@use '../../variables/variables' as vars;\r\n@use '../../base/focus' as *;\r\n\r\n// Base pagination mixin with common styles\r\n@mixin pagination-base {\r\n  --pagination-item-size: 2.5rem;\r\n  --pagination-item-size-small: 2rem;\r\n  --pagination-item-size-large: 3rem;\r\n  --pagination-gap: var(--spacing-1, 0.25rem);\r\n  --pagination-color: var(--ivds-text-secondary, #36414f);\r\n  --pagination-color-hover: var(--color-brand-accent-700, #0b4593);\r\n  --pagination-color-active: #fff;\r\n  --pagination-bg-hover: var(--color-brand-accent-50, #eef4ff);\r\n  --pagination-bg-active: var(--color-brand-accent-600, #1058b8);\r\n  --pagination-border-color: var(--ivds-border-strong, #a1adba);\r\n  --pagination-border-color-hover: var(--color-brand-accent-600, #1058b8);\r\n  --pagination-border-color-active: var(--color-brand-accent-600, #1058b8);\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n// Pagination list mixin\r\n@mixin pagination-list {\r\n  display: flex;\r\n  align-items: center;\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\r\n  gap: var(--pagination-gap);\r\n}\r\n\r\n// Pagination item mixin\r\n@mixin pagination-item {\r\n  display: flex;\r\n}\r\n\r\n// Pagination link mixin\r\n@mixin pagination-link {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-width: var(--pagination-item-size);\r\n  height: var(--pagination-item-size);\r\n  padding: var(--spacing-2, 0.5rem);\r\n  color: var(--pagination-color);\r\n  text-decoration: none;\r\n  border: var(--borderWidth-1, 1px) solid var(--pagination-border-color);\r\n  border-radius: var(--ivds-radius-s, 0.125rem);\r\n  font-weight: var(--fontWeight-medium, 500);\r\n  font-size: var(--fontSize-sm, 0.875rem);\r\n  line-height: var(--lineHeight-tight, 1.25);\r\n  transition: all 0.15s ease-in-out;\r\n  user-select: none;\r\n  \r\n  @include focus-ring;\r\n\r\n  &:focus-visible {\r\n    text-decoration: none;\r\n  }\r\n  \r\n  &:hover:not(.ivds-pagination__link--disabled) {\r\n    background-color: var(--pagination-bg-hover);\r\n    border-color: var(--pagination-border-color-hover);\r\n    color: var(--pagination-color-hover);\r\n  }\r\n  \r\n  &:active:not(.ivds-pagination__link--disabled) {\r\n    transform: translateY(1px);\r\n  }\r\n}\r\n\r\n// Active pagination link mixin\r\n@mixin pagination-link-active {\r\n  background-color: var(--pagination-bg-active);\r\n  border-color: var(--pagination-border-color-active);\r\n  color: var(--pagination-color-active);\r\n  font-weight: var(--fontWeight-semibold, 600);\r\n  \r\n  &:hover {\r\n    background-color: var(--color-brand-accent-700, #0b4593);\r\n    border-color: var(--color-brand-accent-700, #0b4593);\r\n    color: var(--pagination-color-active);\r\n  }\r\n}\r\n\r\n// Disabled pagination link mixin\r\n@mixin pagination-link-disabled {\r\n  opacity: 0.5;\r\n  cursor: not-allowed;\r\n  pointer-events: none;\r\n  \r\n  &:hover {\r\n    background-color: transparent;\r\n    border-color: var(--pagination-border-color);\r\n    color: var(--pagination-color);\r\n  }\r\n}\r\n\r\n// Pagination ellipsis mixin\r\n@mixin pagination-ellipsis {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-width: var(--pagination-item-size);\r\n  height: var(--pagination-item-size);\r\n  color: var(--ivds-text-muted, #4d5968);\r\n  font-weight: var(--fontWeight-medium, 500);\r\n  user-select: none;\r\n}\r\n\r\n// Pagination navigation buttons (prev/next)\r\n@mixin pagination-nav-button {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--spacing-2, 0.5rem);\r\n  padding: var(--spacing-2, 0.5rem) var(--spacing-3, 0.75rem);\r\n  \r\n  .ivds-pagination__icon {\r\n    width: 1rem;\r\n    height: 1rem;\r\n    flex-shrink: 0;\r\n    \r\n    svg {\r\n      width: 100%;\r\n      height: 100%;\r\n      fill: currentcolor;\r\n    }\r\n  }\r\n}\r\n\r\n// Pagination size variants\r\n@mixin pagination-small {\r\n  --pagination-item-size: var(--pagination-item-size-small);\r\n  \r\n  .ivds-pagination__link {\r\n    font-size: var(--fontSize-xs, 0.75rem);\r\n    padding: var(--spacing-1, 0.25rem);\r\n  }\r\n}\r\n\r\n@mixin pagination-large {\r\n  --pagination-item-size: var(--pagination-item-size-large);\r\n  \r\n  .ivds-pagination__link {\r\n    font-size: var(--fontSize-base, 1rem);\r\n    padding: var(--spacing-3, 0.75rem);\r\n  }\r\n}\r\n\r\n// Pagination layout variants\r\n@mixin pagination-compact {\r\n  --pagination-gap: 0;\r\n  \r\n  .ivds-pagination__link {\r\n    border-radius: 0;\r\n    border-right-width: 0;\r\n    \r\n    &:first-child {\r\n      border-top-left-radius: var(--ivds-radius-s, 0.125rem);\r\n      border-bottom-left-radius: var(--ivds-radius-s, 0.125rem);\r\n    }\r\n    \r\n    &:last-child {\r\n      border-top-right-radius: var(--ivds-radius-s, 0.125rem);\r\n      border-bottom-right-radius: var(--ivds-radius-s, 0.125rem);\r\n      border-right-width: var(--borderWidth-1, 1px);\r\n    }\r\n  }\r\n}\r\n\r\n@mixin pagination-rounded {\r\n  .ivds-pagination__link {\r\n    border-radius: var(--borderRadius-full, 9999px);\r\n  }\r\n}\r\n\r\n// Pagination theme variants\r\n@mixin pagination-theme-minimal {\r\n  --pagination-border-color: transparent;\r\n  --pagination-border-color-hover: transparent;\r\n  --pagination-border-color-active: transparent;\r\n  --pagination-bg-hover: var(--ivds-surface-muted, #f1f3f5);\r\n  \r\n  .ivds-pagination__link {\r\n    &:hover:not(.ivds-pagination__link--disabled) {\r\n      text-decoration: underline;\r\n    }\r\n    \r\n    &--active {\r\n      text-decoration: underline;\r\n      text-decoration-thickness: 2px;\r\n      text-underline-offset: 4px;\r\n    }\r\n  }\r\n}\r\n\r\n@mixin pagination-theme-dark {\r\n  --pagination-color: var(--color-semantic-neutral-200, #e5e5e5);\r\n  --pagination-color-hover: var(--color-brand-accent-300, #93bcff);\r\n  --pagination-color-active: var(--color-semantic-neutral-900, #171717);\r\n  --pagination-bg-hover: rgba(147, 188, 255, 0.12);\r\n  --pagination-bg-active: var(--color-brand-accent-400, #5a96f5);\r\n  --pagination-border-color: var(--color-semantic-neutral-600, #525252);\r\n  --pagination-border-color-hover: var(--color-brand-accent-400, #5a96f5);\r\n  --pagination-border-color-active: var(--color-brand-accent-400, #5a96f5);\r\n}\r\n\r\n// Pagination with icons\r\n@mixin pagination-with-icons {\r\n  .ivds-pagination__link {\r\n    &--prev,\r\n    &--next {\r\n      @include pagination-nav-button;\r\n    }\r\n  }\r\n}\r\n\r\n// Pagination info display\r\n@mixin pagination-with-info {\r\n  .ivds-pagination__info {\r\n    margin: 0 var(--spacing-4, 1rem);\r\n    font-size: var(--fontSize-sm, 0.875rem);\r\n    color: var(--color-semantic-neutral-600, #525252);\r\n    white-space: nowrap;\r\n  }\r\n}\r\n\r\n// Pagination jump to page\r\n@mixin pagination-with-jumper {\r\n  .ivds-pagination__jumper {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--spacing-2, 0.5rem);\r\n    margin-left: var(--spacing-4, 1rem);\r\n    font-size: var(--fontSize-sm, 0.875rem);\r\n    color: var(--color-semantic-neutral-600, #525252);\r\n    \r\n    input {\r\n      width: 3rem;\r\n      padding: var(--spacing-1, 0.25rem) var(--spacing-2, 0.5rem);\r\n      border: var(--borderWidth-1, 1px) solid var(--pagination-border-color);\r\n      border-radius: var(--borderRadius-sm, 0.25rem);\r\n      font-size: inherit;\r\n      text-align: center;\r\n      \r\n      @include focus-ring;\r\n\r\n      &:focus-visible {\r\n        border-color: var(--color-brand-accent-600, #1058b8);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Responsive pagination behavior\r\n@mixin pagination-responsive {\r\n  @media (max-width: 640px) {\r\n    .ivds-pagination__item {\r\n      &:not(:first-child, :last-child, .ivds-pagination__item--active) {\r\n        display: none;\r\n      }\r\n      \r\n      &--ellipsis {\r\n        display: none;\r\n      }\r\n    }\r\n    \r\n    .ivds-pagination__info {\r\n      display: none;\r\n    }\r\n    \r\n    .ivds-pagination__jumper {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n","// Header component styles\r\n// Core styling for the IVDS header including layout, branding, and navigation\r\n/* stylelint-disable no-descending-specificity */\r\n\r\n@use '_header-mixin' as header;\r\n\r\n.ivds-header {\r\n  @include header.header-base;\r\n  \r\n  // Elements\r\n  &__brand {\r\n    @include header.header-brand;\r\n  }\r\n  \r\n  &__nav {\r\n    @include header.header-nav;\r\n  }\r\n  \r\n  &__actions {\r\n    @include header.header-actions;\r\n  }\r\n  \r\n  &__mobile-toggle {\r\n    @include header.header-mobile-toggle;\r\n  }\r\n  \r\n  &__universal-bar {\r\n    @include header.header-universal-bar;\r\n  }\r\n  \r\n  &__action-bar {\r\n    @include header.header-action-bar;\r\n  }\r\n  \r\n  // Variants\r\n  &--sticky {\r\n    @include header.header-sticky;\r\n  }\r\n  \r\n  &--glass {\r\n    @include header.header-glass;\r\n  }\r\n  \r\n  &--dark {\r\n    @include header.header-dark;\r\n  }\r\n  \r\n  &--scrolled {\r\n    @include header.header-scrolled;\r\n  }\r\n\r\n  // Nested container support (HDS style)\r\n  &__container {\r\n    width: 100%;\r\n    max-width: var(--container-max-width, 1440px);\r\n    margin: 0 auto;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: var(--spacing-6, 1.5rem);\r\n  }\r\n}","// Header component mixins and private styles\n/* stylelint-disable no-descending-specificity */\n\n@use '../../base/focus' as *;\n\n@mixin header-base {\n  // Per-component CSS variable API\n  --background-color: var(--ivds-surface-base, #fff);\n  --color: var(--ivds-text-primary, #121a24);\n  --border-color: var(--ivds-border-subtle, #e2e7ec);\n  --height: 74px;\n  --height-mobile: 66px;\n  --logo-max-height: 34px;\n  --padding-block: var(--spacing-4, 1rem);\n  --padding-inline: var(--spacing-8, 2rem);\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: var(--height);\n  padding: var(--padding-block) var(--padding-inline);\n  background-color: var(--background-color);\n  border-bottom: 2px solid var(--border-color);\n  position: relative;\n  z-index: 100;\n  transition:\n    background-color var(--ivds-motion-normal, 250ms) var(--ivds-motion-ease, ease),\n    box-shadow var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n\n  @media (max-width: var(--breakpoint-lg, 1024px)) {\n    min-height: var(--height-mobile);\n    padding: var(--spacing-3, 0.75rem) var(--spacing-4, 1rem);\n  }\n}\n\n@mixin header-sticky {\n  position: sticky;\n  top: 0;\n  box-shadow: var(--ivds-shadow-md);\n}\n\n@mixin header-glass {\n  background-color: var(--ivds-surface-base, #fff);\n}\n\n@mixin header-scrolled {\n  box-shadow: var(--ivds-shadow-md);\n}\n\n@mixin header-brand {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--spacing-3, 0.75rem);\n  text-decoration: none;\n  color: var(--ivds-text-primary);\n  flex-shrink: 0;\n\n  &-logo {\n    height: var(--logo-max-height, 34px);\n    width: auto;\n    object-fit: contain;\n  }\n\n  &-text {\n    color: inherit;\n    font-size: var(--fontSize-xl, 1.25rem);\n    font-weight: var(--fontWeight-semibold, 600);\n    letter-spacing: -0.01em;\n    line-height: 1.15;\n  }\n}\n\n@mixin header-nav {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-2, 0.5rem);\n\n  @media (max-width: var(--breakpoint-lg, 1024px)) {\n    display: none;\n  }\n\n  a {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    min-height: 48px;\n    padding: var(--spacing-2, 0.5rem) var(--spacing-2, 0.5rem);\n    border-radius: 0;\n    border-bottom: 3px solid transparent;\n    color: var(--ivds-text-secondary);\n    font-size: var(--fontSize-base, 1rem);\n    font-weight: var(--fontWeight-medium, 500);\n    text-decoration: none;\n    transition:\n      color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n      border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n\n    &:hover {\n      color: var(--ivds-text-primary);\n      border-color: var(--ivds-border-strong, #a1adba);\n    }\n\n    @include focus-ring;\n\n    &.ivds-header__nav-item--active {\n      color: var(--color-brand-accent-700, #0b4593);\n      border-color: var(--color-brand-accent-600, #1058b8);\n      font-weight: var(--fontWeight-semibold, 600);\n    }\n  }\n}\n\n@mixin header-actions {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-3, 0.75rem);\n}\n\n@mixin header-mobile-toggle {\n  display: none;\n\n  @media (max-width: var(--breakpoint-lg, 1024px)) {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    border: 2px solid var(--ivds-border-strong, #a1adba);\n    border-radius: var(--ivds-radius-s, 0.125rem);\n    background: var(--ivds-surface-base, #fff);\n    color: var(--ivds-text-primary);\n    cursor: pointer;\n\n    &:hover {\n      border-color: var(--color-brand-accent-600, #1058b8);\n      color: var(--color-brand-accent-700, #0b4593);\n    }\n\n    @include focus-ring;\n  }\n}\n\n@mixin header-dark {\n  --background-color: var(--ivds-surface-strong, #121a24);\n  --border-color: var(--ivds-border-subtle, #283443);\n\n  .ivds-header__brand-text {\n    color: var(--ivds-text-on-strong, #fff);\n  }\n\n  .ivds-header__nav a {\n    color: var(--ivds-text-muted, rgba(255, 255, 255, 0.82));\n\n    &:hover {\n      color: var(--ivds-text-on-strong, #fff);\n      border-color: var(--ivds-border-strong, rgba(255, 255, 255, 0.35));\n    }\n\n    &.ivds-header__nav-item--active {\n      color: var(--ivds-text-on-strong, #fff);\n      border-color: var(--color-brand-accent-400, #5a93f5);\n    }\n  }\n\n  .ivds-header__mobile-toggle {\n    background: transparent;\n    border-color: var(--ivds-border-strong, rgba(255, 255, 255, 0.35));\n    color: var(--ivds-text-on-strong, #fff);\n  }\n}\n\n@mixin header-universal-bar {\n  padding: var(--spacing-2, 0.5rem) var(--spacing-8, 2rem);\n  background-color: var(--ivds-surface-muted);\n  border-bottom: 1px solid var(--ivds-border-subtle);\n  color: var(--ivds-text-secondary);\n  font-size: var(--fontSize-xs, 0.75rem);\n\n  .ivds-header__container {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    gap: var(--spacing-5, 1.25rem);\n  }\n\n  a {\n    color: inherit;\n    font-weight: var(--fontWeight-medium, 500);\n    text-decoration: none;\n\n    &:hover {\n      color: var(--color-brand-accent-700, #0b4593);\n    }\n  }\n}\n\n@mixin header-action-bar {\n  padding: var(--spacing-3, 0.75rem) var(--spacing-8, 2rem);\n  background-color: var(--ivds-surface-base);\n  border-bottom: 1px solid var(--ivds-border-subtle);\n\n  .ivds-header__container {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--spacing-3, 0.75rem);\n  }\n}\n","// Footer component styles\r\n// Core styling for the IVDS footer including grid layouts, brand identity, and social links\r\n/* stylelint-disable no-descending-specificity */\r\n\r\n@use '_footer-mixin' as footer;\r\n\r\n.ivds-footer {\r\n  @include footer.footer-base;\r\n  \r\n  // Elements\r\n  &__grid {\r\n    @include footer.footer-grid;\r\n  }\r\n  \r\n  &__brand {\r\n    @include footer.footer-brand;\r\n  }\r\n  \r\n  &__section {\r\n    @include footer.footer-section;\r\n  }\r\n  \r\n  &__social {\r\n    @include footer.footer-social;\r\n  }\r\n  \r\n  &__bottom {\r\n    @include footer.footer-bottom;\r\n  }\r\n  \r\n  // Variants\r\n  &--light {\r\n    @include footer.footer-light;\r\n  }\r\n\r\n  // Nested container support\r\n  &__container {\r\n    width: 100%;\r\n    max-width: var(--container-max-width, 1440px);\r\n    margin: 0 auto;\r\n  }\r\n}","// Footer component mixins and private styles\n/* stylelint-disable no-descending-specificity */\n\n@use '../../base/focus' as *;\n\n@mixin footer-base {\n  // Per-component CSS variable API\n  --background-color: var(--ivds-surface-strong, #121a24);\n  --color: rgba(246, 248, 251, 0.88);\n  --border-color: rgba(255, 255, 255, 0.12);\n\n  position: relative;\n  padding: var(--spacing-12, 3rem) var(--spacing-8, 2rem) var(--spacing-6, 1.5rem);\n  background-color: var(--background-color);\n  color: var(--color);\n  font-family: var(--fontFamily-primary, system-ui, sans-serif);\n  border-top: 1px solid var(--border-color);\n\n  @media (max-width: var(--breakpoint-lg, 1024px)) {\n    padding: var(--spacing-10, 2.5rem) var(--spacing-4, 1rem) var(--spacing-5, 1.25rem);\n  }\n}\n\n@mixin footer-grid($columns: 4) {\n  display: grid;\n  grid-template-columns: repeat($columns, minmax(0, 1fr));\n  gap: var(--spacing-10, 2.5rem);\n  margin-bottom: var(--spacing-10, 2.5rem);\n\n  @media (max-width: var(--breakpoint-lg, 1024px)) {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: var(--spacing-8, 2rem);\n  }\n\n  @media (max-width: var(--breakpoint-sm, 640px)) {\n    grid-template-columns: 1fr;\n  }\n}\n\n@mixin footer-brand {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-3, 0.75rem);\n\n  &-logo {\n    height: 38px;\n    width: auto;\n    object-fit: contain;\n  }\n\n  &-description {\n    max-width: 340px;\n    color: rgba(246, 248, 251, 0.78);\n    font-size: var(--fontSize-sm, 0.875rem);\n    line-height: var(--lineHeight-relaxed, 1.625);\n  }\n}\n\n@mixin footer-section {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-4, 1rem);\n\n  &-title {\n    margin: 0;\n    color: rgba(246, 248, 251, 0.96);\n    font-size: var(--fontSize-xs, 0.75rem);\n    font-weight: var(--fontWeight-semibold, 600);\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n  }\n\n  &-list {\n    display: grid;\n    gap: var(--spacing-2, 0.5rem);\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  &-link {\n    color: rgba(246, 248, 251, 0.78);\n    font-size: var(--fontSize-sm, 0.875rem);\n    font-weight: var(--fontWeight-normal, 400);\n    text-decoration: none;\n    transition: color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n\n    &:hover {\n      color: #fff;\n      text-decoration: underline;\n      text-decoration-thickness: 2px;\n      text-underline-offset: 0.12em;\n    }\n\n    @include focus-ring;\n  }\n}\n\n@mixin footer-social {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--spacing-2, 0.5rem);\n\n  &-link {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    border: 1px solid rgba(255, 255, 255, 0.32);\n    border-radius: var(--ivds-radius-s, 0.125rem);\n    color: rgba(246, 248, 251, 0.92);\n    background-color: transparent;\n    transition:\n      background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n      border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n      color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n\n    &:hover {\n      background-color: rgba(255, 255, 255, 0.09);\n      border-color: rgba(255, 255, 255, 0.45);\n      color: #fff;\n    }\n\n    @include focus-ring;\n\n    svg {\n      width: 18px;\n      height: 18px;\n    }\n  }\n}\n\n@mixin footer-bottom {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-4, 1rem);\n  padding-top: var(--spacing-6, 1.5rem);\n  border-top: 1px solid rgba(255, 255, 255, 0.16);\n  color: rgba(246, 248, 251, 0.74);\n  font-size: var(--fontSize-xs, 0.75rem);\n\n  @media (max-width: var(--breakpoint-md, 768px)) {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  &-links {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--spacing-4, 1rem);\n\n    a {\n      color: inherit;\n      text-decoration: none;\n\n      &:hover {\n        color: #fff;\n        text-decoration: underline;\n        text-decoration-thickness: 2px;\n        text-underline-offset: 0.12em;\n      }\n\n      @include focus-ring;\n    }\n  }\n}\n\n@mixin footer-light {\n  --background-color: var(--ivds-surface-base, #fff);\n  --color: var(--ivds-text-secondary, #36414f);\n  --border-color: var(--ivds-border-subtle, #e2e7ec);\n\n  .ivds-footer__section-title {\n    color: var(--ivds-text-primary, #121a24);\n  }\n\n  .ivds-footer__section-link {\n    color: var(--ivds-text-secondary, #36414f);\n\n    &:hover {\n      color: var(--color-brand-accent-700, #0b4593);\n    }\n  }\n\n  .ivds-footer__social-link {\n    border-color: var(--ivds-border-strong, #a1adba);\n    color: var(--ivds-text-secondary, #36414f);\n\n    &:hover {\n      border-color: var(--color-brand-accent-600, #1058b8);\n      background-color: var(--color-brand-accent-50, #eef4ff);\n      color: var(--color-brand-accent-700, #0b4593);\n    }\n  }\n\n  .ivds-footer__bottom {\n    border-top-color: var(--ivds-border-subtle, #e2e7ec);\n    color: var(--ivds-text-muted, #4d5968);\n  }\n}\n"]}

package/lib/components/badge/_badge-mixin.scss

@@ -0,0 +1,35 @@
+// Badge component mixins and private styles
+// Small, functional labels with sharp edges
+
+@use '../../variables/variables' as vars;
+
+@mixin badge-base {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-1, 0.25rem);
+  padding: 0 var(--spacing-2, 0.5rem);
+  font-family: var(--fontFamily-primary, system-ui, sans-serif);
+  font-size: var(--fontSize-xs, 0.75rem);
+  font-weight: var(--fontWeight-semibold, 600);
+  line-height: normal;
+  border-radius: var(--ivds-radius-s, 0.125rem);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  min-height: 20px;
+  border: 1px solid transparent;
+}
+
+@mixin badge-variant($bg-color, $text-color, $border-color: transparent) {
+  background-color: $bg-color;
+  color: $text-color;
+  border-color: $border-color;
+}
+
+@mixin badge-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: var(--borderRadius-full, 9999px);
+  margin-right: var(--spacing-1, 0.25rem);
+  background-color: currentcolor;
+}

package/lib/components/badge/badge.css

@@ -0,0 +1,53 @@
+.ivds-badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-1, 0.25rem);
+  padding: 0 var(--spacing-2, 0.5rem);
+  font-family: var(--fontFamily-primary, system-ui, sans-serif);
+  font-size: var(--fontSize-xs, 0.75rem);
+  font-weight: var(--fontWeight-semibold, 600);
+  line-height: normal;
+  border-radius: var(--ivds-radius-s, 0.125rem);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  min-height: 20px;
+  border: 1px solid transparent;
+}
+.ivds-badge__dot {
+  width: 6px;
+  height: 6px;
+  border-radius: var(--borderRadius-full, 9999px);
+  margin-right: var(--spacing-1, 0.25rem);
+  background-color: currentcolor;
+}
+.ivds-badge--neutral {
+  background-color: var(--color-semantic-neutral-100, #f1f3f5);
+  color: var(--color-semantic-neutral-700, #36414f);
+  border-color: var(--color-semantic-neutral-300, #cfd6dd);
+}
+.ivds-badge--primary {
+  background-color: var(--color-brand-accent-50, #eef4ff);
+  color: var(--color-brand-accent-700, #0b4593);
+  border-color: var(--color-brand-accent-200, #bfd7ff);
+}
+.ivds-badge--success {
+  background-color: var(--color-semantic-success-50, #edf9f4);
+  color: var(--color-semantic-success-700, #0a573a);
+  border-color: var(--color-ui-success-200, #b8e9d2);
+}
+.ivds-badge--warning {
+  background-color: var(--color-semantic-warning-50, #fff8eb);
+  color: var(--color-semantic-warning-700, #834b08);
+  border-color: var(--color-ui-warning-200, #f6d6a7);
+}
+.ivds-badge--error {
+  background-color: var(--color-semantic-error-50, #fff1f2);
+  color: var(--color-semantic-error-700, #922036);
+  border-color: var(--color-ui-error-200, #f2b8c1);
+}
+.ivds-badge--outline {
+  background-color: transparent;
+  border: 1px solid var(--ivds-border-strong, #a1adba);
+  color: var(--ivds-text-secondary, #36414f);
+}

package/lib/components/badge/badge.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/badge/badge.scss%23sass","../../../src/components/badge/_badge-mixin.scss","../../../src/components/badge/badge.scss"],"names":[],"mappings":"AAEA;ECIE,oBAAA;ECJF,mBAAA;EDME,uBAAA;EACA,8BAAA;EACA,mCAAA;EACA,6DAAA;EACA,sCAAA;EACA,4CAAA;EACA,mBAAA;EACA,6CAAA;EACA,yBAAA;EACA,sBAAA;EACA,gBAAA;EACA,6BAAA;ACJF;AFVE;ECwBA,UAAA;EACA,WAAA;EACA,+CAAA;EACA,uCAAA;EACA,8BAAA;ACXF;AFZE;ECaA,4DAAA;EACA,iDDXI;ECYJ,wDAAA;ACEF;AFTE;ECKA,uDDHI;ECIJ,6CDHI;ECIJ,oDAAA;ACOF;AFNE;ECHA,2DAAA;EACA,iDAAA;EACA,kDDKI;AEON;AFHE;ECXA,2DAAA;EACA,iDAAA;EACA,kDDaI;AEIN;AFAE;ECnBA,yDDqBI;ECpBJ,+CDqBI;ECpBJ,gDDqBI;AECN;AFGE;EACE,6BAAA;EACA,oDAAA;EACA,0CAAA;AEDJ","file":"badge.css","sourcesContent":["@use 'badge-mixin' as badge;\n\n.ivds-badge {\n  @include badge.badge-base;\n  \n  &__dot {\n    @include badge.badge-dot;\n  }\n  \n  // Variants\n  &--neutral {\n    @include badge.badge-variant(\n      var(--color-semantic-neutral-100, #f1f3f5),\n      var(--color-semantic-neutral-700, #36414f),\n      var(--color-semantic-neutral-300, #cfd6dd)\n    );\n  }\n  \n  &--primary {\n    @include badge.badge-variant(\n      var(--color-brand-accent-50, #eef4ff),\n      var(--color-brand-accent-700, #0b4593),\n      var(--color-brand-accent-200, #bfd7ff)\n    );\n  }\n  \n  &--success {\n    @include badge.badge-variant(\n      var(--color-semantic-success-50, #edf9f4),\n      var(--color-semantic-success-700, #0a573a),\n      var(--color-ui-success-200, #b8e9d2)\n    );\n  }\n  \n  &--warning {\n    @include badge.badge-variant(\n      var(--color-semantic-warning-50, #fff8eb),\n      var(--color-semantic-warning-700, #834b08),\n      var(--color-ui-warning-200, #f6d6a7)\n    );\n  }\n  \n  &--error {\n    @include badge.badge-variant(\n      var(--color-semantic-error-50, #fff1f2),\n      var(--color-semantic-error-700, #922036),\n      var(--color-ui-error-200, #f2b8c1)\n    );\n  }\n  \n  &--outline {\n    background-color: transparent;\n    border: 1px solid var(--ivds-border-strong, #a1adba);\n    color: var(--ivds-text-secondary, #36414f);\n  }\n}\n","// Badge component mixins and private styles\n// Small, functional labels with sharp edges\n\n@use '../../variables/variables' as vars;\n\n@mixin badge-base {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--spacing-1, 0.25rem);\n  padding: 0 var(--spacing-2, 0.5rem);\n  font-family: var(--fontFamily-primary, system-ui, sans-serif);\n  font-size: var(--fontSize-xs, 0.75rem);\n  font-weight: var(--fontWeight-semibold, 600);\n  line-height: normal;\n  border-radius: var(--ivds-radius-s, 0.125rem);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  min-height: 20px;\n  border: 1px solid transparent;\n}\n\n@mixin badge-variant($bg-color, $text-color, $border-color: transparent) {\n  background-color: $bg-color;\n  color: $text-color;\n  border-color: $border-color;\n}\n\n@mixin badge-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: var(--borderRadius-full, 9999px);\n  margin-right: var(--spacing-1, 0.25rem);\n  background-color: currentcolor;\n}\n","@use 'badge-mixin' as badge;\n\n.ivds-badge {\n  @include badge.badge-base;\n  \n  &__dot {\n    @include badge.badge-dot;\n  }\n  \n  // Variants\n  &--neutral {\n    @include badge.badge-variant(\n      var(--color-semantic-neutral-100, #f1f3f5),\n      var(--color-semantic-neutral-700, #36414f),\n      var(--color-semantic-neutral-300, #cfd6dd)\n    );\n  }\n  \n  &--primary {\n    @include badge.badge-variant(\n      var(--color-brand-accent-50, #eef4ff),\n      var(--color-brand-accent-700, #0b4593),\n      var(--color-brand-accent-200, #bfd7ff)\n    );\n  }\n  \n  &--success {\n    @include badge.badge-variant(\n      var(--color-semantic-success-50, #edf9f4),\n      var(--color-semantic-success-700, #0a573a),\n      var(--color-ui-success-200, #b8e9d2)\n    );\n  }\n  \n  &--warning {\n    @include badge.badge-variant(\n      var(--color-semantic-warning-50, #fff8eb),\n      var(--color-semantic-warning-700, #834b08),\n      var(--color-ui-warning-200, #f6d6a7)\n    );\n  }\n  \n  &--error {\n    @include badge.badge-variant(\n      var(--color-semantic-error-50, #fff1f2),\n      var(--color-semantic-error-700, #922036),\n      var(--color-ui-error-200, #f2b8c1)\n    );\n  }\n  \n  &--outline {\n    background-color: transparent;\n    border: 1px solid var(--ivds-border-strong, #a1adba);\n    color: var(--ivds-text-secondary, #36414f);\n  }\n}\n"]}

package/lib/components/badge/badge.min.css

@@ -0,0 +1 @@
+.ivds-badge{align-items:center;border:1px solid transparent;border-radius:var(--ivds-radius-s,.125rem);display:inline-flex;font-family:var(--fontFamily-primary,system-ui,sans-serif);font-size:var(--fontSize-xs,.75rem);font-weight:var(--fontWeight-semibold,600);gap:var(--spacing-1,.25rem);justify-content:center;letter-spacing:.04em;line-height:normal;min-height:20px;padding:0 var(--spacing-2,.5rem);text-transform:uppercase}.ivds-badge__dot{background-color:currentcolor;border-radius:var(--borderRadius-full,9999px);height:6px;margin-right:var(--spacing-1,.25rem);width:6px}.ivds-badge--neutral{background-color:var(--color-semantic-neutral-100,#f1f3f5);border-color:var(--color-semantic-neutral-300,#cfd6dd);color:var(--color-semantic-neutral-700,#36414f)}.ivds-badge--primary{background-color:var(--color-brand-accent-50,#eef4ff);border-color:var(--color-brand-accent-200,#bfd7ff);color:var(--color-brand-accent-700,#0b4593)}.ivds-badge--success{background-color:var(--color-semantic-success-50,#edf9f4);border-color:var(--color-ui-success-200,#b8e9d2);color:var(--color-semantic-success-700,#0a573a)}.ivds-badge--warning{background-color:var(--color-semantic-warning-50,#fff8eb);border-color:var(--color-ui-warning-200,#f6d6a7);color:var(--color-semantic-warning-700,#834b08)}.ivds-badge--error{background-color:var(--color-semantic-error-50,#fff1f2);border-color:var(--color-ui-error-200,#f2b8c1);color:var(--color-semantic-error-700,#922036)}.ivds-badge--outline{background-color:transparent;border:1px solid var(--ivds-border-strong,#a1adba);color:var(--ivds-text-secondary,#36414f)}

package/lib/components/badge/badge.min.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/badge/badge.scss%23sass","../../../src/components/badge/badge.scss","../../../src/components/badge/_badge-mixin.scss"],"names":[],"mappings":"AAEA,YCAA,kBAAA,CCiBE,4BAAA,CAJA,0CAAA,CATA,mBAAA,CAKA,0DAAA,CACA,mCAAA,CACA,0CAAA,CAJA,2BAAA,CADA,sBAAA,CASA,oBAAA,CAHA,kBAAA,CAIA,eAAA,CARA,gCAAA,CAMA,wBDDF,CDVE,iBE4BA,6BAAA,CAFA,6CAAA,CADA,UAAA,CAEA,oCAAA,CAHA,SDPF,CDZE,qBEaA,0DAAA,CAEA,sDAAA,CADA,+CDGF,CDTE,qBEKA,qDFHI,CEKJ,kDAAA,CADA,2CDQF,CDNE,qBEHA,yDAAA,CAEA,gDFKI,CENJ,+CDaF,CDHE,qBEXA,yDAAA,CAEA,gDFaI,CEdJ,+CDkBF,CDAE,mBEnBA,uDFqBI,CEnBJ,8CFqBI,CEtBJ,6CDuBF,CDGE,qBACE,4BAAA,CACA,kDAAA,CACA,wCCDJ","file":"badge.min.css","sourcesContent":["@use 'badge-mixin' as badge;\n\n.ivds-badge {\n  @include badge.badge-base;\n  \n  &__dot {\n    @include badge.badge-dot;\n  }\n  \n  // Variants\n  &--neutral {\n    @include badge.badge-variant(\n      var(--color-semantic-neutral-100, #f1f3f5),\n      var(--color-semantic-neutral-700, #36414f),\n      var(--color-semantic-neutral-300, #cfd6dd)\n    );\n  }\n  \n  &--primary {\n    @include badge.badge-variant(\n      var(--color-brand-accent-50, #eef4ff),\n      var(--color-brand-accent-700, #0b4593),\n      var(--color-brand-accent-200, #bfd7ff)\n    );\n  }\n  \n  &--success {\n    @include badge.badge-variant(\n      var(--color-semantic-success-50, #edf9f4),\n      var(--color-semantic-success-700, #0a573a),\n      var(--color-ui-success-200, #b8e9d2)\n    );\n  }\n  \n  &--warning {\n    @include badge.badge-variant(\n      var(--color-semantic-warning-50, #fff8eb),\n      var(--color-semantic-warning-700, #834b08),\n      var(--color-ui-warning-200, #f6d6a7)\n    );\n  }\n  \n  &--error {\n    @include badge.badge-variant(\n      var(--color-semantic-error-50, #fff1f2),\n      var(--color-semantic-error-700, #922036),\n      var(--color-ui-error-200, #f2b8c1)\n    );\n  }\n  \n  &--outline {\n    background-color: transparent;\n    border: 1px solid var(--ivds-border-strong, #a1adba);\n    color: var(--ivds-text-secondary, #36414f);\n  }\n}\n","@use 'badge-mixin' as badge;\n\n.ivds-badge {\n  @include badge.badge-base;\n  \n  &__dot {\n    @include badge.badge-dot;\n  }\n  \n  // Variants\n  &--neutral {\n    @include badge.badge-variant(\n      var(--color-semantic-neutral-100, #f1f3f5),\n      var(--color-semantic-neutral-700, #36414f),\n      var(--color-semantic-neutral-300, #cfd6dd)\n    );\n  }\n  \n  &--primary {\n    @include badge.badge-variant(\n      var(--color-brand-accent-50, #eef4ff),\n      var(--color-brand-accent-700, #0b4593),\n      var(--color-brand-accent-200, #bfd7ff)\n    );\n  }\n  \n  &--success {\n    @include badge.badge-variant(\n      var(--color-semantic-success-50, #edf9f4),\n      var(--color-semantic-success-700, #0a573a),\n      var(--color-ui-success-200, #b8e9d2)\n    );\n  }\n  \n  &--warning {\n    @include badge.badge-variant(\n      var(--color-semantic-warning-50, #fff8eb),\n      var(--color-semantic-warning-700, #834b08),\n      var(--color-ui-warning-200, #f6d6a7)\n    );\n  }\n  \n  &--error {\n    @include badge.badge-variant(\n      var(--color-semantic-error-50, #fff1f2),\n      var(--color-semantic-error-700, #922036),\n      var(--color-ui-error-200, #f2b8c1)\n    );\n  }\n  \n  &--outline {\n    background-color: transparent;\n    border: 1px solid var(--ivds-border-strong, #a1adba);\n    color: var(--ivds-text-secondary, #36414f);\n  }\n}\n","// Badge component mixins and private styles\n// Small, functional labels with sharp edges\n\n@use '../../variables/variables' as vars;\n\n@mixin badge-base {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--spacing-1, 0.25rem);\n  padding: 0 var(--spacing-2, 0.5rem);\n  font-family: var(--fontFamily-primary, system-ui, sans-serif);\n  font-size: var(--fontSize-xs, 0.75rem);\n  font-weight: var(--fontWeight-semibold, 600);\n  line-height: normal;\n  border-radius: var(--ivds-radius-s, 0.125rem);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  min-height: 20px;\n  border: 1px solid transparent;\n}\n\n@mixin badge-variant($bg-color, $text-color, $border-color: transparent) {\n  background-color: $bg-color;\n  color: $text-color;\n  border-color: $border-color;\n}\n\n@mixin badge-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: var(--borderRadius-full, 9999px);\n  margin-right: var(--spacing-1, 0.25rem);\n  background-color: currentcolor;\n}\n"]}

package/lib/components/breadcrumb/_breadcrumb-mixin.scss

@@ -0,0 +1,51 @@
+// Breadcrumb component mixins and private styles
+
+@use '../../base/focus' as *;
+
+@mixin breadcrumb-list {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  gap: var(--spacing-2, 0.5rem);
+  font-family: var(--fontFamily-primary, system-ui, sans-serif);
+  font-size: var(--fontSize-sm, 0.875rem);
+}
+
+@mixin breadcrumb-item {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2, 0.5rem);
+  color: var(--ivds-text-muted, #4d5968);
+}
+
+@mixin breadcrumb-link {
+  color: var(--color-brand-accent-700, #0b4593);
+  text-decoration: none;
+  font-weight: var(--fontWeight-medium, 500);
+  transition:
+    color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),
+    text-decoration-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
+
+  &:hover {
+    color: var(--color-brand-accent-600, #1058b8);
+    text-decoration: underline;
+    text-decoration-thickness: 2px;
+    text-underline-offset: 0.14em;
+  }
+
+  @include focus-ring;
+}
+
+@mixin breadcrumb-separator {
+  color: var(--ivds-border-strong, #a1adba);
+  display: flex;
+  align-items: center;
+}
+
+@mixin breadcrumb-current {
+  color: var(--ivds-text-primary, #121a24);
+  font-weight: var(--fontWeight-semibold, 600);
+}

package/lib/components/{_breadcrumb-mixins.scss → breadcrumb/_breadcrumb-mixins.scss}

@@ -2,15 +2,16 @@
 // This file contains mixins for breadcrumb variants and internal utilities
 
 @use '../../variables/variables' as vars;
+@use '../../base/focus' as *;
 
 // Base breadcrumb mixin with common styles
 @mixin breadcrumb-base {
   --separator-content: '/';
   --separator-spacing: var(--spacing-2, 0.5rem);
-  --link-color: var(--color-brand-primary-500, #f97316);
-  --link-color-hover: var(--color-brand-primary-600, #ea580c);
-  --current-color: var(--color-semantic-neutral-700, #404040);
-  --separator-color: var(--color-semantic-neutral-500, #737373);
+  --link-color: var(--color-brand-accent-700, #0b4593);
+  --link-color-hover: var(--color-brand-accent-600, #1058b8);
+  --current-color: var(--ivds-text-secondary, #36414f);
+  --separator-color: var(--ivds-border-strong, #a1adba);
 
   display: flex;
   align-items: center;
@@ -49,25 +50,27 @@
 @mixin breadcrumb-link {
   color: var(--link-color);
   text-decoration: none;
-  transition: all 0.15s ease-in-out;
-  border-radius: var(--borderRadius-md, 0.375rem);
+  transition: all var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
+  border-radius: var(--ivds-radius-xs, 0);
   padding: var(--spacing-1, 0.25rem) var(--spacing-2, 0.5rem);
   margin: calc(-1 * var(--spacing-1, 0.25rem)) calc(-1 * var(--spacing-2, 0.5rem));
   
   &:hover {
     color: var(--link-color-hover);
     text-decoration: underline;
-    background-color: var(--color-brand-primary-50, #fff7ed);
+    text-decoration-thickness: 2px;
+    text-underline-offset: 0.14em;
+    background-color: var(--color-brand-accent-50, #eef4ff);
   }
   
-  &:focus {
-    outline: 2px solid var(--color-brand-primary-500, #f97316);
-    outline-offset: 2px;
+  @include focus-ring;
+
+  &:focus-visible {
     text-decoration: none;
   }
   
   &:active {
-    background-color: var(--color-brand-primary-100, #ffedd5);
+    background-color: var(--color-brand-accent-100, #dbe9ff);
   }
 }
 
@@ -107,8 +110,8 @@
 
 // Breadcrumb theme variants
 @mixin breadcrumb-theme-dark {
-  --link-color: var(--color-brand-primary-400, #fb923c);
-  --link-color-hover: var(--color-brand-primary-300, #fdba74);
+  --link-color: var(--color-brand-accent-300, #93bcff);
+  --link-color-hover: var(--color-brand-accent-200, #bfd7ff);
   --current-color: var(--color-semantic-neutral-200, #e5e5e5);
   --separator-color: var(--color-semantic-neutral-400, #a3a3a3);
 }
@@ -170,4 +173,4 @@
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-}
+}