UNPKG

@codegouvfr/react-dsfr

Version:

French State Design System React integration library

github.com/codegouvfr/react-dsfr

codegouvfr/react-dsfr

1 lines • 86.3 kB
1
{"version":3,"sources":["<no source>","%3Cinput%20css%20dxEo3k%3E","file:///Users/ket/Documents/work/dsfr/src/component/card/main.scss","file:///Users/ket/Documents/work/dsfr/src/component/card/style/module/_default.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_display.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_position.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_default.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_block.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/component/card/style/module/_header.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/action/tool/_hover.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/media/_tool.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_fit.scss","file:///Users/ket/Documents/work/dsfr/src/component/card/style/module/_content.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_font-weight.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_mask-image.scss","file:///Users/ket/Documents/work/dsfr/src/component/card/style/module/_footer.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_nest.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/component/card/style/module/_sm.scss","file:///Users/ket/Documents/work/dsfr/src/component/card/style/module/_lg.scss","file:///Users/ket/Documents/work/dsfr/src/component/card/style/module/_download.scss","file:///Users/ket/Documents/work/dsfr/src/component/card/deprecated/style/_module.scss","file:///Users/ket/Documents/work/dsfr/src/component/card/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/elevation/mixin/_z-index.scss","file:///Users/ket/Documents/work/dsfr/module/elevation/mixin/_shadow.scss","file:///Users/ket/Documents/work/dsfr/module/disabled/mixin/_selector.scss","file:///Users/ket/Documents/work/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/module/shame/media-query/mixin/_order.scss","file:///Users/ket/Documents/work/dsfr/src/component/card/style/module/_horizontal.scss","file:///Users/ket/Documents/work/dsfr/module/preference/mixin/_forced-colors.scss","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/component/card/style/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/component/card/deprecated/style/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_breakpoint.scss","file:///Users/ket/Documents/work/dsfr/src/component/card/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/card/style/_print.scss"],"names":[],"mappings":"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;EFbA,qBAXA;ARuTN;;AsBpRE;;EdxBI,sBAXA;AR0TN;;AM5TE;;;;EC2BE,iBAAA;EHKF,aAAA;EAIA,cAAA;AJ+RF;;AsB9QE;EdpCE,6BAfE;ARoUN;;AuBhVE;Ef2BE,eAfE;ARwUN;;AuBhVE;EP2BE,gBAAA;EAXF,mBAAA;EAGE,oBAAA;AhBkUJ;;AM/UE;;EC2BE,mBAAA;AP8TJ;;AuBtVE;EPOA,eAAA;EAGE,mBAAA;ERAE,gBAXA;AR4VN;;AuBtVE;EfKI,qBAXA;AR+VN;;AuBtVI;;EfEE,qBAXA;ARmWN;;AuBpVE;EfJI,mBAXA;ARsWN;;AuB9UE;;EfbI,oBAXA;EEwBA,kBAAA;EFbA,qBAXA;AR+WN;;AuBhVE;;EfpBI,sBAXA;ARkXN;;AMpXE;;;;EC2BE,iBAAA;EHKF,aAAA;EAIA,cAAA;AJuVF;;AuB1UE;EfhCE,6BAfE;AR4XN;;AwB5WE;EACE,kBAAA;AxB4ZJ;;AwB1ZI;EpB7BF,kBAAA;EAEE,WAAA;EASA,YAAA;EMuCE,wBAAA;EAGA,yBAAA;AVyYN;;AwB9ZM;EddA,eAAA;EAwBA,gBAAA;EcPE,mBAAA;AxBgaR;;AM3bE;;EC0CE,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;EGHE,uBAAA;EAGA,wBAAA;EQlDJ,4BXoD2B;EWnD3B,oBXmD2B;EWzD3B,+DX2CM;EW1CN,uDX0CM;ED9BF,WCsD+B;AP6YrC;;AyBpcE;;EjBWI,gBAXA;AR+eN;;AyB1eE;EjBMI,oBAXA;ARkfN;;AyBzeE;;EjBEI,mBAXA;ARqfN;;AyBveE;EjBHI,iBAXA;ARwfN;;AyBteE;;EjBPI,qBAXA;AR2fN;;AyBpeE;EjBZI,mBAXA;AR8fN;;A0B/fI;ErBwBA,iDAAA;;EAWI,mBAAA;EAqCJ,8CAAA;EAAA,gDAAA;ALucJ;;A0B3gBI;ECRE,kCAAA;EtB4BF,+CAAA;;EAWI,mBAAA;EAqCJ,4CAAA;EAAA,8CAAA;EuBzEE,yCAAA;A5BwhBN;;A0B/gBI;ErBgBA,wDAAA;;EAWI,mBAAA;EAqCJ,qDAAA;EAAA,uDAAA;ALqdJ;;A0BjhBI;ErByGA,6BAAA;;EAEE,gBAAA;EACA,iBAAA;AL0aN;;A0BjhBM;ErBOF,4CAAA;;EAWI,mBAAA;EAqCJ,yCAAA;EAAA,2CAAA;ALgeJ;;A0B3gBM;;ErBLF,0CAAA;AL0hBJ;;A0BhhBM;ErBVF,gCAAA;AL6hBJ;;A6BnjBW;;ExBsBP,gCAAA;EAAA,iDAAA;;EAWI,mBAAA;EAqCJ,8CAAA;EAAA,gDAAA;ALofJ;A8B9jBI;ECRI,cAAA;;EAAA,cAAA;A/BDR;A8BSI;ECRI,cAAA;EhBQN;ICWA,mBAAA;IAGE,oBAAA;EhBoFF;;EsBhGA;INSA,kBAAA;IAGE,oBAAA;EhBoRF;;EuBvSA;IPgBA,iBAAA;IAGE,iBAAA;EhBuUF;;EgC7VE;;;IAGE,mBAAA;EhCyYJ;;EgCtYE;;;IAGE,YAAA;EhCsYJ;;EgCpYI;;;IACE,YAAA;IACA,iBAAA;EhCsYN;;EgClYE;ItBdE,UAAA;IsBgBA,aAAA;EhCoYJ;;EgCjYE;ItBnBE,UAAA;IsBqBA,aAAA;EhCmYJ;;EgChYE;ItBxBE,qBAAA;IsB0BA,wBAAA;EhCkYJ;;EwB9ZF;IAEI,mBAAA;ExBkaF;;EwBhaE;IdFE,UAAA;IcIA,aAAA;IACA,kBAAA;ExBkaJ;;EwB/ZM;IACE,sBAAA;ExBiaR;;EwB5ZE;IACE,YAAA;ExB8ZJ;;EwB5ZI;IACE,YAAA;IACA,iBAAA;ExB8ZN;;E+BpbM,cAAA;A/BER;A8BMI;ECRI,cAAA;;EAAA,cAAA;A/BKR;A8BGI;ECRI,cAAA;;EAAA,cAAA;A/BQR;AiCNE;E/BFF;IAII,iBAAA;EFaF;;EMRA;;ICyFM,yBAAA;IAEF,0BQjF2B;EfuH/B;;Ee5HE;;IAQI,0BAAA;IACA,0BAAA;Ef0HN;;EMxIA;;IC2FI,0BQzE6B;Ef4HjC;;EM9IA;IC2FI,0BQ3D2B;Ef8I/B;;EepFA;;IAGI,qBAAA;EfsIJ;;EMnOA;;IC2FI,0BiBvD2B;ExBgb/B;;EMpdA;;;IC2FI,0BiBpD6B;ExBmbjC;AAjdF;AYnBE;EY0DM;;IACE,8BAAA;ExB+aR;;EwB1aM;;IACE,+BAAA;ExB4aR;AACF;AkC3eI;E5BOF;IAGI,a6BTe;EnColBnB;;EmCjlBE;;IAEE,cAAA;EnCklBJ;;EMjlBA;;I8BOE,qBAAA;IACA,4BAAA;IARA,gEAFI;I1B4CF,WAAA;IAGA,YAAA;IyBvCI,6BAAA;EnCilBR;;EMvlBA;I8BME,6BAAA;IACA,qBAAA;IACA,4BAAA;IARA,kEAFI;I1B4CF,WAAA;IAGA,YAAA;EV4jBJ;;EMzmBA;II0CI,WAAA;IAGA,YAAA;EVukBJ;;EMpnBA;I8BME,6BAAA;IACA,qBAAA;IACA,4BAAA;IARA,6DAFI;EpC2nBN;;EmCjmBI;IACE,mBAAA;EnCsmBN;;EmC/lBQ;IACE,uBAAA;IACA,WAAA;IACA,YAAA;EnCwmBV;;EmChmBM;IACE,qBAAA;EnComBR;;EMhpBA;II0CI,aAAA;IAGA,cAAA;IyBCM,6BAAA;EnCumBV;;EMrpBA;II0CI,aAAA;IAGA,cAAA;IyBWM,6BAAA;EnComBV;;EM5pBA;;;;II0CI,WAAA;IAGA,YAAA;EV4nBJ;;EMzqBA;;II0CI,WAAA;IAGA,YAAA;EVioBJ;;EM9qBA;;;;II0CI,WAAA;IAGA,YAAA;EVyoBJ;;EMtrBA;;II0CI,aAAA;IAGA,cAAA;EV8oBJ;;EqClsBE;IACE,cAAA;ErCssBJ;;E0BtsBA;IrB+BE,sBAAA;EL4qBF;;E0BxsBE;IrB4BA,4JAAA;ELirBF;;E0BzsBE;IrBwBA,sBAAA;ELsrBF;;E0B1sBE;ICZI,YAAA;ItBgCJ,sBAAA;IuB/BI,0CAAA;E5B0tBN;;E0B3sBE;IrBgBA,sBAAA;EL0sBF;;E0BttBE;IrB2FE,6BAAA;ELgoBJ;;EK7nBM;IACE,qCAAA;EL+nBR;;EK5nBM;IACE,oCAAA;EL8nBR;;E0B5tBI;IrBOF,yBAAA;EL0tBF;;E0B5tBE;IrBEA,WAAA;EL+tBF;;E0B7tBE;IrBFA,cAAA;ELouBF;;E0B/tBI;;IrBLF,cAAA;EL0uBF;;E0BhuBI;IrBVF,cAAA;EL+uBF;;E6BrwBS;;IxBsBP,cAAA;IAAA,yBAAA;ELovBF;AA7IF;AsC9nBI;EHsBE;IAII,cAAA;EnCwmBR;;EmCjkBM;;;;IACE,gBAAA;EnC6lBR;AA5BF;AuChpBA;EbKE;IrB+BE,sBAAA;EL+vBF;;E0B3xBE;IrB4BA,4JAAA;ELkwBF;;E0B1xBE;IrBwBA,sBAAA;ELqwBF;;E0BzxBE;IrBoBA,sBAAA;ELwwBF;;E0BxxBE;IrBgBA,sBAAA;EL2wBF;;E0BlxBI;IrBOF,yBAAA;EL8wBF;;E0BhxBE;IrBEA,WAAA;ImClCA,4BAAA;ExCmzBF;;E0B/wBE;IrBFA,cAAA;ELoxBF;;E0B/wBI;;IrBLF,cAAA;ELwxBF;;E0B9wBI;IrBVF,cAAA;EL2xBF;;E6BjzBS;;IxBsBP,cAAA;IAAA,yBAAA;EL+xBF;;EwCv0BA;;IxByBA,eAAA;IAGE,mBAAA;EhB+yBF;AAIF","file":"card.css","sourcesContent":[null,"@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n CARD\n\\* ˍˍˍˍˍˍˍˍˍ */\n@media (min-width: 36em) {\n /*! media sm */\n}\n@media (min-width: 48em) {\n /*! media md */\n}\n@media (min-width: 62em) {\n /*! media lg */\n}\n@media (min-width: 78em) {\n /*! media xl */\n}\n.fr-card {\n display: flex;\n flex-direction: column;\n position: relative;\n}\n@media (-ms-high-contrast: active), (forced-colors: active) {\n .fr-card {\n border: 1px solid;\n }\n}\n.fr-card.fr-enlarge-link .fr-card__title a::after,\n.fr-card.fr-enlarge-link .fr-card__title button::after, .fr-card.fr-enlarge-button .fr-card__title a::after,\n.fr-card.fr-enlarge-button .fr-card__title button::after {\n --icon-size: 1.5rem;\n position: absolute;\n right: 2rem;\n bottom: 2rem;\n}\n.fr-card:not(.fr-card--no-border):not(.fr-card--shadow) {\n background-size: 100% 1px, 1px 100%, 1px 100%, 100% 1px;\n background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;\n background-position: 100% 100%, 0 0, 100% 0, 100% 0;\n padding: 1px;\n}\n.fr-card--no-icon .fr-card__title a:not([target=_blank])::after, .fr-card:not(.fr-enlarge-link):not(.fr-card--download) .fr-card__title a:not([target=_blank])::after {\n content: none;\n}\n.fr-card--no-icon .fr-card__title button::after, .fr-card:not(.fr-enlarge-button):not(.fr-card--download) .fr-card__title button::after {\n content: none;\n}\n.fr-card__body {\n display: flex;\n flex-direction: column;\n height: 100%;\n flex: 1 1 auto;\n order: 2;\n}\n.fr-grid-row .fr-card {\n height: 100%;\n}\n\n.fr-card__header {\n order: 1;\n position: relative;\n flex: 0 0 auto;\n}\n.fr-card__header .fr-badges-group {\n position: absolute;\n top: 0;\n left: 0;\n padding: 0.75rem;\n}\n.fr-card.fr-enlarge-link:hover .fr-card__img, .fr-card.fr-enlarge-link:hover .fr-card__vid {\n --brightness: calc(100% + var(--brighten) * 10%);\n}\n.fr-card.fr-enlarge-link:active .fr-card__img, .fr-card.fr-enlarge-link:active .fr-card__vid {\n --brightness: calc(100% + var(--brighten) * 20%);\n}\n\n.fr-card.fr-enlarge-button:hover .fr-card__img, .fr-card.fr-enlarge-button:hover .fr-card__vid {\n --brightness: calc(100% + var(--brighten) * 10%);\n}\n.fr-card.fr-enlarge-button:active .fr-card__img, .fr-card.fr-enlarge-button:active .fr-card__vid {\n --brightness: calc(100% + var(--brighten) * 20%);\n}\n\n.fr-card__img, .fr-card__vid {\n filter: brightness(var(--brightness));\n}\n.fr-card__img img, .fr-card__img svg, .fr-card__vid iframe, .fr-card__vid video {\n aspect-ratio: 1.7777777778;\n object-fit: cover;\n object-position: 50% 50%;\n}\n.fr-card__img img {\n display: block;\n}\n\n.fr-card__content {\n order: 1;\n display: flex;\n flex-direction: column;\n padding: 2rem;\n height: 100%;\n}\n.fr-card__title {\n order: 2;\n font-weight: 700;\n font-size: 1.25rem;\n line-height: 1.75rem;\n font-weight: 700;\n margin-bottom: 0;\n}\n@media (min-width: 48em) {\n .fr-card__title {\n font-size: 1.375rem;\n line-height: 1.75rem;\n }\n}\n.fr-card__title a::after,\n.fr-card__title button::after {\n flex: 0 0 auto;\n display: inline-block;\n vertical-align: calc((0.75em - var(--icon-size)) * 0.5);\n background-color: currentColor;\n width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n.fr-card__title a::after,\n.fr-card__title button::after {\n -webkit-mask-image: url(\"../../icons/system/arrow-right-line.svg\");\n mask-image: url(\"../../icons/system/arrow-right-line.svg\");\n}\n.fr-card__title a::after,\n.fr-card__title button::after {\n --icon-size: 1rem;\n}\n.fr-card__title a::after,\n.fr-card__title button::after {\n content: \"\";\n margin-left: 0.5rem;\n}\n@media (-ms-high-contrast: active), (forced-colors: active) {\n .fr-card__title a::after,\n .fr-card__title button::after {\n forced-color-adjust: none;\n background-color: linktext;\n }\n}\n@media (-ms-high-contrast: active), (forced-colors: active) {\n .fr-card__title a,\n .fr-card__title button {\n text-decoration: underline;\n text-underline-offset: 5px;\n }\n}\n@media (-ms-high-contrast: active), (forced-colors: active) {\n .fr-card__title a:not([href])::after,\n .fr-card__title button:not([href])::after {\n background-color: graytext;\n }\n}\n.fr-card__title button {\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n text-align: inherit;\n padding: 0;\n}\n.fr-card__title [target=_blank]::after {\n flex: 0 0 auto;\n display: inline-block;\n vertical-align: calc((0.75em - var(--icon-size)) * 0.5);\n background-color: currentColor;\n width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n.fr-card__title [target=_blank]::after {\n -webkit-mask-image: url(\"../../icons/system/external-link-line.svg\");\n mask-image: url(\"../../icons/system/external-link-line.svg\");\n}\n.fr-card__title [target=_blank]::after {\n --icon-size: 1rem;\n}\n.fr-card__title [target=_blank]::after {\n content: \"\";\n}\n@media (-ms-high-contrast: active), (forced-colors: active) {\n .fr-card__title [target=_blank]::after {\n background-color: linktext;\n }\n}\n.fr-card__desc {\n order: 3;\n font-size: 0.875rem;\n line-height: 1.5rem;\n margin-top: 0.75rem;\n margin-bottom: 0;\n}\n.fr-card__start {\n order: 1;\n margin-bottom: 0.25rem;\n}\n.fr-card__start .fr-badges-group,\n.fr-card__start .fr-tags-group {\n margin-bottom: 0.25rem;\n}\n.fr-card__start .fr-card__detail {\n margin-bottom: 0.75rem;\n}\n.fr-card__end {\n order: 4;\n display: flex;\n flex-direction: column;\n margin-top: 1rem;\n padding-top: 0.5rem;\n height: 100%;\n}\n.fr-card__detail {\n font-size: 0.75rem;\n line-height: 1.25rem;\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n margin-bottom: 0;\n}\n.fr-card__detail[class^=fr-icon-]::before, .fr-card__detail[class*=\" fr-icon-\"]::before, .fr-card__detail[class^=fr-fi-]::before, .fr-card__detail[class*=\" fr-fi-\"]::before {\n --icon-size: 1rem;\n margin-right: 0.5rem;\n}\n\n.fr-card.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__end, .fr-card.fr-enlarge-button:not(.fr-card--no-icon) .fr-card__end {\n margin-bottom: -3rem;\n min-height: 2rem;\n padding-right: 2rem;\n justify-content: flex-end;\n}\n.fr-card.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__content, .fr-card.fr-enlarge-button:not(.fr-card--no-icon) .fr-card__content {\n padding-bottom: 5rem;\n}\n@media (-ms-high-contrast: active), (forced-colors: active) {\n .fr-card.fr-enlarge-link .fr-card__title a, .fr-card.fr-enlarge-button .fr-card__title button {\n text-decoration: none;\n }\n}\n\n.fr-card__footer {\n order: 2;\n padding: 0.5rem 2rem 2rem;\n}\n.fr-card__footer .fr-btns-group,\n.fr-card__footer .fr-links-group {\n margin-bottom: -1rem;\n}\n\n.fr-card--sm .fr-card__header .fr-badge {\n font-size: 0.75rem;\n line-height: 1.25rem;\n min-height: 1.125rem;\n padding: 0 0.375rem;\n}\n.fr-card--sm .fr-card__header .fr-badge::before, .fr-card--sm .fr-card__header .fr-badge::after {\n --icon-size: 0.75rem;\n}\n.fr-card--sm .fr-card__header .fr-tag {\n font-size: 0.75rem;\n line-height: 1.25rem;\n min-height: 1.5rem;\n padding: 0.125rem 0.5rem;\n border-radius: 0.75rem;\n}\n.fr-card--sm .fr-card__header .fr-tag::before, .fr-card--sm .fr-card__header .fr-tag::after {\n --icon-size: 0.75rem;\n}\n.fr-card--sm .fr-card__content {\n padding: 1.5rem;\n}\n.fr-card--sm .fr-card__content .fr-badge {\n font-size: 0.75rem;\n line-height: 1.25rem;\n min-height: 1.125rem;\n padding: 0 0.375rem;\n}\n.fr-card--sm .fr-card__content .fr-badge::before, .fr-card--sm .fr-card__content .fr-badge::after {\n --icon-size: 0.75rem;\n}\n.fr-card--sm .fr-card__content .fr-tag {\n font-size: 0.75rem;\n line-height: 1.25rem;\n min-height: 1.5rem;\n padding: 0.125rem 0.5rem;\n border-radius: 0.75rem;\n}\n.fr-card--sm .fr-card__content .fr-tag::before, .fr-card--sm .fr-card__content .fr-tag::after {\n --icon-size: 0.75rem;\n}\n.fr-card--sm .fr-card__title {\n font-weight: 700;\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n@media (min-width: 48em) {\n .fr-card--sm .fr-card__title {\n font-size: 1.25rem;\n line-height: 1.75rem;\n }\n}\n.fr-card--sm .fr-card__title a::after,\n.fr-card--sm .fr-card__title button::after {\n --icon-size: 1rem;\n}\n.fr-card--sm .fr-card__desc {\n margin-top: 0.5rem;\n}\n.fr-card--sm .fr-card__start .fr-badges-group,\n.fr-card--sm .fr-card__start .fr-tags-group {\n margin-bottom: 0;\n}\n.fr-card--sm .fr-card__start .fr-card__detail {\n margin-bottom: 0.5rem;\n}\n.fr-card--sm .fr-card__end {\n margin-top: 0.75rem;\n padding-top: 0.25rem;\n}\n.fr-card--sm.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__end, .fr-card--sm.fr-enlarge-button:not(.fr-card--no-icon) .fr-card__end {\n margin-bottom: -2rem;\n min-height: 1.25rem;\n padding-right: 1.5rem;\n}\n.fr-card--sm.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__content, .fr-card--sm.fr-enlarge-button:not(.fr-card--no-icon) .fr-card__content {\n padding-bottom: 3.5rem;\n}\n.fr-card--sm.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__title a::after,\n.fr-card--sm.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__title button::after, .fr-card--sm.fr-enlarge-button:not(.fr-card--no-icon) .fr-card__title a::after,\n.fr-card--sm.fr-enlarge-button:not(.fr-card--no-icon) .fr-card__title button::after {\n --icon-size: 1rem;\n right: 1.5rem;\n bottom: 1.5rem;\n}\n.fr-card--sm .fr-card__footer {\n padding: 0.5rem 1.5rem 1.5rem;\n}\n\n.fr-card--lg .fr-card__content {\n padding: 2.5rem;\n}\n.fr-card--lg .fr-card__title {\n font-weight: 700;\n font-size: 1.375rem;\n line-height: 1.75rem;\n}\n@media (min-width: 48em) {\n .fr-card--lg .fr-card__title {\n font-size: 1.5rem;\n line-height: 2rem;\n }\n}\n.fr-card--lg .fr-card__title a::after,\n.fr-card--lg .fr-card__title button::after {\n --icon-size: 1.5rem;\n}\n.fr-card--lg .fr-card__desc {\n font-size: 1rem;\n line-height: 1.5rem;\n margin-top: 1rem;\n}\n.fr-card--lg .fr-card__start {\n margin-bottom: 0.5rem;\n}\n.fr-card--lg .fr-card__start .fr-badges-group,\n.fr-card--lg .fr-card__start .fr-tags-group {\n margin-bottom: 0.5rem;\n}\n.fr-card--lg .fr-card__start .fr-card__detail {\n margin-bottom: 1rem;\n}\n.fr-card--sm .fr-card__end {\n margin-top: 1.5rem;\n padding-top: 0.5rem;\n}\n.fr-card--lg.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__end, .fr-card--lg.fr-enlarge-button:not(.fr-card--no-icon) .fr-card__end {\n margin-bottom: -4rem;\n min-height: 2.5rem;\n padding-right: 2.5rem;\n}\n.fr-card--lg.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__content, .fr-card--lg.fr-enlarge-button:not(.fr-card--no-icon) .fr-card__content {\n padding-bottom: 6.5rem;\n}\n.fr-card--lg.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__title a::after,\n.fr-card--lg.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__title button::after, .fr-card--lg.fr-enlarge-button:not(.fr-card--no-icon) .fr-card__title a::after,\n.fr-card--lg.fr-enlarge-button:not(.fr-card--no-icon) .fr-card__title button::after {\n --icon-size: 2rem;\n right: 2.5rem;\n bottom: 2.5rem;\n}\n.fr-card--lg .fr-card__footer {\n padding: 0.5rem 2.5rem 2.5rem;\n}\n\n@media (min-width: 48em) {\n .fr-card--horizontal, .fr-card--horizontal-half, .fr-card--horizontal-tier {\n flex-direction: row;\n }\n .fr-card--horizontal .fr-card__img, .fr-card--horizontal-half .fr-card__img, .fr-card--horizontal-tier .fr-card__img {\n height: 100%;\n }\n .fr-card--horizontal .fr-card__img img, .fr-card--horizontal-half .fr-card__img img, .fr-card--horizontal-tier .fr-card__img img {\n height: 100%;\n object-fit: cover;\n }\n .fr-card--horizontal .fr-card__header {\n width: 40%;\n flex: 0 0 40%;\n }\n .fr-card--horizontal-half .fr-card__header {\n width: 50%;\n flex: 0 0 50%;\n }\n .fr-card--horizontal-tier .fr-card__header {\n width: 33.3333333333%;\n flex: 0 0 33.3333333333%;\n }\n}\n\n@media (min-width: 48em) {\n .fr-card--download {\n flex-direction: row;\n }\n .fr-card--download .fr-card__header {\n width: 40%;\n flex: 0 0 40%;\n aspect-ratio: auto;\n }\n .fr-card--download .fr-card__header .fr-card__img img {\n object-position: 50% 0;\n }\n .fr-card--download .fr-card__img {\n height: 100%;\n }\n .fr-card--download .fr-card__img img {\n height: 100%;\n object-fit: cover;\n }\n}\n.fr-card--download .fr-card__header {\n aspect-ratio: 16/9;\n}\n.fr-card--download .fr-card__header .fr-card__img {\n position: absolute;\n top: 0.5rem;\n left: 0.5rem;\n width: calc(100% - 1rem);\n height: calc(100% - 1rem);\n}\n.fr-card--download .fr-card__header .fr-card__img img {\n max-width: 100%;\n max-height: 100%;\n object-fit: contain;\n}\n.fr-card--download .fr-card__title a::after,\n.fr-card--download .fr-card__title button::after {\n flex: 0 0 auto;\n display: inline-block;\n vertical-align: calc((0.75em - var(--icon-size)) * 0.5);\n background-color: currentColor;\n width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n.fr-card--download .fr-card__title a::after,\n.fr-card--download .fr-card__title button::after {\n -webkit-mask-image: url(\"../../icons/system/download-line.svg\");\n mask-image: url(\"../../icons/system/download-line.svg\");\n}\n.fr-card--download .fr-card__title a::after,\n.fr-card--download .fr-card__title button::after {\n content: \"\";\n}\n@media (-ms-high-contrast: active), (forced-colors: active) {\n .fr-card--download .fr-card__title a::after,\n .fr-card--download .fr-card__title button::after {\n background-color: linktext;\n }\n}\n@media (-ms-high-contrast: active), (forced-colors: active) {\n .fr-card--download .fr-card__title a:disabled::after, .fr-card--download .fr-card__title a:not([href])::after,\n .fr-card--download .fr-card__title button:disabled::after {\n background-color: graytext;\n }\n}\n\n@media (hover: hover) and (pointer: fine) {\n .fr-card--download.fr-enlarge-link:hover .fr-card__header, .fr-card--download.fr-enlarge-button:hover .fr-card__header {\n background-color: var(--hover);\n }\n .fr-card--download.fr-enlarge-link:active .fr-card__header, .fr-card--download.fr-enlarge-button:active .fr-card__header {\n background-color: var(--active);\n }\n}\n\n.fr-card__body {\n padding: 0 2rem;\n}\n.fr-card__content {\n margin: 0 -2rem;\n}\n.fr-card__footer {\n margin: 0 -2rem;\n}\n.fr-card__body > .fr-card__detail, .fr-card__body > .fr-card__title {\n margin-top: 2rem;\n}\n.fr-card__body > .fr-card__detail {\n margin-bottom: -1rem;\n}\n.fr-card__body > .fr-card__desc, .fr-card__body > .fr-card__title {\n margin-bottom: 2rem;\n}\n.fr-card__body > .fr-card__desc {\n margin-top: -1rem;\n}\n.fr-card.fr-enlarge-link:not(.fr-card--no-arrow) .fr-card__body > .fr-card__desc, .fr-card.fr-enlarge-link:not(.fr-card--no-arrow) .fr-card__body > .fr-card__title {\n margin-bottom: 4.5rem;\n}\n.fr-card.fr-enlarge-link:not(.fr-card--no-arrow) .fr-card__body > .fr-card__desc {\n margin-top: -3.5rem;\n}\n\n.fr-card {\n background-color: var(--background-default-grey);\n --idle: transparent;\n --hover: var(--background-default-grey-hover);\n --active: var(--background-default-grey-active);\n}\n.fr-card:not(.fr-card--no-border):not(.fr-card--shadow) {\n background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));\n}\n.fr-card--grey {\n background-color: var(--background-contrast-grey);\n --idle: transparent;\n --hover: var(--background-contrast-grey-hover);\n --active: var(--background-contrast-grey-active);\n}\n.fr-card--shadow {\n z-index: calc(var(--ground) + 500);\n background-color: var(--background-raised-grey);\n --idle: transparent;\n --hover: var(--background-raised-grey-hover);\n --active: var(--background-raised-grey-active);\n filter: drop-shadow(var(--raised-shadow));\n}\n.fr-card--shadow.fr-card--grey {\n background-color: var(--background-contrast-raised-grey);\n --idle: transparent;\n --hover: var(--background-contrast-raised-grey-hover);\n --active: var(--background-contrast-raised-grey-active);\n}\n.fr-card--no-background {\n background-color: transparent;\n --hover: inherit;\n --active: inherit;\n}\n.fr-card--download:not(.fr-card--no-background) .fr-card__header {\n background-color: var(--background-alt-grey);\n --idle: transparent;\n --hover: var(--background-alt-grey-hover);\n --active: var(--background-alt-grey-active);\n}\n.fr-card__detail {\n color: var(--text-mention-grey);\n}\n.fr-card__title {\n color: var(--text-title-grey);\n}\n.fr-card__title a[href],\n.fr-card__title button {\n color: var(--text-action-high-blue-france);\n}\n.fr-card__title button:disabled {\n color: var(--text-disabled-grey);\n}\n.fr-card__title:disabled, a.fr-card__title:not([href]) {\n color: var(--text-disabled-grey);\n background-color: var(--background-disabled-grey);\n --idle: transparent;\n --hover: var(--background-disabled-grey-hover);\n --active: var(--background-disabled-grey-active);\n}\n\n@media (min-width: 36em) {\n /*! media sm */\n}\n@media (min-width: 48em) {\n /*! media md */\n}\n@media (min-width: 62em) {\n /*! media lg */\n}\n@media (min-width: 78em) {\n /*! media xl */\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-card--no-icon::after {\n content: none;\n }\n .fr-card__title, .fr-card__desc {\n flex: 1 0 auto;\n }\n .fr-card__title a::after,\n .fr-card__title button::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-card__title a::after,\n .fr-card__title button::after {\n background-image: url(\"../../icons/system/arrow-right-line.svg\");\n }\n .fr-card__title a::after,\n .fr-card__title button::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-card__title a::after,\n .fr-card__title button::after {\n background-color: transparent;\n }\n .fr-card__title [target=_blank]::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-card__title [target=_blank]::after {\n background-image: url(\"../../icons/system/external-link-line.svg\");\n }\n .fr-card__title [target=_blank]::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-card__detail::before {\n width: 1rem;\n height: 1rem;\n }\n .fr-card--download .fr-tile__title a::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-card--download .fr-tile__title a::after {\n background-image: url(\"../../icons/system/download-line.svg\");\n }\n .fr-card--download .fr-card__header {\n padding-top: 56.25%;\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) and (min-width: 48em) {\n .fr-card--download .fr-card__header {\n padding-top: 0;\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-card--download .fr-card__header .fr-card__img img {\n height: auto !important;\n width: auto;\n margin: auto;\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-card.fr-enlarge-link .fr-card__title a {\n text-decoration: none;\n }\n .fr-card.fr-enlarge-link .fr-card__title a::after {\n width: 1.5rem;\n height: 1.5rem;\n background-color: transparent;\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-card.fr-enlarge-button .fr-card__title button::after {\n width: 1.5rem;\n height: 1.5rem;\n background-color: transparent;\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) and (min-width: 48em) {\n .fr-card--download .fr-card__body, .fr-card--horizontal .fr-card__body, .fr-card--horizontal-half .fr-card__body, .fr-card--horizontal-tier .fr-card__body {\n flex-basis: 100%;\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-card--sm.fr-enlarge-link .fr-card__title a::after,\n .fr-card--sm.fr-enlarge-link .fr-card__title button::after, .fr-card--sm.fr-enlarge-button .fr-card__title a::after,\n .fr-card--sm.fr-enlarge-button .fr-card__title button::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-card--sm .fr-card__title a::after,\n .fr-card--sm .fr-card__title button::after {\n width: 1rem;\n height: 1rem;\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-card--lg.fr-enlarge-link .fr-card__title a::after,\n .fr-card--lg.fr-enlarge-link .fr-card__title button::after, .fr-card--lg.fr-enlarge-button .fr-card__title a::after,\n .fr-card--lg.fr-enlarge-button .fr-card__title button::after {\n width: 2rem;\n height: 2rem;\n }\n .fr-card--lg .fr-card__title a::after,\n .fr-card--lg .fr-card__title button::after {\n width: 1.5rem;\n height: 1.5rem;\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-card > .fr-card__img {\n flex-shrink: 0;\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-card {\n background-color: #fff;\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-card:not(.fr-card--no-border):not(.fr-card--shadow) {\n background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd);\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-card--grey {\n background-color: #eee;\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-card--shadow {\n z-index: 500;\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-card--shadow {\n background-color: #fff;\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-card--shadow {\n box-shadow: 0 0 0 1px rgba(0, 0, 18, 0.16);\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-card--shadow.fr-card--grey {\n background-color: #eee;\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-card--no-background {\n background-color: transparent;\n }\n .fr-card--no-background:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-card--no-background:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-card--download:not(.fr-card--no-background) .fr-card__header {\n background-color: #f6f6f6;\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-card__detail {\n color: #666;\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-card__title {\n color: #161616;\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-card__title a[href],\n .fr-card__title button {\n color: #000091;\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-card__title button:disabled {\n color: #929292;\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-card__title:disabled, a.fr-card__title:not([href]) {\n color: #929292;\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-card__title:disabled, a.fr-card__title:not([href]) {\n background-color: #e5e5e5;\n }\n}\n\n@media print {\n .fr-card {\n background-color: #fff;\n }\n .fr-card:not(.fr-card--no-border):not(.fr-card--shadow) {\n background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd);\n }\n .fr-card--grey {\n background-color: #eee;\n }\n .fr-card--shadow {\n background-color: #fff;\n }\n .fr-card--shadow.fr-card--grey {\n background-color: #eee;\n }\n .fr-card--download:not(.fr-card--no-background) .fr-card__header {\n background-color: #f6f6f6;\n }\n .fr-card__detail {\n color: #666;\n }\n .fr-card__title {\n color: #161616;\n }\n .fr-card__title a[href],\n .fr-card__title button {\n color: #000091;\n }\n .fr-card__title button:disabled {\n color: #929292;\n }\n .fr-card__title:disabled, a.fr-card__title:not([href]) {\n color: #929292;\n background-color: #e5e5e5;\n }\n .fr-card__detail, .fr-card__desc {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n .fr-card__detail {\n line-height: 1rem !important;\n }\n}","////\n/// Card Main\n/// @group card\n////\n\n/* ¯¯¯¯¯¯¯¯¯ *\\\n CARD\n\\* ˍˍˍˍˍˍˍˍˍ */\n\n@use 'module/path';\n@use 'module/shame/media-query';\n\n@include path.to-dist(2);\n@include media-query.order;\n\n@import 'index';\n@import 'style/module';\n@import 'style/scheme';\n\n// deprecated\n@import 'deprecated/style/module';\n\n@include _card-scheme;\n","////\n/// Card Module - default\n/// @group card\n////\n\n@use 'module/preference';\n\n#{ns(card)} {\n @include display-flex(column);\n @include relative();\n @include preference.forced-colors {\n border: 1px solid;\n }\n\n &#{ns(enlarge-link)},\n &#{ns(enlarge-button)} {\n #{ns(card)}__title {\n a,\n button {\n @include icon-size(md, after) {\n @include absolute(null, 8v, 8v);\n }\n }\n }\n }\n\n &:not(&--no-border):not(&--shadow) {\n background-size: 100% 1px, 1px 100%, 1px 100%, 100% 1px;\n background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;\n background-position: 100% 100%, 0 0, 100% 0, 100% 0;\n @include padding(1px);\n }\n\n &--no-icon,\n &:not(#{ns(enlarge-link)}):not(#{ns(card--download)}) {\n #{ns(card__title)} {\n a:not([target=\"_blank\"]) {\n @include after(none);\n }\n }\n }\n\n &--no-icon,\n &:not(#{ns(enlarge-button)}):not(#{ns(card--download)}) {\n #{ns(card__title)} {\n button {\n @include after(none);\n }\n }\n }\n\n @include body() {\n @include display-flex(column);\n @include height(100%);\n flex: 1 1 auto;\n order: 2;\n }\n\n #{ns(grid-row)} & {\n @include size(null, 100%);\n }\n}\n","////\n/// Core Tool : Display display\n/// @group core\n////\n\n@mixin display-flex($flex-direction: row, $align-items: null, $justify-content: null, $flex-wrap: null, $inline: false) {\n\n @if $inline == true {\n display: inline-flex;\n }\n @else {\n display: flex;\n }\n\n @if $flex-direction != null {\n flex-direction: #{$flex-direction};\n }\n\n @if $align-items != null {\n align-items: #{$align-items};\n }\n\n @if $justify-content != null {\n justify-content: #{$justify-content};\n }\n\n @if $flex-wrap != null {\n flex-wrap: #{$flex-wrap};\n }\n}\n","////\n/// Core Tool : Spacing position\n/// @group core\n////\n\n@use 'module/spacing';\n\n@mixin position($position, $top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n position: #{$position};\n @if $top != null {\n top: #{space($top)};\n }\n @if $right != null {\n right: #{space($right)};\n }\n @if $bottom != null {\n bottom: #{space($bottom)};\n }\n @if $left != null {\n left: #{space($left)};\n }\n\n @include size($width, $height);\n\n @content;\n}\n\n@mixin relative($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(relative, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin absolute($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(absolute, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin fixed($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(fixed, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin sticky($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(sticky, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin top($top) {\n top: spacing.space($top);\n}\n\n@mixin right($top) {\n right: spacing.space($top);\n}\n\n@mixin bottom($top) {\n bottom: spacing.space($top);\n}\n\n@mixin left($top) {\n left: spacing.space($top);\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy == true {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n","////\n/// Core Tool : Selector pseudo\n/// @group core\n////\n\n@mixin _pseudo($type:before, $content:null, $display:null) {\n @if $type != after and $type != before and $type != marker and $type != (before after) {\n @error '$type must be before or after element';\n }\n\n $selector: ();\n\n @each $pseudo in $type {\n $selector: append($selector, '&::#{$pseudo}', 'comma');\n }\n\n #{$selector} {\n\n @if $content != null {\n content: $content;\n }\n\n @if $display != null {\n display: #{$display};\n }\n\n @content;\n }\n}\n\n@mixin before($content: null, $display: null) {\n @include _pseudo(before, $content, $display) {\n @content;\n }\n}\n\n@mixin after($content: null, $display: null) {\n @include _pseudo(after, $content, $display) {\n @content;\n }\n}\n\n@mixin marker($content: null, $display: null) {\n @include _pseudo(marker, $content, $display) {\n @content;\n }\n}\n","////\n/// Core Tool : Icon default\n/// @group core\n////\n\n@use 'module/path';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/preference';\n\n/// Return icon size from map\n/// @param {String} $size ['md'] - Icon size from `$icon-size-map` (Default to 'md' = 16px)\n///\n/// @example scss - Set icon size to `SM` (12px)\n/// .foo {\n/// width: icon-size(sm);\n/// height: icon-size(sm);\n/// }\n@function icon-size($size: md) {\n @return spacing.space(map-get($icon-size-map, $size));\n}\n\n@function get-icon-url($icon, $important: false) {\n $config: map-get($icons-config, $icon);\n $url: url('#{path.dist()}#{map-get($config, path)}');\n @return specificity.important($url, $important);\n}\n\n@function get-icon-pseudo($restrain) {\n @if $restrain == before or $restrain == after {\n @return $restrain;\n }\n @return before after;\n}\n\n@mixin _icon-pseudo ($restrain: null) {\n @include _pseudo(get-icon-pseudo($restrain)) {\n @content;\n }\n}\n\n@mixin icon-size ($size:md, $restrain: null) {\n @include _icon-pseudo($restrain) {\n --icon-size: #{icon-size($size)};\n @content;\n }\n}\n\n@mixin icon-image ($icon, $restrain: null, $important: false) {\n $url: get-icon-url($icon, $important);\n\n @include _icon-pseudo($restrain) {\n @include mask-image($url);\n }\n}\n\n@mixin icon-style($restrain: null) {\n @include _icon-pseudo($restrain) {\n flex: 0 0 auto;\n display: inline-block;\n vertical-align: calc((0.75em - var(--icon-