npm - @axa-fr/design-system-apollo-css - Versions diffs - 1.0.5-alpha.262 → 1.0.5-alpha.264 - Mend

@axa-fr/design-system-apollo-css 1.0.5-alpha.262 → 1.0.5-alpha.264

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

Files changed (21) hide show

package/dist/look-and-feel.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/Grid/Grid.scss","../src/look-and-feel.scss","../src/Grid/DebugGrid.scss","../src/Button/ButtonCommon.scss","../src/Button/ButtonLF.scss","../src/Spinner/SpinnerCommon.scss","../src/Spinner/SpinnerLF.scss","../src/Form/ItemMessage/ItemMessageCommon.scss","../src/Form/ItemMessage/ItemMessageLF.scss","../src/Form/ItemLabel/ItemLabelCommon.scss","../src/Form/ItemLabel/ItemLabelLF.scss","../src/Form/TextInput/TextInputCommon.scss","../src/Form/TextInput/TextInputLF.scss","../src/Form/TextArea/TextAreaCommon.scss","../src/Form/TextArea/TextAreaLF.scss","../src/Form/Select/SelectCommon.scss","../src/Form/Select/SelectLF.scss","../src/Icon/IconCommon.scss","../src/Icon/IconLF.scss","../src/Divider/DividerCommon.scss","../src/Divider/DividerLF.scss","../src/ClickIcon/ClickIconCommon.scss","../src/ClickIcon/ClickIconLF.scss","../src/Link/LinkCommon.scss","../src/Link/LinkLF.scss","../src/Toggle/ToggleCommon.scss","../src/Toggle/ToggleLF.scss","../src/BasePicture/BasePictureCommon.scss","../src/Message/MessageCommon.scss","../src/Message/MessageLF.scss","../src/Tag/TagCommon.scss","../src/Tag/TagLF.scss","../src/CardMessage/CardMessageCommon.scss","../src/CardMessage/CardMessageLF.scss","../src/List/ContentItemDuo/ContentItemDuoCommon.scss","../src/List/ContentItemDuo/ContentItemDuoLF.scss","../src/ProgressBar/ProgressBarCommon.scss","../src/ProgressBar/ProgressBarLF.scss","../src/ProgressBarGroup/ProgressBarGroupCommon.scss","../src/Stepper/StepperCommon.scss","../src/Stepper/StepperLF.scss","../src/Form/DateInput/DateInputCommon.scss","../src/Form/DateInput/DateInputLF.scss","../src/TimelineVertical/TimelineVerticalCommon.scss","../src/TimelineVertical/TimelineVerticalLF.scss","../src/ItemTabBar/ItemTabBarCommon.scss","../src/ItemTabBar/ItemTabBarLF.scss","../src/common/reboot.scss","../src/Heading/HeadingCommon.scss","../src/Heading/HeadingLF.scss","../src/Form/Checkbox/Checkbox/CheckboxCommon.scss","../src/Form/Checkbox/Checkbox/CheckboxLF.scss","../src/Form/Checkbox/CheckboxText/CheckboxTextCommon.scss","../src/Form/Checkbox/CheckboxText/CheckboxTextLF.scss","../src/Form/Checkbox/CheckboxCard/CheckboxCardCommon.scss","../src/Form/Checkbox/CheckboxCard/CheckboxCardLF.scss","../src/ContentItemMono/ContentItemMonoCommon.scss","../src/ContentItemMono/ContentItemMonoLF.scss"],"names":[],"mappings":"AAeA,MCFA,4CDGE,CCFF,6CDGE,CCFF,mDDGE,CCFF,QAAA,CACA,YAAA,CACA,YAAA,CAGA,iCDIE,CCLF,6CDIE,CCLF,kCAGA,CDKE,uBCHF,MACA,QAAA,CACA,6CDGI,CCFJ,mDACA,CACA,CDIE,wBAlBF,MAmBI,6CAAA,CACA,mDAAA,CACA,SCDF,CACF,CDGE,wBAxBF,MAyBI,oDCAF,CACF,CDEE,wBA5BF,MA6BI,oBAAA,CAEA,gBCAF,CACF,CDEE,6CAKE,mBAAA,CAFA,YAAA,CACA,yCAAA,CAEA,sBCFJ,CDKE,UACE,YCHJ,CDME,qCAEE,6BCLJ,CDOI,yCACE,yCCLN,CC5DA,yDAGE,QAAA,CAEA,WAAA,CADA,MAAA,CAHA,cAAA,CACA,SDkEF,CC5DA,YAGE,YAAA,CAEA,WAAA,CAEA,uBAAA,CADA,UAAA,CALA,cAAA,CACA,KAAA,CAEA,UDkEF,CC7DE,kBACE,0BAAA,CACA,uBAAA,CAGA,WAAA,CADA,iBD+DJ,CC5DI,yBAUE,qDAAA,CAGA,mBAAA,CAPA,+BAAA,CADA,WAAA,CAFA,SAAA,CAFA,iBAAA,CAMA,iBAAA,CACA,sBAAA,CANA,OAAA,CASA,0BAAA,CACA,+BAAA,CARA,UAAA,CAKA,wBDkEN,CC3DI,wBAIE,qCAAA,CAHA,YAAA,CAEA,kBAAA,CADA,WAAA,CAGA,0CD6DN,CC3DM,wCACE,aD6DR,CCzDI,uBAnCF,kBAoCI,gCAAA,CACA,uBD4DJ,CC1DI,wCACE,aD4DN,CACF,CCzDI,wBA5CF,kBA6CI,gCAAA,CACA,uBD4DJ,CC1DI,yCACE,aD4DN,CACF,CCzDI,wBArDF,kBAsDI,sCAAA,CACA,uBD4DJ,CACF,CC1DI,wBA1DF,kBA2DI,wCAAA,CACA,uBD6DJ,CACF,CCvDI,+CACE,aD0DN,CE7IA,eAKE,kBAAA,CAQA,+CAAA,CAVA,QAAA,CACA,kCAAA,CAQA,sCAAA,CAXA,YAAA,CAOA,mCAAA,CACA,iCAAA,CACA,eAAA,CAHA,QAAA,CADA,sBAAA,CAKA,qCAAA,CATA,6BAAA,CAYA,8CAAA,CACA,iFACE,CACF,iCAAA,CACA,wBAAA,CAAA,gBFgJF,CE9IE,6BACE,6CAAA,CACA,kBFgJJ,CE7IE,2DAEE,mBF8IJ,CE5II,mFACE,YF8IN,CE1IE,mBACE,cAAA,CACA,iBF4IJ,CEzIE,sBACE,sCAAA,CACA,kBF2IJ,CEzII,4FAGE,yBFyIN,CErIE,0BACE,qDFuIJ,CG1LA,eACE,0CAAA,CACA,8CAAA,CACA,+BAAA,CACA,sCAAA,CACA,0FAAA,CAEA,wDAAA,CACA,sDHgMF,CG9LE,wBAVF,eAWI,0DAAA,CACA,sDHiMF,CACF,CG/LE,qBACE,6CHiMJ,CG9LE,sBACE,gDHgMJ,CG7LE,kDAEE,0CH8LJ,CG3LE,2DAEE,+CAAA,CACA,iDAAA,CACA,2CH4LJ,CGzLE,iCACE,mDH2LJ,CGzLI,uCACE,wDH2LN,CGxLI,wCACE,yDH0LN,CGtLE,gCACE,4CAAA,CACA,4CHwLJ,CGtLI,uCACE,4CAAA,CACA,2DHwLN,CGrLI,0HAGE,4CAAA,CACA,+CHqLN,CGjLE,sBACE,4CAAA,CACA,+BAAA,CACA,kBHmLJ,CGjLI,wBALF,sBAMI,sDHoLJ,CACF,CGlLI,6BACE,kDHoLN,CGjLI,4FAGE,+CAAA,CACA,+BHiLN,CG9KI,yEAEE,+BH+KN,CG3KE,0BACE,4CAAA,CACA,4CAAA,CACA,sCAAA,CAEA,qDH4KJ,CG1KI,yIAIE,4CAAA,CACA,+CAAA,CAEA,8CHwKN,CGrKI,iCACE,6CHuKN,CGnKE,kCACE,0CAAA,CACA,8CAAA,CACA,wCAAA,CAEA,qDHoKJ,CGlKI,yCACE,+CAAA,CACA,kDAAA,CACA,2CHoKN,CGjKI,gIAGE,+CAAA,CACA,+CAAA,CACA,2CHiKN,CG7JE,yBACE,sDAAA,CACA,4CH+JJ,CG7JI,+BACE,6DH+JN,CG5JI,gCACE,8DAAA,CACA,4CH8JN,CIlTA,YACE,iBAAA,CACA,uBAAA,CAaA,kBAAA,CAEA,iCAAA,CARA,6EAAA,CAIA,iBAAA,CAFA,qFAAA,CANA,0BAAA,CADA,YAAA,CAUA,qBAAA,CAPA,oCAAA,CASA,sBAAA,CARA,WAAA,CAFA,mCJ6TF,CI/SA,gBACE,GACE,sBJkTF,CI/SA,GACE,uBJiTF,CACF,CK1UA,YACE,oEAAA,CACA,2CL4UF,CK1UE,gBACE,uBL4UJ,CKzUE,gBACE,uBL2UJ,CKxUE,kBACE,qEAAA,CAKA,4CL0UJ,CKvUE,mBACE,sEAAA,CAKA,6CLyUJ,CMpWA,iBACE,4DAAA,CAGA,kBAAA,CADA,YAAA,CAEA,sCNsWF,CMpWE,uBAEE,+BAAA,CADA,mCAAA,CAEA,iBNsWJ,CMnWE,0BAIE,+BAAA,CAHA,mCAAA,CACA,uCAAA,CACA,kBNsWJ,CMlWE,wBApBF,iBAqBI,4DNqWF,CACF,COzXA,iBACE,yCAAA,CACA,4DP4XF,CO1XE,0BACE,2CP4XJ,CQnYA,eACE,YAAA,CAEA,2EACE,CAGF,8BAAA,CACA,qBAAA,CACA,0CAAA,CAPA,UR0YF,CQjYE,iDACE,0CRmYJ,CQhYE,gDACE,8CRkYJ,CQ/XE,qBAKE,wBAAA,CAHA,6CAAA,CACA,eAAA,CAFA,eAAA,CAGA,+CRkYJ,CQ/XI,wBAPF,qBAQI,6CAAA,CACA,+CRkYJ,CACF,CQ/XE,2BACE,oBAAA,CACA,qBRiYJ,CQ/XI,6DACE,cRiYN,CQ7XE,qBACE,cR+XJ,CQ5XE,4BAKE,oCAAA,CAHA,6CAAA,CACA,eAAA,CAFA,qBAAA,CAGA,kBR+XJ,CQ5XI,wBAPF,4BAQI,6CAAA,CACA,+CR+XJ,CACF,CSpbA,eACE,mCAAA,CACA,+CTubF,CUnbE,wBAOE,kBAAA,CAEA,sCAAA,CALA,0CAAA,CACA,wCAAA,CAGA,6BAAA,CAPA,YAAA,CAKA,sCAAA,CAHA,2CAAA,CADA,UVmcJ,CU1bI,sCACE,6CV4bN,CUzbI,kDACE,qCAAA,CACA,kBV2bN,CUxbI,8BACE,SAAA,CAIA,6BAAA,CAHA,6CAAA,CACA,eAAA,CACA,kBV2bN,CUxbM,2CAEE,yCAAA,CADA,eV2bR,CUvbM,gCACE,kCAAA,CACA,iCVybR,CUtbM,wBAjBF,8BAkBI,6CVybN,CACF,CUtbI,8DACE,oDVwbN,CUrbI,oHAEE,gBAAA,CACA,kBVsbN,CUpbM,oIACE,kBVsbR,CW3eE,wBACE,0CAAA,CACA,kDAAA,CACA,mCAAA,CACA,wCAAA,CACA,6CAAA,CACA,oDX4fJ,CW1fI,oDACE,qCX4fN,CWzfI,8DACE,qCAAA,CACA,oDX2fN,CWxfI,sDACE,yCX0fN,CWvfI,oHAEE,0CAAA,CACA,wCAAA,CACA,sCAAA,CACA,6CXwfN,CWtfM,kKACE,0CXwfR,CY5hBA,yBAUE,kDAAA,CANA,oDAAA,CACA,kDAAA,CAMA,sDAAA,CAFA,kCAAA,CAHA,4BAAA,CACA,6CAAA,CALA,qEAAA,CAMA,+CAAA,CALA,YAAA,CAFA,UZyiBF,CY7hBE,wBAbF,yBAeI,6CAAA,CACA,+CAAA,CAFA,UZkiBF,CACF,CY9hBE,gCACE,oDAAA,CACA,wDAAA,CACA,YZgiBJ,CY7hBE,gGAGE,iCAAA,CACA,YZ6hBJ,CY1hBE,kCAEE,4CAAA,CADA,oDAAA,CAEA,mBZ4hBJ,CYxhBI,4JAEE,oDAAA,CACA,wDZyhBN,CankBA,yBACE,8BAAA,CACA,4DAAA,CACA,oDAAA,CACA,+CAAA,CACA,yCbskBF,CapkBE,gCACE,mDbskBJ,CankBE,kCACE,oDAAA,CACA,kDbqkBJ,CajkBI,4JAEE,+CbkkBN,CcplBE,uBAKE,qCAAA,CAJA,oBAAA,CAEA,6CAAA,CACA,eAAA,CAFA,gDd0lBJ,CcplBE,uBAkBE,uBAAA,CAAA,eAAA,CAJA,mCAAA,CACA,qBAAA,CACA,uCAAA,CAVA,2CAAA,CACA,yCAAA,CAUA,mCAAA,CAJA,yBAAA,CAZA,aAAA,CAOA,6CAAA,CACA,eAAA,CACA,kBAAA,CAPA,4CAAA,CACA,2CAAA,CACA,iDAAA,CAMA,sBAAA,CACA,kBAAA,CAVA,UdsmBJ,CcplBI,8BACE,2CAAA,CACA,yBdslBN,CcnlBI,4BACE,8CdqlBN,CcllBI,qCACE,qDAAA,CACA,6CAAA,CACA,kBdolBN,CcjlBI,gCACE,2CAAA,CACA,yBAAA,CACA,kBdmlBN,CchlBI,yFAEE,2CAAA,CACA,qDdilBN,Cc9kBI,qDACE,edglBN,Cc7kBI,mCACE,yBd+kBN,Cc5kBI,8BACE,2Cd8kBN,Cc3kBI,wBA3DF,uBA4DI,6Cd8kBJ,CACF,CenpBE,uBACE,oCAAA,CACA,uCAAA,CACA,gDAAA,CACA,mDAAA,CACA,2CAAA,CACA,yHfupBJ,CeppBI,4BACE,kFfspBN,CenpBI,qCACE,0CAAA,CACA,sCfqpBN,CelpBI,gCACE,gDAAA,CACA,2CfopBN,CejpBI,yFAEE,sCAAA,CACA,oCfkpBN,Ce/oBI,qDACE,oCfipBN,Ce9oBI,2DACE,sCfgpBN,Ce7oBI,8BACE,oCf+oBN,Ce7oBM,uCACE,oCf+oBR,Ce3oBI,mCACE,gDf6oBN,Ce1oBI,8BACE,0Cf4oBN,Ce1oBM,4CACE,0Cf4oBR,CezoBM,uGAEE,0CAAA,CACA,wDf0oBR,CevoBM,kEACE,0CfyoBR,CgB3sBA,SAKE,mDAAA,CADA,uCAAA,CAHA,YAAA,CAKA,uCAAA,CAHA,2BAAA,CADA,iBhBktBF,CgB5sBE,aAEE,2DAAA,CADA,0DAAA,CAEA,qBhB8sBJ,CgB1sBI,oBACE,+ChB4sBN,CgBzsBI,wCACE,kDhB2sBN,CgBtsBI,qBACE,+ChBwsBN,CgBrsBI,yCACE,kDhBusBN,CgBlsBI,oBACE,gDhBosBN,CgB/rBI,0BACE,+ChBisBN,CgB9rBI,8CACE,iDhBgsBN,CgB3rBI,4CACE,mBAAA,CACA,iBhB6rBN,CiBhvBA,SACE,qCjBmvBF,CiBhvBI,wCACE,iDjBkvBN,CiB9uBE,kBACE,4BjBgvBJ,CiB9uBI,0CACE,8BAAA,CACA,wCjBgvBN,CiB5uBE,oBACE,8BjB8uBJ,CiB5uBI,4CACE,4BAAA,CACA,0CAAA,CACA,0CjB8uBN,CiB1uBE,mBACE,iCjB4uBJ,CiB1uBI,2CACE,6CjB4uBN,CkB9wBA,YAEE,QAAA,CACA,gDAAA,CAFA,QAAA,CCEA,4CnBixBF,CoBpxBA,eAME,mDAAA,CAFA,QAAA,CACA,qBAAA,CAEA,cAAA,CANA,YAAA,CAEA,0CAAA,CADA,iBpBgyBF,CoBzxBE,mBACE,gDpB2xBJ,CoBxxBE,wBACE,mBpB0xBJ,CoBvxBE,6BACE,uDpB0xBJ,CqB1yBA,eACE,0DrB6yBF,CqB3yBE,qBACE,iErB6yBJ,CqB1yBE,sBACE,kErB4yBJ,CqBzyBE,wBACE,mDAAA,CACA,2CrB2yBJ,CqBxyBE,qBACE,YrB0yBJ,CqBvyBE,6BACE,6CAAA,CAEA,iDAAA,CACA,kBrBwyBJ,CsBh0BA,SAIE,kBAAA,CAMA,oCAAA,CATA,mBAAA,CAKA,gEAAA,CACA,mCAAA,CAFA,UAAA,CAFA,kBAAA,CAKA,yBAAA,CACA,6CAAA,CAPA,iBAAA,CASA,mCtBm0BF,CsBj0BE,aAGE,cAAA,CADA,cAAA,CADA,aAAA,CAGA,iBtBm0BJ,CsBh0BE,uBACE,etBk0BJ,CsB/zBE,kBACE,mCAAA,CACA,oBtBi0BJ,CsB/zBI,wBAEE,4BAAA,CADA,yBtBk0BN,CsB9zBI,iDAGE,+BAAA,CADA,yBtBg0BN,CsB3zBE,oBACE,mCtB6zBJ,CsB3zBI,0BACE,4BtB6zBN,CsB1zBI,qDAEE,+BtB2zBN,CsBvzBE,kBAGE,oCAAA,CAFA,mCAAA,CACA,oBtB0zBJ,CsBvzBI,yEAGE,mCAAA,CACA,yBtBuzBN,CsBnzBE,8CAGE,2BtBmzBJ,CsBhzBE,uBACE,2CAAA,CACA,kBtBkzBJ,CuB13BA,SACE,sBAAA,CACA,0CAAA,CACA,qBAAA,CACA,mBvB63BF,CuB33BE,wBANF,SAOI,mBvB83BF,CACF,CuB53BE,kBACE,uBvB83BJ,CuB53BI,wBACE,qCvB83BN,CuB33BI,iDAEE,2CvB43BN,CuBx3BE,oBACE,uBvB03BJ,CuBx3BI,0BACE,qCvB03BN,CuBv3BI,qDAEE,2CvBw3BN,CuBp3BE,kBACE,4CvBu3BJ,CuBp3BI,2FAFA,uBvBy3BJ,CwBn6BA,WACE,cxBs6BF,CwBp6BE,iBAQE,kBAAA,CACA,uCAAA,CAHA,iEAAA,CACA,yCAAA,CALA,YAAA,CAEA,2BAAA,CACA,6BAAA,CAJA,iBAAA,CAEA,yBxB46BJ,CwBn6BE,gDACE,mDAAA,CACA,kBxBq6BJ,CwBl6BE,0BACE,YxBo6BJ,CwBj6BE,mBAIE,2CAAA,CADA,+BAAA,CADA,gCAAA,CAGA,qFAAA,CAEA,cAAA,CANA,+BxBw6BJ,CwB/5BE,gCAGE,UAAA,CAFA,iBAAA,CACA,SAAA,CAEA,kBxBi6BJ,CyBr8BA,WACE,uCAAA,CACA,2CAAA,CACA,kDAAA,CACA,uCAAA,CACA,wBAAA,CACA,oBAAA,CACA,mBAAA,CACA,oBAAA,CACA,2CAAA,CACA,yBAAA,CACA,0DAAA,CACA,uBzBw8BF,CyBt8BE,yBACE,uCAAA,CACA,iDzBw8BJ,CyBt8BI,4CACE,yBAAA,CACA,wCAAA,CACA,iKzB48BN,CyBp8BE,0BACE,oCAAA,CACA,2CAAA,CACA,2CzBs8BJ,CyBn8BE,kCACE,uCAAA,CACA,2CzBq8BJ,C0B5+BA,gBAGE,qBAAA,CADA,WAAA,CADA,U1Bi/BF,C2Bl/BA,YAME,wCAAA,CAHA,4CAAA,CACA,0CAAA,CAHA,YAAA,CAIA,uCAAA,CAHA,2C3By/BF,C2Bn/BE,kBACE,cAAA,CACA,+BAAA,CACA,8B3Bq/BJ,C2Bl/BE,mBAOE,gCAAA,CALA,yEAAA,CAGA,eAAA,CACA,kBAAA,CALA,Q3Bw/BJ,C2B/+BE,qBAUE,kCAAA,CATA,YAAA,CAEA,qBAAA,CAEA,2EAAA,CAGA,eAAA,CACA,iDAAA,CALA,0CAAA,CAFA,U3Bu/BJ,C2B5+BE,oBACE,YAAA,CAIA,mBAAA,CAHA,8EAAA,CAIA,gB3B4+BJ,C4BphCA,YACE,sCAAA,CACA,qCAAA,CACA,iDAAA,CACA,wCAAA,CACA,+CAAA,CACA,gDAAA,CACA,4BAAA,CACA,6CAAA,CACA,8BAAA,CACA,+B5BuhCF,C4BrhCE,wBAZF,YAaI,8BAAA,CACA,4B5BwhCF,CACF,C4BthCE,mBACE,0C5BwhCJ,C4BrhCE,qBACE,uC5BuhCJ,C4BphCE,qBACE,+C5BshCJ,C4BnhCE,wBACE,4C5BqhCJ,C6BtjCA,QAOE,kBAAA,CAIA,oCAAA,CANA,wCAAA,CACA,sCAAA,CAIA,2BAAA,CAEA,cAAA,CAXA,mBAAA,CAQA,uCAAA,CADA,sBAAA,CALA,6EAAA,CADA,iB7BkkCF,C6BtjCE,eACE,8BAAA,CACA,eAAA,CACA,kC7BwjCJ,C8BtkCA,QACE,gD9BykCF,C8BvkCE,eACE,mDAAA,CACA,iD9BykCJ,C8BtkCE,cACE,iCAAA,CACA,sCAAA,CACA,wC9BwkCJ,C8BrkCE,iBACE,iCAAA,CACA,uCAAA,CACA,yC9BukCJ,C8BpkCE,eACE,iCAAA,CACA,qCAAA,CACA,uC9BskCJ,C8BnkCE,iBACE,iCAAA,CACA,sCAAA,CACA,wC9BqkCJ,C8BlkCE,iBACE,iCAAA,CACA,wCAAA,CACA,0C9BokCJ,C8BjkCE,wBACE,eACE,mD9BmkCJ,CACF,C+B7mCA,iBAME,gBAAA,CAKA,qDAAA,CAPA,+CAAA,CAQA,sFAAA,CAFA,oCAAA,CATA,YAAA,CAIA,qBAAA,CAIA,mEAAA,CADA,sCAAA,CADA,sBAAA,CAJA,mCAAA,CADA,oC/B0nCF,C+B7mCE,+CAIE,oCAAA,CAFA,+BAAA,CACA,gB/B+mCJ,C+B3mCE,wBACE,e/B6mCJ,C+B1mCE,uBACE,e/B4mCJ,C+BzmCE,wBA9BF,iBA+BI,sC/B4mCF,CACF,CgC3oCA,iBACE,0DAAA,CACA,wDhC8oCF,CgC5oCE,uBACE,qDAAA,CACA,0CAAA,CACA,4ChC8oCJ,CgC3oCE,0BACE,uDAAA,CACA,wDAAA,CACA,0DhC6oCJ,CgC1oCE,wBACE,yDAAA,CACA,qDAAA,CACA,uDhC4oCJ,CgCzoCE,0BACE,qDAAA,CACA,+CAAA,CACA,iDhC2oCJ,CiCrqCA,qBACE,YAAA,CAEA,oDACE,CAEF,kCAAA,CACA,0CAAA,CALA,UjC2qCF,CiCpqCE,wDAGE,mCAAA,CACA,6CAAA,CACA,gBAAA,CAHA,QAAA,CAIA,wBjCqqCJ,CiClqCE,4BAIE,oCAAA,CADA,eAAA,CADA,eAAA,CADA,gDjCuqCJ,CiCjqCE,4BAIE,oCAAA,CAFA,eAAA,CADA,eAAA,CAEA,cjCoqCJ,CiChqCE,6BACE,gBAAA,CACA,gBjCkqCJ,CiC/pCE,4BAKE,2CjC6pCJ,CiCjqCI,qEACE,SjCmqCN,CiC7pCM,uDACE,6CjC+pCR,CiC5pCM,gHAEE,6CAAA,CACA,gBjC6pCR,CiC1pCM,wDACE,gDjC4pCR,CiCzpCM,wDACE,gBjC2pCR,CiCxpCM,yDACE,kBjC0pCR,CiCrpCE,+BAKE,0EAAA,CAJA,iDACE,CAEF,mCjCspCJ,CiCjpCM,0DAEE,cAAA,CADA,6CjCopCR,CiChpCM,sHAGE,6CAAA,CACA,gBAAA,CAFA,cAAA,CAGA,gBjCipCR,CiC9oCM,2DACE,QjCgpCR,CiC7oCM,4DAEE,gBAAA,CADA,ajCgpCR,CiCzoCA,wBAEI,4BACE,0CjC2oCJ,CiCxoCM,gHAEE,6CAAA,CACA,gBjCyoCR,CiCtoCM,wDACE,+CjCwoCR,CiCroCM,wDACE,cjCuoCR,CiCpoCM,yDAEE,gBAAA,CADA,ajCuoCR,CiCjoCE,+BACE,0CjCmoCJ,CiChoCM,sHAEE,6CAAA,CACA,gBAAA,CACA,gBjCioCR,CACF,CiC3nCA,yBACE,4BACE,+CjC6nCF,CACF,CkChxCE,4BACE,+ClCkxCJ,CkC/wCE,4BACE,+ClCixCJ,CmCzxCA,gBAKE,oDAAA,CAFA,oCAAA,CADA,yCAAA,CAEA,eAAA,CAHA,UnCgyCF,CmC1xCE,0BAGE,iDAAA,CAFA,yCAAA,CACA,eAAA,CAEA,8CnC4xCJ,CoCryCA,gBACE,8CAAA,CACA,oDpCwyCF,CoCtyCE,0BACE,4CAAA,CACA,8CpCwyCJ,CqChzCA,uBAEE,oBAAA,CADA,YAAA,CAEA,sCrCmzCF,CsCpzCA,YAKE,wBAAA,CAJA,YAAA,CAEA,qBAAA,CACA,sBAAA,CAFA,UtC0zCF,CsCrzCE,oBACE,YAAA,CACA,mDAAA,CACA,6BtCuzCJ,CsCpzCE,mBAOE,wBAAA,CAJA,oCAAA,CACA,gCAAA,CACA,oCAAA,CACA,oCAAA,CALA,QAAA,CACA,qBtC2zCJ,CsCnzCE,sBAME,2BAAA,CAJA,uCAAA,CACA,mCAAA,CACA,eAAA,CACA,uCAAA,CAJA,QtC0zCJ,CsClzCE,qBAEE,oBAAA,CADA,YAAA,CAEA,QtCozCJ,CsCjzCE,oBAME,yBAAA,CAJA,qCAAA,CACA,iCAAA,CACA,eAAA,CACA,gBAAA,CAJA,qBtCwzCJ,CuC91CA,YACE,iDvCi2CF,CuC/1CE,oBACE,sCvCi2CJ,CuC91CE,mBACE,8CAAA,CACA,qDAAA,CACA,uBAAA,CACA,uDAAA,CACA,8BvCg2CJ,CuC71CE,sBACE,oDAAA,CACA,wDAAA,CACA,sCvC+1CJ,CuC51CE,oBACE,kDAAA,CACA,sDAAA,CACA,mCvC81CJ,CuC31CE,wBA3BF,YA4BI,iDvC81CF,CuC51CE,mBACE,qDAAA,CACA,uDvC81CJ,CuC31CE,sBACE,wDAAA,CACA,0DvC61CJ,CuC11CE,oBACE,kDAAA,CACA,sDAAA,CACA,mCvC41CJ,CACF,CwCx4CE,0BAGE,sBAAA,CAFA,YAAA,CACA,qBAAA,CAEA,0CxC24CJ,CwCx4CE,qBACE,SAAA,CAYA,sCAAA,CARA,0CAAA,CACA,wCAAA,CAJA,qBAAA,CAUA,6BAAA,CALA,4BAAA,CACA,6CAAA,CACA,eAAA,CACA,kBAAA,CANA,2CAAA,CAOA,wBAAA,CARA,UxCo5CJ,CwCx4CI,kCAEE,yCAAA,CADA,exC24CN,CwCv4CI,wBApBF,qBAqBI,6CxC04CJ,CACF,CwCx4CI,+CACE,oDxC04CN,CwCv4CI,sFAEE,gBAAA,CACA,kBxCw4CN,CwCr4CI,mDACE,gDxCu4CN,CwCn4CE,uBAIE,+BAAA,CAHA,6CAAA,CACA,eAAA,CACA,kBxCs4CJ,CwCn4CI,wBANF,uBAOI,6CxCs4CJ,CACF,CyC17CE,uBACE,0CzC67CJ,CyC17CE,qBACE,0CAAA,CACA,kDAAA,CACA,mCAAA,CACA,wCAAA,CACA,oDAAA,CACA,sDzC47CJ,CyC17CI,+CACE,qCAAA,CACA,oDzC47CN,CyCz7CI,uCACE,yCzC27CN,CyCx7CI,sFAEE,0CAAA,CACA,wCAAA,CACA,sCzCy7CN,CyCv7CM,oIACE,0CzCy7CR,C0C19CA,sBAME,kDAAA,CAHA,sDAAA,CACA,6BAAA,CAHA,YAAA,CACA,2CAAA,CAGA,2C1C89CF,C0C39CE,8BACE,YAAA,CACA,e1C69CJ,C0C19CE,6BAKE,0CAAA,CAHA,kDAAA,CACA,eAAA,CACA,gBAAA,CAHA,Q1Cg+CJ,C0Cz9CE,mCAKE,gDAAA,CAHA,wDAAA,CACA,eAAA,CACA,gBAAA,CAHA,Q1C+9CJ,C2Cl/CA,sBACE,qDAAA,CACA,uEAAA,CACA,2DAAA,CACA,6EAAA,CAGA,+CAAA,CACA,sD3Cq/CF,C2Cn/CE,wBAVF,sBAWI,uEAAA,CAGA,6E3Cw/CF,CACF,C4CxgDA,iBASE,wBAAA,CANA,WAAA,CAOA,6FAAA,CAFA,oCAAA,CAJA,mCAAA,CACA,uCAAA,CACA,+CAAA,CACA,gBAAA,CANA,6F5CmhDF,C4CvgDE,uBACE,gC5CygDJ,C4CtgDE,0FAEE,gCAAA,CACA,8B5CugDJ,C6C1hDA,iBACE,+CAAA,CACA,4DAAA,CACA,iD7CiiDF,C6C/hDE,6CACE,0CAAA,CACA,4C7CiiDJ,C6C9hDE,6CACE,0CAAA,CACA,4C7CgiDJ,C6C7hDE,uBACE,Y7C+hDJ,C6C5hDE,+BACE,+CAAA,CAEA,mDAAA,CACA,kB7C6hDJ,C6C1hDE,wBA1BF,iBA2BI,4D7C6hDF,CACF,C8C5jDA,iBAGE,qB9C+jDF,C8C5jDA,KAEE,yCAAA,CADA,QAAA,CAEA,kC9C+jDF,C8C5jDA,EACE,gB9C+jDF,C8C5jDA,oBAOE,wB9C+jDF,C+CnlDA,YAEE,iBAAA,CADA,YAAA,CAEA,0E/CslDF,C+CnlDE,6BACE,YAAA,CACA,sCAAA,CACA,0C/CqlDJ,C+CllDE,mBAME,gCAAA,CAJA,sCAAA,CACA,wCAAA,CACA,4CAAA,CACA,4CAAA,CAJA,Q/CylDJ,C+CjlDE,sBAKE,mCAAA,CAJA,aAAA,CACA,2CAAA,CACA,eAAA,CACA,gB/ColDJ,C+ChlDE,kBACE,oBAAA,CAGA,uDAAA,CAFA,aAAA,CACA,Y/CmlDJ,C+C/kDE,mCACE,8B/CilDJ,C+C9kDE,mBAEE,kBAAA,CADA,mD/CilDJ,CgD1nDA,YACE,uBAAA,CACA,2CAAA,CACA,8CAAA,CACA,gEAAA,CACA,+BAAA,CACA,gChD6nDF,CgD3nDE,eACE,2CAAA,CACA,6DhD6nDJ,CgD1nDE,eACE,6DhD4nDJ,CgDznDE,eACE,6DAAA,CACA,+BAAA,CACA,gEhD2nDJ,CgDxnDE,mCACE,uBhD0nDJ,CgDvnDE,wBA3BF,YA4BI,gEhD0nDF,CgDxnDE,eACE,6DhD0nDJ,CgDvnDE,eACE,6DhDynDJ,CgDtnDE,eACE,6DAAA,CACA,gEhDwnDJ,CACF,CiDnqDE,oBAOE,kBAAA,CAFA,mCAAA,CACA,2CAAA,CALA,YAAA,CAOA,uCAAA,CAJA,0CAAA,CADA,6CAAA,CADA,6CjD4qDJ,CiDpqDI,0CACE,YjDsqDN,CiDjqDI,yEAEE,iDAAA,CADA,mCAAA,CAEA,2DjDmqDN,CiD/pDE,kCAME,cAAA,CAHA,0CAAA,CACA,QAAA,CACA,SAAA,CAJA,iBAAA,CACA,yCjDqqDJ,CiDtpDI,0HAPI,mCAAA,CACA,2DjDqqDR,CiD/pDI,8DAEE,iDjD6pDN,CiD1pDM,oFACE,aAAA,CACA,+BjD4pDR,CkDzsDE,oBACE,2DAAA,CACA,2ClD4sDJ,CkDxsDI,yEACE,0CAAA,CACA,gDAAA,CACA,8ClD0sDN,CkD9rDI,0HANE,sCAAA,CACA,4ClD4sDN,CkDvsDI,8DAGE,4ClDosDN,CkDlsDM,oFACE,wClDosDR,CmD/tDE,wBAGE,sBAAA,CAIA,sCAAA,CACA,cAAA,CAPA,YAAA,CAIA,6CAAA,CACA,eAAA,CAFA,uCAAA,CAFA,QnDwuDJ,CmDhuDI,uBAVF,wBAWI,6CnDmuDJ,CACF,CmDhuDE,2CACE,+CnDkuDJ,CoDlvDE,wBACE,8CpDqvDJ,CqDtvDE,6BACE,YAAA,CACA,qBAAA,CACA,QrDyvDJ,CqDtvDE,mCACE,YAAA,CACA,qBAAA,CACA,0CrDwvDJ,CqDrvDE,yBAGE,gCAAA,CAFA,6CAAA,CACA,erDwvDJ,CqDpvDE,+BAIE,gCAAA,CAHA,6CAAA,CACA,eAAA,CACA,+CrDuvDJ,CqDpvDI,uBANF,+BAOI,6CAAA,CACA,+CrDuvDJ,CACF,CqDpvDE,2BAGE,kBAAA,CAFA,YAAA,CAIA,QAAA,CADA,sBAAA,CAFA,UrDyvDJ,CqDpvDI,+BAGE,gCAAA,CADA,0CAAA,CADA,yCAAA,CAGA,8BrDsvDN,CqDnvDI,uCACE,YAAA,CACA,qBAAA,CACA,sCAAA,CACA,+CrDqvDN,CqDnvDM,wDAEE,gCAAA,CADA,+CrDsvDR,CqDlvDM,8DACE,gCrDovDR,CqD5uDI,0FACE,iCrDivDN,CqD7uDE,kCACE,kDrD+uDJ,CqD7uDI,0DAEE,4CAAA,CADA,kDrDgvDN,CqD7uDM,oFACE,kDrD+uDR,CqD7uDQ,0HAEE,2CAAA,CADA,kDAAA,CAEA,erD+uDV,CqDzuDE,oCACE,kDrD2uDJ,CqDzuDI,4DAEE,4CAAA,CADA,kDAAA,CAEA,oDrD2uDN,CqDzuDM,sFAEE,QAAA,CACA,kDAAA,CAFA,UrD6uDR,CqDzuDQ,4HAEE,2CAAA,CADA,kDAAA,CAEA,iBrD2uDV,CqDruDE,sEAGE,mBAAA,CADA,YAAA,CAGA,4CAAA,CACA,iBAAA,CACA,eAAA,CAHA,QAAA,CAIA,+CrDsuDJ,CqDpuDI,4JAEE,sDAAA,CADA,wCAAA,CAEA,4DrDsuDN,CqDnuDI,sHAME,kBAAA,CAHA,wCAAA,CACA,gDAAA,CAIA,cAAA,CAPA,YAAA,CAIA,QAAA,CAEA,uCAAA,CALA,YrD2uDN,CqDnuDM,0KAEE,kBAAA,CADA,YAAA,CAEA,sCrDquDR,CqDnuDQ,sPACE,YAAA,CAEA,cAAA,CADA,sBAAA,CAEA,+CrDquDV,CqDnuDU,wRAGE,2CAAA,CAFA,6CAAA,CACA,erDsuDZ,CqDnuDY,uBALF,wRAMI,6CAAA,CACA,erDsuDZ,CACF,CqDnuDU,oSAGE,2CAAA,CAFA,6CAAA,CACA,erDsuDZ,CqDnuDY,uBALF,oSAMI,6CAAA,CACA,erDsuDZ,CACF,CqDjuDM,kIAEE,sDAAA,CADA,wCAAA,CAEA,4DrDmuDR,CqD/tDI,4JAEE,sDAAA,CADA,wCAAA,CAEA,4DrDiuDN,CsDt5DE,mCACE,oDtDy5DJ,CsDt5DE,yBACE,2CtDw5DJ,CsDr5DE,+BACE,2CtDu5DJ,CsDn5DI,+BACE,sCAAA,CACA,qCtDq5DN,CsDj5DM,wDACE,2CtDm5DR,CsDh5DM,8DACE,2CtDk5DR,CsD74DE,2CACE,sCtD+4DJ,CsD74DI,+CACE,sCAAA,CACA,qCtD+4DN,CsD34DE,kCACE,qCtD64DJ,CsD34DI,0DACE,kCAAA,CACA,kCtD64DN,CsD34DM,oFACE,kCAAA,CACA,+DtD64DR,CsD34DQ,0HACE,qCAAA,CACA,qCtD64DV,CsDv4DE,oCACE,kCtDy4DJ,CsDv4DI,4DACE,kCAAA,CACA,sCAAA,CACA,0CtDy4DN,CsDv4DM,sFACE,qCAAA,CACA,8DtDy4DR,CsDv4DQ,4HACE,qCAAA,CACA,iCtDy4DV,CsDj4DI,4JACE,mDAAA,CACA,+CAAA,CACA,iDtDm4DN,CsDh4DI,sHACE,gDAAA,CACA,gEtDk4DN,CsD93DU,wRACE,mDtDg4DZ,CsD33DM,kIACE,2CAAA,CACA,6CAAA,CACA,mDtD63DR,CsDz3DI,4JACE,2CAAA,CACA,6CAAA,CACA,oDtD23DN,CuDz+DA,sBAEE,kBAAA,CADA,YAAA,CAEA,uCvD4+DF,CuD1+DE,6BAGE,kBAAA,CACA,8CAAA,CAFA,iBAAA,CADA,wCvD++DJ,CuDz+DE,oCACE,YAAA,CACA,qBAAA,CACA,sCvD2+DJ,CuDz+DI,2CAKE,wBAAA,CAJA,oCAAA,CACA,gCAAA,CACA,oCAAA,CACA,oCvD4+DN,CuDx+DI,sDAKE,mCAAA,CAJA,+CAAA,CACA,2CAAA,CACA,eAAA,CACA,+CvD2+DN,CuDv+DI,8CAKE,2BAAA,CAJA,uCAAA,CACA,mCAAA,CACA,eAAA,CACA,uCvD0+DN,CwD3gEE,6BACE,yCxD8gEJ,CwD1gEI,2CACE,iDAAA,CACA,qDAAA,CACA,uBAAA,CACA,mCAAA,CACA,uDxD4gEN,CwDzgEI,sDACE,4DAAA,CACA,gEAAA,CACA,8CAAA,CACA,kExD2gEN,CwDxgEI,8CACE,oDAAA,CACA,wDAAA,CACA,kCAAA,CACA,0DxD0gEN,CwDtgEE,kDACE,qDAAA,CACA,uDxDwgEJ,CwDpgEI,iDACE,8CAAA,CACA,uBAAA,CACA,qDAAA,CACA,uDxDsgEN,CwDngEI,oDACE,wDAAA,CACA,0DxDqgEN,CwDjgEE,wBAEI,2CACE,qDAAA,CACA,uDxDkgEN,CwD//DI,sDACE,gEAAA,CACA,kExDigEN,CwD9/DI,8CACE,wDAAA,CACA,0DxDggEN,CwD5/DE,kDACE,qDAAA,CACA,uDxD8/DJ,CwD1/DI,iDACE,qDAAA,CACA,uDxD4/DN,CwDz/DI,oDACE,wDAAA,CACA,0DxD2/DN,CACF","file":"look-and-feel.css","sourcesContent":["@use \"../common/breakpoints.scss\" as breakpoints;\n\n/* GRID SYSTEM DESIGN SYSTEM AXA FRANCE (Look & Feel et Apollo) **************\n\nSee the documentation : https://zeroheight.com/54c5bd254/v/latest/p/48d0d1-grille\n\nIts MOBILE FIRST approach, so the defauts values target the mobile.\n\n@media (width > #{breakpoints.$breakpoint-sm}) { >>>>> more than 667px\n@media (width > #{breakpoints.$breakpoint-md}) { >>>>> more than 1023px\n@media (width > #{breakpoints.$breakpoint-lg}) { >>>>> more than 1279px\n@media (width > #{breakpoints.$breakpoint-xl}) { >>>>> more than 1599px\n\n***************************************************************************** /\n\n.grid {\n --col-gap: calc(8 / var(--font-size-base) 1rem);\n --row-gap: calc(16 / var(--font-size-base) * 1rem);\n --margin-inline: calc(16 / var(--font-size-base) * 1rem);\n --cols: 4;\n --start: auto;\n\n display: grid;\n margin-inline: var(--margin-inline);\n grid-template-columns: repeat(var(--cols), 1fr);\n gap: var(--row-gap) var(--col-gap);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n --cols: 8;\n --col-gap: calc(16 / var(--font-size-base) * 1rem);\n --margin-inline: calc(60 / var(--font-size-base) * 1rem);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --col-gap: calc(24 / var(--font-size-base) * 1rem);\n --margin-inline: calc(80 / var(--font-size-base) * 1rem);\n --cols: 12;\n }\n\n @media (width > #{breakpoints.$breakpoint-lg}) {\n --margin-inline: calc(120 / var(--font-size-base) * 1rem);\n }\n\n @media (width > #{breakpoints.$breakpoint-xl}) {\n --margin-inline: auto;\n\n max-width: 1320px;\n }\n\n > ,\n & .subgrid,\n & :has(> .subgrid) {\n display: grid;\n grid-column: var(--start) / span var(--cols);\n align-content: start;\n row-gap: var(--row-gap);\n }\n\n > > * {\n --start: auto;\n }\n\n .subgrid,\n & :has(> .subgrid) {\n grid-template-columns: subgrid;\n\n > * {\n grid-column: var(--start) / span var(--cols);\n }\n }\n}\n","@use \"./Grid/Grid\";\n@use \"./Grid/DebugGrid\";\n@use \"./Button/ButtonLF\";\n@use \"./Spinner/SpinnerLF\";\n@use \"./Form/ItemMessage/ItemMessageLF\";\n@use \"./Form/ItemLabel/ItemLabelLF\";\n@use \"./Form/TextInput/TextInputLF\";\n@use \"./Form/TextArea/TextAreaLF\";\n@use \"./Form/Select/SelectLF\";\n@use \"./Icon/IconLF\";\n@use \"./Divider/DividerLF\";\n@use \"./ClickIcon/ClickIconLF\";\n@use \"./Link/LinkLF\";\n@use \"./Toggle/ToggleLF\";\n@use \"./BasePicture/BasePictureLF\";\n@use \"./Message/MessageLF\";\n@use \"./Tag/TagLF\";\n@use \"./CardMessage/CardMessageLF\";\n@use \"./List/ContentItemDuo/ContentItemDuoLF\";\n@use \"./ProgressBar/ProgressBarLF\";\n@use \"./ProgressBarGroup/ProgressBarGroupLF\";\n@use \"./Stepper/StepperLF\";\n@use \"./Form/DateInput/DateInputLF\";\n@use \"./TimelineVertical/TimelineVerticalLF\";\n@use \"./ItemTabBar/ItemTabBarLF\";\n@use \"./Heading/HeadingLF\";\n@use \"./Form/Checkbox/Checkbox/CheckboxLF\";\n@use \"./Form/Checkbox/CheckboxText/CheckboxTextLF\";\n@use \"./Form/Checkbox/CheckboxCard/CheckboxCardLF\";\n@use \"./ContentItemMono/ContentItemMonoLF\";\n","@use \"../common/breakpoints.scss\" as breakpoints;\n\n.af-checkbox-card__container:has(label [name=\"debuggrid\"]) {\n position: fixed;\n z-index: 2;\n bottom: 0;\n left: 0;\n height: auto;\n}\n\n.debug-grid {\n position: fixed;\n top: 0;\n display: none;\n width: 100%;\n height: 100%;\n opacity: 0.5;\n mix-blend-mode: multiply;\n\n .grid {\n --name: \"small: 0 to 667px\";\n --color-bg-cols: hsl(280.71deg, 51.85%, 89.41%);\n\n position: relative;\n height: 100%;\n\n &::before {\n position: absolute;\n top: 50%;\n left: 0.5vw;\n width: 100%;\n height: 100%;\n font-size: clamp(0.5rem, 4vw, 3rem);\n text-align: center;\n text-orientation: mixed;\n writing-mode: vertical-rl;\n color: color-mix(in hsl, var(--color-bg-cols), rgb(0, 0, 0) 20%);\n transform: translate(0, -50%);\n transition: color 300ms linear 200ms;\n content: var(--name);\n }\n\n .cols {\n display: none;\n height: 100%;\n grid-column: span 1;\n background-color: var(--color-bg-cols);\n transition: background-color 300ms linear 200ms;\n\n &:nth-child(-n + 4) {\n display: block;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n --name: \"medium: 668px to 1023px\";\n --color-bg-cols: hsl(233.57deg, 51.85%, 89.41%);\n\n .cols:nth-child(-n + 8) {\n display: block;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --name: \"large: 1024px to 1279px\";\n --color-bg-cols: hsl(180deg, 53.09%, 84.12%);\n\n .cols:nth-child(-n + 12) {\n display: block;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-lg}) {\n --name: \"extra large: 1280px to 1599px\";\n --color-bg-cols: hsl(120deg, 52.5%, 84.31%);\n }\n\n @media (width > #{breakpoints.$breakpoint-xl}) {\n --name: \"extra large: 1600px to infinity\";\n --color-bg-cols: hsl(357.39deg, 100%, 90.98%);\n }\n }\n}\n\nbody {\n &:has([name=\"debuggrid\"]:checked) {\n .debug-grid {\n display: block;\n }\n }\n}\n","/* Apollo first and mobile first approch /\n\n@use \"../common/breakpoints\" as breakpoints;\n\n.af-btn-client {\n display: flex;\n padding: var(--button-padding);\n border: 0;\n border-radius: var(--button-radius);\n align-items: center;\n justify-content: center;\n gap: 1rem;\n font-family: var(--font-family-base);\n font-size: var(--button-font-size);\n font-weight: 600;\n line-height: var(--button-line-height);\n color: var(--button-text-color-default);\n background-color: var(--button-bg-color-default);\n transition-duration: var(--transition-duration);\n transition-property:\n width, height, border, color, background-color, outline, box-shadow;\n transition-timing-function: linear;\n user-select: none;\n\n &:focus-visible {\n outline: 2px solid var(--button-outline-color);\n outline-offset: 3px;\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n pointer-events: none;\n\n & > [aria-live] {\n margin: unset;\n }\n }\n\n & > svg {\n aspect-ratio: 1;\n fill: currentcolor;\n }\n\n &--ghost {\n gap: calc(4 / var(--font-size-base) 1rem);\n line-height: 1.25em;\n\n &:hover,\n &:focus,\n &:focus-visible {\n text-decoration: underline;\n }\n }\n\n &--secondary {\n box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n }\n\n &--secondary-inverse {\n box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n\n@use \"./ButtonCommon\";\n\n.af-btn-client {\n --button-bg-color-default: var(--color-axa);\n --button-text-color-default: var(--color-white);\n --button-radius: var(--radius-8);\n --button-shadow-color: var(--color-axa);\n --button-padding: calc(16 / var(--font-size-base) * 1rem)\n calc(61.5 / var(--font-size-base) * 1rem);\n --button-line-height: calc(20 / var(--font-size-base) * 1rem);\n --button-font-size: calc(16 / var(--font-size-base) * 1rem);\n\n @media (width > #{breakpoints.$breakpoint-lg}) {\n --button-line-height: calc(22.5 / var(--font-size-base) * 1rem);\n --button-font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n\n &:hover {\n --button-bg-color-default: var(--color-blue-1);\n }\n\n &:active {\n --button-bg-color-default: var(--color-btn-light);\n }\n\n &:focus,\n &:focus-visible {\n --button-outline-color: var(--color-blue-3);\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n --button-bg-color-default: var(--color-gray-300);\n --button-text-color-default: var(--color-gray-500);\n --button-shadow-color: var(--color-gray-500);\n }\n\n &--primary-business {\n --button-bg-color-default: var(--color-btn-business);\n\n &:hover {\n --button-bg-color-default: var(--color-btn-business-dark);\n }\n\n &:active {\n --button-bg-color-default: var(--color-btn-business-light);\n }\n }\n\n &--primary-inverse {\n --button-text-color-default: var(--color-axa);\n --button-bg-color-default: var(--color-white);\n\n &:active {\n --button-bg-color-default: var(--color-white);\n --button-text-color-default: var(--color-btn-business-light);\n }\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color-default: var(--color-white);\n --button-text-color-default: var(--color-blue-1);\n }\n }\n\n &--ghost {\n --button-text-color-default: var(--color-axa);\n --button-bg-color-default: transparent;\n --button-padding: 0;\n\n @media (width > #{breakpoints.$breakpoint-lg}) {\n --button-font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n\n &:active {\n --button-text-color-default: var(--color-btn-light);\n }\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-text-color-default: var(--color-blue-1);\n --button-bg-color-default: transparent;\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n --button-bg-color-default: transparent;\n }\n }\n\n &--secondary {\n --button-bg-color-default: var(--color-white);\n --button-text-color-default: var(--color-axa);\n --button-shadow-color: var(--color-axa);\n\n box-shadow: 0 0 0 1px var(--button-shadow-color) inset;\n\n &:hover,\n &:focus,\n &:focus-visible,\n &:active {\n --button-bg-color-default: var(--color-white);\n --button-text-color-default: var(--color-blue-1);\n\n box-shadow: 0 0 0 2px var(--color-blue-1) inset;\n }\n\n &:active {\n --button-bg-color-default: var(--color-blue-2);\n }\n }\n\n &--secondary-inverse {\n --button-bg-color-default: var(--color-axa);\n --button-text-color-default: var(--color-white);\n --button-shadow-color: var(--color-white);\n\n box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n\n &:active {\n --button-bg-color-default: var(--color-gray-200);\n --button-text-color-default: var(--color-btn-light);\n --button-shadow-color: var(--color-gray-200);\n }\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color-default: var(--color-gray-400);\n --button-text-color-default: var(--color-blue-1);\n --button-shadow-color: var(--color-gray-400);\n }\n }\n\n &--tertiary {\n --button-bg-color-default: var(--color-btn-tertiary-bg);\n --button-text-color-default: var(--color-axa);\n\n &:hover {\n --button-bg-color-default: var(--color-btn-tertiary-bg-darker);\n }\n\n &:active {\n --button-bg-color-default: var(--color-btn-tertiary-bg-lighter);\n --button-text-color-default: var(--color-axa);\n }\n }\n}\n",".af-spinner {\n --spinner-size: 40;\n --spinner-border-size: 3;\n\n display: flex;\n container-type: inline-size;\n width: calc(var(--spinner-size) * 1px);\n height: calc(var(--spinner-size) * 1px);\n margin: auto;\n border: calc(var(--spinner-border-size) * 1px) solid\n var(--spinner-border-color);\n border-top: calc(var(--spinner-border-size) * 1px) solid\n var(--spinner-border-top-color);\n border-radius: 50%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n animation: spin 2s linear infinite;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n","@use \"./SpinnerCommon\";\n\n.af-spinner {\n --spinner-border-color: color-mix(in srgb, var(--color-axa), transparent 80%);\n --spinner-border-top-color: var(--color-axa);\n\n &--24 {\n --spinner-border-size: 2;\n }\n\n &--40 {\n --spinner-border-size: 4;\n }\n\n &--gray {\n --spinner-border-color: color-mix(\n in srgb,\n var(--color-gray),\n transparent 80%\n );\n --spinner-border-top-color: var(--color-gray);\n }\n\n &--white {\n --spinner-border-color: color-mix(\n in srgb,\n var(--color-white),\n transparent 80%\n );\n --spinner-border-top-color: var(--color-white);\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-item-message {\n --item-message-font-size: calc(14 / var(--font-size-base) * 1rem);\n\n display: flex;\n align-items: center;\n gap: calc(8 / var(--font-size-base) * 1rem);\n\n &__icon {\n width: var(--item-message-icon-size);\n color: var(--item-message-color);\n fill: currentcolor;\n }\n\n &__message {\n font-family: var(--font-family-base);\n font-size: var(--item-message-font-size);\n line-height: 1.25em;\n color: var(--item-message-color);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --item-message-font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./ItemMessageCommon\";\n\n.af-item-message {\n --item-message-color: var(--color-red-700);\n --item-message-icon-size: calc(16 / var(--font-size-base) * 1rem);\n\n &--success {\n --item-message-color: var(--color-green-600);\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-item-label {\n display: grid;\n width: 100%;\n grid-template-areas:\n \"label sidebutton\"\n \"description sidebutton\"\n \"more more\";\n grid-template-columns: 1fr auto;\n place-items: end start;\n row-gap: calc(2 / var(--font-size-base) * 1rem);\n\n &:has(> .af-item-label__description) {\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &:has(> .af-item-label__sidebutton) {\n column-gap: calc(12 / var(--font-size-base) * 1rem);\n }\n\n > label {\n grid-area: label;\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n color: var(--label-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(24 / var(--font-size-base) * 1rem);\n }\n }\n\n &__sidebutton {\n grid-area: sidebutton;\n place-self: center end;\n\n &:has(+ .af-item-label__description) {\n align-self: end;\n }\n }\n\n &__more {\n grid-area: more;\n }\n\n &__description {\n grid-area: description;\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: 1.25em;\n color: var(--label-description-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./ItemLabelCommon\";\n\n.af-item-label {\n --label-color: var(--color-gray-900);\n --label-description-color: var(--color-gray-700);\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n &__input-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &__input-variant {\n display: grid;\n width: 100%;\n padding: calc(16 / var(--font-size-base) * 1rem);\n border: 1px solid var(--input-border-color);\n border-radius: var(--input-border-radius);\n grid-template-columns: auto min-content;\n align-items: center;\n color: var(--input-text-color);\n background-color: var(--input-bg-color);\n\n &:has(> input ~ ) {\n column-gap: calc(8 / var(--font-size-base) 1rem);\n }\n\n &:has(> input:focus-visible) {\n outline: 2px solid var(--color-blue-3);\n outline-offset: 3px;\n }\n\n > input {\n all: unset;\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: 1.25em;\n color: var(--input-text-color);\n\n &::placeholder {\n font-weight: 400;\n color: var(--input-text-placeholder-color);\n }\n\n & ~ * {\n color: var(--input-text-icon-color);\n fill: var(--input-text-icon-color);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n &:has(> input:is(:hover, :focus, :active)) {\n box-shadow: 0 0 0 1px var(--input-border-color) inset;\n }\n\n &:has(> input:disabled),\n &:has(> input:disabled):is(:hover, :focus, :active) {\n box-shadow: unset;\n cursor: not-allowed;\n\n & > input ~ * {\n cursor: not-allowed;\n }\n }\n }\n\n &__input-helper {\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: 1.25em;\n color: var(--input-helper-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./TextInputCommon\";\n\n.af-form {\n &__input-helper {\n --input-helper-color: var(--color-gray-700);\n }\n\n &__input-variant {\n --input-border-color: var(--color-gray-700);\n --input-border-radius: var(--default-border-radius);\n --input-bg-color: var(--color-white);\n --input-text-color: var(--color-gray-900);\n --input-text-icon-color: var(--color-gray-900);\n --input-text-placeholder-color: var(--color-gray-700);\n\n &:has(> input:not([value=\"\"])) {\n --input-border-color: var(--color-axa);\n }\n\n &:has(> input:is(:hover, :focus, :active)) {\n --input-border-color: var(--color-axa);\n --input-text-placeholder-color: var(--color-gray-900);\n }\n\n &:has(> input[class=\"--error\"]) {\n --input-border-color: var(--color-red-700);\n }\n\n &:has(> input:disabled),\n &:has(> input:disabled):is(:hover, :focus, :active) {\n --input-border-color: var(--color-gray-400);\n --input-text-color: var(--color-gray-500);\n --input-bg-color: var(--color-gray-200);\n --input-text-icon-color: var(--color-gray-500);\n\n + .af-form__input-helper {\n --input-helper-color: var(--color-gray-500);\n }\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__input-textarea {\n width: 100%;\n height: calc(var(--input-text-area-height) / var(--font-size-base) 1rem);\n padding: 16px;\n border: 1px solid var(--input-text-area-border-color);\n border-radius: var(--input-text-area-border-radius);\n font: var(--font-family-base);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: calc(20 / var(--font-size-base) * 1rem);\n color: var(--input-text-area-color);\n background-color: var(--input-text-area-background);\n box-shadow: 0 0 0 1px var(--input-text-area-background);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n width: 100%;\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(24 / var(--font-size-base) * 1rem);\n }\n\n &--error {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 1px solid var(--input-text-area-border-color);\n outline: none;\n }\n\n &:enabled,\n &:focus,\n &:active {\n box-shadow: 0 0 0 1px var(--white);\n outline: none;\n }\n\n &:disabled {\n border: 1px solid var(--input-text-area-border-color);\n background: var(--input-text-area-background);\n pointer-events: none;\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 0 0 0 1px var(--input-text-area-border-color);\n }\n }\n}\n","@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n --input-text-area-height: 142px;\n --input-text-area-border-radius: var(--default-border-radius);\n --input-text-area-border-color: var(--color-gray-700);\n --input-text-area-background: var(--color-white);\n --input-text-area-color: var(--color-gray);\n\n &--error {\n --input-text-area-border-color: var(--color-red-700);\n }\n\n &:disabled {\n --input-text-area-border-color: var(--color-gray-400);\n --input-text-area-background: var(--color-gray-200);\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n --input-text-area-border-color: var(--color-axa);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__select {\n &-label {\n display: inline-block;\n margin-bottom: calc(8 / var(--font-size-base) * 1rem);\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--select-placeholder-color);\n }\n\n &-input {\n display: block;\n width: 100%;\n margin: calc(10 / var(--font-size-base) * 1rem) 0;\n padding: calc(16 / var(--font-size-base) * 1rem);\n padding-right: calc(16 / var(--font-size-base) * 3rem);\n border: 1px solid var(--select-border-color);\n border-radius: var(--select-border-radius);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: 1.25em;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--select-color);\n background: var(--select-background);\n background-color: white;\n background-position-x: calc(100% - 1rem);\n box-shadow: var(--select-box-shadow);\n appearance: none;\n\n option {\n border: 1px solid var(--select-border-color);\n color: var(--select-color);\n }\n\n &:open {\n background-image: var(--select-background-open);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 1px var(--select-border-color) inset;\n outline: 2px solid var(--select-outline-color);\n outline-offset: 3px;\n }\n\n &:disabled {\n border: 1px solid var(--select-border-color);\n color: var(--select-color);\n cursor: not-allowed;\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n border: 1px solid var(--select-border-color);\n box-shadow: 0 0 0 1px var(--select-border-color) inset;\n }\n\n &:has(option[value=\"\"]:checked) {\n font-weight: 400;\n }\n\n &-placeholder {\n color: var(--select-color);\n }\n\n &--error {\n border: 1px solid var(--select-border-color);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"./SelectCommon\";\n\n.af-form__select {\n &-input {\n --select-color: var(--color-gray-900);\n --select-outline-color: var(--color-axa);\n --select-placeholder-color: var(--color-gray-700);\n --select-border-radius: var(--default-border-radius);\n --select-border-color: var(--color-gray-700);\n --select-background: url(\"@material-symbols/svg-400/outlined/arrow_drop_down.svg\")\n no-repeat right 1rem center / 1.5rem 1.5rem;\n\n &:open {\n --select-background-open: url(\"@material-symbols/svg-400/outlined/arrow_drop_up.svg\");\n }\n\n &:focus-visible {\n --select-outline-color: var(--color-blue-3);\n --select-border-color: var(--color-axa);\n }\n\n &:disabled {\n --select-bg-color-disabled: var(--color-gray-500);\n --select-border-color: var(--color-gray-400);\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n --select-border-color: var(--color-axa);\n --select-box-shadow: var(--color-axa);\n }\n\n &:has(option[value=\"\"]:checked) {\n --select-color: var(--color-gray-700);\n }\n\n &:has(option[value=\"\"]:not(:checked)) {\n --select-border-color: var(--color-axa);\n }\n\n option {\n --select-color: var(--color-gray-900);\n\n &:disabled {\n --select-color: var(--color-gray-500);\n }\n }\n\n &-placeholder {\n --select-placeholder-color: var(--color-gray-700);\n }\n\n &--error {\n --select-border-color: var(--color-red-700);\n\n &:focus-visible {\n --select-border-color: var(--color-red-700);\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n --select-border-color: var(--color-red-700);\n --select-box-shadow: 0 0 0 1px var(--color-red-700) inset;\n }\n\n &:has(option[value=\"\"]:not(:checked)) {\n --select-border-color: var(--color-red-700);\n }\n }\n }\n}\n",".af-icon {\r\n display: grid;\r\n width: fit-content;\r\n padding: var(--icon-padding);\r\n border-radius: var(--icon-border-radius);\r\n background-color: var(--icon-background-color, transparent);\r\n outline-color: var(--icon-outline-color);\r\n\r\n svg {\r\n width: var(--icon-size, calc(24 / var(--font-size-base) * 1rem));\r\n height: var(--icon-size, calc(24 / var(--font-size-base) * 1rem));\r\n fill: var(--icon-fill);\r\n }\r\n\r\n &--large {\r\n svg {\r\n --icon-size: calc(40 / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &.af-icon--has-background {\r\n --icon-padding: calc(12 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--medium {\r\n svg {\r\n --icon-size: calc(32 / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &.af-icon--has-background {\r\n --icon-padding: calc(12 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--small {\r\n svg {\r\n --icon-width: calc(24 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--extra-small {\r\n svg {\r\n --icon-size: calc(16 / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &.af-icon--has-background {\r\n --icon-padding: calc(8 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--secondary {\r\n &.af-icon--has-background {\r\n outline-style: solid;\r\n outline-width: 1px;\r\n }\r\n }\r\n}\r\n","@use \"./IconCommon\";\r\n\r\n.af-icon {\r\n --icon-border-radius: var(--radius-12);\r\n\r\n &--small {\r\n &.af-icon--has-background {\r\n --icon-padding: calc(8 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--primary {\r\n --icon-fill: var(--color-axa);\r\n\r\n &.af-icon--has-background {\r\n --icon-fill: var(--color-white);\r\n --icon-background-color: var(--color-axa);\r\n }\r\n }\r\n\r\n &--secondary {\r\n --icon-fill: var(--color-white);\r\n\r\n &.af-icon--has-background {\r\n --icon-fill: var(--color-axa);\r\n --icon-background-color: var(--color-white);\r\n --icon-outline-color: var(--color-gray-300);\r\n }\r\n }\r\n\r\n &--disabled {\r\n --icon-fill: var(--color-gray-500);\r\n\r\n &.af-icon--has-background {\r\n --icon-background-color: var(--color-gray-200);\r\n }\r\n }\r\n}\r\n",".af-divider {\n margin: 0;\n border: 0;\n border-top: 1px solid var(--divider-border-color);\n}\n","@use \"./DividerCommon\";\n\n.af-divider {\n --divider-border-color: var(--color-gray-300);\n}\n",".af-click-icon {\r\n display: grid;\r\n width: fit-content;\r\n padding: calc(8 / var(--font-size-base) * 1rem);\r\n border: 0;\r\n border-radius: 100vmax;\r\n background-color: var(--click-icon-background-color);\r\n cursor: pointer;\r\n\r\n svg {\r\n fill: var(--click-icon-svg-fill, var(--icon-fill));\r\n }\r\n\r\n &:disabled {\r\n pointer-events: none;\r\n }\r\n\r\n &:focus-visible {\r\n outline: 2px solid var(--click-icon-outline-color, transparent);\r\n outline-offset: 2px;\r\n }\r\n}\r\n","@use \"./ClickIconCommon\";\r\n\r\n.af-click-icon {\r\n --click-icon-background-color: var(--color-btn-tertiary-bg);\r\n\r\n &:hover {\r\n --click-icon-background-color: var(--color-btn-tertiary-bg-darker);\r\n }\r\n\r\n &:active {\r\n --click-icon-background-color: var(--color-btn-tertiary-bg-lighter);\r\n }\r\n\r\n &:disabled {\r\n --click-icon-background-color: var(--color-gray-200);\r\n --click-icon-svg-fill: var(--color-gray-500);\r\n }\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n &:focus-visible {\r\n --click-icon-outline-color: var(--color-focus);\r\n\r\n outline: 2px solid var(--click-icon-outline-color);\r\n outline-offset: 2px;\r\n }\r\n}\r\n","@use \"../common/breakpoints\" as breakpoints;\r\n\r\n.af-link {\r\n display: inline-flex;\r\n width: fit-content;\r\n height: fit-content;\r\n align-items: center;\r\n gap: 0.25rem;\r\n font-size: calc(var(--link-font-size) / var(--font-size-base) * 1rem);\r\n font-weight: var(--link-font-weight);\r\n text-decoration: underline;\r\n text-underline-offset: var(--underline-offset);\r\n color: var(--link-text-color-default);\r\n fill: var(--link-text-color-default);\r\n\r\n svg {\r\n width: 1.25rem;\r\n height: 1.25rem;\r\n aspect-ratio: 1;\r\n fill: currentcolor;\r\n }\r\n\r\n &--openInNewTab {\r\n font-weight: 600;\r\n }\r\n\r\n &--default {\r\n line-height: var(--link-line-height);\r\n text-decoration: none;\r\n\r\n &:hover {\r\n text-decoration: underline;\r\n color: var(--link-text-color);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n text-decoration: underline;\r\n color: var(--link-color-outline);\r\n }\r\n }\r\n\r\n &--underline {\r\n line-height: var(--link-line-height);\r\n\r\n &:hover {\r\n color: var(--link-text-color);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n color: var(--link-color-outline);\r\n }\r\n }\r\n\r\n &--inverse {\r\n line-height: var(--link-line-height);\r\n text-decoration: none;\r\n color: var(--link-text-color-inverse);\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n line-height: var(--link-line-height);\r\n text-decoration: underline;\r\n }\r\n }\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n fill: var(--link-text-color);\r\n }\r\n\r\n &:focus-visible {\r\n outline: 2px solid var(--link-color-outline);\r\n outline-offset: 3px;\r\n }\r\n}\r\n","@use \"../common/breakpoints\" as breakpoints;\r\n\r\n@use \"./LinkCommon\";\r\n\r\n.af-link {\r\n --link-font-weight: 400;\r\n --link-text-color-default: var(--color-axa);\r\n --underline-offset: 0%;\r\n --link-font-size: 16;\r\n\r\n @media (width > #{breakpoints.$breakpoint-md}) {\r\n --link-font-size: 18;\r\n }\r\n\r\n &--default {\r\n --link-line-height: 125%;\r\n\r\n &:hover {\r\n --link-text-color: var(--color-blue-1);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n --link-color-outline: var(--color-btn-light);\r\n }\r\n }\r\n\r\n &--underline {\r\n --link-line-height: 125%;\r\n\r\n &:hover {\r\n --link-text-color: var(--color-blue-1);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n --link-color-outline: var(--color-btn-light);\r\n }\r\n }\r\n\r\n &--inverse {\r\n --link-text-color-inverse: var(--color-white);\r\n --link-line-height: 125%;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n --link-line-height: 125%;\r\n }\r\n }\r\n}\r\n",".af-toggle {\n cursor: pointer;\n\n &__root {\n position: relative;\n display: flex;\n width: var(--toggle-width);\n height: var(--toggle-height);\n padding: var(--toggle-padding);\n border: var(--toggle-border-size) solid var(--toggle-border-color);\n border-radius: var(--toggle-border-radius);\n align-items: center;\n background-color: var(--toggle-bg-color);\n }\n\n &:has(:focus-visible) &__root {\n outline: 2px solid var(--toggle-focus-outline-color);\n outline-offset: 2px;\n }\n\n &:has(:disabled) {\n cursor: unset;\n }\n\n &__handle {\n width: var(--toggle-handle-size);\n height: var(--toggle-handle-size);\n border-radius: var(--radius-100);\n background-color: var(--toggle-handle-color);\n transform: translateX(var(--toggle-handle-position))\n scale(var(--toggle-handle-scale));\n transition: 200ms;\n }\n\n input[type=\"checkbox\"] {\n position: absolute;\n width: 1px;\n height: 1px;\n clip: rect(0, 0, 0, 0);\n }\n}\n","@use \"./ToggleCommon\";\n\n.af-toggle {\n --toggle-bg-color: var(--color-blue-200);\n --toggle-border-color: var(--color-gray-700);\n --toggle-focus-outline-color: var(--color-blue-800);\n --toggle-border-radius: var(--radius-32);\n --toggle-border-size: 2px;\n --toggle-padding: 4px;\n --toggle-width: 52px;\n --toggle-height: 32px;\n --toggle-handle-color: var(--color-gray-700);\n --toggle-handle-size: 16px;\n --toggle-handle-position: calc(var(--toggle-border-size) * 2);\n --toggle-handle-scale: 1;\n\n &:has(:checked) {\n --toggle-bg-color: var(--color-blue-800);\n --toggle-border-color: var(--togglecolor-blue-800);\n\n .af-toggle__handle {\n --toggle-handle-scale: 1.5;\n --toggle-handle-color: var(--color-white);\n --toggle-handle-position: calc(\n var(--toggle-width) - (var(--toggle-padding) * 2) -\n (var(--toggle-handle-size) * var(--toggle-handle-scale)) +\n var(--toggle-border-size) * 2\n );\n }\n }\n\n &:has(:disabled) {\n --toggle-bg-color: var(--color-white);\n --toggle-border-color: var(--color-gray-400);\n --toggle-handle-color: var(--color-gray-400);\n }\n\n &:has(:disabled:checked) {\n --toggle-bg-color: var(--color-gray-400);\n --toggle-border-color: var(--color-gray-400);\n }\n}\n",".af-basepicture {\n width: 48px;\n height: 48px;\n border-radius: 100vmax;\n}\n",".af-message {\n display: flex;\n padding: calc(16 / var(--font-size-base) * 1rem);\n border: 1px solid var(--message-border-color);\n border-radius: var(--message-border-radius);\n gap: calc(16 / var(--font-size-base) * 1rem);\n background-color: var(--message-bg-color);\n\n &__icon {\n aspect-ratio: 1;\n color: var(--message-icon-color);\n fill: var(--message-icon-color);\n }\n\n &__title {\n margin: 0;\n font-size: calc(\n var(--message-title-font-size) / var(--font-size-base) * 1rem\n );\n font-weight: 600;\n line-height: 1.5rem;\n color: var(--message-title-color);\n }\n\n &__content {\n display: flex;\n width: 100%;\n flex-direction: column;\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n font-size: calc(\n var(--message-content-font-size) / var(--font-size-base) * 1rem\n );\n font-weight: 400;\n line-height: calc(22.5 / var(--font-size-base) * 1rem);\n color: var(--message-content-color);\n }\n\n &__action {\n display: flex;\n padding-top: calc(\n var(--message-action-padding-top) / var(--font-size-base) * 1rem\n );\n justify-content: end;\n text-align: right;\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./MessageCommon\";\n\n.af-message {\n --message-theme-color: var(--color-axa);\n --message-bg-color: var(--color-white);\n --message-border-color: var(--message-theme-color);\n --message-border-radius: var(--radius-12);\n --message-icon-color: var(--message-theme-color);\n --message-title-color: var(--message-theme-color);\n --message-title-font-size: 16;\n --message-content-color: var(--color-gray-900);\n --message-content-font-size: 16;\n --message-action-padding-top: 12;\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --message-content-font-size: 18;\n --message-title-font-size: 18;\n }\n\n &--error {\n --message-theme-color: var(--color-red-700);\n }\n\n &--neutral {\n --message-theme-color: var(--color-gray);\n }\n\n &--warning {\n --message-theme-color: var(--color-btn-business);\n }\n\n &--validation {\n --message-theme-color: var(--color-green-600);\n }\n}\n",".af-tag {\n display: inline-flex;\n width: fit-content;\n padding: calc(2 / var(--font-size-base) * 1rem)\n calc(8 / var(--font-size-base) * 1rem);\n border: 1px solid var(--tag-border-color);\n border-radius: var(--tag-border-radius);\n align-items: center;\n justify-content: center;\n gap: calc(10 / var(--font-size-base) * 1rem);\n color: var(--tag-text-color);\n background-color: var(--tag-bg-color);\n cursor: default;\n\n &__label {\n font-size: var(--tag-font-size);\n font-weight: 600;\n line-height: var(--tag-line-height);\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./TagCommon\";\n\n.af-tag {\n --tag-border-radius: var(--default-border-radius);\n\n &__label {\n --tag-font-size: calc(14 / var(--font-size-base) * 1rem);\n --tag-line-height: calc(var(--tag-font-size) * 1.25);\n }\n\n &--info {\n --tag-bg-color: var(--color-white);\n --tag-text-color: var(--color-blue-800);\n --tag-border-color: var(--color-blue-800);\n }\n\n &--success {\n --tag-bg-color: var(--color-white);\n --tag-text-color: var(--color-green-600);\n --tag-border-color: var(--color-green-600);\n }\n\n &--error {\n --tag-bg-color: var(--color-white);\n --tag-text-color: var(--color-red-600);\n --tag-border-color: var(--color-red-600);\n }\n\n &--neutral {\n --tag-bg-color: var(--color-white);\n --tag-text-color: var(--color-gray-700);\n --tag-border-color: var(--color-gray-700);\n }\n\n &--warning {\n --tag-bg-color: var(--color-white);\n --tag-text-color: var(--color-orange-700);\n --tag-border-color: var(--color-orange-700);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n &__label {\n --tag-font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\r\n\r\n.af-card-message {\r\n display: flex;\r\n width: var(--card-message-width, 100%);\r\n padding: var(--card-message-padding);\r\n border-radius: var(--card-message-border-radius);\r\n flex-direction: column;\r\n align-items: left;\r\n justify-content: center;\r\n gap: calc(4 / var(--font-size-base) * 1rem);\r\n font-size: var(--card-font-size, calc(14 / var(--font-size-base) * 1rem));\r\n color: var(--card-message-text-color);\r\n background-color: var(--card-message-background-color);\r\n box-shadow: inset var(--card-message-border-width, 0) 0\r\n var(--card-message-border-color);\r\n\r\n &--title,\r\n &--text {\r\n font-size: var(--card-font-size);\r\n line-height: 125%;\r\n color: var(--card-message-text-color);\r\n }\r\n\r\n &--title {\r\n font-weight: 600;\r\n }\r\n\r\n &--text {\r\n font-weight: 400;\r\n }\r\n\r\n @media (width > #{breakpoints.$breakpoint-md}) {\r\n --card-font-size: var(--font-size-base);\r\n }\r\n}\r\n","@use \"./CardMessageCommon\";\r\n@use \"../common/breakpoints\" as breakpoints;\r\n\r\n.af-card-message {\r\n --card-message-padding: calc(12 / var(--font-size-base) * 1rem);\r\n --card-message-border-width: var(--default-border-radius);\r\n\r\n &--info {\r\n --card-message-background-color: var(--color-blue-200);\r\n --card-message-text-color: var(--color-axa);\r\n --card-message-border-color: var(--color-axa);\r\n }\r\n\r\n &--warning {\r\n --card-message-background-color: var(--color-orange-100);\r\n --card-message-text-color: var(--color-btn-business-dark);\r\n --card-message-border-color: var(--color-btn-business-dark);\r\n }\r\n\r\n &--error {\r\n --card-message-background-color: var(--color-btn-error-bg);\r\n --card-message-text-color: var(--color-btn-error-text);\r\n --card-message-border-color: var(--color-btn-error-text);\r\n }\r\n\r\n &--neutral {\r\n --card-message-background-color: var(--color-gray-200);\r\n --card-message-text-color: var(--color-gray-900);\r\n --card-message-border-color: var(--color-gray-900);\r\n }\r\n}\r\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-content-item-duo {\n display: grid;\n width: 100%;\n grid-template:\n \"icon label value\"\n \"icon label button\";\n grid-template-columns: auto 1fr 1fr;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n\n &__label,\n &__value {\n margin: 0;\n font-family: var(--font-family-base);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: 125%;\n overflow-wrap: break-word;\n }\n\n &__label {\n margin-right: calc(16 / var(--font-size-base) * 1rem);\n grid-area: label;\n font-weight: 400;\n color: var(--content-duo-label-color);\n }\n\n &__value {\n grid-area: value;\n font-weight: 600;\n text-align: end;\n color: var(--content-duo-value-color);\n }\n\n &__button {\n grid-area: button;\n justify-self: end;\n }\n\n &--large {\n :not(:has(.af-content-item-duo__button)) {\n row-gap: 0;\n }\n\n row-gap: calc(12 / var(--font-size-base) * 1rem);\n\n .af-content-item-duo {\n &__icon {\n margin-top: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__label,\n &__value {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: 125%;\n }\n\n &__label {\n margin-right: calc(40 / var(--font-size-base) * 1rem);\n }\n\n &__value {\n text-align: start;\n }\n\n &__button {\n justify-self: start;\n }\n }\n }\n\n &--vertical {\n grid-template:\n \"icon label button\"\n \". value value\";\n grid-template-columns: auto 1fr auto;\n gap: calc(6 / var(--font-size-base) * 1rem)\n calc(12 / var(--font-size-base) * 1rem);\n\n .af-content-item-duo {\n &__icon {\n margin-top: calc(2 / var(--font-size-base) * 1rem);\n margin-right: 0;\n }\n\n &__label,\n &__value {\n margin-right: 0;\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: 125%;\n text-align: start;\n }\n\n &__value {\n margin: 0;\n }\n\n &__button {\n margin-left: 0;\n justify-self: end;\n }\n }\n }\n}\n\n@media (width <= #{breakpoints.$breakpoint-sm}) {\n .af-content-item-duo {\n &--large {\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n\n .af-content-item-duo {\n &__label,\n &__value {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: 125%;\n }\n\n &__label {\n margin-right: calc(1 / var(--font-size-base) * 1rem);\n }\n\n &__value {\n text-align: end;\n }\n\n &__button {\n margin-left: 0;\n justify-self: end;\n }\n }\n }\n\n &--vertical {\n row-gap: calc(6 / var(--font-size-base) * 1rem);\n\n .af-content-item-duo {\n &__label,\n &__value {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: 125%;\n text-align: start;\n }\n }\n }\n }\n}\n\n@media (width >= #{breakpoints.$breakpoint-lg}) {\n .af-content-item-duo__label {\n max-width: calc(3680 / var(--font-size-base) * 1rem);\n }\n}\n","@use \"./ContentItemDuoCommon\";\n\n.af-content-item-duo {\n &__label {\n --content-duo-label-color: var(--color-gray-700);\n }\n\n &__value {\n --content-duo-value-color: var(--color-gray-900);\n }\n}\n",".af-progressbar {\n width: 100%;\n height: calc(6 / var(--font-size-base) * 1rem);\n border-radius: var(--progress-radius);\n overflow: hidden;\n background-color: var(--progressbar-background-color);\n\n &__progress {\n height: calc(6 / var(--font-size-base) * 1rem);\n text-align: left;\n background-color: var(--progress-background-color);\n transition:\n 0.75s ease-out,\n background-color 0.75s;\n }\n}\n","@use \"./ProgressBarCommon\";\n\n.af-progressbar {\n --progress-radius: var(--default-border-radius);\n --progressbar-background-color: var(--color-gray-400);\n\n &__progress {\n --progress-background-color: var(--color-axa);\n --progress-radius: var(--default-border-radius);\n }\n}\n",".af-progress-bar-group {\n display: flex;\n align-items: flex-end;\n gap: calc(8 / var(--font-size-base) * 1rem);\n}\n","@use \"../common/breakpoints\" as breakpoints;\n\n.af-stepper {\n display: flex;\n width: 100%;\n flex-direction: column;\n gap: var(--stepper-gap);\n background-color: transparent;\n\n &__header {\n display: flex;\n flex-direction: var(--stepper-header-flex-direction);\n gap: var(--stepper-header-gap);\n }\n\n &__title {\n margin: 0;\n vertical-align: middle;\n font-family: var(--title-font-family);\n font-size: var(--title-font-size);\n font-weight: var(--title-font-weight);\n line-height: var(--title-line-height);\n color: var(--title-color);\n }\n\n &__subtitle {\n margin: 0;\n font-family: var(--subtitle-font-family);\n font-size: var(--subtitle-font-size);\n font-weight: 400;\n line-height: var(--subtitle-line-height);\n color: var(--subtitle-color);\n }\n\n &__content {\n display: flex;\n align-items: flex-end;\n gap: 1rem;\n }\n\n &__helper {\n vertical-align: middle;\n font-family: var(--helper-font-family);\n font-size: var(--helper-font-size);\n font-weight: 400;\n line-height: 125%;\n color: var(--helper-color);\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./StepperCommon\";\n\n.af-stepper {\n --stepper-gap: calc(12 / var(--font-size-base) * 1rem);\n\n &__header {\n --stepper-header-flex-direction: column;\n }\n\n &__title {\n --title-font-family: var(--font-family-publico);\n --title-font-size: calc(24 / var(--font-size-base) * 1rem);\n --title-font-weight: 700;\n --title-line-height: calc(30 / var(--font-size-base) * 1rem);\n --title-color: var(--color-axa);\n }\n\n &__subtitle {\n --subtitle-font-family: var(--font-family-sans-serif);\n --subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n --subtitle-color: var(--color-gray-700);\n }\n\n &__helper {\n --helper-font-family: var(--font-family-sans-serif);\n --helper-font-size: calc(14 / var(--font-size-base) * 1rem);\n --helper-color: var(--color-gray-32);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --stepper-gap: calc(16 / var(--font-size-base) * 1rem);\n\n &__title {\n --title-font-size: calc(32 / var(--font-size-base) * 1rem);\n --title-line-height: calc(40 / var(--font-size-base) * 1rem);\n }\n\n &__subtitle {\n --subtitle-font-size: calc(18 / var(--font-size-base) * 1rem);\n --subtitle-line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n\n &__helper {\n --helper-font-family: var(--font-family-sans-serif);\n --helper-font-size: calc(16 / var(--font-size-base) * 1rem);\n --helper-color: var(--color-gray-32);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n &__input-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &__input-date {\n all: unset;\n box-sizing: border-box;\n width: 100%;\n padding: calc(16 / var(--font-size-base) * 1rem);\n border: 1px solid var(--input-border-color);\n border-radius: var(--input-border-radius);\n font: var(--font-family-base);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: 1.25em;\n text-transform: uppercase;\n color: var(--input-date-color);\n background-color: var(--input-bg-color);\n\n &::placeholder {\n font-weight: 400;\n color: var(--input-date-placeholder-color);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n\n &:is(:hover, :focus, :active) {\n box-shadow: 0 0 0 1px var(--input-border-color) inset;\n }\n\n &:disabled,\n &:disabled:is(:hover, :focus, :active) {\n box-shadow: unset;\n cursor: not-allowed;\n }\n\n &:valid:not([class=\"--error\"]) {\n color: var(--input-date-placeholder-color-filled);\n }\n }\n\n &__input-helper {\n font-size: calc(14 / var(--font-size-base) 1rem);\n font-weight: 400;\n line-height: 1.25em;\n color: var(--input-helper-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./DateInputCommon\";\n\n.af-form {\n &__input-helper {\n --input-helper-color: var(--color-gray-700);\n }\n\n &__input-date {\n --input-border-color: var(--color-gray-700);\n --input-border-radius: var(--default-border-radius);\n --input-bg-color: var(--color-white);\n --input-date-color: var(--color-gray-900);\n --input-date-placeholder-color: var(--color-gray-700);\n --input-date-placeholder-color-filled: var(--color-axa);\n\n &:is(:hover, :focus, :active) {\n --input-border-color: var(--color-axa);\n --input-date-placeholder-color: var(--color-gray-900);\n }\n\n &[class=\"--error\"] {\n --input-border-color: var(--color-red-700);\n }\n\n &:disabled,\n &:disabled:is(:hover, :focus, :active) {\n --input-border-color: var(--color-gray-400);\n --input-date-color: var(--color-gray-500);\n --input-bg-color: var(--color-gray-200);\n\n + .af-form__input-helper {\n --input-helper-color: var(--color-gray-500);\n }\n }\n }\n}\n",".af-timeline-vertical {\n display: grid;\n padding: calc(24 / var(--font-size-base) 1rem);\n border: 1px solid var(--timeline-vertical-border-color);\n border-radius: var(--radius-8);\n row-gap: calc(16 / var(--font-size-base) * 1rem);\n background-color: var(--timeline-vertical-bg-color);\n\n &__header {\n display: grid;\n row-gap: inherit;\n }\n\n &__title {\n margin: 0;\n font-size: var(--timeline-vertical-title-font-size);\n font-weight: 600;\n line-height: 125%;\n color: var(--timeline-vertical-title-color);\n }\n\n &__description {\n margin: 0;\n font-size: var(--timeline-vertical-description-font-size);\n font-weight: 400;\n line-height: 125%;\n color: var(--timeline-vertical-description-color);\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./TimelineVerticalCommon\";\n\n.af-timeline-vertical {\n --timeline-vertical-title-color: var(--color-gray-900);\n --timeline-vertical-title-font-size: calc(16 / var(--font-size-base) * 1rem);\n --timeline-vertical-description-color: var(--color-gray-700);\n --timeline-vertical-description-font-size: calc(\n 16 / var(--font-size-base) * 1rem\n );\n --timeline-vertical-bg-color: var(--color-white);\n --timeline-vertical-border-color: var(--color-blue-400);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --timeline-vertical-title-font-size: calc(\n 18 / var(--font-size-base) * 1rem\n );\n --timeline-vertical-description-font-size: calc(\n 18 / var(--font-size-base) * 1rem\n );\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\r\n\r\n.af-item-tab-bar {\r\n padding: var(--item-tab-bar-vertical-padding, 16px)\r\n var(--item-tab-bar-horizontal-padding, 16px);\r\n border: none;\r\n font-family: var(--font-family-base);\r\n font-size: var(--item-tab-bar-font-size);\r\n font-weight: var(--item-tab-bar-font-weight, 400);\r\n line-height: 125%;\r\n color: var(--item-tab-bar-font-color);\r\n background-color: transparent;\r\n box-shadow: inset 0 var(--item-tab-bar-border-width, -1px) 0 0\r\n var(--item-tab-bar-border-color);\r\n\r\n &:hover {\r\n --item-tab-bar-border-width: -4px;\r\n }\r\n\r\n &--tabBar[aria-selected=\"true\"],\r\n &--header[aria-selected=\"true\"] {\r\n --item-tab-bar-border-width: -4px;\r\n --item-tab-bar-font-weight: 600;\r\n }\r\n\r\n &:focus-visible {\r\n outline: 2px solid var(--item-tab-bar-outline-color);\r\n outline-offset: 2px;\r\n }\r\n}\r\n","@use \"./ItemTabBarCommon\";\r\n@use \"../common/breakpoints\" as breakpoints;\r\n\r\n.af-item-tab-bar {\r\n --item-tab-bar-font-color: var(--color-gray-900);\r\n --item-tab-bar-font-size: calc(18 / var(--font-size-base) * 1rem);\r\n --item-tab-bar-border-color: var(--color-blue-400);\r\n\r\n &--tabBar[aria-selected=\"true\"] {\r\n --item-tab-bar-font-color: var(--color-axa);\r\n --item-tab-bar-border-color: var(--color-axa);\r\n }\r\n\r\n &--header[aria-selected=\"true\"] {\r\n --item-tab-bar-font-color: var(--color-axa);\r\n --item-tab-bar-border-color: var(--color-red);\r\n }\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n &:focus-visible {\r\n --item-tab-bar-outline-color: var(--color-focus);\r\n\r\n outline: 2px solid var(--item-tab-bar-outline-color);\r\n outline-offset: 2px;\r\n }\r\n\r\n @media (width > #{breakpoints.$breakpoint-md}) {\r\n --item-tab-bar-font-size: calc(20 / var(--font-size-base) * 1rem);\r\n }\r\n}\r\n",",\n::after,\n::before {\n box-sizing: border-box;\n}\n\nbody {\n margin: 0;\n font-family: var(--font-family-sans-serif);\n -webkit-font-smoothing: antialiased;\n}\n\np {\n text-wrap: pretty;\n}\n\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n overflow-wrap: break-word;\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"../common/reboot\";\n\n.af-heading {\n display: grid;\n align-items: start;\n gap: calc(8 / var(--font-size-base) 1rem)\n calc(12 / var(--font-size-base) * 1rem);\n\n &__title-container {\n display: grid;\n grid-column: var(--heading-grid-column);\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__title {\n margin: 0;\n font-family: var(--font-family-publico);\n font-size: var(--heading-title-font-size);\n font-weight: var(--heading-title-font-weight);\n line-height: var(--heading-title-line-height);\n color: var(--heading-title-color);\n }\n\n &__subtitle {\n display: block;\n font-size: var(--heading-subtitle-font-size);\n font-weight: 400;\n line-height: 125%;\n color: var(--heading-subtitle-color);\n }\n\n &__icon {\n border-radius: 0.75rem;\n grid-column: 1;\n grid-row: 1/3;\n box-shadow: 0 0.125rem 0.5rem 0 rgba(var(--color-axa), 0.15);\n }\n\n &:has(&__icon) {\n grid-template-columns: auto 1fr;\n }\n\n &__label {\n margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n grid-column: span 3;\n }\n}\n","@use \"../common/breakpoints\";\n@use \"./HeadingCommon\";\n\n.af-heading {\n --heading-grid-column: 1;\n --heading-title-color: var(--color-gray-900);\n --heading-subtitle-color: var(--color-gray-900);\n --heading-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n --heading-title-font-weight: 700;\n --heading-title-line-height: 125%;\n\n h1 {\n --heading-title-color: var(--color-blue-800);\n --heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);\n }\n\n h2 {\n --heading-title-font-size: calc(20 / var(--font-size-base) * 1rem);\n }\n\n h3 {\n --heading-title-font-size: calc(18 / var(--font-size-base) * 1rem);\n --heading-title-font-weight: 600;\n --heading-subtitle-font-size: calc(14 / var(--font-size-base) * 1rem);\n }\n\n &:has(&__icon) {\n --heading-grid-column: 2;\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --heading-subtitle-font-size: calc(18 / var(--font-size-base) * 1rem);\n\n h1 {\n --heading-title-font-size: calc(32 / var(--font-size-base) * 1rem);\n }\n\n h2 {\n --heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);\n }\n\n h3 {\n --heading-title-font-size: calc(20 / var(--font-size-base) * 1rem);\n --heading-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n}\n",".af-checkbox {\n &__icons {\n display: flex;\n min-width: calc(24 / var(--font-size-base) * 1rem);\n max-width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n border: solid var(--checkbox-border);\n border-radius: var(--checkbox-border-radius);\n align-items: center;\n gap: calc(12 / var(--font-size-base) * 1rem);\n\n .af-checkbox__checked {\n display: none;\n }\n }\n\n input[type=\"checkbox\"][aria-invalid=\"true\"] {\n ~ .af-checkbox__icons {\n border: solid var(--checkbox-border);\n background-color: var(--checkbox-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-box-shadow-color) inset;\n }\n }\n\n input[type=\"checkbox\"] {\n position: absolute;\n width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n margin: 0;\n opacity: 0;\n cursor: pointer;\n\n &:hover {\n ~ .af-checkbox__icons {\n border: solid var(--checkbox-border);\n box-shadow: 0 0 0 1px var(--checkbox-box-shadow-color) inset;\n }\n }\n }\n\n input[type=\"checkbox\"]:checked {\n ~ .af-checkbox__icons {\n border: solid var(--checkbox-border);\n background-color: var(--checkbox-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-box-shadow-color) inset;\n\n & .af-checkbox__checked {\n display: block;\n fill: var(--checkbox-check-fill);\n }\n }\n }\n}\n","@use \"CheckboxCommon\";\n\n.af-checkbox {\n &__icons {\n --checkbox-border-radius: calc(4 / var(--font-size-base) * 1rem);\n --checkbox-border: 2px var(--color-gray-700);\n }\n\n input[type=\"checkbox\"][aria-invalid=\"true\"] {\n ~ .af-checkbox__icons {\n --checkbox-border: 2px var(--color-red-700);\n --checkbox-box-shadow-color: var(--color-red-700);\n --checkbox-background-color: var(--color-white);\n }\n }\n\n input[type=\"checkbox\"]:hover {\n ~ .af-checkbox__icons {\n --checkbox-border: 2px var(--color-axa);\n --checkbox-box-shadow-color: var(--color-axa);\n }\n }\n\n input[type=\"checkbox\"]:checked {\n ~ .af-checkbox__icons {\n --checkbox-border: 2px var(--color-axa);\n --checkbox-box-shadow-color: var(--color-axa);\n --checkbox-background-color: var(--color-axa);\n\n & .af-checkbox__checked {\n --checkbox-check-fill: var(--color-white);\n }\n }\n }\n}\n","@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-text {\n & label {\n display: flex;\n margin: 0;\n align-items: flex-start;\n gap: calc(12 / var(--font-size-base) * 1rem);\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-text-label-color);\n cursor: pointer;\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n\n & .af-checkbox-text__error {\n margin-left: calc(36 / var(--font-size-base) * 1rem);\n }\n}\n","@use \"CheckboxTextCommon\";\n\n.af-checkbox-text {\n & label {\n --checkbox-text-label-color: var(--color-black);\n }\n}\n","@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-card {\n &__container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n &__label-container {\n display: flex;\n flex-direction: column;\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__label {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--checkbox-card-color);\n }\n\n &__description {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: calc(16 / var(--font-size-base) * 1rem);\n color: var(--checkbox-card-color);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n &__content {\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n\n & > svg {\n width: calc(28 / var(--font-size-base) * 1rem);\n height: calc(28 / var(--font-size-base) * 1rem);\n color: var(--checkbox-card-color);\n fill: var(--checkbox-card-fill);\n }\n\n &-description {\n display: flex;\n flex-direction: column;\n gap: calc(4 / var(--font-size-base) * 1rem);\n line-height: calc(20 / var(--font-size-base) * 1rem);\n\n & > span:first-child {\n line-height: calc(24 / var(--font-size-base) * 1rem);\n color: var(--checkbox-card-color);\n }\n\n & > span:not(:first-child) {\n color: var(--checkbox-card-color);\n }\n }\n }\n\n & ~ &__error {\n border: solid var(--color-red-700);\n\n & > svg {\n border: solid var(--color-red-700);\n }\n }\n\n &-group--vertical {\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-label {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-items);\n\n .af-checkbox-card-content {\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-content-description {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-item);\n text-align: left;\n }\n }\n }\n }\n\n &-group--horizontal {\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-label {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-items);\n justify-content: var(--checkbox-card-justify-content);\n\n .af-checkbox-card-content {\n width: 100%;\n flex: 1;\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-content-description {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-item);\n text-align: center;\n }\n }\n }\n }\n\n &-group--vertical,\n &-group--horizontal {\n display: flex;\n align-items: stretch;\n gap: 1rem;\n font-family: var(--checkbox-card-font-family);\n font-style: normal;\n font-weight: 400;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-label[aria-invalid=\"true\"] {\n border: solid var(--checkbox-card-border);\n background-color: var(--checkbox-card-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n\n .af-checkbox-card-label {\n display: flex;\n padding: 1rem;\n border: solid var(--checkbox-card-border);\n border-radius: var(--checkbox-card-border-radius);\n flex: 1;\n align-self: stretch;\n gap: calc(12 / var(--font-size-base) * 1rem);\n cursor: pointer;\n\n .af-checkbox-card-content {\n display: flex;\n align-items: center;\n gap: calc(4 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n display: flex;\n justify-content: center;\n font-size: 1rem;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n\n & > span:first-child {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-card-label-text-color);\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n }\n }\n\n & > span:not(:first-child) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-card-label-text-color);\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n }\n }\n }\n }\n\n &:hover {\n border: solid var(--checkbox-card-border);\n background-color: var(--checkbox-card-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n }\n\n .af-checkbox-card-label:has(input:checked) {\n border: solid var(--checkbox-card-border);\n background-color: var(--checkbox-card-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n }\n}\n","@use \"CheckboxCardCommon\";\n\n.af-checkbox-card {\n &__label-container {\n --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n }\n\n &__label {\n --checkbox-card-color: var(--color-gray-900);\n }\n\n &__description {\n --checkbox-card-color: var(--color-gray-700);\n }\n\n &__content {\n & > svg {\n --checkbox-card-color: var(--color-axa);\n --checkbox-card-fill: var(--color-axa);\n }\n\n &-description {\n & > span:first-child {\n --checkbox-card-color: var(--color-gray-900);\n }\n\n & > span:not(:first-child) {\n --checkbox-card-color: var(--color-gray-700);\n }\n }\n }\n\n & ~ &__error {\n --error-box-color: var(--color-red-700);\n\n & > svg {\n --error-box-color: var(--color-red-700);\n --error-box-fill: var(--color-red-700);\n }\n }\n\n &-group--vertical {\n --checkbox-card-flex-direction: column;\n\n .af-checkbox-card-label {\n --checkbox-card-flex-direction: row;\n --checkbox-card-align-items: center;\n\n .af-checkbox-card-content {\n --checkbox-card-flex-direction: row;\n --checkbox-card-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n --checkbox-card-flex-direction: column;\n --checkbox-card-align-item: flex-start;\n }\n }\n }\n }\n\n &-group--horizontal {\n --checkbox-card-flex-direction: row;\n\n .af-checkbox-card-label {\n --checkbox-card-flex-direction: row;\n --checkbox-card-align-items: flex-start;\n --checkbox-card-justify-content: flex-start;\n\n .af-checkbox-card-content {\n --checkbox-card-flex-direction: column;\n --checkbox-card-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n --checkbox-card-flex-direction: column;\n --checkbox-card-align-item: center;\n }\n }\n }\n }\n\n &-group--vertical,\n &-group--horizontal {\n .af-checkbox-card-label[aria-invalid=\"true\"] {\n --checkbox-card-background-color: var(--color-white);\n --checkbox-card-border: 2px var(--color-red-700);\n --checkbox-card-shadow-color: var(--color-red-700);\n }\n\n .af-checkbox-card-label {\n --checkbox-card-border: 2px var(--color-gray-700);\n --checkbox-card-border-radius: calc(6 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content {\n .af-checkbox-card-content-description {\n & > span:first-child {\n --checkbox-card-label-text-color: var(--color-black);\n }\n }\n }\n\n &:hover {\n --checkbox-card-border: 2px var(--color-axa);\n --checkbox-card-shadow-color: var(--color-axa);\n --checkbox-card-background-color: var(--color-white);\n }\n }\n\n .af-checkbox-card-label:has(input:checked) {\n --checkbox-card-border: 2px var(--color-axa);\n --checkbox-card-shadow-color: var(--color-axa);\n --checkbox-card-background-color: var(--color-blue-2);\n }\n }\n}\n",".af-content-item-mono {\n display: flex;\n align-items: center;\n gap: calc(12 / var(--font-size-base) * 1rem);\n\n .stick {\n width: calc(4 / var(--font-size-base) * 1rem);\n border-radius: 2px;\n align-self: stretch;\n background-color: var(--stick-background-color);\n }\n\n .text-content {\n display: flex;\n flex-direction: column;\n gap: calc(2 / var(--font-size-base) * 1rem);\n\n .title {\n font-family: var(--title-font-family);\n font-size: var(--title-font-size);\n font-weight: var(--title-font-weight);\n line-height: var(--title-line-height);\n color: var(--title-color);\n }\n\n .subtitle-primary {\n font-family: var(--subtitle-primary-font-family);\n font-size: var(--subtitle-primary-font-size);\n font-weight: 400;\n line-height: var(--subtitle-primary-line-height);\n color: var(--subtitle-primary-color);\n }\n\n .subtitle {\n font-family: var(--subtitle-font-family);\n font-size: var(--subtitle-font-size);\n font-weight: 400;\n line-height: var(--subtitle-line-height);\n color: var(--subtitle-color);\n }\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./ContentItemMonoCommon\";\n\n.af-content-item-mono {\n .stick {\n --stick-background-color: var(--color-axa);\n }\n\n .text-content {\n .title {\n --title-font-family: var(--font-family-sans-serif);\n --title-font-size: calc(16 / var(--font-size-base) * 1rem);\n --title-font-weight: 600;\n --title-color: var(--color-gray-900);\n --title-line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n\n .subtitle-primary {\n --subtitle-primary-font-family: var(--font-family-sans-serif);\n --subtitle-primary-font-size: calc(16 / var(--font-size-base) * 1rem);\n --subtitle-primary-color: var(--color-gray-900);\n --subtitle-primary-line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n\n .subtitle {\n --subtitle-font-family: var(--font-family-sans-serif);\n --subtitle-font-size: calc(14 / var(--font-size-base) * 1rem);\n --subtitle-color: var(--color-gray);\n --subtitle-line-height: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n .stick + .text-content .title {\n --title-font-size: calc(14 / var(--font-size-base) * 1rem);\n --title-line-height: calc(18 / var(--font-size-base) * 1rem);\n }\n\n &.large .text-content {\n .title {\n --title-font-family: var(--font-family-publico);\n --title-font-weight: 700;\n --title-font-size: calc(20 / var(--font-size-base) * 1rem);\n --title-line-height: calc(25 / var(--font-size-base) * 1rem);\n }\n\n .subtitle {\n --subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n --subtitle-line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n .text-content {\n .title {\n --title-font-size: calc(18 / var(--font-size-base) * 1rem);\n --title-line-height: calc(23 / var(--font-size-base) * 1rem);\n }\n\n .subtitle-primary {\n --subtitle-primary-font-size: calc(18 / var(--font-size-base) * 1rem);\n --subtitle-primary-line-height: calc(23 / var(--font-size-base) * 1rem);\n }\n\n .subtitle {\n --subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n --subtitle-line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n }\n\n .stick + .text-content .title {\n --title-font-size: calc(16 / var(--font-size-base) * 1rem);\n --title-line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n\n &.large .text-content {\n .title {\n --title-font-size: calc(24 / var(--font-size-base) * 1rem);\n --title-line-height: calc(30 / var(--font-size-base) * 1rem);\n }\n\n .subtitle {\n --subtitle-font-size: calc(18 / var(--font-size-base) * 1rem);\n --subtitle-line-height: calc(23 / var(--font-size-base) * 1rem);\n }\n }\n }\n}\n"]}
1	+ {"version":3,"sources":["../src/Grid/Grid.scss","../src/look-and-feel.scss","../src/Grid/DebugGrid.scss","../src/Button/ButtonCommon.scss","../src/Button/ButtonLF.scss","../src/Spinner/SpinnerCommon.scss","../src/Spinner/SpinnerLF.scss","../src/Form/ItemMessage/ItemMessageCommon.scss","../src/Form/ItemMessage/ItemMessageLF.scss","../src/Form/ItemLabel/ItemLabelCommon.scss","../src/Form/ItemLabel/ItemLabelLF.scss","../src/Form/TextInput/TextInputCommon.scss","../src/Form/TextInput/TextInputLF.scss","../src/Form/TextArea/TextAreaCommon.scss","../src/Form/TextArea/TextAreaLF.scss","../src/Form/Select/SelectCommon.scss","../src/Form/Select/SelectLF.scss","../src/Icon/IconCommon.scss","../src/Icon/IconLF.scss","../src/Divider/DividerCommon.scss","../src/Divider/DividerLF.scss","../src/ClickIcon/ClickIconCommon.scss","../src/ClickIcon/ClickIconLF.scss","../src/Link/LinkCommon.scss","../src/Link/LinkLF.scss","../src/Toggle/ToggleCommon.scss","../src/Toggle/ToggleLF.scss","../src/BasePicture/BasePictureCommon.scss","../src/Message/MessageCommon.scss","../src/Message/MessageLF.scss","../src/Tag/TagCommon.scss","../src/Tag/TagLF.scss","../src/CardMessage/CardMessageCommon.scss","../src/CardMessage/CardMessageLF.scss","../src/List/ContentItemDuo/ContentItemDuoCommon.scss","../src/List/ContentItemDuo/ContentItemDuoLF.scss","../src/ProgressBar/ProgressBarCommon.scss","../src/ProgressBar/ProgressBarLF.scss","../src/ProgressBarGroup/ProgressBarGroupCommon.scss","../src/Stepper/StepperCommon.scss","../src/Stepper/StepperLF.scss","../src/Form/DateInput/DateInputCommon.scss","../src/Form/DateInput/DateInputLF.scss","../src/TimelineVertical/TimelineVerticalCommon.scss","../src/TimelineVertical/TimelineVerticalLF.scss","../src/ItemTabBar/ItemTabBarCommon.scss","../src/ItemTabBar/ItemTabBarLF.scss","../src/common/reboot.scss","../src/Heading/HeadingCommon.scss","../src/Heading/HeadingLF.scss","../src/Form/Checkbox/Checkbox/CheckboxCommon.scss","../src/Form/Checkbox/Checkbox/CheckboxLF.scss","../src/Form/Checkbox/CheckboxText/CheckboxTextCommon.scss","../src/Form/Checkbox/CheckboxText/CheckboxTextLF.scss","../src/Form/Checkbox/CheckboxCard/CheckboxCardCommon.scss","../src/Form/Checkbox/CheckboxCard/CheckboxCardLF.scss","../src/ContentItemMono/ContentItemMonoCommon.scss","../src/ContentItemMono/ContentItemMonoLF.scss"],"names":[],"mappings":"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","file":"look-and-feel.css","sourcesContent":["@use \"../common/breakpoints.scss\" as breakpoints;\n\n/* GRID SYSTEM DESIGN SYSTEM AXA FRANCE (Look & Feel et Apollo) **************\n\nSee the documentation : https://zeroheight.com/54c5bd254/v/latest/p/48d0d1-grille\n\nIts MOBILE FIRST approach, so the defauts values target the mobile.\n\n@media (width > #{breakpoints.$breakpoint-sm}) { >>>>> more than 667px\n@media (width > #{breakpoints.$breakpoint-md}) { >>>>> more than 1023px\n@media (width > #{breakpoints.$breakpoint-lg}) { >>>>> more than 1279px\n@media (width > #{breakpoints.$breakpoint-xl}) { >>>>> more than 1599px\n\n***************************************************************************** /\n\n.grid {\n --col-gap: calc(8 / var(--font-size-base) 1rem);\n --row-gap: calc(16 / var(--font-size-base) * 1rem);\n --margin-inline: calc(16 / var(--font-size-base) * 1rem);\n --cols: 4;\n --start: auto;\n\n display: grid;\n margin-inline: var(--margin-inline);\n grid-template-columns: repeat(var(--cols), 1fr);\n gap: var(--row-gap) var(--col-gap);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n --cols: 8;\n --col-gap: calc(16 / var(--font-size-base) * 1rem);\n --margin-inline: calc(60 / var(--font-size-base) * 1rem);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --col-gap: calc(24 / var(--font-size-base) * 1rem);\n --margin-inline: calc(80 / var(--font-size-base) * 1rem);\n --cols: 12;\n }\n\n @media (width > #{breakpoints.$breakpoint-lg}) {\n --margin-inline: calc(120 / var(--font-size-base) * 1rem);\n }\n\n @media (width > #{breakpoints.$breakpoint-xl}) {\n --margin-inline: auto;\n\n max-width: 1320px;\n }\n\n > ,\n & .subgrid,\n & :has(> .subgrid) {\n display: grid;\n grid-column: var(--start) / span var(--cols);\n align-content: start;\n row-gap: var(--row-gap);\n }\n\n > > * {\n --start: auto;\n }\n\n .subgrid,\n & :has(> .subgrid) {\n grid-template-columns: subgrid;\n\n > * {\n grid-column: var(--start) / span var(--cols);\n }\n }\n}\n","@use \"./Grid/Grid\";\n@use \"./Grid/DebugGrid\";\n@use \"./Button/ButtonLF\";\n@use \"./Spinner/SpinnerLF\";\n@use \"./Form/ItemMessage/ItemMessageLF\";\n@use \"./Form/ItemLabel/ItemLabelLF\";\n@use \"./Form/TextInput/TextInputLF\";\n@use \"./Form/TextArea/TextAreaLF\";\n@use \"./Form/Select/SelectLF\";\n@use \"./Icon/IconLF\";\n@use \"./Divider/DividerLF\";\n@use \"./ClickIcon/ClickIconLF\";\n@use \"./Link/LinkLF\";\n@use \"./Toggle/ToggleLF\";\n@use \"./BasePicture/BasePictureLF\";\n@use \"./Message/MessageLF\";\n@use \"./Tag/TagLF\";\n@use \"./CardMessage/CardMessageLF\";\n@use \"./List/ContentItemDuo/ContentItemDuoLF\";\n@use \"./ProgressBar/ProgressBarLF\";\n@use \"./ProgressBarGroup/ProgressBarGroupLF\";\n@use \"./Stepper/StepperLF\";\n@use \"./Form/DateInput/DateInputLF\";\n@use \"./TimelineVertical/TimelineVerticalLF\";\n@use \"./ItemTabBar/ItemTabBarLF\";\n@use \"./Heading/HeadingLF\";\n@use \"./Form/Checkbox/Checkbox/CheckboxLF\";\n@use \"./Form/Checkbox/CheckboxText/CheckboxTextLF\";\n@use \"./Form/Checkbox/CheckboxCard/CheckboxCardLF\";\n@use \"./ContentItemMono/ContentItemMonoLF\";\n","@use \"../common/breakpoints.scss\" as breakpoints;\n\n.af-checkbox-card__container:has(label [name=\"debuggrid\"]) {\n position: fixed;\n z-index: 2;\n bottom: 0;\n left: 0;\n height: auto;\n}\n\n.debug-grid {\n position: fixed;\n top: 0;\n display: none;\n width: 100%;\n height: 100%;\n opacity: 0.5;\n mix-blend-mode: multiply;\n\n .grid {\n --name: \"small: 0 to 667px\";\n --color-bg-cols: hsl(280.71deg, 51.85%, 89.41%);\n\n position: relative;\n height: 100%;\n\n &::before {\n position: absolute;\n top: 50%;\n left: 0.5vw;\n width: 100%;\n height: 100%;\n font-size: clamp(0.5rem, 4vw, 3rem);\n text-align: center;\n text-orientation: mixed;\n writing-mode: vertical-rl;\n color: color-mix(in hsl, var(--color-bg-cols), rgb(0, 0, 0) 20%);\n transform: translate(0, -50%);\n transition: color 300ms linear 200ms;\n content: var(--name);\n }\n\n .cols {\n display: none;\n height: 100%;\n grid-column: span 1;\n background-color: var(--color-bg-cols);\n transition: background-color 300ms linear 200ms;\n\n &:nth-child(-n + 4) {\n display: block;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n --name: \"medium: 668px to 1023px\";\n --color-bg-cols: hsl(233.57deg, 51.85%, 89.41%);\n\n .cols:nth-child(-n + 8) {\n display: block;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --name: \"large: 1024px to 1279px\";\n --color-bg-cols: hsl(180deg, 53.09%, 84.12%);\n\n .cols:nth-child(-n + 12) {\n display: block;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-lg}) {\n --name: \"extra large: 1280px to 1599px\";\n --color-bg-cols: hsl(120deg, 52.5%, 84.31%);\n }\n\n @media (width > #{breakpoints.$breakpoint-xl}) {\n --name: \"extra large: 1600px to infinity\";\n --color-bg-cols: hsl(357.39deg, 100%, 90.98%);\n }\n }\n}\n\nbody {\n &:has([name=\"debuggrid\"]:checked) {\n .debug-grid {\n display: block;\n }\n }\n}\n","/* Apollo first and mobile first approch /\n\n@use \"../common/breakpoints\" as breakpoints;\n\n.af-btn-client {\n display: flex;\n padding: var(--button-padding);\n border: 0;\n border-radius: var(--button-radius);\n align-items: center;\n justify-content: center;\n gap: 1rem;\n font-family: var(--font-family-base);\n font-size: var(--button-font-size);\n font-weight: 600;\n line-height: var(--button-line-height);\n color: var(--button-text-color-default);\n background-color: var(--button-bg-color-default);\n transition-duration: var(--transition-duration);\n transition-property:\n width, height, border, color, background-color, outline, box-shadow;\n transition-timing-function: linear;\n user-select: none;\n\n &:focus-visible {\n outline: 2px solid var(--button-outline-color);\n outline-offset: 3px;\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n pointer-events: none;\n\n & > [aria-live] {\n margin: unset;\n }\n }\n\n & > svg {\n aspect-ratio: 1;\n fill: currentcolor;\n }\n\n &--ghost {\n gap: calc(4 / var(--font-size-base) 1rem);\n line-height: 1.25em;\n\n &:hover,\n &:focus,\n &:focus-visible {\n text-decoration: underline;\n }\n }\n\n &--secondary {\n box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n }\n\n &--secondary-inverse {\n box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n\n@use \"./ButtonCommon\";\n\n.af-btn-client {\n --button-bg-color-default: var(--color-axa);\n --button-text-color-default: var(--color-white);\n --button-radius: var(--radius-8);\n --button-shadow-color: var(--color-axa);\n --button-padding: calc(16 / var(--font-size-base) * 1rem)\n calc(61.5 / var(--font-size-base) * 1rem);\n --button-line-height: calc(20 / var(--font-size-base) * 1rem);\n --button-font-size: calc(16 / var(--font-size-base) * 1rem);\n\n @media (width > #{breakpoints.$breakpoint-lg}) {\n --button-line-height: calc(22.5 / var(--font-size-base) * 1rem);\n --button-font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n\n &:hover {\n --button-bg-color-default: var(--color-blue-1);\n }\n\n &:active {\n --button-bg-color-default: var(--color-btn-light);\n }\n\n &:focus,\n &:focus-visible {\n --button-outline-color: var(--color-blue-3);\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n --button-bg-color-default: var(--color-gray-300);\n --button-text-color-default: var(--color-gray-500);\n --button-shadow-color: var(--color-gray-500);\n }\n\n &--primary-business {\n --button-bg-color-default: var(--color-btn-business);\n\n &:hover {\n --button-bg-color-default: var(--color-btn-business-dark);\n }\n\n &:active {\n --button-bg-color-default: var(--color-btn-business-light);\n }\n }\n\n &--primary-inverse {\n --button-text-color-default: var(--color-axa);\n --button-bg-color-default: var(--color-white);\n\n &:active {\n --button-bg-color-default: var(--color-white);\n --button-text-color-default: var(--color-btn-business-light);\n }\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color-default: var(--color-white);\n --button-text-color-default: var(--color-blue-1);\n }\n }\n\n &--ghost {\n --button-text-color-default: var(--color-axa);\n --button-bg-color-default: transparent;\n --button-padding: 0;\n\n @media (width > #{breakpoints.$breakpoint-lg}) {\n --button-font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n\n &:active {\n --button-text-color-default: var(--color-btn-light);\n }\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-text-color-default: var(--color-blue-1);\n --button-bg-color-default: transparent;\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n --button-bg-color-default: transparent;\n }\n }\n\n &--secondary {\n --button-bg-color-default: var(--color-white);\n --button-text-color-default: var(--color-axa);\n --button-shadow-color: var(--color-axa);\n\n box-shadow: 0 0 0 1px var(--button-shadow-color) inset;\n\n &:hover,\n &:focus,\n &:focus-visible,\n &:active {\n --button-bg-color-default: var(--color-white);\n --button-text-color-default: var(--color-blue-1);\n\n box-shadow: 0 0 0 2px var(--color-blue-1) inset;\n }\n\n &:active {\n --button-bg-color-default: var(--color-blue-2);\n }\n }\n\n &--secondary-inverse {\n --button-bg-color-default: var(--color-axa);\n --button-text-color-default: var(--color-white);\n --button-shadow-color: var(--color-white);\n\n box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n\n &:active {\n --button-bg-color-default: var(--color-gray-200);\n --button-text-color-default: var(--color-btn-light);\n --button-shadow-color: var(--color-gray-200);\n }\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color-default: var(--color-gray-400);\n --button-text-color-default: var(--color-blue-1);\n --button-shadow-color: var(--color-gray-400);\n }\n }\n\n &--tertiary {\n --button-bg-color-default: var(--color-btn-tertiary-bg);\n --button-text-color-default: var(--color-axa);\n\n &:hover {\n --button-bg-color-default: var(--color-btn-tertiary-bg-darker);\n }\n\n &:active {\n --button-bg-color-default: var(--color-btn-tertiary-bg-lighter);\n --button-text-color-default: var(--color-axa);\n }\n }\n}\n",".af-spinner {\n --spinner-size: 40;\n --spinner-border-size: 3;\n\n display: flex;\n container-type: inline-size;\n width: calc(var(--spinner-size) * 1px);\n height: calc(var(--spinner-size) * 1px);\n margin: auto;\n border: calc(var(--spinner-border-size) * 1px) solid\n var(--spinner-border-color);\n border-top: calc(var(--spinner-border-size) * 1px) solid\n var(--spinner-border-top-color);\n border-radius: 50%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n animation: spin 2s linear infinite;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n","@use \"./SpinnerCommon\";\n\n.af-spinner {\n --spinner-border-color: color-mix(in srgb, var(--color-axa), transparent 80%);\n --spinner-border-top-color: var(--color-axa);\n\n &--24 {\n --spinner-border-size: 2;\n }\n\n &--40 {\n --spinner-border-size: 4;\n }\n\n &--gray {\n --spinner-border-color: color-mix(\n in srgb,\n var(--color-gray),\n transparent 80%\n );\n --spinner-border-top-color: var(--color-gray);\n }\n\n &--white {\n --spinner-border-color: color-mix(\n in srgb,\n var(--color-white),\n transparent 80%\n );\n --spinner-border-top-color: var(--color-white);\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-item-message {\n --item-message-font-size: calc(14 / var(--font-size-base) * 1rem);\n\n display: flex;\n align-items: center;\n gap: calc(8 / var(--font-size-base) * 1rem);\n\n &__icon {\n width: var(--item-message-icon-size);\n height: var(--item-message-icon-size);\n flex-shrink: 0;\n color: var(--item-message-color);\n fill: currentcolor;\n }\n\n &__message {\n font-family: var(--font-family-base);\n font-size: var(--item-message-font-size);\n line-height: 1.25em;\n color: var(--item-message-color);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --item-message-font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./ItemMessageCommon\";\n\n.af-item-message {\n --item-message-color: var(--color-red-700);\n --item-message-icon-size: calc(16 / var(--font-size-base) * 1rem);\n\n &--success {\n --item-message-color: var(--color-green-600);\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-item-label {\n display: grid;\n width: 100%;\n grid-template-areas:\n \"label sidebutton\"\n \"description sidebutton\"\n \"more more\";\n grid-template-columns: 1fr auto;\n place-items: end start;\n row-gap: calc(2 / var(--font-size-base) * 1rem);\n\n &:has(> .af-item-label__description) {\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &:has(> .af-item-label__sidebutton) {\n column-gap: calc(12 / var(--font-size-base) * 1rem);\n }\n\n > label {\n grid-area: label;\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n color: var(--label-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(24 / var(--font-size-base) * 1rem);\n }\n }\n\n &__sidebutton {\n grid-area: sidebutton;\n place-self: center end;\n\n &:has(+ .af-item-label__description) {\n align-self: end;\n }\n }\n\n &__more {\n grid-area: more;\n }\n\n &__description {\n grid-area: description;\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: 1.25em;\n color: var(--label-description-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./ItemLabelCommon\";\n\n.af-item-label {\n --label-color: var(--color-gray-900);\n --label-description-color: var(--color-gray-700);\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n &__input-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &__input-variant {\n display: grid;\n width: 100%;\n padding: calc(16 / var(--font-size-base) * 1rem);\n border: 1px solid var(--input-border-color);\n border-radius: var(--input-border-radius);\n grid-template-columns: auto min-content;\n align-items: center;\n color: var(--input-text-color);\n background-color: var(--input-bg-color);\n\n &:has(> input ~ ) {\n column-gap: calc(8 / var(--font-size-base) 1rem);\n }\n\n &:has(> input:focus-visible) {\n outline: 2px solid var(--color-blue-3);\n outline-offset: 3px;\n }\n\n > input {\n all: unset;\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: 1.25em;\n color: var(--input-text-color);\n\n &::placeholder {\n font-weight: 400;\n color: var(--input-text-placeholder-color);\n }\n\n & ~ * {\n color: var(--input-text-icon-color);\n fill: var(--input-text-icon-color);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n &:has(> input:is(:hover, :focus, :active)) {\n box-shadow: 0 0 0 1px var(--input-border-color) inset;\n }\n\n &:has(> input:disabled),\n &:has(> input:disabled):is(:hover, :focus, :active) {\n box-shadow: unset;\n cursor: not-allowed;\n\n & > input ~ * {\n cursor: not-allowed;\n }\n }\n }\n\n &__input-helper {\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: 1.25em;\n color: var(--input-helper-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./TextInputCommon\";\n\n.af-form {\n &__input-helper {\n --input-helper-color: var(--color-gray-700);\n }\n\n &__input-variant {\n --input-border-color: var(--color-gray-700);\n --input-border-radius: var(--default-border-radius);\n --input-bg-color: var(--color-white);\n --input-text-color: var(--color-gray-900);\n --input-text-icon-color: var(--color-gray-900);\n --input-text-placeholder-color: var(--color-gray-700);\n\n &:has(> input:not([value=\"\"])) {\n --input-border-color: var(--color-axa);\n }\n\n &:has(> input:is(:hover, :focus, :active)) {\n --input-border-color: var(--color-axa);\n --input-text-placeholder-color: var(--color-gray-900);\n }\n\n &:has(> input[class=\"--error\"]) {\n --input-border-color: var(--color-red-700);\n }\n\n &:has(> input:disabled),\n &:has(> input:disabled):is(:hover, :focus, :active) {\n --input-border-color: var(--color-gray-400);\n --input-text-color: var(--color-gray-500);\n --input-bg-color: var(--color-gray-200);\n --input-text-icon-color: var(--color-gray-500);\n\n + .af-form__input-helper {\n --input-helper-color: var(--color-gray-500);\n }\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__input-textarea {\n width: 100%;\n height: calc(var(--input-text-area-height) / var(--font-size-base) 1rem);\n padding: 16px;\n border: 1px solid var(--input-text-area-border-color);\n border-radius: var(--input-text-area-border-radius);\n font: var(--font-family-base);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: calc(20 / var(--font-size-base) * 1rem);\n color: var(--input-text-area-color);\n background-color: var(--input-text-area-background);\n box-shadow: 0 0 0 1px var(--input-text-area-background);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n width: 100%;\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(24 / var(--font-size-base) * 1rem);\n }\n\n &--error {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 1px solid var(--input-text-area-border-color);\n outline: none;\n }\n\n &:enabled,\n &:focus,\n &:active {\n box-shadow: 0 0 0 1px var(--white);\n outline: none;\n }\n\n &:disabled {\n border: 1px solid var(--input-text-area-border-color);\n background: var(--input-text-area-background);\n pointer-events: none;\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 0 0 0 1px var(--input-text-area-border-color);\n }\n }\n}\n","@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n --input-text-area-height: 142px;\n --input-text-area-border-radius: var(--default-border-radius);\n --input-text-area-border-color: var(--color-gray-700);\n --input-text-area-background: var(--color-white);\n --input-text-area-color: var(--color-gray);\n\n &--error {\n --input-text-area-border-color: var(--color-red-700);\n }\n\n &:disabled {\n --input-text-area-border-color: var(--color-gray-400);\n --input-text-area-background: var(--color-gray-200);\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n --input-text-area-border-color: var(--color-axa);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__select {\n &-label {\n display: inline-block;\n margin-bottom: calc(8 / var(--font-size-base) * 1rem);\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--select-placeholder-color);\n }\n\n &-input {\n display: block;\n width: 100%;\n margin: calc(10 / var(--font-size-base) * 1rem) 0;\n padding: calc(16 / var(--font-size-base) * 1rem);\n padding-right: calc(16 / var(--font-size-base) * 3rem);\n border: 1px solid var(--select-border-color);\n border-radius: var(--select-border-radius);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: 1.25em;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--select-color);\n background: var(--select-background);\n background-color: white;\n background-position-x: calc(100% - 1rem);\n box-shadow: var(--select-box-shadow);\n appearance: none;\n\n option {\n border: 1px solid var(--select-border-color);\n color: var(--select-color);\n }\n\n &:open {\n background-image: var(--select-background-open);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 1px var(--select-border-color) inset;\n outline: 2px solid var(--select-outline-color);\n outline-offset: 3px;\n }\n\n &:disabled {\n border: 1px solid var(--select-border-color);\n color: var(--select-color);\n cursor: not-allowed;\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n border: 1px solid var(--select-border-color);\n box-shadow: 0 0 0 1px var(--select-border-color) inset;\n }\n\n &:has(option[value=\"\"]:checked) {\n font-weight: 400;\n }\n\n &-placeholder {\n color: var(--select-color);\n }\n\n &--error {\n border: 1px solid var(--select-border-color);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"./SelectCommon\";\n\n.af-form__select {\n &-input {\n --select-color: var(--color-gray-900);\n --select-outline-color: var(--color-axa);\n --select-placeholder-color: var(--color-gray-700);\n --select-border-radius: var(--default-border-radius);\n --select-border-color: var(--color-gray-700);\n --select-background: url(\"@material-symbols/svg-400/outlined/arrow_drop_down.svg\")\n no-repeat right 1rem center / 1.5rem 1.5rem;\n\n &:open {\n --select-background-open: url(\"@material-symbols/svg-400/outlined/arrow_drop_up.svg\");\n }\n\n &:focus-visible {\n --select-outline-color: var(--color-blue-3);\n --select-border-color: var(--color-axa);\n }\n\n &:disabled {\n --select-bg-color-disabled: var(--color-gray-500);\n --select-border-color: var(--color-gray-400);\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n --select-border-color: var(--color-axa);\n --select-box-shadow: var(--color-axa);\n }\n\n &:has(option[value=\"\"]:checked) {\n --select-color: var(--color-gray-700);\n }\n\n &:has(option[value=\"\"]:not(:checked)) {\n --select-border-color: var(--color-axa);\n }\n\n option {\n --select-color: var(--color-gray-900);\n\n &:disabled {\n --select-color: var(--color-gray-500);\n }\n }\n\n &-placeholder {\n --select-placeholder-color: var(--color-gray-700);\n }\n\n &--error {\n --select-border-color: var(--color-red-700);\n\n &:focus-visible {\n --select-border-color: var(--color-red-700);\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n --select-border-color: var(--color-red-700);\n --select-box-shadow: 0 0 0 1px var(--color-red-700) inset;\n }\n\n &:has(option[value=\"\"]:not(:checked)) {\n --select-border-color: var(--color-red-700);\n }\n }\n }\n}\n",".af-icon {\r\n display: grid;\r\n width: fit-content;\r\n padding: var(--icon-padding);\r\n border-radius: var(--icon-border-radius);\r\n background-color: var(--icon-background-color, transparent);\r\n outline-color: var(--icon-outline-color);\r\n\r\n svg {\r\n width: var(--icon-size, calc(24 / var(--font-size-base) * 1rem));\r\n height: var(--icon-size, calc(24 / var(--font-size-base) * 1rem));\r\n fill: var(--icon-fill);\r\n }\r\n\r\n &--large {\r\n svg {\r\n --icon-size: calc(40 / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &.af-icon--has-background {\r\n --icon-padding: calc(12 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--medium {\r\n svg {\r\n --icon-size: calc(32 / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &.af-icon--has-background {\r\n --icon-padding: calc(12 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--small {\r\n svg {\r\n --icon-width: calc(24 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--extra-small {\r\n svg {\r\n --icon-size: calc(16 / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &.af-icon--has-background {\r\n --icon-padding: calc(8 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--secondary {\r\n &.af-icon--has-background {\r\n outline-style: solid;\r\n outline-width: 1px;\r\n }\r\n }\r\n}\r\n","@use \"./IconCommon\";\r\n\r\n.af-icon {\r\n --icon-border-radius: var(--radius-12);\r\n\r\n &--small {\r\n &.af-icon--has-background {\r\n --icon-padding: calc(8 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--primary {\r\n --icon-fill: var(--color-axa);\r\n\r\n &.af-icon--has-background {\r\n --icon-fill: var(--color-white);\r\n --icon-background-color: var(--color-axa);\r\n }\r\n }\r\n\r\n &--secondary {\r\n --icon-fill: var(--color-white);\r\n\r\n &.af-icon--has-background {\r\n --icon-fill: var(--color-axa);\r\n --icon-background-color: var(--color-white);\r\n --icon-outline-color: var(--color-gray-300);\r\n }\r\n }\r\n\r\n &--disabled {\r\n --icon-fill: var(--color-gray-500);\r\n\r\n &.af-icon--has-background {\r\n --icon-background-color: var(--color-gray-200);\r\n }\r\n }\r\n}\r\n",".af-divider {\n margin: 0;\n border: 0;\n border-top: 1px solid var(--divider-border-color);\n}\n","@use \"./DividerCommon\";\n\n.af-divider {\n --divider-border-color: var(--color-gray-300);\n}\n",".af-click-icon {\r\n display: grid;\r\n width: fit-content;\r\n padding: calc(8 / var(--font-size-base) * 1rem);\r\n border: 0;\r\n border-radius: 100vmax;\r\n background-color: var(--click-icon-background-color);\r\n cursor: pointer;\r\n\r\n svg {\r\n fill: var(--click-icon-svg-fill, var(--icon-fill));\r\n }\r\n\r\n &:disabled {\r\n pointer-events: none;\r\n }\r\n\r\n &:focus-visible {\r\n outline: 2px solid var(--click-icon-outline-color, transparent);\r\n outline-offset: 2px;\r\n }\r\n}\r\n","@use \"./ClickIconCommon\";\r\n\r\n.af-click-icon {\r\n --click-icon-background-color: var(--color-btn-tertiary-bg);\r\n\r\n &:hover {\r\n --click-icon-background-color: var(--color-btn-tertiary-bg-darker);\r\n }\r\n\r\n &:active {\r\n --click-icon-background-color: var(--color-btn-tertiary-bg-lighter);\r\n }\r\n\r\n &:disabled {\r\n --click-icon-background-color: var(--color-gray-200);\r\n --click-icon-svg-fill: var(--color-gray-500);\r\n }\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n &:focus-visible {\r\n --click-icon-outline-color: var(--color-focus);\r\n\r\n outline: 2px solid var(--click-icon-outline-color);\r\n outline-offset: 2px;\r\n }\r\n}\r\n","@use \"../common/breakpoints\" as breakpoints;\r\n\r\n.af-link {\r\n display: inline-flex;\r\n width: fit-content;\r\n height: fit-content;\r\n align-items: center;\r\n gap: 0.25rem;\r\n font-size: calc(var(--link-font-size) / var(--font-size-base) * 1rem);\r\n font-weight: var(--link-font-weight);\r\n text-decoration: underline;\r\n text-underline-offset: var(--underline-offset);\r\n color: var(--link-text-color-default);\r\n fill: var(--link-text-color-default);\r\n\r\n svg {\r\n width: 1.25rem;\r\n height: 1.25rem;\r\n aspect-ratio: 1;\r\n fill: currentcolor;\r\n }\r\n\r\n &--openInNewTab {\r\n font-weight: 600;\r\n }\r\n\r\n &--default {\r\n line-height: var(--link-line-height);\r\n text-decoration: none;\r\n\r\n &:hover {\r\n text-decoration: underline;\r\n color: var(--link-text-color);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n text-decoration: underline;\r\n color: var(--link-color-outline);\r\n }\r\n }\r\n\r\n &--underline {\r\n line-height: var(--link-line-height);\r\n\r\n &:hover {\r\n color: var(--link-text-color);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n color: var(--link-color-outline);\r\n }\r\n }\r\n\r\n &--inverse {\r\n line-height: var(--link-line-height);\r\n text-decoration: none;\r\n color: var(--link-text-color-inverse);\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n line-height: var(--link-line-height);\r\n text-decoration: underline;\r\n }\r\n }\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n fill: var(--link-text-color);\r\n }\r\n\r\n &:focus-visible {\r\n outline: 2px solid var(--link-color-outline);\r\n outline-offset: 3px;\r\n }\r\n}\r\n","@use \"../common/breakpoints\" as breakpoints;\r\n\r\n@use \"./LinkCommon\";\r\n\r\n.af-link {\r\n --link-font-weight: 400;\r\n --link-text-color-default: var(--color-axa);\r\n --underline-offset: 0%;\r\n --link-font-size: 16;\r\n\r\n @media (width > #{breakpoints.$breakpoint-md}) {\r\n --link-font-size: 18;\r\n }\r\n\r\n &--default {\r\n --link-line-height: 125%;\r\n\r\n &:hover {\r\n --link-text-color: var(--color-blue-1);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n --link-color-outline: var(--color-btn-light);\r\n }\r\n }\r\n\r\n &--underline {\r\n --link-line-height: 125%;\r\n\r\n &:hover {\r\n --link-text-color: var(--color-blue-1);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n --link-color-outline: var(--color-btn-light);\r\n }\r\n }\r\n\r\n &--inverse {\r\n --link-text-color-inverse: var(--color-white);\r\n --link-line-height: 125%;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n --link-line-height: 125%;\r\n }\r\n }\r\n}\r\n",".af-toggle {\n cursor: pointer;\n\n &__root {\n position: relative;\n display: flex;\n width: var(--toggle-width);\n height: var(--toggle-height);\n padding: var(--toggle-padding);\n border: var(--toggle-border-size) solid var(--toggle-border-color);\n border-radius: var(--toggle-border-radius);\n align-items: center;\n background-color: var(--toggle-bg-color);\n }\n\n &:has(:focus-visible) &__root {\n outline: 2px solid var(--toggle-focus-outline-color);\n outline-offset: 2px;\n }\n\n &:has(:disabled) {\n cursor: unset;\n }\n\n &__handle {\n width: var(--toggle-handle-size);\n height: var(--toggle-handle-size);\n border-radius: var(--radius-100);\n background-color: var(--toggle-handle-color);\n transform: translateX(var(--toggle-handle-position))\n scale(var(--toggle-handle-scale));\n transition: 200ms;\n }\n\n input[type=\"checkbox\"] {\n position: absolute;\n width: 1px;\n height: 1px;\n clip: rect(0, 0, 0, 0);\n }\n}\n","@use \"./ToggleCommon\";\n\n.af-toggle {\n --toggle-bg-color: var(--color-blue-200);\n --toggle-border-color: var(--color-gray-700);\n --toggle-focus-outline-color: var(--color-blue-800);\n --toggle-border-radius: var(--radius-32);\n --toggle-border-size: 2px;\n --toggle-padding: 4px;\n --toggle-width: 52px;\n --toggle-height: 32px;\n --toggle-handle-color: var(--color-gray-700);\n --toggle-handle-size: 16px;\n --toggle-handle-position: calc(var(--toggle-border-size) * 2);\n --toggle-handle-scale: 1;\n\n &:has(:checked) {\n --toggle-bg-color: var(--color-blue-800);\n --toggle-border-color: var(--togglecolor-blue-800);\n\n .af-toggle__handle {\n --toggle-handle-scale: 1.5;\n --toggle-handle-color: var(--color-white);\n --toggle-handle-position: calc(\n var(--toggle-width) - (var(--toggle-padding) * 2) -\n (var(--toggle-handle-size) * var(--toggle-handle-scale)) +\n var(--toggle-border-size) * 2\n );\n }\n }\n\n &:has(:disabled) {\n --toggle-bg-color: var(--color-white);\n --toggle-border-color: var(--color-gray-400);\n --toggle-handle-color: var(--color-gray-400);\n }\n\n &:has(:disabled:checked) {\n --toggle-bg-color: var(--color-gray-400);\n --toggle-border-color: var(--color-gray-400);\n }\n}\n",".af-basepicture {\n width: 48px;\n height: 48px;\n border-radius: 100vmax;\n}\n",".af-message {\n display: flex;\n padding: calc(16 / var(--font-size-base) * 1rem);\n border: 1px solid var(--message-border-color);\n border-radius: var(--message-border-radius);\n gap: calc(16 / var(--font-size-base) * 1rem);\n background-color: var(--message-bg-color);\n\n &__icon {\n aspect-ratio: 1;\n color: var(--message-icon-color);\n fill: var(--message-icon-color);\n }\n\n &__title {\n margin: 0;\n font-size: calc(\n var(--message-title-font-size) / var(--font-size-base) * 1rem\n );\n font-weight: 600;\n line-height: 1.5rem;\n color: var(--message-title-color);\n }\n\n &__content {\n display: flex;\n width: 100%;\n flex-direction: column;\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n font-size: calc(\n var(--message-content-font-size) / var(--font-size-base) * 1rem\n );\n font-weight: 400;\n line-height: calc(22.5 / var(--font-size-base) * 1rem);\n color: var(--message-content-color);\n }\n\n &__action {\n display: flex;\n padding-top: calc(\n var(--message-action-padding-top) / var(--font-size-base) * 1rem\n );\n justify-content: end;\n text-align: right;\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./MessageCommon\";\n\n.af-message {\n --message-theme-color: var(--color-axa);\n --message-bg-color: var(--color-white);\n --message-border-color: var(--message-theme-color);\n --message-border-radius: var(--radius-12);\n --message-icon-color: var(--message-theme-color);\n --message-title-color: var(--message-theme-color);\n --message-title-font-size: 16;\n --message-content-color: var(--color-gray-900);\n --message-content-font-size: 16;\n --message-action-padding-top: 12;\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --message-content-font-size: 18;\n --message-title-font-size: 18;\n }\n\n &--error {\n --message-theme-color: var(--color-red-700);\n }\n\n &--neutral {\n --message-theme-color: var(--color-gray);\n }\n\n &--warning {\n --message-theme-color: var(--color-btn-business);\n }\n\n &--validation {\n --message-theme-color: var(--color-green-600);\n }\n}\n",".af-tag {\n display: inline-flex;\n width: fit-content;\n padding: calc(2 / var(--font-size-base) * 1rem)\n calc(8 / var(--font-size-base) * 1rem);\n border: 1px solid var(--tag-border-color);\n border-radius: var(--tag-border-radius);\n align-items: center;\n justify-content: center;\n gap: calc(10 / var(--font-size-base) * 1rem);\n color: var(--tag-text-color);\n background-color: var(--tag-bg-color);\n cursor: default;\n\n &__label {\n font-size: var(--tag-font-size);\n font-weight: 600;\n line-height: var(--tag-line-height);\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./TagCommon\";\n\n.af-tag {\n --tag-border-radius: var(--default-border-radius);\n\n &__label {\n --tag-font-size: calc(14 / var(--font-size-base) * 1rem);\n --tag-line-height: calc(var(--tag-font-size) * 1.25);\n }\n\n &--info {\n --tag-bg-color: var(--color-white);\n --tag-text-color: var(--color-blue-800);\n --tag-border-color: var(--color-blue-800);\n }\n\n &--success {\n --tag-bg-color: var(--color-white);\n --tag-text-color: var(--color-green-600);\n --tag-border-color: var(--color-green-600);\n }\n\n &--error {\n --tag-bg-color: var(--color-white);\n --tag-text-color: var(--color-red-600);\n --tag-border-color: var(--color-red-600);\n }\n\n &--neutral {\n --tag-bg-color: var(--color-white);\n --tag-text-color: var(--color-gray-700);\n --tag-border-color: var(--color-gray-700);\n }\n\n &--warning {\n --tag-bg-color: var(--color-white);\n --tag-text-color: var(--color-orange-700);\n --tag-border-color: var(--color-orange-700);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n &__label {\n --tag-font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\r\n\r\n.af-card-message {\r\n display: flex;\r\n width: var(--card-message-width, 100%);\r\n padding: var(--card-message-padding);\r\n border-radius: var(--card-message-border-radius);\r\n flex-direction: column;\r\n align-items: left;\r\n justify-content: center;\r\n gap: calc(4 / var(--font-size-base) * 1rem);\r\n font-size: var(--card-font-size, calc(14 / var(--font-size-base) * 1rem));\r\n color: var(--card-message-text-color);\r\n background-color: var(--card-message-background-color);\r\n box-shadow: inset var(--card-message-border-width, 0) 0\r\n var(--card-message-border-color);\r\n\r\n &--title,\r\n &--text {\r\n font-size: var(--card-font-size);\r\n line-height: 125%;\r\n color: var(--card-message-text-color);\r\n }\r\n\r\n &--title {\r\n font-weight: 600;\r\n }\r\n\r\n &--text {\r\n font-weight: 400;\r\n }\r\n\r\n @media (width > #{breakpoints.$breakpoint-md}) {\r\n --card-font-size: var(--font-size-base);\r\n }\r\n}\r\n","@use \"./CardMessageCommon\";\r\n@use \"../common/breakpoints\" as breakpoints;\r\n\r\n.af-card-message {\r\n --card-message-padding: calc(12 / var(--font-size-base) * 1rem);\r\n --card-message-border-width: var(--default-border-radius);\r\n\r\n &--info {\r\n --card-message-background-color: var(--color-blue-200);\r\n --card-message-text-color: var(--color-axa);\r\n --card-message-border-color: var(--color-axa);\r\n }\r\n\r\n &--warning {\r\n --card-message-background-color: var(--color-orange-100);\r\n --card-message-text-color: var(--color-btn-business-dark);\r\n --card-message-border-color: var(--color-btn-business-dark);\r\n }\r\n\r\n &--error {\r\n --card-message-background-color: var(--color-btn-error-bg);\r\n --card-message-text-color: var(--color-btn-error-text);\r\n --card-message-border-color: var(--color-btn-error-text);\r\n }\r\n\r\n &--neutral {\r\n --card-message-background-color: var(--color-gray-200);\r\n --card-message-text-color: var(--color-gray-900);\r\n --card-message-border-color: var(--color-gray-900);\r\n }\r\n}\r\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-content-item-duo {\n display: grid;\n width: 100%;\n grid-template:\n \"icon label value\"\n \"icon label button\";\n grid-template-columns: auto 1fr 1fr;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n\n &__label,\n &__value {\n margin: 0;\n font-family: var(--font-family-base);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: 125%;\n overflow-wrap: break-word;\n }\n\n &__label {\n margin-right: calc(16 / var(--font-size-base) * 1rem);\n grid-area: label;\n font-weight: 400;\n color: var(--content-duo-label-color);\n }\n\n &__value {\n grid-area: value;\n font-weight: 600;\n text-align: end;\n color: var(--content-duo-value-color);\n }\n\n &__button {\n grid-area: button;\n justify-self: end;\n }\n\n &--large {\n :not(:has(.af-content-item-duo__button)) {\n row-gap: 0;\n }\n\n row-gap: calc(12 / var(--font-size-base) * 1rem);\n\n .af-content-item-duo {\n &__icon {\n margin-top: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__label,\n &__value {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: 125%;\n }\n\n &__label {\n margin-right: calc(40 / var(--font-size-base) * 1rem);\n }\n\n &__value {\n text-align: start;\n }\n\n &__button {\n justify-self: start;\n }\n }\n }\n\n &--vertical {\n grid-template:\n \"icon label button\"\n \". value value\";\n grid-template-columns: auto 1fr auto;\n gap: calc(6 / var(--font-size-base) * 1rem)\n calc(12 / var(--font-size-base) * 1rem);\n\n .af-content-item-duo {\n &__icon {\n margin-top: calc(2 / var(--font-size-base) * 1rem);\n margin-right: 0;\n }\n\n &__label,\n &__value {\n margin-right: 0;\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: 125%;\n text-align: start;\n }\n\n &__value {\n margin: 0;\n }\n\n &__button {\n margin-left: 0;\n justify-self: end;\n }\n }\n }\n}\n\n@media (width <= #{breakpoints.$breakpoint-sm}) {\n .af-content-item-duo {\n &--large {\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n\n .af-content-item-duo {\n &__label,\n &__value {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: 125%;\n }\n\n &__label {\n margin-right: calc(1 / var(--font-size-base) * 1rem);\n }\n\n &__value {\n text-align: end;\n }\n\n &__button {\n margin-left: 0;\n justify-self: end;\n }\n }\n }\n\n &--vertical {\n row-gap: calc(6 / var(--font-size-base) * 1rem);\n\n .af-content-item-duo {\n &__label,\n &__value {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: 125%;\n text-align: start;\n }\n }\n }\n }\n}\n\n@media (width >= #{breakpoints.$breakpoint-lg}) {\n .af-content-item-duo__label {\n max-width: calc(3680 / var(--font-size-base) * 1rem);\n }\n}\n","@use \"./ContentItemDuoCommon\";\n\n.af-content-item-duo {\n &__label {\n --content-duo-label-color: var(--color-gray-700);\n }\n\n &__value {\n --content-duo-value-color: var(--color-gray-900);\n }\n}\n",".af-progressbar {\n width: 100%;\n height: calc(6 / var(--font-size-base) * 1rem);\n border-radius: var(--progress-radius);\n overflow: hidden;\n background-color: var(--progressbar-background-color);\n\n &__progress {\n height: calc(6 / var(--font-size-base) * 1rem);\n text-align: left;\n background-color: var(--progress-background-color);\n transition:\n 0.75s ease-out,\n background-color 0.75s;\n }\n}\n","@use \"./ProgressBarCommon\";\n\n.af-progressbar {\n --progress-radius: var(--default-border-radius);\n --progressbar-background-color: var(--color-gray-400);\n\n &__progress {\n --progress-background-color: var(--color-axa);\n --progress-radius: var(--default-border-radius);\n }\n}\n",".af-progress-bar-group {\n display: flex;\n align-items: flex-end;\n gap: calc(8 / var(--font-size-base) * 1rem);\n}\n","@use \"../common/breakpoints\" as breakpoints;\n\n.af-stepper {\n display: flex;\n width: 100%;\n flex-direction: column;\n gap: var(--stepper-gap);\n background-color: transparent;\n\n &__header {\n display: flex;\n flex-direction: var(--stepper-header-flex-direction);\n gap: var(--stepper-header-gap);\n }\n\n &__title {\n margin: 0;\n vertical-align: middle;\n font-family: var(--title-font-family);\n font-size: var(--title-font-size);\n font-weight: var(--title-font-weight);\n line-height: var(--title-line-height);\n color: var(--title-color);\n }\n\n &__subtitle {\n margin: 0;\n font-family: var(--subtitle-font-family);\n font-size: var(--subtitle-font-size);\n font-weight: 400;\n line-height: var(--subtitle-line-height);\n color: var(--subtitle-color);\n }\n\n &__content {\n display: flex;\n align-items: flex-end;\n gap: 1rem;\n }\n\n &__helper {\n vertical-align: middle;\n font-family: var(--helper-font-family);\n font-size: var(--helper-font-size);\n font-weight: 400;\n line-height: 125%;\n color: var(--helper-color);\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./StepperCommon\";\n\n.af-stepper {\n --stepper-gap: calc(12 / var(--font-size-base) * 1rem);\n\n &__header {\n --stepper-header-flex-direction: column;\n }\n\n &__title {\n --title-font-family: var(--font-family-publico);\n --title-font-size: calc(24 / var(--font-size-base) * 1rem);\n --title-font-weight: 700;\n --title-line-height: calc(30 / var(--font-size-base) * 1rem);\n --title-color: var(--color-axa);\n }\n\n &__subtitle {\n --subtitle-font-family: var(--font-family-sans-serif);\n --subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n --subtitle-color: var(--color-gray-700);\n }\n\n &__helper {\n --helper-font-family: var(--font-family-sans-serif);\n --helper-font-size: calc(14 / var(--font-size-base) * 1rem);\n --helper-color: var(--color-gray-32);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --stepper-gap: calc(16 / var(--font-size-base) * 1rem);\n\n &__title {\n --title-font-size: calc(32 / var(--font-size-base) * 1rem);\n --title-line-height: calc(40 / var(--font-size-base) * 1rem);\n }\n\n &__subtitle {\n --subtitle-font-size: calc(18 / var(--font-size-base) * 1rem);\n --subtitle-line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n\n &__helper {\n --helper-font-family: var(--font-family-sans-serif);\n --helper-font-size: calc(16 / var(--font-size-base) * 1rem);\n --helper-color: var(--color-gray-32);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n &__input-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &__input-date {\n all: unset;\n box-sizing: border-box;\n width: 100%;\n padding: calc(16 / var(--font-size-base) * 1rem);\n border: 1px solid var(--input-border-color);\n border-radius: var(--input-border-radius);\n font: var(--font-family-base);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: 1.25em;\n text-transform: uppercase;\n color: var(--input-date-color);\n background-color: var(--input-bg-color);\n\n &::placeholder {\n font-weight: 400;\n color: var(--input-date-placeholder-color);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n\n &:is(:hover, :focus, :active) {\n box-shadow: 0 0 0 1px var(--input-border-color) inset;\n }\n\n &:disabled,\n &:disabled:is(:hover, :focus, :active) {\n box-shadow: unset;\n cursor: not-allowed;\n }\n\n &:valid:not([class=\"--error\"]) {\n color: var(--input-date-placeholder-color-filled);\n }\n }\n\n &__input-helper {\n font-size: calc(14 / var(--font-size-base) 1rem);\n font-weight: 400;\n line-height: 1.25em;\n color: var(--input-helper-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./DateInputCommon\";\n\n.af-form {\n &__input-helper {\n --input-helper-color: var(--color-gray-700);\n }\n\n &__input-date {\n --input-border-color: var(--color-gray-700);\n --input-border-radius: var(--default-border-radius);\n --input-bg-color: var(--color-white);\n --input-date-color: var(--color-gray-900);\n --input-date-placeholder-color: var(--color-gray-700);\n --input-date-placeholder-color-filled: var(--color-axa);\n\n &:is(:hover, :focus, :active) {\n --input-border-color: var(--color-axa);\n --input-date-placeholder-color: var(--color-gray-900);\n }\n\n &[class=\"--error\"] {\n --input-border-color: var(--color-red-700);\n }\n\n &:disabled,\n &:disabled:is(:hover, :focus, :active) {\n --input-border-color: var(--color-gray-400);\n --input-date-color: var(--color-gray-500);\n --input-bg-color: var(--color-gray-200);\n\n + .af-form__input-helper {\n --input-helper-color: var(--color-gray-500);\n }\n }\n }\n}\n",".af-timeline-vertical {\n display: grid;\n padding: var(--timeline-vertical-padding);\n border: 1px solid var(--timeline-vertical-border-color);\n border-radius: var(--radius-8);\n row-gap: calc(16 / var(--font-size-base) 1rem);\n background-color: var(--timeline-vertical-bg-color);\n\n &__header {\n display: grid;\n row-gap: inherit;\n }\n\n &__title {\n margin: 0;\n font-size: var(--timeline-vertical-title-font-size);\n font-weight: 600;\n line-height: 125%;\n color: var(--timeline-vertical-title-color);\n }\n\n &__description {\n margin: 0;\n font-size: var(--timeline-vertical-description-font-size);\n font-weight: 400;\n line-height: 125%;\n color: var(--timeline-vertical-description-color);\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./TimelineVerticalCommon\";\n\n.af-timeline-vertical {\n --timeline-vertical-padding: calc(16 / var(--font-size-base) * 1rem);\n --timeline-vertical-title-color: var(--color-gray-900);\n --timeline-vertical-title-font-size: calc(16 / var(--font-size-base) * 1rem);\n --timeline-vertical-description-color: var(--color-gray-700);\n --timeline-vertical-description-font-size: calc(\n 16 / var(--font-size-base) * 1rem\n );\n --timeline-vertical-bg-color: var(--color-white);\n --timeline-vertical-border-color: var(--color-blue-400);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --timeline-vertical-padding: calc(24 / var(--font-size-base) * 1rem);\n --timeline-vertical-title-font-size: calc(\n 18 / var(--font-size-base) * 1rem\n );\n --timeline-vertical-description-font-size: calc(\n 18 / var(--font-size-base) * 1rem\n );\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\r\n\r\n.af-item-tab-bar {\r\n padding: var(--item-tab-bar-vertical-padding, 16px)\r\n var(--item-tab-bar-horizontal-padding, 16px);\r\n border: none;\r\n font-family: var(--font-family-base);\r\n font-size: var(--item-tab-bar-font-size);\r\n font-weight: var(--item-tab-bar-font-weight, 400);\r\n line-height: 125%;\r\n color: var(--item-tab-bar-font-color);\r\n background-color: transparent;\r\n box-shadow: inset 0 var(--item-tab-bar-border-width, -1px) 0 0\r\n var(--item-tab-bar-border-color);\r\n\r\n &:hover {\r\n --item-tab-bar-border-width: -4px;\r\n }\r\n\r\n &--tabBar[aria-selected=\"true\"],\r\n &--header[aria-selected=\"true\"] {\r\n --item-tab-bar-border-width: -4px;\r\n --item-tab-bar-font-weight: 600;\r\n }\r\n\r\n &:focus-visible {\r\n outline: 2px solid var(--item-tab-bar-outline-color);\r\n outline-offset: 2px;\r\n }\r\n}\r\n","@use \"./ItemTabBarCommon\";\r\n@use \"../common/breakpoints\" as breakpoints;\r\n\r\n.af-item-tab-bar {\r\n --item-tab-bar-font-color: var(--color-gray-900);\r\n --item-tab-bar-font-size: calc(18 / var(--font-size-base) * 1rem);\r\n --item-tab-bar-border-color: var(--color-blue-400);\r\n\r\n &--tabBar[aria-selected=\"true\"] {\r\n --item-tab-bar-font-color: var(--color-axa);\r\n --item-tab-bar-border-color: var(--color-axa);\r\n }\r\n\r\n &--header[aria-selected=\"true\"] {\r\n --item-tab-bar-font-color: var(--color-axa);\r\n --item-tab-bar-border-color: var(--color-red);\r\n }\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n &:focus-visible {\r\n --item-tab-bar-outline-color: var(--color-focus);\r\n\r\n outline: 2px solid var(--item-tab-bar-outline-color);\r\n outline-offset: 2px;\r\n }\r\n\r\n @media (width > #{breakpoints.$breakpoint-md}) {\r\n --item-tab-bar-font-size: calc(20 / var(--font-size-base) * 1rem);\r\n }\r\n}\r\n",",\n::after,\n::before {\n box-sizing: border-box;\n}\n\nbody {\n margin: 0;\n font-family: var(--font-family-sans-serif);\n -webkit-font-smoothing: antialiased;\n}\n\np {\n text-wrap: pretty;\n}\n\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n overflow-wrap: break-word;\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"../common/reboot\";\n\n.af-heading {\n display: grid;\n align-items: start;\n gap: calc(8 / var(--font-size-base) 1rem)\n calc(12 / var(--font-size-base) * 1rem);\n\n &__title-container {\n display: grid;\n grid-column: var(--heading-grid-column);\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__title {\n margin: 0;\n font-family: var(--font-family-publico);\n font-size: var(--heading-title-font-size);\n font-weight: var(--heading-title-font-weight);\n line-height: var(--heading-title-line-height);\n color: var(--heading-title-color);\n }\n\n &__subtitle {\n display: block;\n font-size: var(--heading-subtitle-font-size);\n font-weight: 400;\n line-height: 125%;\n color: var(--heading-subtitle-color);\n }\n\n &__icon {\n border-radius: 0.75rem;\n grid-column: 1;\n grid-row: 1/3;\n box-shadow: 0 0.125rem 0.5rem 0 rgba(var(--color-axa), 0.15);\n }\n\n &:has(&__icon) {\n grid-template-columns: auto 1fr;\n }\n\n &__label {\n margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n grid-column: span 3;\n }\n}\n","@use \"../common/breakpoints\";\n@use \"./HeadingCommon\";\n\n.af-heading {\n --heading-grid-column: 1;\n --heading-title-color: var(--color-gray-900);\n --heading-subtitle-color: var(--color-gray-900);\n --heading-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n --heading-title-font-weight: 700;\n --heading-title-line-height: 125%;\n\n h1 {\n --heading-title-color: var(--color-blue-800);\n --heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);\n }\n\n h2 {\n --heading-title-font-size: calc(20 / var(--font-size-base) * 1rem);\n }\n\n h3 {\n --heading-title-font-size: calc(18 / var(--font-size-base) * 1rem);\n --heading-title-font-weight: 600;\n --heading-subtitle-font-size: calc(14 / var(--font-size-base) * 1rem);\n }\n\n &:has(&__icon) {\n --heading-grid-column: 2;\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --heading-subtitle-font-size: calc(18 / var(--font-size-base) * 1rem);\n\n h1 {\n --heading-title-font-size: calc(32 / var(--font-size-base) * 1rem);\n }\n\n h2 {\n --heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);\n }\n\n h3 {\n --heading-title-font-size: calc(20 / var(--font-size-base) * 1rem);\n --heading-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n}\n",".af-checkbox {\n &__icons {\n display: flex;\n min-width: calc(24 / var(--font-size-base) * 1rem);\n max-width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n border: solid var(--checkbox-border);\n border-radius: var(--checkbox-border-radius);\n align-items: center;\n gap: calc(12 / var(--font-size-base) * 1rem);\n\n .af-checkbox__checked {\n display: none;\n }\n }\n\n input[type=\"checkbox\"][aria-invalid=\"true\"] {\n ~ .af-checkbox__icons {\n border: solid var(--checkbox-border);\n background-color: var(--checkbox-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-box-shadow-color) inset;\n }\n }\n\n input[type=\"checkbox\"] {\n position: absolute;\n width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n margin: 0;\n opacity: 0;\n cursor: pointer;\n\n &:hover {\n ~ .af-checkbox__icons {\n border: solid var(--checkbox-border);\n box-shadow: 0 0 0 1px var(--checkbox-box-shadow-color) inset;\n }\n }\n }\n\n input[type=\"checkbox\"]:checked {\n ~ .af-checkbox__icons {\n border: solid var(--checkbox-border);\n background-color: var(--checkbox-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-box-shadow-color) inset;\n\n & .af-checkbox__checked {\n display: block;\n fill: var(--checkbox-check-fill);\n }\n }\n }\n}\n","@use \"CheckboxCommon\";\n\n.af-checkbox {\n &__icons {\n --checkbox-border-radius: calc(4 / var(--font-size-base) * 1rem);\n --checkbox-border: 2px var(--color-gray-700);\n }\n\n input[type=\"checkbox\"][aria-invalid=\"true\"] {\n ~ .af-checkbox__icons {\n --checkbox-border: 2px var(--color-red-700);\n --checkbox-box-shadow-color: var(--color-red-700);\n --checkbox-background-color: var(--color-white);\n }\n }\n\n input[type=\"checkbox\"]:hover {\n ~ .af-checkbox__icons {\n --checkbox-border: 2px var(--color-axa);\n --checkbox-box-shadow-color: var(--color-axa);\n }\n }\n\n input[type=\"checkbox\"]:checked {\n ~ .af-checkbox__icons {\n --checkbox-border: 2px var(--color-axa);\n --checkbox-box-shadow-color: var(--color-axa);\n --checkbox-background-color: var(--color-axa);\n\n & .af-checkbox__checked {\n --checkbox-check-fill: var(--color-white);\n }\n }\n }\n}\n","@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-text {\n & label {\n display: flex;\n margin: 0;\n align-items: flex-start;\n gap: calc(12 / var(--font-size-base) * 1rem);\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-text-label-color);\n cursor: pointer;\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n\n & .af-checkbox-text__error {\n margin-left: calc(36 / var(--font-size-base) * 1rem);\n }\n}\n","@use \"CheckboxTextCommon\";\n\n.af-checkbox-text {\n & label {\n --checkbox-text-label-color: var(--color-black);\n }\n}\n","@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-card {\n &__container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n &__label-container {\n display: flex;\n flex-direction: column;\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__label {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--checkbox-card-color);\n }\n\n &__description {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: calc(16 / var(--font-size-base) * 1rem);\n color: var(--checkbox-card-color);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n &__content {\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n\n & > svg {\n width: calc(28 / var(--font-size-base) * 1rem);\n height: calc(28 / var(--font-size-base) * 1rem);\n color: var(--checkbox-card-color);\n fill: var(--checkbox-card-fill);\n }\n\n &-description {\n display: flex;\n flex-direction: column;\n gap: calc(4 / var(--font-size-base) * 1rem);\n line-height: calc(20 / var(--font-size-base) * 1rem);\n\n & > span:first-child {\n line-height: calc(24 / var(--font-size-base) * 1rem);\n color: var(--checkbox-card-color);\n }\n\n & > span:not(:first-child) {\n color: var(--checkbox-card-color);\n }\n }\n }\n\n & ~ &__error {\n border: solid var(--color-red-700);\n\n & > svg {\n border: solid var(--color-red-700);\n }\n }\n\n &-group--vertical {\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-label {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-items);\n\n .af-checkbox-card-content {\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-content-description {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-item);\n text-align: left;\n }\n }\n }\n }\n\n &-group--horizontal {\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-label {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-items);\n justify-content: var(--checkbox-card-justify-content);\n\n .af-checkbox-card-content {\n width: 100%;\n flex: 1;\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-content-description {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-item);\n text-align: center;\n }\n }\n }\n }\n\n &-group--vertical,\n &-group--horizontal {\n display: flex;\n align-items: stretch;\n gap: 1rem;\n font-family: var(--checkbox-card-font-family);\n font-style: normal;\n font-weight: 400;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-label[aria-invalid=\"true\"] {\n border: solid var(--checkbox-card-border);\n background-color: var(--checkbox-card-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n\n .af-checkbox-card-label {\n display: flex;\n padding: 1rem;\n border: solid var(--checkbox-card-border);\n border-radius: var(--checkbox-card-border-radius);\n flex: 1;\n align-self: stretch;\n gap: calc(12 / var(--font-size-base) * 1rem);\n cursor: pointer;\n\n .af-checkbox-card-content {\n display: flex;\n align-items: center;\n gap: calc(4 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n display: flex;\n justify-content: center;\n font-size: 1rem;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n\n & > span:first-child {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-card-label-text-color);\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n }\n }\n\n & > span:not(:first-child) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-card-label-text-color);\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n }\n }\n }\n }\n\n &:hover {\n border: solid var(--checkbox-card-border);\n background-color: var(--checkbox-card-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n }\n\n .af-checkbox-card-label:has(input:checked) {\n border: solid var(--checkbox-card-border);\n background-color: var(--checkbox-card-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n }\n}\n","@use \"CheckboxCardCommon\";\n\n.af-checkbox-card {\n &__label-container {\n --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n }\n\n &__label {\n --checkbox-card-color: var(--color-gray-900);\n }\n\n &__description {\n --checkbox-card-color: var(--color-gray-700);\n }\n\n &__content {\n & > svg {\n --checkbox-card-color: var(--color-axa);\n --checkbox-card-fill: var(--color-axa);\n }\n\n &-description {\n & > span:first-child {\n --checkbox-card-color: var(--color-gray-900);\n }\n\n & > span:not(:first-child) {\n --checkbox-card-color: var(--color-gray-700);\n }\n }\n }\n\n & ~ &__error {\n --error-box-color: var(--color-red-700);\n\n & > svg {\n --error-box-color: var(--color-red-700);\n --error-box-fill: var(--color-red-700);\n }\n }\n\n &-group--vertical {\n --checkbox-card-flex-direction: column;\n\n .af-checkbox-card-label {\n --checkbox-card-flex-direction: row;\n --checkbox-card-align-items: center;\n\n .af-checkbox-card-content {\n --checkbox-card-flex-direction: row;\n --checkbox-card-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n --checkbox-card-flex-direction: column;\n --checkbox-card-align-item: flex-start;\n }\n }\n }\n }\n\n &-group--horizontal {\n --checkbox-card-flex-direction: row;\n\n .af-checkbox-card-label {\n --checkbox-card-flex-direction: row;\n --checkbox-card-align-items: flex-start;\n --checkbox-card-justify-content: flex-start;\n\n .af-checkbox-card-content {\n --checkbox-card-flex-direction: column;\n --checkbox-card-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n --checkbox-card-flex-direction: column;\n --checkbox-card-align-item: center;\n }\n }\n }\n }\n\n &-group--vertical,\n &-group--horizontal {\n .af-checkbox-card-label[aria-invalid=\"true\"] {\n --checkbox-card-background-color: var(--color-white);\n --checkbox-card-border: 2px var(--color-red-700);\n --checkbox-card-shadow-color: var(--color-red-700);\n }\n\n .af-checkbox-card-label {\n --checkbox-card-border: 2px var(--color-gray-700);\n --checkbox-card-border-radius: calc(6 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content {\n .af-checkbox-card-content-description {\n & > span:first-child {\n --checkbox-card-label-text-color: var(--color-black);\n }\n }\n }\n\n &:hover {\n --checkbox-card-border: 2px var(--color-axa);\n --checkbox-card-shadow-color: var(--color-axa);\n --checkbox-card-background-color: var(--color-white);\n }\n }\n\n .af-checkbox-card-label:has(input:checked) {\n --checkbox-card-border: 2px var(--color-axa);\n --checkbox-card-shadow-color: var(--color-axa);\n --checkbox-card-background-color: var(--color-blue-2);\n }\n }\n}\n",".af-content-item-mono {\n display: flex;\n align-items: center;\n gap: calc(12 / var(--font-size-base) * 1rem);\n\n .stick {\n width: calc(4 / var(--font-size-base) * 1rem);\n border-radius: 2px;\n align-self: stretch;\n background-color: var(--stick-background-color);\n }\n\n .text-content {\n display: flex;\n flex-direction: column;\n gap: calc(2 / var(--font-size-base) * 1rem);\n\n .title {\n font-family: var(--title-font-family);\n font-size: var(--title-font-size);\n font-weight: var(--title-font-weight);\n line-height: var(--title-line-height);\n color: var(--title-color);\n }\n\n .subtitle-primary {\n font-family: var(--subtitle-primary-font-family);\n font-size: var(--subtitle-primary-font-size);\n font-weight: 400;\n line-height: var(--subtitle-primary-line-height);\n color: var(--subtitle-primary-color);\n }\n\n .subtitle {\n font-family: var(--subtitle-font-family);\n font-size: var(--subtitle-font-size);\n font-weight: 400;\n line-height: var(--subtitle-line-height);\n color: var(--subtitle-color);\n }\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./ContentItemMonoCommon\";\n\n.af-content-item-mono {\n .stick {\n --stick-background-color: var(--color-axa);\n }\n\n .text-content {\n .title {\n --title-font-family: var(--font-family-sans-serif);\n --title-font-size: calc(16 / var(--font-size-base) * 1rem);\n --title-font-weight: 600;\n --title-color: var(--color-gray-900);\n --title-line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n\n .subtitle-primary {\n --subtitle-primary-font-family: var(--font-family-sans-serif);\n --subtitle-primary-font-size: calc(16 / var(--font-size-base) * 1rem);\n --subtitle-primary-color: var(--color-gray-900);\n --subtitle-primary-line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n\n .subtitle {\n --subtitle-font-family: var(--font-family-sans-serif);\n --subtitle-font-size: calc(14 / var(--font-size-base) * 1rem);\n --subtitle-color: var(--color-gray);\n --subtitle-line-height: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n .stick + .text-content .title {\n --title-font-size: calc(14 / var(--font-size-base) * 1rem);\n --title-line-height: calc(18 / var(--font-size-base) * 1rem);\n }\n\n &.large .text-content {\n .title {\n --title-font-family: var(--font-family-publico);\n --title-font-weight: 700;\n --title-font-size: calc(20 / var(--font-size-base) * 1rem);\n --title-line-height: calc(25 / var(--font-size-base) * 1rem);\n }\n\n .subtitle {\n --subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n --subtitle-line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n .text-content {\n .title {\n --title-font-size: calc(18 / var(--font-size-base) * 1rem);\n --title-line-height: calc(23 / var(--font-size-base) * 1rem);\n }\n\n .subtitle-primary {\n --subtitle-primary-font-size: calc(18 / var(--font-size-base) * 1rem);\n --subtitle-primary-line-height: calc(23 / var(--font-size-base) * 1rem);\n }\n\n .subtitle {\n --subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n --subtitle-line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n }\n\n .stick + .text-content .title {\n --title-font-size: calc(16 / var(--font-size-base) * 1rem);\n --title-line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n\n &.large .text-content {\n .title {\n --title-font-size: calc(24 / var(--font-size-base) * 1rem);\n --title-line-height: calc(30 / var(--font-size-base) * 1rem);\n }\n\n .subtitle {\n --subtitle-font-size: calc(18 / var(--font-size-base) * 1rem);\n --subtitle-line-height: calc(23 / var(--font-size-base) * 1rem);\n }\n }\n }\n}\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-apollo-css",
-  "version": "1.0.5-alpha.262",
+  "version": "1.0.5-alpha.264",
   "description": "",
   "sass": "dist/apollo.scss",
   "style": "dist/apollo.css",