@axa-fr/design-system-look-and-feel-css 0.2.0-beta.368 → 0.2.0-beta.369
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.
- package/dist/Accordion/Accordion.css.map +1 -1
- package/dist/Alert/Alert.css.map +1 -1
- package/dist/Button/Button.css.map +1 -1
- package/dist/Card/Card.css +1 -1
- package/dist/Card/Card.css.map +1 -1
- package/dist/Form/Checkbox/Checkbox.css.map +1 -1
- package/dist/Form/FileUpload/FileUpload.css.map +1 -1
- package/dist/Form/Radio/Radio.css.map +1 -1
- package/dist/Form/Select/Select.css +1 -1
- package/dist/Form/Select/Select.css.map +1 -1
- package/dist/Form/Text/Text.css +1 -1
- package/dist/Form/Text/Text.css.map +1 -1
- package/dist/Form/Text/Text.scss +29 -8
- package/dist/Layout/Footer/Footer.css.map +1 -1
- package/dist/Layout/Header/Header.css.map +1 -1
- package/dist/Layout/Header/NavBar/NavBar.css.map +1 -1
- package/dist/Link/Link.css.map +1 -1
- package/dist/List/ClickList/ClickList.css +1 -1
- package/dist/List/ClickList/ClickList.css.map +1 -1
- package/dist/List/ContentItemDuo/ContentItemDuo.css.map +1 -1
- package/dist/List/ContentItemMono/ContentItemMono.css.map +1 -1
- package/dist/List/ContentTabList/ContentTabList.css.map +1 -1
- package/dist/Modal/Modal.css.map +1 -1
- package/dist/Stepper/Stepper.css.map +1 -1
- package/dist/Tabs/Tabs.css.map +1 -1
- package/dist/Tag/Tag.css.map +1 -1
- package/dist/Title/Title.css.map +1 -1
- package/dist/common/common.scss +2 -0
- package/dist/common/mixins.css +0 -0
- package/dist/common/mixins.scss +5 -0
- package/dist/common/reboot.css +1 -1
- package/dist/common/reboot.css.map +1 -1
- package/dist/common/reboot.scss +0 -5
- package/dist/look-and-feel.css +1 -1
- package/dist/look-and-feel.css.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Accordion/Accordion.scss%23sass","../../src/Accordion/Accordion.scss","../../src/common/common.scss"],"names":[],"mappings":"AAEA,cACE,gEAAA,CCDF,yCAAA,CDGE,oDAAA,CACA,yCCDF,CDGE,uBACE,wCAAA,CACA,4CCDJ,CDGI,oEACE,6CAAA,CACA,oCCDN,CDII,uDACE,0DAAA,CACA,+BCFN,CDIM,oGACE,uCAAA,CACA,0BCFR,CDOM,2CAGE,kBAAA,CAFA,YAAA,CACA,cCJR,CDQM,sDACE,YAAA,CAIA,gBAAA,CAHA,yBAAA,CACA,0CAAA,CACA,oDCLR,CDQQ,qFACE,0CAAA,CACA,6BAAA,CAEA,YCPV,CDUQ,yFACE,oCAAA,CAEA,SCTV,CDWU,wHACE,+BCTZ,CDcU,2EACE,eCZZ,CDeU,8EAKE,aEnCK,CFgCL,cAAA,CACA,eAAA,CAFA,kBAAA,CAGA,mBCZZ,CDkBM,4CAKE,aE3CU,CFuCV,YAAA,CAEA,eAAA,CACA,oBAAA,CAFA,kBCbR,CDmBM,yDACE,YAAA,CAEA,4BAAA,CACA,0BAAA,CAFA,qBAAA,CAGA,aCjBR,CDoBU,sFACE,aAAA,CACA,oBAAA,CACA,iBClBZ,CDoBY,8FACE,cClBd,CDsBU,6EAGE,kBAAA,CAEA,aAAA,CAJA,YAAA,CACA,cAAA,CAEA,iBCnBZ,CD0BI,oCACE,gEAAA,CACA,4CCxBN,CD0BM,oEACE,0DAAA,CACA,4CCxBR,CD4BQ,sEAGE,kBAAA,CADA,wBAAA,CADA,SCxBV,CD6BY,mGACE,kBC3Bd,CD8BY,0FACE,kBC5Bd,CDiCQ,yDACE,cC/BV,CDoCI,2EACE,SClCN,CDsCE,yBAII,yNAEE,SCxCN,CACF,CD4CE,wBACE,qCACE,gFAAA,CAEA,qBAAA,CAEA,YC3CJ,CD8CM,oEACE,qBC5CR,CD+CU,4FACE,iBAAA,CACA,kBC7CZ,CDkDM,uEACE,YAAA,CACA,SChDR,CDmDM,0DACE,qBCjDR,CDqDI,kDACE,+FAAA,CAEA,+BAAA,CAEA,iBCpDN,CDsDM,iFACE,gFAAA,CCnDR,0BACA,CDuDM,+FACE,+DCrDR,CDwDM,kFACE,4ECrDR,CDyDM,yHCtDN,qDACA,CD4DM,0HAIE,4CAAA,CACA,+BC5DR,CD+DM,4GACE,kEC7DR,CDgEM,oJAKE,uCAAA,CACA,0BChER,CACF","file":"Accordion.css","sourcesContent":["@use \"../common/common.scss\" as common;\n\n.af-accordion {\n --summary-areas: \"tag-date-container title-container value arrow\";\n --summary-columns: auto 1fr repeat(2, auto);\n --title-container-areas: \"icon title\" \"icon subtitle\";\n --title-container-columns: min-content 1fr;\n\n &__summary {\n grid-template-areas: var(--summary-areas);\n grid-template-columns: var(--summary-columns);\n\n &:not(:has(.af-accordion__tag-date-container)) {\n --summary-areas: \"title-container value arrow\";\n --summary-columns: 1fr repeat(2, auto);\n }\n\n &:not(:has(.af-accordion__value)) {\n --summary-areas: \"tag-date-container title-container arrow\";\n --summary-columns: auto 1fr auto;\n\n &:not(:has(.af-accordion__tag-date-container)) {\n --summary-areas: \"title-container arrow\";\n --summary-columns: 1fr auto;\n }\n }\n\n .af-accordion {\n &__icon {\n display: grid;\n grid-area: icon;\n align-items: center;\n }\n\n &__title-container {\n display: grid;\n grid-area: title-container;\n grid-template: var(--title-container-areas);\n grid-template-columns: var(--title-container-columns);\n gap: 0.125rem 1rem;\n\n &:not(:has(.af-accordion__icon)) {\n --title-container-areas: \"title\" \"subtitle\";\n --title-container-columns: 1fr;\n\n column-gap: 0;\n }\n\n &:not(:has(.af-accordion__subtitle)) {\n --title-container-areas: \"icon title\";\n\n row-gap: 0;\n\n &:not(:has(.af-accordion__icon)) {\n --title-container-areas: \"title\";\n }\n }\n\n .af-accordion {\n &__title {\n grid-area: title;\n }\n\n &__subtitle {\n grid-area: subtitle;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n }\n }\n\n &__value {\n display: grid;\n min-width: 9.375rem;\n grid-area: value;\n justify-items: center;\n color: common.$color-green-600;\n }\n\n &__tag-date-container {\n display: grid;\n padding-right: 3.93rem;\n grid-area: tag-date-container;\n grid-template: \"tag\" \"date\";\n row-gap: 0.5rem;\n\n .af-accordion {\n &__tag-container {\n grid-area: tag;\n justify-items: center;\n text-align: center;\n\n .af-tag {\n cursor: inherit;\n }\n }\n\n &__date {\n display: grid;\n grid-area: date;\n align-items: center;\n text-align: center;\n color: common.$color-gray-700;\n }\n }\n }\n }\n\n &--title-first {\n --summary-areas: \"title-container tag-date-container value arrow\";\n --summary-columns: repeat(3, auto) min-content;\n\n &:not(:has(.af-accordion__value)) {\n --summary-areas: \"title-container tag-date-container arrow\";\n --summary-columns: repeat(2, auto) min-content;\n }\n\n .af-accordion {\n &__tag-date-container {\n padding: 0;\n grid-template: \"tag date\";\n column-gap: inherit;\n\n .af-accordion {\n &__tag-container {\n padding: 0 1.688rem;\n }\n\n &__date {\n padding: 0 3.125rem;\n }\n }\n }\n\n &__value {\n min-width: auto;\n }\n }\n }\n\n .af-accordion__tag-date-container:has(> :only-child) {\n row-gap: 0;\n }\n }\n\n @media (width <= #{common.$breakpoint-md}) {\n .af-accordion__summary--title-first\n .af-accordion__tag-date-container\n .af-accordion {\n &__tag-container,\n &__date {\n padding: 0;\n }\n }\n }\n\n @media (width <= #{common.$breakpoint-sm}) {\n .af-accordion__summary {\n --summary-areas: \"tag-date-container arrow\" \"title-container arrow\"\n \"value arrow\";\n --summary-columns: 1fr;\n\n column-gap: 0;\n\n .af-accordion {\n &__title-container {\n justify-content: start;\n\n .af-accordion {\n &__subtitle {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n }\n }\n\n &__tag-date-container {\n display: flex;\n gap: 0.5rem;\n }\n\n &__value {\n justify-content: start;\n }\n }\n\n &--title-first {\n --summary-areas: \"icon title-container arrow\"\n \"icon tag-date-container arrow\" \"icon value arrow\";\n --summary-columns: auto 1fr auto;\n\n column-gap: 0.75rem;\n\n &:not(:has(.af-accordion__icon)) {\n --summary-areas: \"title-container arrow\" \"tag-date-container arrow\"\n \"value arrow\";\n --summary-columns: 1fr auto;\n }\n\n &:not(:has(.af-accordion__tag-date-container)) {\n --summary-areas: \"icon title-container arrow\" \"icon value arrow\";\n }\n\n &:not(:has(.af-accordion__value)) {\n --summary-areas: \"icon title-container arrow\"\n \"icon tag-date-container arrow\";\n }\n\n &:not(\n :has(.af-accordion__icon),\n :has(.af-accordion__tag-date-container)\n ) {\n --summary-areas: \"title-container arrow\" \"value arrow\";\n }\n\n &:not(\n :has(.af-accordion__tag-date-container),\n :has(.af-accordion__value)\n ) {\n --summary-areas: \"icon title-container arrow\";\n --summary-columns: auto 1fr auto;\n }\n\n &:not(:has(.af-accordion__icon), :has(.af-accordion__value)) {\n --summary-areas: \"title-container arrow\" \"tag-date-container arrow\";\n }\n\n &:not(\n :has(.af-accordion__icon),\n :has(.af-accordion__tag-date-container),\n :has(.af-accordion__value)\n ) {\n --summary-areas: \"title-container arrow\";\n --summary-columns: 1fr auto;\n }\n }\n }\n }\n}\n","@use \"../common/common.scss\" as common;\n\n.af-accordion {\n --summary-areas: \"tag-date-container title-container value arrow\";\n --summary-columns: auto 1fr repeat(2, auto);\n --title-container-areas: \"icon title\" \"icon subtitle\";\n --title-container-columns: min-content 1fr;\n\n &__summary {\n grid-template-areas: var(--summary-areas);\n grid-template-columns: var(--summary-columns);\n\n &:not(:has(.af-accordion__tag-date-container)) {\n --summary-areas: \"title-container value arrow\";\n --summary-columns: 1fr repeat(2, auto);\n }\n\n &:not(:has(.af-accordion__value)) {\n --summary-areas: \"tag-date-container title-container arrow\";\n --summary-columns: auto 1fr auto;\n\n &:not(:has(.af-accordion__tag-date-container)) {\n --summary-areas: \"title-container arrow\";\n --summary-columns: 1fr auto;\n }\n }\n\n .af-accordion {\n &__icon {\n display: grid;\n grid-area: icon;\n align-items: center;\n }\n\n &__title-container {\n display: grid;\n grid-area: title-container;\n grid-template: var(--title-container-areas);\n grid-template-columns: var(--title-container-columns);\n gap: 0.125rem 1rem;\n\n &:not(:has(.af-accordion__icon)) {\n --title-container-areas: \"title\" \"subtitle\";\n --title-container-columns: 1fr;\n\n column-gap: 0;\n }\n\n &:not(:has(.af-accordion__subtitle)) {\n --title-container-areas: \"icon title\";\n\n row-gap: 0;\n\n &:not(:has(.af-accordion__icon)) {\n --title-container-areas: \"title\";\n }\n }\n\n .af-accordion {\n &__title {\n grid-area: title;\n }\n\n &__subtitle {\n grid-area: subtitle;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n }\n }\n\n &__value {\n display: grid;\n min-width: 9.375rem;\n grid-area: value;\n justify-items: center;\n color: common.$color-green-600;\n }\n\n &__tag-date-container {\n display: grid;\n padding-right: 3.93rem;\n grid-area: tag-date-container;\n grid-template: \"tag\" \"date\";\n row-gap: 0.5rem;\n\n .af-accordion {\n &__tag-container {\n grid-area: tag;\n justify-items: center;\n text-align: center;\n\n .af-tag {\n cursor: inherit;\n }\n }\n\n &__date {\n display: grid;\n grid-area: date;\n align-items: center;\n text-align: center;\n color: common.$color-gray-700;\n }\n }\n }\n }\n\n &--title-first {\n --summary-areas: \"title-container tag-date-container value arrow\";\n --summary-columns: repeat(3, auto) min-content;\n\n &:not(:has(.af-accordion__value)) {\n --summary-areas: \"title-container tag-date-container arrow\";\n --summary-columns: repeat(2, auto) min-content;\n }\n\n .af-accordion {\n &__tag-date-container {\n padding: 0;\n grid-template: \"tag date\";\n column-gap: inherit;\n\n .af-accordion {\n &__tag-container {\n padding: 0 1.688rem;\n }\n\n &__date {\n padding: 0 3.125rem;\n }\n }\n }\n\n &__value {\n min-width: auto;\n }\n }\n }\n\n .af-accordion__tag-date-container:has(> :only-child) {\n row-gap: 0;\n }\n }\n\n @media (width <= #{common.$breakpoint-md}) {\n .af-accordion__summary--title-first\n .af-accordion__tag-date-container\n .af-accordion {\n &__tag-container,\n &__date {\n padding: 0;\n }\n }\n }\n\n @media (width <= #{common.$breakpoint-sm}) {\n .af-accordion__summary {\n --summary-areas: \"tag-date-container arrow\" \"title-container arrow\"\n \"value arrow\";\n --summary-columns: 1fr;\n\n column-gap: 0;\n\n .af-accordion {\n &__title-container {\n justify-content: start;\n\n .af-accordion {\n &__subtitle {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n }\n }\n\n &__tag-date-container {\n display: flex;\n gap: 0.5rem;\n }\n\n &__value {\n justify-content: start;\n }\n }\n\n &--title-first {\n --summary-areas: \"icon title-container arrow\"\n \"icon tag-date-container arrow\" \"icon value arrow\";\n --summary-columns: auto 1fr auto;\n\n column-gap: 0.75rem;\n\n &:not(:has(.af-accordion__icon)) {\n --summary-areas: \"title-container arrow\" \"tag-date-container arrow\"\n \"value arrow\";\n --summary-columns: 1fr auto;\n }\n\n &:not(:has(.af-accordion__tag-date-container)) {\n --summary-areas: \"icon title-container arrow\" \"icon value arrow\";\n }\n\n &:not(:has(.af-accordion__value)) {\n --summary-areas: \"icon title-container arrow\"\n \"icon tag-date-container arrow\";\n }\n\n &:not(\n :has(.af-accordion__icon),\n :has(.af-accordion__tag-date-container)\n ) {\n --summary-areas: \"title-container arrow\" \"value arrow\";\n }\n\n &:not(\n :has(.af-accordion__tag-date-container),\n :has(.af-accordion__value)\n ) {\n --summary-areas: \"icon title-container arrow\";\n --summary-columns: auto 1fr auto;\n }\n\n &:not(:has(.af-accordion__icon), :has(.af-accordion__value)) {\n --summary-areas: \"title-container arrow\" \"tag-date-container arrow\";\n }\n\n &:not(\n :has(.af-accordion__icon),\n :has(.af-accordion__tag-date-container),\n :has(.af-accordion__value)\n ) {\n --summary-areas: \"title-container arrow\";\n --summary-columns: 1fr auto;\n }\n }\n }\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/Accordion/Accordion.scss%23sass","../../src/Accordion/Accordion.scss","../../src/common/common.scss"],"names":[],"mappings":"AAEA,cACE,gEAAA,CCDF,yCAAA,CDGE,oDAAA,CACA,yCCDF,CDGE,uBACE,wCAAA,CACA,4CCDJ,CDGI,oEACE,6CAAA,CACA,oCCDN,CDII,uDACE,0DAAA,CACA,+BCFN,CDIM,oGACE,uCAAA,CACA,0BCFR,CDOM,2CAGE,kBAAA,CAFA,YAAA,CACA,cCJR,CDQM,sDACE,YAAA,CAIA,gBAAA,CAHA,yBAAA,CACA,0CAAA,CACA,oDCLR,CDQQ,qFACE,0CAAA,CACA,6BAAA,CAEA,YCPV,CDUQ,yFACE,oCAAA,CAEA,SCTV,CDWU,wHACE,+BCTZ,CDcU,2EACE,eCZZ,CDeU,8EAKE,aEjCK,CF8BL,cAAA,CACA,eAAA,CAFA,kBAAA,CAGA,mBCZZ,CDkBM,4CAKE,aEzCU,CFqCV,YAAA,CAEA,eAAA,CACA,oBAAA,CAFA,kBCbR,CDmBM,yDACE,YAAA,CAEA,4BAAA,CACA,0BAAA,CAFA,qBAAA,CAGA,aCjBR,CDoBU,sFACE,aAAA,CACA,oBAAA,CACA,iBClBZ,CDoBY,8FACE,cClBd,CDsBU,6EAGE,kBAAA,CAEA,aAAA,CAJA,YAAA,CACA,cAAA,CAEA,iBCnBZ,CD0BI,oCACE,gEAAA,CACA,4CCxBN,CD0BM,oEACE,0DAAA,CACA,4CCxBR,CD4BQ,sEAGE,kBAAA,CADA,wBAAA,CADA,SCxBV,CD6BY,mGACE,kBC3Bd,CD8BY,0FACE,kBC5Bd,CDiCQ,yDACE,cC/BV,CDoCI,2EACE,SClCN,CDsCE,yBAII,yNAEE,SCxCN,CACF,CD4CE,wBACE,qCACE,gFAAA,CAEA,qBAAA,CAEA,YC3CJ,CD8CM,oEACE,qBC5CR,CD+CU,4FACE,iBAAA,CACA,kBC7CZ,CDkDM,uEACE,YAAA,CACA,SChDR,CDmDM,0DACE,qBCjDR,CDqDI,kDACE,+FAAA,CAEA,+BAAA,CAEA,iBCpDN,CDsDM,iFACE,gFAAA,CCnDR,0BACA,CDuDM,+FACE,+DCrDR,CDwDM,kFACE,4ECrDR,CDyDM,yHCtDN,qDACA,CD4DM,0HAIE,4CAAA,CACA,+BC5DR,CD+DM,4GACE,kEC7DR,CDgEM,oJAKE,uCAAA,CACA,0BChER,CACF","file":"Accordion.css","sourcesContent":["@use \"../common/common.scss\" as common;\n\n.af-accordion {\n --summary-areas: \"tag-date-container title-container value arrow\";\n --summary-columns: auto 1fr repeat(2, auto);\n --title-container-areas: \"icon title\" \"icon subtitle\";\n --title-container-columns: min-content 1fr;\n\n &__summary {\n grid-template-areas: var(--summary-areas);\n grid-template-columns: var(--summary-columns);\n\n &:not(:has(.af-accordion__tag-date-container)) {\n --summary-areas: \"title-container value arrow\";\n --summary-columns: 1fr repeat(2, auto);\n }\n\n &:not(:has(.af-accordion__value)) {\n --summary-areas: \"tag-date-container title-container arrow\";\n --summary-columns: auto 1fr auto;\n\n &:not(:has(.af-accordion__tag-date-container)) {\n --summary-areas: \"title-container arrow\";\n --summary-columns: 1fr auto;\n }\n }\n\n .af-accordion {\n &__icon {\n display: grid;\n grid-area: icon;\n align-items: center;\n }\n\n &__title-container {\n display: grid;\n grid-area: title-container;\n grid-template: var(--title-container-areas);\n grid-template-columns: var(--title-container-columns);\n gap: 0.125rem 1rem;\n\n &:not(:has(.af-accordion__icon)) {\n --title-container-areas: \"title\" \"subtitle\";\n --title-container-columns: 1fr;\n\n column-gap: 0;\n }\n\n &:not(:has(.af-accordion__subtitle)) {\n --title-container-areas: \"icon title\";\n\n row-gap: 0;\n\n &:not(:has(.af-accordion__icon)) {\n --title-container-areas: \"title\";\n }\n }\n\n .af-accordion {\n &__title {\n grid-area: title;\n }\n\n &__subtitle {\n grid-area: subtitle;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n }\n }\n\n &__value {\n display: grid;\n min-width: 9.375rem;\n grid-area: value;\n justify-items: center;\n color: common.$color-green-600;\n }\n\n &__tag-date-container {\n display: grid;\n padding-right: 3.93rem;\n grid-area: tag-date-container;\n grid-template: \"tag\" \"date\";\n row-gap: 0.5rem;\n\n .af-accordion {\n &__tag-container {\n grid-area: tag;\n justify-items: center;\n text-align: center;\n\n .af-tag {\n cursor: inherit;\n }\n }\n\n &__date {\n display: grid;\n grid-area: date;\n align-items: center;\n text-align: center;\n color: common.$color-gray-700;\n }\n }\n }\n }\n\n &--title-first {\n --summary-areas: \"title-container tag-date-container value arrow\";\n --summary-columns: repeat(3, auto) min-content;\n\n &:not(:has(.af-accordion__value)) {\n --summary-areas: \"title-container tag-date-container arrow\";\n --summary-columns: repeat(2, auto) min-content;\n }\n\n .af-accordion {\n &__tag-date-container {\n padding: 0;\n grid-template: \"tag date\";\n column-gap: inherit;\n\n .af-accordion {\n &__tag-container {\n padding: 0 1.688rem;\n }\n\n &__date {\n padding: 0 3.125rem;\n }\n }\n }\n\n &__value {\n min-width: auto;\n }\n }\n }\n\n .af-accordion__tag-date-container:has(> :only-child) {\n row-gap: 0;\n }\n }\n\n @media (width <= #{common.$breakpoint-md}) {\n .af-accordion__summary--title-first\n .af-accordion__tag-date-container\n .af-accordion {\n &__tag-container,\n &__date {\n padding: 0;\n }\n }\n }\n\n @media (width <= #{common.$breakpoint-sm}) {\n .af-accordion__summary {\n --summary-areas: \"tag-date-container arrow\" \"title-container arrow\"\n \"value arrow\";\n --summary-columns: 1fr;\n\n column-gap: 0;\n\n .af-accordion {\n &__title-container {\n justify-content: start;\n\n .af-accordion {\n &__subtitle {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n }\n }\n\n &__tag-date-container {\n display: flex;\n gap: 0.5rem;\n }\n\n &__value {\n justify-content: start;\n }\n }\n\n &--title-first {\n --summary-areas: \"icon title-container arrow\"\n \"icon tag-date-container arrow\" \"icon value arrow\";\n --summary-columns: auto 1fr auto;\n\n column-gap: 0.75rem;\n\n &:not(:has(.af-accordion__icon)) {\n --summary-areas: \"title-container arrow\" \"tag-date-container arrow\"\n \"value arrow\";\n --summary-columns: 1fr auto;\n }\n\n &:not(:has(.af-accordion__tag-date-container)) {\n --summary-areas: \"icon title-container arrow\" \"icon value arrow\";\n }\n\n &:not(:has(.af-accordion__value)) {\n --summary-areas: \"icon title-container arrow\"\n \"icon tag-date-container arrow\";\n }\n\n &:not(\n :has(.af-accordion__icon),\n :has(.af-accordion__tag-date-container)\n ) {\n --summary-areas: \"title-container arrow\" \"value arrow\";\n }\n\n &:not(\n :has(.af-accordion__tag-date-container),\n :has(.af-accordion__value)\n ) {\n --summary-areas: \"icon title-container arrow\";\n --summary-columns: auto 1fr auto;\n }\n\n &:not(:has(.af-accordion__icon), :has(.af-accordion__value)) {\n --summary-areas: \"title-container arrow\" \"tag-date-container arrow\";\n }\n\n &:not(\n :has(.af-accordion__icon),\n :has(.af-accordion__tag-date-container),\n :has(.af-accordion__value)\n ) {\n --summary-areas: \"title-container arrow\";\n --summary-columns: 1fr auto;\n }\n }\n }\n }\n}\n","@use \"../common/common.scss\" as common;\n\n.af-accordion {\n --summary-areas: \"tag-date-container title-container value arrow\";\n --summary-columns: auto 1fr repeat(2, auto);\n --title-container-areas: \"icon title\" \"icon subtitle\";\n --title-container-columns: min-content 1fr;\n\n &__summary {\n grid-template-areas: var(--summary-areas);\n grid-template-columns: var(--summary-columns);\n\n &:not(:has(.af-accordion__tag-date-container)) {\n --summary-areas: \"title-container value arrow\";\n --summary-columns: 1fr repeat(2, auto);\n }\n\n &:not(:has(.af-accordion__value)) {\n --summary-areas: \"tag-date-container title-container arrow\";\n --summary-columns: auto 1fr auto;\n\n &:not(:has(.af-accordion__tag-date-container)) {\n --summary-areas: \"title-container arrow\";\n --summary-columns: 1fr auto;\n }\n }\n\n .af-accordion {\n &__icon {\n display: grid;\n grid-area: icon;\n align-items: center;\n }\n\n &__title-container {\n display: grid;\n grid-area: title-container;\n grid-template: var(--title-container-areas);\n grid-template-columns: var(--title-container-columns);\n gap: 0.125rem 1rem;\n\n &:not(:has(.af-accordion__icon)) {\n --title-container-areas: \"title\" \"subtitle\";\n --title-container-columns: 1fr;\n\n column-gap: 0;\n }\n\n &:not(:has(.af-accordion__subtitle)) {\n --title-container-areas: \"icon title\";\n\n row-gap: 0;\n\n &:not(:has(.af-accordion__icon)) {\n --title-container-areas: \"title\";\n }\n }\n\n .af-accordion {\n &__title {\n grid-area: title;\n }\n\n &__subtitle {\n grid-area: subtitle;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n }\n }\n\n &__value {\n display: grid;\n min-width: 9.375rem;\n grid-area: value;\n justify-items: center;\n color: common.$color-green-600;\n }\n\n &__tag-date-container {\n display: grid;\n padding-right: 3.93rem;\n grid-area: tag-date-container;\n grid-template: \"tag\" \"date\";\n row-gap: 0.5rem;\n\n .af-accordion {\n &__tag-container {\n grid-area: tag;\n justify-items: center;\n text-align: center;\n\n .af-tag {\n cursor: inherit;\n }\n }\n\n &__date {\n display: grid;\n grid-area: date;\n align-items: center;\n text-align: center;\n color: common.$color-gray-700;\n }\n }\n }\n }\n\n &--title-first {\n --summary-areas: \"title-container tag-date-container value arrow\";\n --summary-columns: repeat(3, auto) min-content;\n\n &:not(:has(.af-accordion__value)) {\n --summary-areas: \"title-container tag-date-container arrow\";\n --summary-columns: repeat(2, auto) min-content;\n }\n\n .af-accordion {\n &__tag-date-container {\n padding: 0;\n grid-template: \"tag date\";\n column-gap: inherit;\n\n .af-accordion {\n &__tag-container {\n padding: 0 1.688rem;\n }\n\n &__date {\n padding: 0 3.125rem;\n }\n }\n }\n\n &__value {\n min-width: auto;\n }\n }\n }\n\n .af-accordion__tag-date-container:has(> :only-child) {\n row-gap: 0;\n }\n }\n\n @media (width <= #{common.$breakpoint-md}) {\n .af-accordion__summary--title-first\n .af-accordion__tag-date-container\n .af-accordion {\n &__tag-container,\n &__date {\n padding: 0;\n }\n }\n }\n\n @media (width <= #{common.$breakpoint-sm}) {\n .af-accordion__summary {\n --summary-areas: \"tag-date-container arrow\" \"title-container arrow\"\n \"value arrow\";\n --summary-columns: 1fr;\n\n column-gap: 0;\n\n .af-accordion {\n &__title-container {\n justify-content: start;\n\n .af-accordion {\n &__subtitle {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n }\n }\n\n &__tag-date-container {\n display: flex;\n gap: 0.5rem;\n }\n\n &__value {\n justify-content: start;\n }\n }\n\n &--title-first {\n --summary-areas: \"icon title-container arrow\"\n \"icon tag-date-container arrow\" \"icon value arrow\";\n --summary-columns: auto 1fr auto;\n\n column-gap: 0.75rem;\n\n &:not(:has(.af-accordion__icon)) {\n --summary-areas: \"title-container arrow\" \"tag-date-container arrow\"\n \"value arrow\";\n --summary-columns: 1fr auto;\n }\n\n &:not(:has(.af-accordion__tag-date-container)) {\n --summary-areas: \"icon title-container arrow\" \"icon value arrow\";\n }\n\n &:not(:has(.af-accordion__value)) {\n --summary-areas: \"icon title-container arrow\"\n \"icon tag-date-container arrow\";\n }\n\n &:not(\n :has(.af-accordion__icon),\n :has(.af-accordion__tag-date-container)\n ) {\n --summary-areas: \"title-container arrow\" \"value arrow\";\n }\n\n &:not(\n :has(.af-accordion__tag-date-container),\n :has(.af-accordion__value)\n ) {\n --summary-areas: \"icon title-container arrow\";\n --summary-columns: auto 1fr auto;\n }\n\n &:not(:has(.af-accordion__icon), :has(.af-accordion__value)) {\n --summary-areas: \"title-container arrow\" \"tag-date-container arrow\";\n }\n\n &:not(\n :has(.af-accordion__icon),\n :has(.af-accordion__tag-date-container),\n :has(.af-accordion__value)\n ) {\n --summary-areas: \"title-container arrow\";\n --summary-columns: 1fr auto;\n }\n }\n }\n }\n}\n","@import \"./mixins\";\n\n$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
|
package/dist/Alert/Alert.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Alert/Alert.scss%23sass","../../src/common/common.scss","../../src/Alert/Alert.scss"],"names":[],"mappings":"AAEA,UAME,qBAAA,CAHA,kBAAA,CAFA,YAAA,CAGA,QAAA,CACA,
|
|
1
|
+
{"version":3,"sources":["../../src/Alert/Alert.scss%23sass","../../src/common/common.scss","../../src/Alert/Alert.scss"],"names":[],"mappings":"AAEA,UAME,qBAAA,CAHA,kBAAA,CAFA,YAAA,CAGA,QAAA,CACA,4CCLuB,CCAzB,YAKA,CFGE,0BACE,cAAA,CAEA,aAAA,CADA,iBEAJ,CFIE,uBACE,wBEFJ,CFII,uCACE,aAAA,CACA,wBAAA,CACA,YEFN,CFKI,wCACE,aEHN,CFOE,iBACE,wBELJ,CFOI,iCACE,aAAA,CACA,YELN,CFQI,kCACE,aENN,CFUE,mBACE,wBERJ,CFUI,mCACE,aAAA,CACA,YERN,CFWI,oCACE,aETN,CFaE,mBACE,wBEXJ,CFaI,mCACE,aAAA,CACA,YEXN,CFcI,oCACE,aEZN,CFgBE,sBACE,wBEdJ,CFgBI,sCACE,aCpCY,CDqCZ,YEdN,CFiBI,uCACE,aEfN,CFmBE,oCACE,UEjBJ,CFmBI,sDACE,YAAA,CACA,mBAAA,CACA,gBEjBN,CFoBI,qDAEE,eAAA,CACA,kBAAA,CAFA,qBEhBN,CFsBE,YAEE,kBAAA,CACA,eAAA,CAFA,QElBJ","file":"Alert.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-alert {\n display: flex;\n padding: 1rem;\n border-radius: 12px;\n flex: 1 1 0;\n font-family: common.$font-family-base;\n background-color: white;\n\n .af-alert__icon {\n aspect-ratio: 1;\n margin-right: 1rem;\n flex-shrink: 0;\n }\n\n &--information {\n border: 1px solid common.$color-axa;\n\n .af-alert__icon {\n color: common.$color-axa;\n transform: rotate(180deg);\n fill: common.$color-axa;\n }\n\n .af-alert__title {\n color: common.$color-axa;\n }\n }\n\n &--error {\n border: 1px solid common.$color-red-700;\n\n .af-alert__icon {\n color: common.$color-red-700;\n fill: common.$color-red-700;\n }\n\n .af-alert__title {\n color: common.$color-red-700;\n }\n }\n\n &--neutral {\n border: 1px solid common.$color-gray;\n\n .af-alert__icon {\n color: common.$color-gray;\n fill: common.$color-gray;\n }\n\n .af-alert__title {\n color: common.$color-gray;\n }\n }\n\n &--warning {\n border: 1px solid common.$color-btn-business;\n\n .af-alert__icon {\n color: common.$color-btn-business;\n fill: common.$color-btn-business;\n }\n\n .af-alert__title {\n color: common.$color-btn-business;\n }\n }\n\n &--validation {\n border: 1px solid common.$color-green-600;\n\n .af-alert__icon {\n color: common.$color-green-600;\n fill: common.$color-green-600;\n }\n\n .af-alert__title {\n color: common.$color-green-600;\n }\n }\n\n .af-alert-client__content {\n width: 100%;\n\n .af-alert__action {\n display: flex;\n justify-content: end;\n text-align: right;\n }\n\n .af-alert__title {\n padding-bottom: 0.25rem;\n font-weight: 600;\n line-height: 1.5rem;\n }\n }\n\n * {\n margin: 0;\n font-size: 1.125rem;\n font-weight: 400;\n }\n}\n","@import \"./mixins\";\n\n$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n","@use \"../common/common\" as common;\n\n.af-alert {\n display: flex;\n padding: 1rem;\n border-radius: 12px;\n flex: 1 1 0;\n font-family: common.$font-family-base;\n background-color: white;\n\n .af-alert__icon {\n aspect-ratio: 1;\n margin-right: 1rem;\n flex-shrink: 0;\n }\n\n &--information {\n border: 1px solid common.$color-axa;\n\n .af-alert__icon {\n color: common.$color-axa;\n transform: rotate(180deg);\n fill: common.$color-axa;\n }\n\n .af-alert__title {\n color: common.$color-axa;\n }\n }\n\n &--error {\n border: 1px solid common.$color-red-700;\n\n .af-alert__icon {\n color: common.$color-red-700;\n fill: common.$color-red-700;\n }\n\n .af-alert__title {\n color: common.$color-red-700;\n }\n }\n\n &--neutral {\n border: 1px solid common.$color-gray;\n\n .af-alert__icon {\n color: common.$color-gray;\n fill: common.$color-gray;\n }\n\n .af-alert__title {\n color: common.$color-gray;\n }\n }\n\n &--warning {\n border: 1px solid common.$color-btn-business;\n\n .af-alert__icon {\n color: common.$color-btn-business;\n fill: common.$color-btn-business;\n }\n\n .af-alert__title {\n color: common.$color-btn-business;\n }\n }\n\n &--validation {\n border: 1px solid common.$color-green-600;\n\n .af-alert__icon {\n color: common.$color-green-600;\n fill: common.$color-green-600;\n }\n\n .af-alert__title {\n color: common.$color-green-600;\n }\n }\n\n .af-alert-client__content {\n width: 100%;\n\n .af-alert__action {\n display: flex;\n justify-content: end;\n text-align: right;\n }\n\n .af-alert__title {\n padding-bottom: 0.25rem;\n font-weight: 600;\n line-height: 1.5rem;\n }\n }\n\n * {\n margin: 0;\n font-size: 1.125rem;\n font-weight: 400;\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Button/Button.scss%23sass","../../src/common/common.scss","../../src/Button/Button.scss"],"names":[],"mappings":"AAEA,eAOE,kBAAA,CAMA,wBAAA,CARA,QAAA,CACA,iBAAA,CAMA,UAAA,CAMA,cAAA,CAjBA,YAAA,CASA,4CCZuB,CDavB,eAAA,CAFA,QAAA,CADA,sBAAA,CALA,iBAAA,CEHF,kBAAA,CFIE,oBAAA,CAUA,uBAAA,CACA,iFAAA,CAEA,iCEDF,CFIE,qBAEE,wBCXW,CDUX,UEDJ,CFKE,2CAGE,wBAAA,CADA,UAAA,CAEA,YEJJ,CFOE,6BACE,sBAAA,CACA,kBELJ,CFQE,mBACE,cENJ,CFSE,sBAME,wBAAA,CADA,aAAA,CADA,UAAA,CAFA,eAAA,CADA,cAAA,CAEA,SEJJ,CFSI,4BAEE,wBAAA,CADA,aENN,CFUI,yDAGE,wBAAA,CADA,aERN,CFaE,iCACE,wBEXJ,CFaI,uCACE,wBEXN,CFcI,uCACE,wBEZN,CFgBE,yBAEE,qBCrDoB,CDoDpB,aEbJ,CFgBI,+BAEE,wBAAA,CADA,aEbN,CFiBI,+DAGE,wBAAA,CADA,aEfN,CFoBE,0BAEE,qBCrFU,CDsFV,kCAAA,CAFA,aEhBJ,CFoBI,iGAIE,qBAAA,CACA,kCAAA,CAFA,aElBN,CFuBI,iCACE,wBErBN,CFyBE,gCAEE,qBAAA,CACA,kCAAA,CAFA,aErBJ,CFyBI,mHAIE,qBAAA,CACA,kCAAA,CAFA,aEvBN,CF4BI,uCACE,wBE1BN,CF8BE,wBAEE,kBAAA,CADA,YAAA,CAEA,sBAAA,CACA,aE5BJ,CF+BE,2DAGE,wBAAA,CACA,eAAA,CAFA,UAAA,CAGA,kBE9BJ,CFgCI,8IAIE,wBCnHW,CDiHX,kBAAA,CACA,UE9BN","file":"Button.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-btn-client {\n display: flex;\n min-width: 11.25rem;\n min-height: 3.5rem;\n padding: 0.8rem 1.2rem;\n border: 0;\n border-radius: 8px;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n font-family: common.$font-family-base;\n font-weight: 600;\n color: common.$color-white;\n background-color: common.$color-axa;\n transition-duration: common.$transition-duration;\n transition-property: width, height, border, color, background-color, outline,\n box-shadow;\n transition-timing-function: linear;\n cursor: pointer;\n\n &:hover {\n color: common.$color-white;\n background-color: common.$color-blue-1;\n }\n\n &:active,\n &:focus {\n color: common.$color-white;\n background-color: common.$color-btn-light;\n outline: none;\n }\n\n &:focus-visible {\n outline: 2px solid common.$color-blue-3;\n outline-offset: 3px;\n }\n\n & > svg {\n aspect-ratio: 1;\n }\n\n &--ghost {\n min-width: auto;\n min-height: auto;\n padding: 0;\n gap: 0.25rem;\n color: common.$color-axa;\n background-color: transparent;\n\n &:hover {\n color: common.$color-blue-1;\n background-color: transparent;\n }\n\n &:focus,\n &:active {\n color: common.$color-btn-light;\n background-color: transparent;\n }\n }\n\n &--primary-business {\n background-color: common.$color-btn-business;\n\n &:hover {\n background-color: common.$color-btn-business-dark;\n }\n\n &:focus {\n background-color: common.$color-btn-business-light;\n }\n }\n\n &--tertiary {\n color: common.$color-axa;\n background-color: common.$color-btn-tertiary-bg;\n\n &:hover {\n color: common.$color-axa;\n background-color: common.$color-btn-tertiary-bg-darker;\n }\n\n &:focus,\n &:active {\n color: common.$color-axa;\n background-color: common.$color-btn-tertiary-bg-lighter;\n }\n }\n\n &--secondary {\n color: common.$color-axa;\n background-color: common.$color-white;\n box-shadow: 0 0 0 1px common.$color-axa inset;\n\n &:hover,\n &:focus,\n &:active {\n color: common.$color-blue-1;\n background-color: common.$color-white;\n box-shadow: 0 0 0 2px common.$color-blue-1 inset;\n }\n\n &:active {\n background-color: common.$color-blue-2;\n }\n }\n\n &--secondary-error {\n color: common.$color-red-700;\n background-color: common.$color-white;\n box-shadow: 0 0 0 1px common.$color-red-700 inset;\n\n &:hover,\n &:focus,\n &:active {\n color: common.$color-btn-error-text;\n background-color: common.$color-white;\n box-shadow: 0 0 0 2px common.$color-btn-error-text inset;\n }\n\n &:active {\n background-color: common.$color-btn-error-bg;\n }\n }\n\n &__wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n color: common.$color-btn-disabled-text;\n background-color: common.$color-gray-300;\n box-shadow: none;\n cursor: not-allowed;\n\n &:hover,\n &:focus {\n border-color: transparent;\n color: common.$color-btn-disabled-text;\n background-color: common.$color-gray-300;\n }\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n","@use \"../common/common\" as common;\n\n.af-btn-client {\n display: flex;\n min-width: 11.25rem;\n min-height: 3.5rem;\n padding: 0.8rem 1.2rem;\n border: 0;\n border-radius: 8px;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n font-family: common.$font-family-base;\n font-weight: 600;\n color: common.$color-white;\n background-color: common.$color-axa;\n transition-duration: common.$transition-duration;\n transition-property: width, height, border, color, background-color, outline,\n box-shadow;\n transition-timing-function: linear;\n cursor: pointer;\n\n &:hover {\n color: common.$color-white;\n background-color: common.$color-blue-1;\n }\n\n &:active,\n &:focus {\n color: common.$color-white;\n background-color: common.$color-btn-light;\n outline: none;\n }\n\n &:focus-visible {\n outline: 2px solid common.$color-blue-3;\n outline-offset: 3px;\n }\n\n & > svg {\n aspect-ratio: 1;\n }\n\n &--ghost {\n min-width: auto;\n min-height: auto;\n padding: 0;\n gap: 0.25rem;\n color: common.$color-axa;\n background-color: transparent;\n\n &:hover {\n color: common.$color-blue-1;\n background-color: transparent;\n }\n\n &:focus,\n &:active {\n color: common.$color-btn-light;\n background-color: transparent;\n }\n }\n\n &--primary-business {\n background-color: common.$color-btn-business;\n\n &:hover {\n background-color: common.$color-btn-business-dark;\n }\n\n &:focus {\n background-color: common.$color-btn-business-light;\n }\n }\n\n &--tertiary {\n color: common.$color-axa;\n background-color: common.$color-btn-tertiary-bg;\n\n &:hover {\n color: common.$color-axa;\n background-color: common.$color-btn-tertiary-bg-darker;\n }\n\n &:focus,\n &:active {\n color: common.$color-axa;\n background-color: common.$color-btn-tertiary-bg-lighter;\n }\n }\n\n &--secondary {\n color: common.$color-axa;\n background-color: common.$color-white;\n box-shadow: 0 0 0 1px common.$color-axa inset;\n\n &:hover,\n &:focus,\n &:active {\n color: common.$color-blue-1;\n background-color: common.$color-white;\n box-shadow: 0 0 0 2px common.$color-blue-1 inset;\n }\n\n &:active {\n background-color: common.$color-blue-2;\n }\n }\n\n &--secondary-error {\n color: common.$color-red-700;\n background-color: common.$color-white;\n box-shadow: 0 0 0 1px common.$color-red-700 inset;\n\n &:hover,\n &:focus,\n &:active {\n color: common.$color-btn-error-text;\n background-color: common.$color-white;\n box-shadow: 0 0 0 2px common.$color-btn-error-text inset;\n }\n\n &:active {\n background-color: common.$color-btn-error-bg;\n }\n }\n\n &__wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n color: common.$color-btn-disabled-text;\n background-color: common.$color-gray-300;\n box-shadow: none;\n cursor: not-allowed;\n\n &:hover,\n &:focus {\n border-color: transparent;\n color: common.$color-btn-disabled-text;\n background-color: common.$color-gray-300;\n }\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/Button/Button.scss%23sass","../../src/common/common.scss","../../src/Button/Button.scss"],"names":[],"mappings":"AAEA,eAOE,kBAAA,CAMA,wBAAA,CARA,QAAA,CACA,iBAAA,CAMA,UAAA,CAMA,cAAA,CAjBA,YAAA,CASA,4CCVuB,CDWvB,eAAA,CAFA,QAAA,CADA,sBAAA,CALA,iBAAA,CEHF,kBAAA,CFIE,oBAAA,CAUA,uBAAA,CACA,iFAAA,CAEA,iCEDF,CFIE,qBAEE,wBCTW,CDQX,UEDJ,CFKE,2CAGE,wBAAA,CADA,UAAA,CAEA,YEJJ,CFOE,6BACE,sBAAA,CACA,kBELJ,CFQE,mBACE,cENJ,CFSE,sBAME,wBAAA,CADA,aAAA,CADA,UAAA,CAFA,eAAA,CADA,cAAA,CAEA,SEJJ,CFSI,4BAEE,wBAAA,CADA,aENN,CFUI,yDAGE,wBAAA,CADA,aERN,CFaE,iCACE,wBEXJ,CFaI,uCACE,wBEXN,CFcI,uCACE,wBEZN,CFgBE,yBAEE,qBCnDoB,CDkDpB,aEbJ,CFgBI,+BAEE,wBAAA,CADA,aEbN,CFiBI,+DAGE,wBAAA,CADA,aEfN,CFoBE,0BAEE,qBCnFU,CDoFV,kCAAA,CAFA,aEhBJ,CFoBI,iGAIE,qBAAA,CACA,kCAAA,CAFA,aElBN,CFuBI,iCACE,wBErBN,CFyBE,gCAEE,qBAAA,CACA,kCAAA,CAFA,aErBJ,CFyBI,mHAIE,qBAAA,CACA,kCAAA,CAFA,aEvBN,CF4BI,uCACE,wBE1BN,CF8BE,wBAEE,kBAAA,CADA,YAAA,CAEA,sBAAA,CACA,aE5BJ,CF+BE,2DAGE,wBAAA,CACA,eAAA,CAFA,UAAA,CAGA,kBE9BJ,CFgCI,8IAIE,wBCjHW,CD+GX,kBAAA,CACA,UE9BN","file":"Button.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-btn-client {\n display: flex;\n min-width: 11.25rem;\n min-height: 3.5rem;\n padding: 0.8rem 1.2rem;\n border: 0;\n border-radius: 8px;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n font-family: common.$font-family-base;\n font-weight: 600;\n color: common.$color-white;\n background-color: common.$color-axa;\n transition-duration: common.$transition-duration;\n transition-property: width, height, border, color, background-color, outline,\n box-shadow;\n transition-timing-function: linear;\n cursor: pointer;\n\n &:hover {\n color: common.$color-white;\n background-color: common.$color-blue-1;\n }\n\n &:active,\n &:focus {\n color: common.$color-white;\n background-color: common.$color-btn-light;\n outline: none;\n }\n\n &:focus-visible {\n outline: 2px solid common.$color-blue-3;\n outline-offset: 3px;\n }\n\n & > svg {\n aspect-ratio: 1;\n }\n\n &--ghost {\n min-width: auto;\n min-height: auto;\n padding: 0;\n gap: 0.25rem;\n color: common.$color-axa;\n background-color: transparent;\n\n &:hover {\n color: common.$color-blue-1;\n background-color: transparent;\n }\n\n &:focus,\n &:active {\n color: common.$color-btn-light;\n background-color: transparent;\n }\n }\n\n &--primary-business {\n background-color: common.$color-btn-business;\n\n &:hover {\n background-color: common.$color-btn-business-dark;\n }\n\n &:focus {\n background-color: common.$color-btn-business-light;\n }\n }\n\n &--tertiary {\n color: common.$color-axa;\n background-color: common.$color-btn-tertiary-bg;\n\n &:hover {\n color: common.$color-axa;\n background-color: common.$color-btn-tertiary-bg-darker;\n }\n\n &:focus,\n &:active {\n color: common.$color-axa;\n background-color: common.$color-btn-tertiary-bg-lighter;\n }\n }\n\n &--secondary {\n color: common.$color-axa;\n background-color: common.$color-white;\n box-shadow: 0 0 0 1px common.$color-axa inset;\n\n &:hover,\n &:focus,\n &:active {\n color: common.$color-blue-1;\n background-color: common.$color-white;\n box-shadow: 0 0 0 2px common.$color-blue-1 inset;\n }\n\n &:active {\n background-color: common.$color-blue-2;\n }\n }\n\n &--secondary-error {\n color: common.$color-red-700;\n background-color: common.$color-white;\n box-shadow: 0 0 0 1px common.$color-red-700 inset;\n\n &:hover,\n &:focus,\n &:active {\n color: common.$color-btn-error-text;\n background-color: common.$color-white;\n box-shadow: 0 0 0 2px common.$color-btn-error-text inset;\n }\n\n &:active {\n background-color: common.$color-btn-error-bg;\n }\n }\n\n &__wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n color: common.$color-btn-disabled-text;\n background-color: common.$color-gray-300;\n box-shadow: none;\n cursor: not-allowed;\n\n &:hover,\n &:focus {\n border-color: transparent;\n color: common.$color-btn-disabled-text;\n background-color: common.$color-gray-300;\n }\n }\n}\n","@import \"./mixins\";\n\n$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n","@use \"../common/common\" as common;\n\n.af-btn-client {\n display: flex;\n min-width: 11.25rem;\n min-height: 3.5rem;\n padding: 0.8rem 1.2rem;\n border: 0;\n border-radius: 8px;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n font-family: common.$font-family-base;\n font-weight: 600;\n color: common.$color-white;\n background-color: common.$color-axa;\n transition-duration: common.$transition-duration;\n transition-property: width, height, border, color, background-color, outline,\n box-shadow;\n transition-timing-function: linear;\n cursor: pointer;\n\n &:hover {\n color: common.$color-white;\n background-color: common.$color-blue-1;\n }\n\n &:active,\n &:focus {\n color: common.$color-white;\n background-color: common.$color-btn-light;\n outline: none;\n }\n\n &:focus-visible {\n outline: 2px solid common.$color-blue-3;\n outline-offset: 3px;\n }\n\n & > svg {\n aspect-ratio: 1;\n }\n\n &--ghost {\n min-width: auto;\n min-height: auto;\n padding: 0;\n gap: 0.25rem;\n color: common.$color-axa;\n background-color: transparent;\n\n &:hover {\n color: common.$color-blue-1;\n background-color: transparent;\n }\n\n &:focus,\n &:active {\n color: common.$color-btn-light;\n background-color: transparent;\n }\n }\n\n &--primary-business {\n background-color: common.$color-btn-business;\n\n &:hover {\n background-color: common.$color-btn-business-dark;\n }\n\n &:focus {\n background-color: common.$color-btn-business-light;\n }\n }\n\n &--tertiary {\n color: common.$color-axa;\n background-color: common.$color-btn-tertiary-bg;\n\n &:hover {\n color: common.$color-axa;\n background-color: common.$color-btn-tertiary-bg-darker;\n }\n\n &:focus,\n &:active {\n color: common.$color-axa;\n background-color: common.$color-btn-tertiary-bg-lighter;\n }\n }\n\n &--secondary {\n color: common.$color-axa;\n background-color: common.$color-white;\n box-shadow: 0 0 0 1px common.$color-axa inset;\n\n &:hover,\n &:focus,\n &:active {\n color: common.$color-blue-1;\n background-color: common.$color-white;\n box-shadow: 0 0 0 2px common.$color-blue-1 inset;\n }\n\n &:active {\n background-color: common.$color-blue-2;\n }\n }\n\n &--secondary-error {\n color: common.$color-red-700;\n background-color: common.$color-white;\n box-shadow: 0 0 0 1px common.$color-red-700 inset;\n\n &:hover,\n &:focus,\n &:active {\n color: common.$color-btn-error-text;\n background-color: common.$color-white;\n box-shadow: 0 0 0 2px common.$color-btn-error-text inset;\n }\n\n &:active {\n background-color: common.$color-btn-error-bg;\n }\n }\n\n &__wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n color: common.$color-btn-disabled-text;\n background-color: common.$color-gray-300;\n box-shadow: none;\n cursor: not-allowed;\n\n &:hover,\n &:focus {\n border-color: transparent;\n color: common.$color-btn-disabled-text;\n background-color: common.$color-gray-300;\n }\n }\n}\n"]}
|
package/dist/Card/Card.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{background-color:#fff;color:#333;font-family:Source Sans Pro,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}a{background-color:initial;color:#00008f;text-decoration:none}a:hover{color:#000043;text-decoration:underline}a:not([href],[tabindex]),a:not([href],[tabindex]):focus,a:not([href],[tabindex]):hover{color:inherit;text-decoration:none}a:not([href],[tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}pre{margin-bottom:1rem;margin-top:0;overflow:auto}figure{margin:0 0 1rem}img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden}table{border-collapse:collapse}caption{caption-side:bottom;color:#6c757d;padding-bottom:.5rem;padding-top:.5rem;text-align:left}th{text-align:inherit}
|
|
1
|
+
*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{background-color:#fff;color:#333;font-family:Source Sans Pro,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}a{background-color:initial;color:#00008f;text-decoration:none}a:hover{color:#000043;text-decoration:underline}a:not([href],[tabindex]),a:not([href],[tabindex]):focus,a:not([href],[tabindex]):hover{color:inherit;text-decoration:none}a:not([href],[tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}pre{margin-bottom:1rem;margin-top:0;overflow:auto}figure{margin:0 0 1rem}img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden}table{border-collapse:collapse}caption{caption-side:bottom;color:#6c757d;padding-bottom:.5rem;padding-top:.5rem;text-align:left}th{text-align:inherit}button{border-radius:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;appearance:button}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox;appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5rem;line-height:inherit;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;appearance:none;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}output{display:inline-block}summary{cursor:pointer;display:list-item}template{display:none}[hidden]{display:none!important}.af-card{align-self:start;background-color:#fff;border:1px solid #e9ecf2;border-radius:.5rem;box-shadow:0 .25rem .5rem 0 #10184114;font-family:Source Sans Pro,arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.25rem;padding:1rem}.af-card>:last-child{margin-block-end:0}.af-card:focus-visible{border:2px solid #36f;outline:none}.af-card--elevation-2:not(:focus){box-shadow:0 .25rem .5rem 0 #10184129}.af-card__title{color:#00008f;font-size:1.125rem;font-weight:600;line-height:1.4rem}.af-card--large{width:100%}.af-card--accordion{box-shadow:none;padding:0}button.af-card{cursor:pointer;text-align:initial}button.af-card:active{box-shadow:none}button.af-card:focus{outline:none}
|
package/dist/Card/Card.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/common/reboot.scss","../../src/Card/Card.scss","../../src/Card/Card.scss%23sass","../../src/common/common.scss"],"names":[],"mappings":"AAAA,iBCGA,qBACA,CDEA,KACE,sBAAA,CACA,gBAAA,CACA,6BAAA,CAAA,0BAAA,CAAA,qBAAA,CACA,uCCCF,CDEA,sEAUE,aCCF,CDEA,KAQE,qBAAA,CADA,UAAA,CALA,4CAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CAJA,QAAA,CAKA,eCGF,CDEA,sBACE,mBCCF,CDEA,GACE,kBAAA,CCCF,QAAA,CDCE,gBCCF,CDEA,kBAOE,mBAAA,CADA,YCEF,CDEA,EAEE,kBAAA,CADA,YCEF,CDEA,sCAEE,eAAA,CAIA,WAAA,CAHA,yBAAA,CACA,wCAAA,CAAA,gCAAA,CACA,qCAAA,CAAA,6BCEF,CDEA,QAEE,iBAAA,CACA,mBCCF,CDEA,iBALE,kBCUF,CDLA,SAGE,YCEF,CDEA,wBAIE,eCCF,CDEA,GACE,eCCF,CDEA,GACE,mBAAA,CACA,aCCF,CDEA,WACE,eCCF,CDEA,SAEE,kBCCF,CDEA,MACE,aCCF,CDEA,QAIE,aAAA,CACA,aAAA,CAHA,iBAAA,CACA,sBCGF,CDEA,IACE,aCCF,CDEA,IACE,SCCF,CDEA,EAGE,wBAAA,CADA,aAAA,CADA,oBCGF,CDEA,QAEE,aAAA,CADA,yBCEF,CDOA,uFAGE,aAAA,CADA,oBCEF,CDEA,+BACE,SCCF,CDEA,kBAIE,sFAAA,CAEA,aCAF,CDGA,IAEE,kBAAA,CADA,YAAA,CAEA,aCAF,CDGA,OACE,eCAF,CDGA,IACE,iBCCF,CDGA,QAHE,qBCKF,CDFA,IAEE,eCAF,CDGA,MACE,wBCAF,CDGA,QAGE,mBAAA,CAEA,aAAA,CAHA,oBAAA,CADA,iBAAA,CAGA,eCCF,CDGA,GACE,kBCAF,CDGA,MACE,oBAAA,CACA,mBCAF,CDGA,OACE,eCAF,CDGA,sCAME,mBAAA,CACA,iBAAA,CACA,mBAAA,CAHA,QCGF,CDGA,aAEE,gBCAF,CDGA,cAEE,mBCAF,CDGA,OACE,gBCAF,CDGA,gDAIE,yBAAA,CAAA,iBCAF,CDGA,aACE,kBAAA,CACA,yCCAF,CDGA,4GAIE,cCAF,CDGA,wHAKE,iBAAA,CADA,SCCF,CDGA,uCAEE,qBAAA,CACA,SCAF,CDGA,+EAIE,0BAAA,CAAA,kBCAF,CDGA,SACE,aAAA,CACA,eCAF,CDGA,SAIE,QAAA,CAFA,QAAA,CADA,WAAA,CAEA,SCCF,CDGA,OASE,aAAA,CARA,aAAA,CAKA,gBAAA,CACA,mBAAA,CAHA,mBAAA,CADA,cAAA,CAEA,SAAA,CAGA,kBAAA,CANA,UCOF,CDGA,SACE,sBCAF,CDGA,kFAEE,WCAF,CDGA,cAEE,uBAAA,CAAA,eAAA,CADA,mBCCF,CDGA,yCACE,uBAAA,CAAA,eCAF,CDGA,6BAEE,yBAAA,CAAA,iBAAA,CADA,YCCF,CDGA,OACE,oBCAF,CDGA,QAEE,cAAA,CADA,iBCCF,CDGA,SACE,YCAF,CDGA,SACE,sBCAF,CC5UA,SAIE,gBAAA,CAKA,qBCJY,CDHZ,wBAAA,CACA,mBAAA,CAOA,qCAAA,CALA,4CCRuB,CDSvB,cAAA,CACA,eAAA,CACA,mBAAA,CAPA,YDwVF,CC7UE,qBACE,kBD+UJ,CC5UE,uBACE,qBAAA,CACA,YD8UJ,CC3UE,kCACE,qCD6UJ,CC1UE,gBAIE,aCzBQ,CDsBR,kBAAA,CACA,eAAA,CACA,kBD6UJ,CCzUE,gBACE,UD2UJ,CCxUE,oBAEE,eAAA,CADA,SD2UJ,CCtUA,eAEE,cAAA,CADA,kBD0UF,CCvUE,sBACE,eDyUJ,CCtUE,qBACE,YDwUJ","file":"Card.css","sourcesContent":["*,\n::after,\n::before {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n text-size-adjust: 100%;\n -webkit-tap-highlight-color: transparent;\n}\n\narticle,\naside,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: \"Source Sans Pro\", Arial, sans-serif;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n color: #333;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[data-original-title],\nabbr[title] {\n border-bottom: 0;\n text-decoration: underline;\n text-decoration: underline dotted;\n text-decoration-skip-ink: none;\n cursor: help;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\ndl,\nol,\nul {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-bottom: 0.5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\na {\n text-decoration: none;\n color: #00008f;\n background-color: transparent;\n}\n\na:hover {\n text-decoration: underline;\n color: #000043;\n}\n\na:not([href], [tabindex]) {\n text-decoration: none;\n color: inherit;\n}\n\na:not([href], [tabindex]):focus,\na:not([href], [tabindex]):hover {\n text-decoration: none;\n color: inherit;\n}\n\na:not([href], [tabindex]):focus {\n outline: 0;\n}\n\ncode,\nkbd,\npre,\nsamp {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n border-style: none;\n vertical-align: middle;\n}\n\nsvg {\n vertical-align: middle;\n overflow: hidden;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n caption-side: bottom;\n text-align: left;\n color: #6c757d;\n}\n\nth {\n text-align: inherit;\n}\n\nlabel {\n display: inline-block;\n margin-bottom: 0.5rem;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"],\nbutton {\n appearance: button;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled),\nbutton:not(:disabled) {\n cursor: pointer;\n}\n\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner,\nbutton::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"],\ninput[type=\"time\"] {\n appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n margin-bottom: 0.5rem;\n padding: 0;\n font-size: 1.5rem;\n line-height: inherit;\n white-space: normal;\n color: inherit;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n","@use \"../common/reboot\";\n@use \"../common/common\" as common;\n\n.af-card {\n padding: 1rem;\n border: 1px solid common.$color-gray-300;\n border-radius: 0.5rem;\n align-self: start;\n font-family: common.$font-family-base;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n background-color: common.$color-white;\n box-shadow: 0 0.25rem 0.5rem 0 hsla(230deg, 60%, 16%, 8%);\n\n > *:last-child {\n margin-block-end: 0;\n }\n\n &:focus-visible {\n border: 2px solid common.$color-focus;\n outline: none;\n }\n\n &--elevation-2:not(:focus) {\n box-shadow: 0 0.25rem 0.5rem 0 hsla(230deg, 60%, 16%, 16%);\n }\n\n &__title {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: common.$color-axa;\n }\n\n &--large {\n width: 100%;\n }\n\n &--accordion {\n padding: 0;\n box-shadow: none;\n }\n}\n\nbutton.af-card {\n text-align: initial;\n cursor: pointer;\n\n &:active {\n box-shadow: none;\n }\n\n &:focus {\n outline: none;\n }\n}\n","@use \"../common/reboot\";\n@use \"../common/common\" as common;\n\n.af-card {\n padding: 1rem;\n border: 1px solid common.$color-gray-300;\n border-radius: 0.5rem;\n align-self: start;\n font-family: common.$font-family-base;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n background-color: common.$color-white;\n box-shadow: 0 0.25rem 0.5rem 0 hsla(230deg, 60%, 16%, 8%);\n\n > *:last-child {\n margin-block-end: 0;\n }\n\n &:focus-visible {\n border: 2px solid common.$color-focus;\n outline: none;\n }\n\n &--elevation-2:not(:focus) {\n box-shadow: 0 0.25rem 0.5rem 0 hsla(230deg, 60%, 16%, 16%);\n }\n\n &__title {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: common.$color-axa;\n }\n\n &--large {\n width: 100%;\n }\n\n &--accordion {\n padding: 0;\n box-shadow: none;\n }\n}\n\nbutton.af-card {\n text-align: initial;\n cursor: pointer;\n\n &:active {\n box-shadow: none;\n }\n\n &:focus {\n outline: none;\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/common/reboot.scss","../../src/Card/Card.scss","../../src/Card/Card.scss%23sass","../../src/common/common.scss"],"names":[],"mappings":"AAAA,iBCGA,qBACA,CDEA,KACE,sBAAA,CACA,gBAAA,CACA,6BAAA,CAAA,0BAAA,CAAA,qBAAA,CACA,uCCCF,CDEA,sEAUE,aCCF,CDEA,KAQE,qBAAA,CADA,UAAA,CALA,4CAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CAJA,QAAA,CAKA,eCGF,CDEA,sBACE,mBCCF,CDEA,GACE,kBAAA,CCCF,QAAA,CDCE,gBCCF,CDEA,kBAOE,mBAAA,CADA,YCEF,CDEA,EAEE,kBAAA,CADA,YCEF,CDEA,sCAEE,eAAA,CAIA,WAAA,CAHA,yBAAA,CACA,wCAAA,CAAA,gCAAA,CACA,qCAAA,CAAA,6BCEF,CDEA,QAEE,iBAAA,CACA,mBCCF,CDEA,iBALE,kBCUF,CDLA,SAGE,YCEF,CDEA,wBAIE,eCCF,CDEA,GACE,eCCF,CDEA,GACE,mBAAA,CACA,aCCF,CDEA,WACE,eCCF,CDEA,SAEE,kBCCF,CDEA,MACE,aCCF,CDEA,QAIE,aAAA,CACA,aAAA,CAHA,iBAAA,CACA,sBCGF,CDEA,IACE,aCCF,CDEA,IACE,SCCF,CDEA,EAGE,wBAAA,CADA,aAAA,CADA,oBCGF,CDEA,QAEE,aAAA,CADA,yBCEF,CDOA,uFAGE,aAAA,CADA,oBCEF,CDEA,+BACE,SCCF,CDEA,kBAIE,sFAAA,CAEA,aCAF,CDGA,IAEE,kBAAA,CADA,YAAA,CAEA,aCAF,CDGA,OACE,eCAF,CDGA,IACE,iBCCF,CDGA,QAHE,qBCKF,CDFA,IAEE,eCAF,CDGA,MACE,wBCAF,CDGA,QAGE,mBAAA,CAEA,aAAA,CAHA,oBAAA,CADA,iBAAA,CAGA,eCCF,CDGA,GACE,kBCAF,CDGA,OACE,eCAF,CDGA,sCAME,mBAAA,CACA,iBAAA,CACA,mBAAA,CAHA,QCGF,CDGA,aAEE,gBCAF,CDGA,cAEE,mBCAF,CDGA,OACE,gBCAF,CDGA,gDAIE,yBAAA,CAAA,iBCAF,CDGA,aACE,kBAAA,CACA,yCCAF,CDGA,4GAIE,cCAF,CDGA,wHAKE,iBAAA,CADA,SCCF,CDGA,uCAEE,qBAAA,CACA,SCAF,CDGA,+EAIE,0BAAA,CAAA,kBCAF,CDGA,SACE,aAAA,CACA,eCAF,CDGA,SAIE,QAAA,CAFA,QAAA,CADA,WAAA,CAEA,SCCF,CDGA,OASE,aAAA,CARA,aAAA,CAKA,gBAAA,CACA,mBAAA,CAHA,mBAAA,CADA,cAAA,CAEA,SAAA,CAGA,kBAAA,CANA,UCOF,CDGA,SACE,sBCAF,CDGA,kFAEE,WCAF,CDGA,cAEE,uBAAA,CAAA,eAAA,CADA,mBCCF,CDGA,yCACE,uBAAA,CAAA,eCAF,CDGA,6BAEE,yBAAA,CAAA,iBAAA,CADA,YCCF,CDGA,OACE,oBCAF,CDGA,QAEE,cAAA,CADA,iBCCF,CDGA,SACE,YCAF,CDGA,SACE,sBCAF,CCvUA,SAIE,gBAAA,CAKA,qBCFY,CDLZ,wBAAA,CACA,mBAAA,CAOA,qCAAA,CALA,4CCNuB,CDOvB,cAAA,CACA,eAAA,CACA,mBAAA,CAPA,YDmVF,CCxUE,qBACE,kBD0UJ,CCvUE,uBACE,qBAAA,CACA,YDyUJ,CCtUE,kCACE,qCDwUJ,CCrUE,gBAIE,aCvBQ,CDoBR,kBAAA,CACA,eAAA,CACA,kBDwUJ,CCpUE,gBACE,UDsUJ,CCnUE,oBAEE,eAAA,CADA,SDsUJ,CCjUA,eAEE,cAAA,CADA,kBDqUF,CClUE,sBACE,eDoUJ,CCjUE,qBACE,YDmUJ","file":"Card.css","sourcesContent":["*,\n::after,\n::before {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n text-size-adjust: 100%;\n -webkit-tap-highlight-color: transparent;\n}\n\narticle,\naside,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: \"Source Sans Pro\", Arial, sans-serif;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n color: #333;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[data-original-title],\nabbr[title] {\n border-bottom: 0;\n text-decoration: underline;\n text-decoration: underline dotted;\n text-decoration-skip-ink: none;\n cursor: help;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\ndl,\nol,\nul {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-bottom: 0.5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\na {\n text-decoration: none;\n color: #00008f;\n background-color: transparent;\n}\n\na:hover {\n text-decoration: underline;\n color: #000043;\n}\n\na:not([href], [tabindex]) {\n text-decoration: none;\n color: inherit;\n}\n\na:not([href], [tabindex]):focus,\na:not([href], [tabindex]):hover {\n text-decoration: none;\n color: inherit;\n}\n\na:not([href], [tabindex]):focus {\n outline: 0;\n}\n\ncode,\nkbd,\npre,\nsamp {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n border-style: none;\n vertical-align: middle;\n}\n\nsvg {\n vertical-align: middle;\n overflow: hidden;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n caption-side: bottom;\n text-align: left;\n color: #6c757d;\n}\n\nth {\n text-align: inherit;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"],\nbutton {\n appearance: button;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled),\nbutton:not(:disabled) {\n cursor: pointer;\n}\n\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner,\nbutton::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"],\ninput[type=\"time\"] {\n appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n margin-bottom: 0.5rem;\n padding: 0;\n font-size: 1.5rem;\n line-height: inherit;\n white-space: normal;\n color: inherit;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n","@use \"../common/reboot\";\n@use \"../common/common\" as common;\n\n.af-card {\n padding: 1rem;\n border: 1px solid common.$color-gray-300;\n border-radius: 0.5rem;\n align-self: start;\n font-family: common.$font-family-base;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n background-color: common.$color-white;\n box-shadow: 0 0.25rem 0.5rem 0 hsla(230deg, 60%, 16%, 8%);\n\n > *:last-child {\n margin-block-end: 0;\n }\n\n &:focus-visible {\n border: 2px solid common.$color-focus;\n outline: none;\n }\n\n &--elevation-2:not(:focus) {\n box-shadow: 0 0.25rem 0.5rem 0 hsla(230deg, 60%, 16%, 16%);\n }\n\n &__title {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: common.$color-axa;\n }\n\n &--large {\n width: 100%;\n }\n\n &--accordion {\n padding: 0;\n box-shadow: none;\n }\n}\n\nbutton.af-card {\n text-align: initial;\n cursor: pointer;\n\n &:active {\n box-shadow: none;\n }\n\n &:focus {\n outline: none;\n }\n}\n","@use \"../common/reboot\";\n@use \"../common/common\" as common;\n\n.af-card {\n padding: 1rem;\n border: 1px solid common.$color-gray-300;\n border-radius: 0.5rem;\n align-self: start;\n font-family: common.$font-family-base;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n background-color: common.$color-white;\n box-shadow: 0 0.25rem 0.5rem 0 hsla(230deg, 60%, 16%, 8%);\n\n > *:last-child {\n margin-block-end: 0;\n }\n\n &:focus-visible {\n border: 2px solid common.$color-focus;\n outline: none;\n }\n\n &--elevation-2:not(:focus) {\n box-shadow: 0 0.25rem 0.5rem 0 hsla(230deg, 60%, 16%, 16%);\n }\n\n &__title {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: common.$color-axa;\n }\n\n &--large {\n width: 100%;\n }\n\n &--accordion {\n padding: 0;\n box-shadow: none;\n }\n}\n\nbutton.af-card {\n text-align: initial;\n cursor: pointer;\n\n &:active {\n box-shadow: none;\n }\n\n &:focus {\n outline: none;\n }\n}\n","@import \"./mixins\";\n\n$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Form/Checkbox/Checkbox.scss%23sass","../../../src/Form/Checkbox/Checkbox.scss","../../../src/common/common.scss"],"names":[],"mappings":"AAEA,aACE,4CCDF,CDGE,eACE,qBCDJ,CDIE,sBAEE,kBAAA,CADA,YAAA,CAGA,QAAA,CADA,sBCDJ,CDII,0BAGE,aAAA,CADA,cAAA,CADA,aAAA,CAGA,YCFN,CDKI,wDACE,YAAA,CACA,qBAAA,CACA,UAAA,CACA,mBCHN,CDKM,yEAEE,UAAA,CADA,kBCFR,CDMM,+EACE,aCJR,CDSE,sDACE,qBAAA,CACA,SCPJ,CDUE,gCACE,cAAA,CACA,mBCRJ,CDWE,iCAGE,kBAAA,CAIA,aAAA,CANA,YAAA,CAIA,4CAAA,CADA,SAAA,CAEA,mBAAA,CAJA,kBCJJ,CDWI,qCACE,aAAA,CACA,YCTN,CDaE,wCACE,eCXJ,CDcE,mBAIE,kBAAA,CADA,iBAAA,CAGA,cAAA,CALA,YAAA,CAIA,UAAA,CAHA,QCRJ,CDeE,0BAGE,kBAAA,CACA,kDAAA,CAHA,aAAA,CACA,YAAA,CAIA,0BCdJ,CDiBE,sCAKE,qBAAA,CAEA,KAAA,CAJA,WAAA,CAGA,0BAAA,CAFA,YAAA,CAHA,iBAAA,CAOA,iBAAA,CANA,WCTJ,CDiBI,0DAGE,SAAA,CAFA,iBAAA,CACA,QCdN,CDmBE,wCAEE,kBAAA,CACA,SAAA,CAFA,iBCfJ,CDmBI,4DAEE,kBAAA,CADA,YAAA,CAEA,UCjBN,CDmBM,sKAIE,kBAAA,CADA,cAAA,CADA,aChBR,CDqBM,kFACE,YCnBR,CDsBM,oFACE,aAAA,CACA,YCpBR,CD0BI,8KAEE,aAAA,CACA,YCzBN,CD8BI,2EAEE,aAAA,CADA,aAAA,CAEA,YC5BN,CD+BI,6EACE,YC7BN,CDiCE,4DACE,wBAAA,CACA,kCC/BJ,CDkCE,sDACE,cChCJ,CDkCI,0OAGE,UAAA,CACA,SClCN,CDsCE,6DAEE,wBAAA,CACA,kDAAA,CAFA,UAAA,CAIA,0BCrCJ,CDwCE,uEACE,0BAAA,CAEA,kDCvCJ,CD2CI,kMAEE,sBAAA,CACA,kBC1CN,CD+CI,0FACE,aExLM,CFyLN,YC7CN,CDiDE,yEACE,0BAAA,CAEA,kDChDJ,CDmDE,oBASE,aElLa,CF0Kb,YAAA,CAEA,qBAAA,CAEA,4CE/MqB,CFgNrB,iBAAA,CACA,eAAA,CAHA,QAAA,CAIA,mBAAA,CANA,eC1CJ,CDmDI,gCACE,kBCjDN","file":"Checkbox.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-checkbox {\n font-family: \"Source Sans Pro\", arial, sans-serif;\n\n * {\n box-sizing: border-box;\n }\n\n &__content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n\n & > svg {\n width: 1.75rem;\n height: 1.75rem;\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n\n & &-description {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n line-height: 1.25rem;\n\n & > span:first-child {\n line-height: 1.4rem;\n color: common.$color-gray-900;\n }\n\n & > span:not(:first-child) {\n color: common.$color-gray-700;\n }\n }\n }\n\n &-select--horizontal &__content {\n flex-direction: column;\n gap: 0.5rem;\n }\n\n &__group-description {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n & ~ &__error {\n display: flex;\n margin-left: 3.2rem;\n align-items: center;\n gap: 0.5rem;\n font-family: \"Source Sans Pro\", arial, sans-serif;\n line-height: 1.25rem;\n color: common.$color-red-700;\n\n & > svg {\n color: common.$color-red-700;\n fill: common.$color-red-700;\n }\n }\n\n &-select ~ &__error {\n margin: 1rem 0 0;\n }\n\n & label {\n display: flex;\n margin: 0;\n border-radius: common.$default-border-radius;\n align-items: center;\n gap: 0.75rem;\n cursor: pointer;\n }\n\n &-select label {\n height: 6.4rem;\n padding: 1rem;\n align-items: center;\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n --box-shadow-color: #{common.$color-gray};\n }\n\n &-select--horizontal label {\n position: relative;\n width: 12rem;\n height: auto;\n padding: 1rem;\n flex-direction: column;\n justify-content: flex-start;\n gap: 0;\n text-align: center;\n\n & .af-checkbox__icons {\n position: absolute;\n top: 1rem;\n left: 1rem;\n }\n }\n\n & label input[type=\"checkbox\"] {\n position: absolute;\n margin-right: 0.5rem;\n opacity: 0;\n\n & ~ .af-checkbox__icons {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n\n & .af-checkbox__checked,\n & .af-checkbox__unchecked {\n width: 1.75rem;\n height: 1.75rem;\n align-items: center;\n }\n\n & .af-checkbox__checked {\n display: none;\n }\n\n & .af-checkbox__unchecked {\n color: common.$color-gray-700;\n fill: common.$color-gray-700;\n }\n }\n }\n\n & label:has(input[type=\"checkbox\"][aria-invalid=\"true\"]) {\n & .af-checkbox__checked,\n & .af-checkbox__unchecked {\n color: common.$color-red-700;\n fill: common.$color-red-700;\n }\n }\n\n & label:has(input[type=\"checkbox\"]:checked) {\n & .af-checkbox__checked {\n display: block;\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n\n & .af-checkbox__unchecked {\n display: none;\n }\n }\n\n &-select label:has(input[type=\"checkbox\"]:checked) {\n background-color: common.$color-blue-2;\n box-shadow: 0 0 0 2px common.$color-axa inset;\n }\n\n & label:has(input[type=\"checkbox\"]:disabled) {\n cursor: default;\n\n & .af-checkbox__content > svg,\n & .af-checkbox__checked,\n & .af-checkbox__unchecked {\n color: common.$color-btn-disabled-text;\n fill: common.$color-btn-disabled-text;\n }\n }\n\n &-select label:has(input[type=\"checkbox\"]:disabled) {\n color: common.$color-btn-disabled-text;\n background-color: common.$color-gray-200;\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n --box-shadow-color: #{common.$color-gray-400};\n }\n\n &-select label:has(input[type=\"checkbox\"][aria-invalid=\"true\"]) {\n --box-shadow-color: #{common.$color-red-700};\n\n box-shadow: 0 0 0 2px var(--box-shadow-color) inset;\n }\n\n & label input[type=\"checkbox\"]:focus-visible ~ .af-checkbox__icons {\n & .af-checkbox__unchecked,\n & .af-checkbox__checked {\n outline: 2px solid common.$color-blue-3;\n outline-offset: 3px;\n }\n }\n\n & label:hover:not(:has(input[type=\"checkbox\"]:disabled)) {\n & .af-checkbox__unchecked {\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n }\n\n &-select label:hover:not(:has(input[type=\"checkbox\"]:disabled)) {\n --box-shadow-color: #{common.$color-axa};\n\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n }\n\n &-select {\n display: flex;\n margin-top: 1rem;\n flex-direction: column;\n gap: 1rem;\n font-family: common.$font-family-base;\n font-style: normal;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n\n &--horizontal {\n flex-direction: row;\n }\n }\n}\n","@use \"../../common/common\" as common;\n\n.af-checkbox {\n font-family: \"Source Sans Pro\", arial, sans-serif;\n\n * {\n box-sizing: border-box;\n }\n\n &__content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n\n & > svg {\n width: 1.75rem;\n height: 1.75rem;\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n\n & &-description {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n line-height: 1.25rem;\n\n & > span:first-child {\n line-height: 1.4rem;\n color: common.$color-gray-900;\n }\n\n & > span:not(:first-child) {\n color: common.$color-gray-700;\n }\n }\n }\n\n &-select--horizontal &__content {\n flex-direction: column;\n gap: 0.5rem;\n }\n\n &__group-description {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n & ~ &__error {\n display: flex;\n margin-left: 3.2rem;\n align-items: center;\n gap: 0.5rem;\n font-family: \"Source Sans Pro\", arial, sans-serif;\n line-height: 1.25rem;\n color: common.$color-red-700;\n\n & > svg {\n color: common.$color-red-700;\n fill: common.$color-red-700;\n }\n }\n\n &-select ~ &__error {\n margin: 1rem 0 0;\n }\n\n & label {\n display: flex;\n margin: 0;\n border-radius: common.$default-border-radius;\n align-items: center;\n gap: 0.75rem;\n cursor: pointer;\n }\n\n &-select label {\n height: 6.4rem;\n padding: 1rem;\n align-items: center;\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n --box-shadow-color: #{common.$color-gray};\n }\n\n &-select--horizontal label {\n position: relative;\n width: 12rem;\n height: auto;\n padding: 1rem;\n flex-direction: column;\n justify-content: flex-start;\n gap: 0;\n text-align: center;\n\n & .af-checkbox__icons {\n position: absolute;\n top: 1rem;\n left: 1rem;\n }\n }\n\n & label input[type=\"checkbox\"] {\n position: absolute;\n margin-right: 0.5rem;\n opacity: 0;\n\n & ~ .af-checkbox__icons {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n\n & .af-checkbox__checked,\n & .af-checkbox__unchecked {\n width: 1.75rem;\n height: 1.75rem;\n align-items: center;\n }\n\n & .af-checkbox__checked {\n display: none;\n }\n\n & .af-checkbox__unchecked {\n color: common.$color-gray-700;\n fill: common.$color-gray-700;\n }\n }\n }\n\n & label:has(input[type=\"checkbox\"][aria-invalid=\"true\"]) {\n & .af-checkbox__checked,\n & .af-checkbox__unchecked {\n color: common.$color-red-700;\n fill: common.$color-red-700;\n }\n }\n\n & label:has(input[type=\"checkbox\"]:checked) {\n & .af-checkbox__checked {\n display: block;\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n\n & .af-checkbox__unchecked {\n display: none;\n }\n }\n\n &-select label:has(input[type=\"checkbox\"]:checked) {\n background-color: common.$color-blue-2;\n box-shadow: 0 0 0 2px common.$color-axa inset;\n }\n\n & label:has(input[type=\"checkbox\"]:disabled) {\n cursor: default;\n\n & .af-checkbox__content > svg,\n & .af-checkbox__checked,\n & .af-checkbox__unchecked {\n color: common.$color-btn-disabled-text;\n fill: common.$color-btn-disabled-text;\n }\n }\n\n &-select label:has(input[type=\"checkbox\"]:disabled) {\n color: common.$color-btn-disabled-text;\n background-color: common.$color-gray-200;\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n --box-shadow-color: #{common.$color-gray-400};\n }\n\n &-select label:has(input[type=\"checkbox\"][aria-invalid=\"true\"]) {\n --box-shadow-color: #{common.$color-red-700};\n\n box-shadow: 0 0 0 2px var(--box-shadow-color) inset;\n }\n\n & label input[type=\"checkbox\"]:focus-visible ~ .af-checkbox__icons {\n & .af-checkbox__unchecked,\n & .af-checkbox__checked {\n outline: 2px solid common.$color-blue-3;\n outline-offset: 3px;\n }\n }\n\n & label:hover:not(:has(input[type=\"checkbox\"]:disabled)) {\n & .af-checkbox__unchecked {\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n }\n\n &-select label:hover:not(:has(input[type=\"checkbox\"]:disabled)) {\n --box-shadow-color: #{common.$color-axa};\n\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n }\n\n &-select {\n display: flex;\n margin-top: 1rem;\n flex-direction: column;\n gap: 1rem;\n font-family: common.$font-family-base;\n font-style: normal;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n\n &--horizontal {\n flex-direction: row;\n }\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/Form/Checkbox/Checkbox.scss%23sass","../../../src/Form/Checkbox/Checkbox.scss","../../../src/common/common.scss"],"names":[],"mappings":"AAEA,aACE,4CCDF,CDGE,eACE,qBCDJ,CDIE,sBAEE,kBAAA,CADA,YAAA,CAGA,QAAA,CADA,sBCDJ,CDII,0BAGE,aAAA,CADA,cAAA,CADA,aAAA,CAGA,YCFN,CDKI,wDACE,YAAA,CACA,qBAAA,CACA,UAAA,CACA,mBCHN,CDKM,yEAEE,UAAA,CADA,kBCFR,CDMM,+EACE,aCJR,CDSE,sDACE,qBAAA,CACA,SCPJ,CDUE,gCACE,cAAA,CACA,mBCRJ,CDWE,iCAGE,kBAAA,CAIA,aAAA,CANA,YAAA,CAIA,4CAAA,CADA,SAAA,CAEA,mBAAA,CAJA,kBCJJ,CDWI,qCACE,aAAA,CACA,YCTN,CDaE,wCACE,eCXJ,CDcE,mBAIE,kBAAA,CADA,iBAAA,CAGA,cAAA,CALA,YAAA,CAIA,UAAA,CAHA,QCRJ,CDeE,0BAGE,kBAAA,CACA,kDAAA,CAHA,aAAA,CACA,YAAA,CAIA,0BCdJ,CDiBE,sCAKE,qBAAA,CAEA,KAAA,CAJA,WAAA,CAGA,0BAAA,CAFA,YAAA,CAHA,iBAAA,CAOA,iBAAA,CANA,WCTJ,CDiBI,0DAGE,SAAA,CAFA,iBAAA,CACA,QCdN,CDmBE,wCAEE,kBAAA,CACA,SAAA,CAFA,iBCfJ,CDmBI,4DAEE,kBAAA,CADA,YAAA,CAEA,UCjBN,CDmBM,sKAIE,kBAAA,CADA,cAAA,CADA,aChBR,CDqBM,kFACE,YCnBR,CDsBM,oFACE,aAAA,CACA,YCpBR,CD0BI,8KAEE,aAAA,CACA,YCzBN,CD8BI,2EAEE,aAAA,CADA,aAAA,CAEA,YC5BN,CD+BI,6EACE,YC7BN,CDiCE,4DACE,wBAAA,CACA,kCC/BJ,CDkCE,sDACE,cChCJ,CDkCI,0OAGE,UAAA,CACA,SClCN,CDsCE,6DAEE,wBAAA,CACA,kDAAA,CAFA,UAAA,CAIA,0BCrCJ,CDwCE,uEACE,0BAAA,CAEA,kDCvCJ,CD2CI,kMAEE,sBAAA,CACA,kBC1CN,CD+CI,0FACE,aEtLM,CFuLN,YC7CN,CDiDE,yEACE,0BAAA,CAEA,kDChDJ,CDmDE,oBASE,aEhLa,CFwKb,YAAA,CAEA,qBAAA,CAEA,4CE7MqB,CF8MrB,iBAAA,CACA,eAAA,CAHA,QAAA,CAIA,mBAAA,CANA,eC1CJ,CDmDI,gCACE,kBCjDN","file":"Checkbox.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-checkbox {\n font-family: \"Source Sans Pro\", arial, sans-serif;\n\n * {\n box-sizing: border-box;\n }\n\n &__content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n\n & > svg {\n width: 1.75rem;\n height: 1.75rem;\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n\n & &-description {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n line-height: 1.25rem;\n\n & > span:first-child {\n line-height: 1.4rem;\n color: common.$color-gray-900;\n }\n\n & > span:not(:first-child) {\n color: common.$color-gray-700;\n }\n }\n }\n\n &-select--horizontal &__content {\n flex-direction: column;\n gap: 0.5rem;\n }\n\n &__group-description {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n & ~ &__error {\n display: flex;\n margin-left: 3.2rem;\n align-items: center;\n gap: 0.5rem;\n font-family: \"Source Sans Pro\", arial, sans-serif;\n line-height: 1.25rem;\n color: common.$color-red-700;\n\n & > svg {\n color: common.$color-red-700;\n fill: common.$color-red-700;\n }\n }\n\n &-select ~ &__error {\n margin: 1rem 0 0;\n }\n\n & label {\n display: flex;\n margin: 0;\n border-radius: common.$default-border-radius;\n align-items: center;\n gap: 0.75rem;\n cursor: pointer;\n }\n\n &-select label {\n height: 6.4rem;\n padding: 1rem;\n align-items: center;\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n --box-shadow-color: #{common.$color-gray};\n }\n\n &-select--horizontal label {\n position: relative;\n width: 12rem;\n height: auto;\n padding: 1rem;\n flex-direction: column;\n justify-content: flex-start;\n gap: 0;\n text-align: center;\n\n & .af-checkbox__icons {\n position: absolute;\n top: 1rem;\n left: 1rem;\n }\n }\n\n & label input[type=\"checkbox\"] {\n position: absolute;\n margin-right: 0.5rem;\n opacity: 0;\n\n & ~ .af-checkbox__icons {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n\n & .af-checkbox__checked,\n & .af-checkbox__unchecked {\n width: 1.75rem;\n height: 1.75rem;\n align-items: center;\n }\n\n & .af-checkbox__checked {\n display: none;\n }\n\n & .af-checkbox__unchecked {\n color: common.$color-gray-700;\n fill: common.$color-gray-700;\n }\n }\n }\n\n & label:has(input[type=\"checkbox\"][aria-invalid=\"true\"]) {\n & .af-checkbox__checked,\n & .af-checkbox__unchecked {\n color: common.$color-red-700;\n fill: common.$color-red-700;\n }\n }\n\n & label:has(input[type=\"checkbox\"]:checked) {\n & .af-checkbox__checked {\n display: block;\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n\n & .af-checkbox__unchecked {\n display: none;\n }\n }\n\n &-select label:has(input[type=\"checkbox\"]:checked) {\n background-color: common.$color-blue-2;\n box-shadow: 0 0 0 2px common.$color-axa inset;\n }\n\n & label:has(input[type=\"checkbox\"]:disabled) {\n cursor: default;\n\n & .af-checkbox__content > svg,\n & .af-checkbox__checked,\n & .af-checkbox__unchecked {\n color: common.$color-btn-disabled-text;\n fill: common.$color-btn-disabled-text;\n }\n }\n\n &-select label:has(input[type=\"checkbox\"]:disabled) {\n color: common.$color-btn-disabled-text;\n background-color: common.$color-gray-200;\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n --box-shadow-color: #{common.$color-gray-400};\n }\n\n &-select label:has(input[type=\"checkbox\"][aria-invalid=\"true\"]) {\n --box-shadow-color: #{common.$color-red-700};\n\n box-shadow: 0 0 0 2px var(--box-shadow-color) inset;\n }\n\n & label input[type=\"checkbox\"]:focus-visible ~ .af-checkbox__icons {\n & .af-checkbox__unchecked,\n & .af-checkbox__checked {\n outline: 2px solid common.$color-blue-3;\n outline-offset: 3px;\n }\n }\n\n & label:hover:not(:has(input[type=\"checkbox\"]:disabled)) {\n & .af-checkbox__unchecked {\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n }\n\n &-select label:hover:not(:has(input[type=\"checkbox\"]:disabled)) {\n --box-shadow-color: #{common.$color-axa};\n\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n }\n\n &-select {\n display: flex;\n margin-top: 1rem;\n flex-direction: column;\n gap: 1rem;\n font-family: common.$font-family-base;\n font-style: normal;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n\n &--horizontal {\n flex-direction: row;\n }\n }\n}\n","@use \"../../common/common\" as common;\n\n.af-checkbox {\n font-family: \"Source Sans Pro\", arial, sans-serif;\n\n * {\n box-sizing: border-box;\n }\n\n &__content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n\n & > svg {\n width: 1.75rem;\n height: 1.75rem;\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n\n & &-description {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n line-height: 1.25rem;\n\n & > span:first-child {\n line-height: 1.4rem;\n color: common.$color-gray-900;\n }\n\n & > span:not(:first-child) {\n color: common.$color-gray-700;\n }\n }\n }\n\n &-select--horizontal &__content {\n flex-direction: column;\n gap: 0.5rem;\n }\n\n &__group-description {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n & ~ &__error {\n display: flex;\n margin-left: 3.2rem;\n align-items: center;\n gap: 0.5rem;\n font-family: \"Source Sans Pro\", arial, sans-serif;\n line-height: 1.25rem;\n color: common.$color-red-700;\n\n & > svg {\n color: common.$color-red-700;\n fill: common.$color-red-700;\n }\n }\n\n &-select ~ &__error {\n margin: 1rem 0 0;\n }\n\n & label {\n display: flex;\n margin: 0;\n border-radius: common.$default-border-radius;\n align-items: center;\n gap: 0.75rem;\n cursor: pointer;\n }\n\n &-select label {\n height: 6.4rem;\n padding: 1rem;\n align-items: center;\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n --box-shadow-color: #{common.$color-gray};\n }\n\n &-select--horizontal label {\n position: relative;\n width: 12rem;\n height: auto;\n padding: 1rem;\n flex-direction: column;\n justify-content: flex-start;\n gap: 0;\n text-align: center;\n\n & .af-checkbox__icons {\n position: absolute;\n top: 1rem;\n left: 1rem;\n }\n }\n\n & label input[type=\"checkbox\"] {\n position: absolute;\n margin-right: 0.5rem;\n opacity: 0;\n\n & ~ .af-checkbox__icons {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n\n & .af-checkbox__checked,\n & .af-checkbox__unchecked {\n width: 1.75rem;\n height: 1.75rem;\n align-items: center;\n }\n\n & .af-checkbox__checked {\n display: none;\n }\n\n & .af-checkbox__unchecked {\n color: common.$color-gray-700;\n fill: common.$color-gray-700;\n }\n }\n }\n\n & label:has(input[type=\"checkbox\"][aria-invalid=\"true\"]) {\n & .af-checkbox__checked,\n & .af-checkbox__unchecked {\n color: common.$color-red-700;\n fill: common.$color-red-700;\n }\n }\n\n & label:has(input[type=\"checkbox\"]:checked) {\n & .af-checkbox__checked {\n display: block;\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n\n & .af-checkbox__unchecked {\n display: none;\n }\n }\n\n &-select label:has(input[type=\"checkbox\"]:checked) {\n background-color: common.$color-blue-2;\n box-shadow: 0 0 0 2px common.$color-axa inset;\n }\n\n & label:has(input[type=\"checkbox\"]:disabled) {\n cursor: default;\n\n & .af-checkbox__content > svg,\n & .af-checkbox__checked,\n & .af-checkbox__unchecked {\n color: common.$color-btn-disabled-text;\n fill: common.$color-btn-disabled-text;\n }\n }\n\n &-select label:has(input[type=\"checkbox\"]:disabled) {\n color: common.$color-btn-disabled-text;\n background-color: common.$color-gray-200;\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n --box-shadow-color: #{common.$color-gray-400};\n }\n\n &-select label:has(input[type=\"checkbox\"][aria-invalid=\"true\"]) {\n --box-shadow-color: #{common.$color-red-700};\n\n box-shadow: 0 0 0 2px var(--box-shadow-color) inset;\n }\n\n & label input[type=\"checkbox\"]:focus-visible ~ .af-checkbox__icons {\n & .af-checkbox__unchecked,\n & .af-checkbox__checked {\n outline: 2px solid common.$color-blue-3;\n outline-offset: 3px;\n }\n }\n\n & label:hover:not(:has(input[type=\"checkbox\"]:disabled)) {\n & .af-checkbox__unchecked {\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n }\n\n &-select label:hover:not(:has(input[type=\"checkbox\"]:disabled)) {\n --box-shadow-color: #{common.$color-axa};\n\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n }\n\n &-select {\n display: flex;\n margin-top: 1rem;\n flex-direction: column;\n gap: 1rem;\n font-family: common.$font-family-base;\n font-style: normal;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n\n &--horizontal {\n flex-direction: row;\n }\n }\n}\n","@import \"./mixins\";\n\n$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Form/FileUpload/FileUpload.scss%23sass","../../../src/Form/FileUpload/FileUpload.scss","../../../src/common/common.scss"],"names":[],"mappings":"AAII,uBAGE,UAAA,CAFA,kBAAA,CCHN,eAEA,CDQI,qBAUE,kBAAA,CAKA,qBEnBQ,CFWR,yBAAA,CACA,iBAAA,CAMA,UAAA,CAEA,cAAA,CAdA,YAAA,CAOA,qBAAA,CAGA,eAAA,CADA,6BAAA,CAPA,mBAAA,CADA,gBAAA,CAGA,sBAAA,CALA,iBAAA,CAYA,iBCHN,CDQM,+BACE,mBCNR,CDSM,2BACE,oBCPR,CDUM,4BACE,oBCRR,CDWM,2BAGE,QAAA,CAIA,cAAA,CAHA,MAAA,CAEA,SAAA,CALA,iBAAA,CACA,KAAA,CAGA,UCPR,CDYM,mCAEE,eAAA,CADA,gBCTR,CDaM,0BAGE,aAAA,CAFA,cAAA,CACA,eCVR,CDeQ,+BACE,YCbV,CDiBM,oCACE,SCfR,CDmBI,oBACE,YAAA,CAGA,cAAA,CACA,eAAA,CACA,eAAA,CAJA,mBAAA,CACA,SCdN,CDoBI,+BAEE,kBAAA,CADA,YAAA,CAGA,SAAA,CADA,sBCjBN,CDsBU,+CACE,YCpBZ,CDyBU,iDACE,YCvBZ,CD6BI,qBAEE,kBAAA,CADA,YAAA,CAEA,SC3BN,CD6BM,yBACE,YAAA,CACA,qBC3BR,CD+BI,oBAEE,UAAA,CADA,kBC5BN,CDgCI,oBAEE,aEzFW,CFwFX,cC7BN,CDiCI,qBAIE,kBAAA,CAGA,aAAA,CANA,YAAA,CAKA,cAAA,CADA,UAAA,CAFA,mBAAA,CADA,iBC1BN,CDkCQ,+BACE,YChCV,CDqCI,oBACE,UCnCN,CDqCM,8BAME,kBAAA,CAEA,eAAA,CAJA,wBAAA,CACA,iBAAA,CAJA,YAAA,CAMA,6BAAA,CALA,kBAAA,CACA,YC9BR,CDqCQ,qCACE,oBCnCV,CDwCI,uBAEE,oBAAA,CAGA,cAAA,CAJA,YAAA,CAGA,QAAA,CADA,sBCpCN,CDyCQ,iCACE,YCvCV,CDkDQ,8CACE,YC/CV,CDqDE,0BACE,UCnDJ","file":"FileUpload.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-form {\n &__group {\n &--label {\n font-size: 1.125rem;\n font-weight: 600;\n color: common.$color-gray-900;\n }\n }\n\n &__file {\n &-input {\n position: relative;\n display: flex;\n margin-top: 0.5rem;\n margin-bottom: 0.6rem;\n padding: 1rem;\n padding-bottom: 2rem;\n border: 2px dashed common.$color-axa;\n border-radius: 8px;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n font-weight: normal;\n text-align: center;\n color: common.$color-gray-900;\n background-color: common.$color-white;\n cursor: pointer;\n\n &.is-mobile {\n padding-bottom: 1rem;\n }\n\n &:hover {\n border-color: common.$color-gray-700;\n }\n\n &--error {\n border-color: common.$color-red-700;\n }\n\n input {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n opacity: 0;\n cursor: pointer;\n }\n\n &-dropdown-text {\n padding-top: 1rem;\n line-height: 5px;\n }\n\n &-help {\n font-size: 1rem;\n font-weight: 400;\n color: common.$color-gray-700;\n }\n\n &-icon {\n path {\n fill: common.$color-axa;\n }\n }\n\n .af-btn-client {\n width: 50%;\n }\n }\n\n &-list {\n display: flex;\n margin-top: 1.125rem;\n padding: 0;\n flex-wrap: wrap;\n font-size: 0.9rem;\n list-style: none;\n }\n\n &-title-container {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n\n &-icon {\n &-error {\n path {\n fill: common.$color-red-700;\n }\n }\n\n &-success {\n path {\n fill: common.$color-green-600;\n }\n }\n }\n }\n\n &-title {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n\n & > div {\n display: flex;\n flex-direction: column;\n }\n }\n\n &-name {\n font-size: 1.125rem;\n color: common.$color-gray-900;\n }\n\n &-size {\n font-size: 1rem;\n color: common.$color-gray-700;\n }\n\n &-error {\n display: flex;\n margin-top: -0.9rem;\n margin-bottom: 0.9rem;\n align-items: center;\n gap: 0.25rem;\n font-size: 1rem;\n color: common.$color-red-700;\n\n &-icon {\n path {\n fill: common.$color-red-700;\n }\n }\n }\n\n &-line {\n width: 100%;\n\n &-container {\n display: flex;\n margin-bottom: 1rem;\n padding: 1rem;\n border: 1px solid common.$color-gray-700;\n border-radius: common.$default-border-radius;\n align-items: center;\n justify-content: space-between;\n background: common.$color-white;\n\n &--error {\n border-color: common.$color-red-700;\n }\n }\n }\n\n &-actions {\n display: flex;\n align-items: baseline;\n justify-content: center;\n gap: 1rem;\n cursor: pointer;\n\n &-icon {\n path {\n fill: common.$color-gray-700;\n }\n }\n }\n }\n}\n\n.is-mobile {\n .af-form {\n &__file {\n &-input {\n &-dropdown-text {\n display: none;\n }\n }\n }\n }\n\n .af-btn-client {\n width: 100%;\n }\n}\n","@use \"../../common/common\" as common;\n\n.af-form {\n &__group {\n &--label {\n font-size: 1.125rem;\n font-weight: 600;\n color: common.$color-gray-900;\n }\n }\n\n &__file {\n &-input {\n position: relative;\n display: flex;\n margin-top: 0.5rem;\n margin-bottom: 0.6rem;\n padding: 1rem;\n padding-bottom: 2rem;\n border: 2px dashed common.$color-axa;\n border-radius: 8px;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n font-weight: normal;\n text-align: center;\n color: common.$color-gray-900;\n background-color: common.$color-white;\n cursor: pointer;\n\n &.is-mobile {\n padding-bottom: 1rem;\n }\n\n &:hover {\n border-color: common.$color-gray-700;\n }\n\n &--error {\n border-color: common.$color-red-700;\n }\n\n input {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n opacity: 0;\n cursor: pointer;\n }\n\n &-dropdown-text {\n padding-top: 1rem;\n line-height: 5px;\n }\n\n &-help {\n font-size: 1rem;\n font-weight: 400;\n color: common.$color-gray-700;\n }\n\n &-icon {\n path {\n fill: common.$color-axa;\n }\n }\n\n .af-btn-client {\n width: 50%;\n }\n }\n\n &-list {\n display: flex;\n margin-top: 1.125rem;\n padding: 0;\n flex-wrap: wrap;\n font-size: 0.9rem;\n list-style: none;\n }\n\n &-title-container {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n\n &-icon {\n &-error {\n path {\n fill: common.$color-red-700;\n }\n }\n\n &-success {\n path {\n fill: common.$color-green-600;\n }\n }\n }\n }\n\n &-title {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n\n & > div {\n display: flex;\n flex-direction: column;\n }\n }\n\n &-name {\n font-size: 1.125rem;\n color: common.$color-gray-900;\n }\n\n &-size {\n font-size: 1rem;\n color: common.$color-gray-700;\n }\n\n &-error {\n display: flex;\n margin-top: -0.9rem;\n margin-bottom: 0.9rem;\n align-items: center;\n gap: 0.25rem;\n font-size: 1rem;\n color: common.$color-red-700;\n\n &-icon {\n path {\n fill: common.$color-red-700;\n }\n }\n }\n\n &-line {\n width: 100%;\n\n &-container {\n display: flex;\n margin-bottom: 1rem;\n padding: 1rem;\n border: 1px solid common.$color-gray-700;\n border-radius: common.$default-border-radius;\n align-items: center;\n justify-content: space-between;\n background: common.$color-white;\n\n &--error {\n border-color: common.$color-red-700;\n }\n }\n }\n\n &-actions {\n display: flex;\n align-items: baseline;\n justify-content: center;\n gap: 1rem;\n cursor: pointer;\n\n &-icon {\n path {\n fill: common.$color-gray-700;\n }\n }\n }\n }\n}\n\n.is-mobile {\n .af-form {\n &__file {\n &-input {\n &-dropdown-text {\n display: none;\n }\n }\n }\n }\n\n .af-btn-client {\n width: 100%;\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/Form/FileUpload/FileUpload.scss%23sass","../../../src/Form/FileUpload/FileUpload.scss","../../../src/common/common.scss"],"names":[],"mappings":"AAII,uBAGE,UAAA,CAFA,kBAAA,CCHN,eAEA,CDQI,qBAUE,kBAAA,CAKA,qBEjBQ,CFSR,yBAAA,CACA,iBAAA,CAMA,UAAA,CAEA,cAAA,CAdA,YAAA,CAOA,qBAAA,CAGA,eAAA,CADA,6BAAA,CAPA,mBAAA,CADA,gBAAA,CAGA,sBAAA,CALA,iBAAA,CAYA,iBCHN,CDQM,+BACE,mBCNR,CDSM,2BACE,oBCPR,CDUM,4BACE,oBCRR,CDWM,2BAGE,QAAA,CAIA,cAAA,CAHA,MAAA,CAEA,SAAA,CALA,iBAAA,CACA,KAAA,CAGA,UCPR,CDYM,mCAEE,eAAA,CADA,gBCTR,CDaM,0BAGE,aAAA,CAFA,cAAA,CACA,eCVR,CDeQ,+BACE,YCbV,CDiBM,oCACE,SCfR,CDmBI,oBACE,YAAA,CAGA,cAAA,CACA,eAAA,CACA,eAAA,CAJA,mBAAA,CACA,SCdN,CDoBI,+BAEE,kBAAA,CADA,YAAA,CAGA,SAAA,CADA,sBCjBN,CDsBU,+CACE,YCpBZ,CDyBU,iDACE,YCvBZ,CD6BI,qBAEE,kBAAA,CADA,YAAA,CAEA,SC3BN,CD6BM,yBACE,YAAA,CACA,qBC3BR,CD+BI,oBAEE,UAAA,CADA,kBC5BN,CDgCI,oBAEE,aEvFW,CFsFX,cC7BN,CDiCI,qBAIE,kBAAA,CAGA,aAAA,CANA,YAAA,CAKA,cAAA,CADA,UAAA,CAFA,mBAAA,CADA,iBC1BN,CDkCQ,+BACE,YChCV,CDqCI,oBACE,UCnCN,CDqCM,8BAME,kBAAA,CAEA,eAAA,CAJA,wBAAA,CACA,iBAAA,CAJA,YAAA,CAMA,6BAAA,CALA,kBAAA,CACA,YC9BR,CDqCQ,qCACE,oBCnCV,CDwCI,uBAEE,oBAAA,CAGA,cAAA,CAJA,YAAA,CAGA,QAAA,CADA,sBCpCN,CDyCQ,iCACE,YCvCV,CDkDQ,8CACE,YC/CV,CDqDE,0BACE,UCnDJ","file":"FileUpload.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-form {\n &__group {\n &--label {\n font-size: 1.125rem;\n font-weight: 600;\n color: common.$color-gray-900;\n }\n }\n\n &__file {\n &-input {\n position: relative;\n display: flex;\n margin-top: 0.5rem;\n margin-bottom: 0.6rem;\n padding: 1rem;\n padding-bottom: 2rem;\n border: 2px dashed common.$color-axa;\n border-radius: 8px;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n font-weight: normal;\n text-align: center;\n color: common.$color-gray-900;\n background-color: common.$color-white;\n cursor: pointer;\n\n &.is-mobile {\n padding-bottom: 1rem;\n }\n\n &:hover {\n border-color: common.$color-gray-700;\n }\n\n &--error {\n border-color: common.$color-red-700;\n }\n\n input {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n opacity: 0;\n cursor: pointer;\n }\n\n &-dropdown-text {\n padding-top: 1rem;\n line-height: 5px;\n }\n\n &-help {\n font-size: 1rem;\n font-weight: 400;\n color: common.$color-gray-700;\n }\n\n &-icon {\n path {\n fill: common.$color-axa;\n }\n }\n\n .af-btn-client {\n width: 50%;\n }\n }\n\n &-list {\n display: flex;\n margin-top: 1.125rem;\n padding: 0;\n flex-wrap: wrap;\n font-size: 0.9rem;\n list-style: none;\n }\n\n &-title-container {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n\n &-icon {\n &-error {\n path {\n fill: common.$color-red-700;\n }\n }\n\n &-success {\n path {\n fill: common.$color-green-600;\n }\n }\n }\n }\n\n &-title {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n\n & > div {\n display: flex;\n flex-direction: column;\n }\n }\n\n &-name {\n font-size: 1.125rem;\n color: common.$color-gray-900;\n }\n\n &-size {\n font-size: 1rem;\n color: common.$color-gray-700;\n }\n\n &-error {\n display: flex;\n margin-top: -0.9rem;\n margin-bottom: 0.9rem;\n align-items: center;\n gap: 0.25rem;\n font-size: 1rem;\n color: common.$color-red-700;\n\n &-icon {\n path {\n fill: common.$color-red-700;\n }\n }\n }\n\n &-line {\n width: 100%;\n\n &-container {\n display: flex;\n margin-bottom: 1rem;\n padding: 1rem;\n border: 1px solid common.$color-gray-700;\n border-radius: common.$default-border-radius;\n align-items: center;\n justify-content: space-between;\n background: common.$color-white;\n\n &--error {\n border-color: common.$color-red-700;\n }\n }\n }\n\n &-actions {\n display: flex;\n align-items: baseline;\n justify-content: center;\n gap: 1rem;\n cursor: pointer;\n\n &-icon {\n path {\n fill: common.$color-gray-700;\n }\n }\n }\n }\n}\n\n.is-mobile {\n .af-form {\n &__file {\n &-input {\n &-dropdown-text {\n display: none;\n }\n }\n }\n }\n\n .af-btn-client {\n width: 100%;\n }\n}\n","@use \"../../common/common\" as common;\n\n.af-form {\n &__group {\n &--label {\n font-size: 1.125rem;\n font-weight: 600;\n color: common.$color-gray-900;\n }\n }\n\n &__file {\n &-input {\n position: relative;\n display: flex;\n margin-top: 0.5rem;\n margin-bottom: 0.6rem;\n padding: 1rem;\n padding-bottom: 2rem;\n border: 2px dashed common.$color-axa;\n border-radius: 8px;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n font-weight: normal;\n text-align: center;\n color: common.$color-gray-900;\n background-color: common.$color-white;\n cursor: pointer;\n\n &.is-mobile {\n padding-bottom: 1rem;\n }\n\n &:hover {\n border-color: common.$color-gray-700;\n }\n\n &--error {\n border-color: common.$color-red-700;\n }\n\n input {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n opacity: 0;\n cursor: pointer;\n }\n\n &-dropdown-text {\n padding-top: 1rem;\n line-height: 5px;\n }\n\n &-help {\n font-size: 1rem;\n font-weight: 400;\n color: common.$color-gray-700;\n }\n\n &-icon {\n path {\n fill: common.$color-axa;\n }\n }\n\n .af-btn-client {\n width: 50%;\n }\n }\n\n &-list {\n display: flex;\n margin-top: 1.125rem;\n padding: 0;\n flex-wrap: wrap;\n font-size: 0.9rem;\n list-style: none;\n }\n\n &-title-container {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n\n &-icon {\n &-error {\n path {\n fill: common.$color-red-700;\n }\n }\n\n &-success {\n path {\n fill: common.$color-green-600;\n }\n }\n }\n }\n\n &-title {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n\n & > div {\n display: flex;\n flex-direction: column;\n }\n }\n\n &-name {\n font-size: 1.125rem;\n color: common.$color-gray-900;\n }\n\n &-size {\n font-size: 1rem;\n color: common.$color-gray-700;\n }\n\n &-error {\n display: flex;\n margin-top: -0.9rem;\n margin-bottom: 0.9rem;\n align-items: center;\n gap: 0.25rem;\n font-size: 1rem;\n color: common.$color-red-700;\n\n &-icon {\n path {\n fill: common.$color-red-700;\n }\n }\n }\n\n &-line {\n width: 100%;\n\n &-container {\n display: flex;\n margin-bottom: 1rem;\n padding: 1rem;\n border: 1px solid common.$color-gray-700;\n border-radius: common.$default-border-radius;\n align-items: center;\n justify-content: space-between;\n background: common.$color-white;\n\n &--error {\n border-color: common.$color-red-700;\n }\n }\n }\n\n &-actions {\n display: flex;\n align-items: baseline;\n justify-content: center;\n gap: 1rem;\n cursor: pointer;\n\n &-icon {\n path {\n fill: common.$color-gray-700;\n }\n }\n }\n }\n}\n\n.is-mobile {\n .af-form {\n &__file {\n &-input {\n &-dropdown-text {\n display: none;\n }\n }\n }\n }\n\n .af-btn-client {\n width: 100%;\n }\n}\n","@import \"./mixins\";\n\n$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Form/Radio/Radio.scss%23sass","../../../src/Form/Radio/Radio.scss","../../../src/common/common.scss"],"names":[],"mappings":"AAEA,UACE,4CCDF,CDGE,YACE,qBCDJ,CDIE,qBACE,YAAA,CACA,qBAAA,CACA,QCFJ,CDKE,iBAGE,UEgBa,CFlBb,iBAAA,CACA,eCFJ,CDME,mBAEE,kBAAA,CADA,YAAA,CAGA,QAAA,CADA,sBCHJ,CDMI,uBAGE,aEvBM,CFsBN,cAAA,CADA,aAAA,CAGA,YCJN,CDOI,kDACE,YAAA,CACA,qBAAA,CACA,UAAA,CACA,mBCLN,CDOM,mEAGE,UAAA,CAFA,kBAAA,CACA,kBCJR,CDQM,yEACE,aCNR,CDWE,gDACE,qBAAA,CACA,SCTJ,CDYE,6BACE,cAAA,CACA,mBCVJ,CDaE,0BACE,SCXJ,CDaI,mCACE,mBCXN,CDeE,gBAIE,sBAAA,CADA,iBAAA,CAGA,cAAA,CALA,YAAA,CAIA,UAAA,CAHA,QCTJ,CDgBE,uBAGE,kBAAA,CACA,kDAAA,CAHA,aAAA,CACA,YAAA,CAIA,0BCfJ,CDmBI,wDACE,aE9EU,CF+EV,YCjBN,CDqBE,mCAKE,qBAAA,CAEA,KAAA,CAJA,WAAA,CAGA,0BAAA,CAFA,YAAA,CAHA,iBAAA,CAOA,iBAAA,CANA,WCbJ,CDqBI,oDAGE,SAAA,CAFA,iBAAA,CACA,QClBN,CDuBE,0CACE,0BAAA,CAEA,kDCtBJ,CDyBE,kCAEE,kBAAA,CACA,SAAA,CAFA,iBCrBJ,CDyBI,mDAEE,kBAAA,CADA,YAAA,CAEA,UCvBN,CDyBM,8IAIE,kBAAA,CADA,cAAA,CADA,aCtBR,CD2BM,sEACE,YCzBR,CD4BM,wEACE,aAAA,CACA,YC1BR,CDgCI,kEAEE,aAAA,CADA,aAAA,CAEA,YC9BN,CDiCI,oEACE,YC/BN,CDmCE,iDACE,0BAAA,CAEA,kDClCJ,CDqCE,gDACE,cCnCJ,CDqCI,+MAGE,UAAA,CACA,SCrCN,CDyCE,0EACE,wBElKW,CFmKX,kCCvCJ,CD0CE,2EAEE,wBAAA,CACA,kDAAA,CAFA,UAAA,CAIA,0BCzCJ,CD6CI,0KAEE,sBAAA,CACA,kBC5CN,CDiDI,iFACE,aAAA,CACA,YC/CN,CDmDE,iBAQE,aAAA,CAPA,YAAA,CACA,qBAAA,CAEA,4CE/MqB,CFgNrB,iBAAA,CACA,eAAA,CAHA,QAAA,CAIA,mBChDJ,CDmDI,6BACE,kBCjDN","file":"Radio.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-radio {\n font-family: \"Source Sans Pro\", arial, sans-serif;\n\n * {\n box-sizing: border-box;\n }\n\n &__container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n &__label {\n font-size: 1.25rem;\n font-weight: 600;\n color: common.$color-gray-900;\n }\n\n &__content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n\n & > svg {\n width: 1.75rem;\n height: 1.75rem;\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n\n & &-description {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n line-height: 1.25rem;\n\n & > span:first-child {\n font-size: 1.125rem;\n line-height: 1.4rem;\n color: common.$color-gray-900;\n }\n\n & > span:not(:first-child) {\n color: common.$color-gray-700;\n }\n }\n }\n\n &-select--horizontal &__content {\n flex-direction: column;\n gap: 0.5rem;\n }\n\n &__group-description {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n & ~ .af-input-error {\n gap: 0.5rem;\n\n &__message {\n line-height: 1.25rem;\n }\n }\n\n & label {\n display: flex;\n margin: 0;\n border-radius: common.$default-border-radius;\n align-items: flex-start;\n gap: 0.75rem;\n cursor: pointer;\n }\n\n &-select label {\n height: 6.4rem;\n padding: 1rem;\n align-items: center;\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n --box-shadow-color: #{common.$color-gray};\n }\n\n &[aria-invalid=\"true\"] {\n *:not(.af-radio__content *) {\n color: common.$color-red-700;\n fill: common.$color-red-700;\n }\n }\n\n &-select--horizontal label {\n position: relative;\n width: 12rem;\n height: auto;\n padding: 1rem;\n flex-direction: column;\n justify-content: flex-start;\n gap: 0;\n text-align: center;\n\n & .af-radio__icons {\n position: absolute;\n top: 1rem;\n left: 1rem;\n }\n }\n\n &-select[aria-invalid=\"true\"] label {\n --box-shadow-color: #{common.$color-red-700};\n\n box-shadow: 0 0 0 2px var(--box-shadow-color) inset;\n }\n\n & label input[type=\"radio\"] {\n position: absolute;\n margin-right: 0.5rem;\n opacity: 0;\n\n & ~ .af-radio__icons {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n\n & .af-radio__checked,\n & .af-radio__unchecked {\n width: 1.75rem;\n height: 1.75rem;\n align-items: center;\n }\n\n & .af-radio__checked {\n display: none;\n }\n\n & .af-radio__unchecked {\n color: common.$color-gray-700;\n fill: common.$color-gray-700;\n }\n }\n }\n\n & label:has(input[type=\"radio\"]:checked) {\n & .af-radio__checked {\n display: block;\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n\n & .af-radio__unchecked {\n display: none;\n }\n }\n\n &-select[aria-invalid=\"false\"] label:hover {\n --box-shadow-color: #{common.$color-axa};\n\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n }\n\n & label:has(input[type=\"radio\"]:disabled) {\n cursor: default;\n\n & .af-radio__content > svg,\n & .af-radio__checked,\n & .af-radio__unchecked {\n color: common.$color-gray-500;\n fill: common.$color-gray-500;\n }\n }\n\n &-select[aria-invalid=\"false\"] label:has(input[type=\"radio\"]:checked) {\n background-color: common.$color-blue-2;\n box-shadow: 0 0 0 2px common.$color-axa inset;\n }\n\n &-select[aria-invalid=\"false\"] label:has(input[type=\"radio\"]:disabled) {\n color: common.$color-gray-500;\n background-color: common.$color-gray-200;\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n --box-shadow-color: #{common.$color-gray-400};\n }\n\n & label input[type=\"radio\"]:focus-visible ~ .af-radio__icons {\n & .af-radio__unchecked,\n & .af-radio__checked {\n outline: 2px solid common.$color-blue-3;\n outline-offset: 3px;\n }\n }\n\n & label:hover:not(:has(input[type=\"radio\"]:disabled)) {\n & .af-radio__unchecked {\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n }\n\n &-select {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n font-family: common.$font-family-base;\n font-style: normal;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n\n &--horizontal {\n flex-direction: row;\n }\n }\n}\n","@use \"../../common/common\" as common;\n\n.af-radio {\n font-family: \"Source Sans Pro\", arial, sans-serif;\n\n * {\n box-sizing: border-box;\n }\n\n &__container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n &__label {\n font-size: 1.25rem;\n font-weight: 600;\n color: common.$color-gray-900;\n }\n\n &__content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n\n & > svg {\n width: 1.75rem;\n height: 1.75rem;\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n\n & &-description {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n line-height: 1.25rem;\n\n & > span:first-child {\n font-size: 1.125rem;\n line-height: 1.4rem;\n color: common.$color-gray-900;\n }\n\n & > span:not(:first-child) {\n color: common.$color-gray-700;\n }\n }\n }\n\n &-select--horizontal &__content {\n flex-direction: column;\n gap: 0.5rem;\n }\n\n &__group-description {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n & ~ .af-input-error {\n gap: 0.5rem;\n\n &__message {\n line-height: 1.25rem;\n }\n }\n\n & label {\n display: flex;\n margin: 0;\n border-radius: common.$default-border-radius;\n align-items: flex-start;\n gap: 0.75rem;\n cursor: pointer;\n }\n\n &-select label {\n height: 6.4rem;\n padding: 1rem;\n align-items: center;\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n --box-shadow-color: #{common.$color-gray};\n }\n\n &[aria-invalid=\"true\"] {\n *:not(.af-radio__content *) {\n color: common.$color-red-700;\n fill: common.$color-red-700;\n }\n }\n\n &-select--horizontal label {\n position: relative;\n width: 12rem;\n height: auto;\n padding: 1rem;\n flex-direction: column;\n justify-content: flex-start;\n gap: 0;\n text-align: center;\n\n & .af-radio__icons {\n position: absolute;\n top: 1rem;\n left: 1rem;\n }\n }\n\n &-select[aria-invalid=\"true\"] label {\n --box-shadow-color: #{common.$color-red-700};\n\n box-shadow: 0 0 0 2px var(--box-shadow-color) inset;\n }\n\n & label input[type=\"radio\"] {\n position: absolute;\n margin-right: 0.5rem;\n opacity: 0;\n\n & ~ .af-radio__icons {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n\n & .af-radio__checked,\n & .af-radio__unchecked {\n width: 1.75rem;\n height: 1.75rem;\n align-items: center;\n }\n\n & .af-radio__checked {\n display: none;\n }\n\n & .af-radio__unchecked {\n color: common.$color-gray-700;\n fill: common.$color-gray-700;\n }\n }\n }\n\n & label:has(input[type=\"radio\"]:checked) {\n & .af-radio__checked {\n display: block;\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n\n & .af-radio__unchecked {\n display: none;\n }\n }\n\n &-select[aria-invalid=\"false\"] label:hover {\n --box-shadow-color: #{common.$color-axa};\n\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n }\n\n & label:has(input[type=\"radio\"]:disabled) {\n cursor: default;\n\n & .af-radio__content > svg,\n & .af-radio__checked,\n & .af-radio__unchecked {\n color: common.$color-gray-500;\n fill: common.$color-gray-500;\n }\n }\n\n &-select[aria-invalid=\"false\"] label:has(input[type=\"radio\"]:checked) {\n background-color: common.$color-blue-2;\n box-shadow: 0 0 0 2px common.$color-axa inset;\n }\n\n &-select[aria-invalid=\"false\"] label:has(input[type=\"radio\"]:disabled) {\n color: common.$color-gray-500;\n background-color: common.$color-gray-200;\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n --box-shadow-color: #{common.$color-gray-400};\n }\n\n & label input[type=\"radio\"]:focus-visible ~ .af-radio__icons {\n & .af-radio__unchecked,\n & .af-radio__checked {\n outline: 2px solid common.$color-blue-3;\n outline-offset: 3px;\n }\n }\n\n & label:hover:not(:has(input[type=\"radio\"]:disabled)) {\n & .af-radio__unchecked {\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n }\n\n &-select {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n font-family: common.$font-family-base;\n font-style: normal;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n\n &--horizontal {\n flex-direction: row;\n }\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/Form/Radio/Radio.scss%23sass","../../../src/Form/Radio/Radio.scss","../../../src/common/common.scss"],"names":[],"mappings":"AAEA,UACE,4CCDF,CDGE,YACE,qBCDJ,CDIE,qBACE,YAAA,CACA,qBAAA,CACA,QCFJ,CDKE,iBAGE,UEkBa,CFpBb,iBAAA,CACA,eCFJ,CDME,mBAEE,kBAAA,CADA,YAAA,CAGA,QAAA,CADA,sBCHJ,CDMI,uBAGE,aErBM,CFoBN,cAAA,CADA,aAAA,CAGA,YCJN,CDOI,kDACE,YAAA,CACA,qBAAA,CACA,UAAA,CACA,mBCLN,CDOM,mEAGE,UAAA,CAFA,kBAAA,CACA,kBCJR,CDQM,yEACE,aCNR,CDWE,gDACE,qBAAA,CACA,SCTJ,CDYE,6BACE,cAAA,CACA,mBCVJ,CDaE,0BACE,SCXJ,CDaI,mCACE,mBCXN,CDeE,gBAIE,sBAAA,CADA,iBAAA,CAGA,cAAA,CALA,YAAA,CAIA,UAAA,CAHA,QCTJ,CDgBE,uBAGE,kBAAA,CACA,kDAAA,CAHA,aAAA,CACA,YAAA,CAIA,0BCfJ,CDmBI,wDACE,aE5EU,CF6EV,YCjBN,CDqBE,mCAKE,qBAAA,CAEA,KAAA,CAJA,WAAA,CAGA,0BAAA,CAFA,YAAA,CAHA,iBAAA,CAOA,iBAAA,CANA,WCbJ,CDqBI,oDAGE,SAAA,CAFA,iBAAA,CACA,QClBN,CDuBE,0CACE,0BAAA,CAEA,kDCtBJ,CDyBE,kCAEE,kBAAA,CACA,SAAA,CAFA,iBCrBJ,CDyBI,mDAEE,kBAAA,CADA,YAAA,CAEA,UCvBN,CDyBM,8IAIE,kBAAA,CADA,cAAA,CADA,aCtBR,CD2BM,sEACE,YCzBR,CD4BM,wEACE,aAAA,CACA,YC1BR,CDgCI,kEAEE,aAAA,CADA,aAAA,CAEA,YC9BN,CDiCI,oEACE,YC/BN,CDmCE,iDACE,0BAAA,CAEA,kDClCJ,CDqCE,gDACE,cCnCJ,CDqCI,+MAGE,UAAA,CACA,SCrCN,CDyCE,0EACE,wBEhKW,CFiKX,kCCvCJ,CD0CE,2EAEE,wBAAA,CACA,kDAAA,CAFA,UAAA,CAIA,0BCzCJ,CD6CI,0KAEE,sBAAA,CACA,kBC5CN,CDiDI,iFACE,aAAA,CACA,YC/CN,CDmDE,iBAQE,aAAA,CAPA,YAAA,CACA,qBAAA,CAEA,4CE7MqB,CF8MrB,iBAAA,CACA,eAAA,CAHA,QAAA,CAIA,mBChDJ,CDmDI,6BACE,kBCjDN","file":"Radio.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-radio {\n font-family: \"Source Sans Pro\", arial, sans-serif;\n\n * {\n box-sizing: border-box;\n }\n\n &__container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n &__label {\n font-size: 1.25rem;\n font-weight: 600;\n color: common.$color-gray-900;\n }\n\n &__content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n\n & > svg {\n width: 1.75rem;\n height: 1.75rem;\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n\n & &-description {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n line-height: 1.25rem;\n\n & > span:first-child {\n font-size: 1.125rem;\n line-height: 1.4rem;\n color: common.$color-gray-900;\n }\n\n & > span:not(:first-child) {\n color: common.$color-gray-700;\n }\n }\n }\n\n &-select--horizontal &__content {\n flex-direction: column;\n gap: 0.5rem;\n }\n\n &__group-description {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n & ~ .af-input-error {\n gap: 0.5rem;\n\n &__message {\n line-height: 1.25rem;\n }\n }\n\n & label {\n display: flex;\n margin: 0;\n border-radius: common.$default-border-radius;\n align-items: flex-start;\n gap: 0.75rem;\n cursor: pointer;\n }\n\n &-select label {\n height: 6.4rem;\n padding: 1rem;\n align-items: center;\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n --box-shadow-color: #{common.$color-gray};\n }\n\n &[aria-invalid=\"true\"] {\n *:not(.af-radio__content *) {\n color: common.$color-red-700;\n fill: common.$color-red-700;\n }\n }\n\n &-select--horizontal label {\n position: relative;\n width: 12rem;\n height: auto;\n padding: 1rem;\n flex-direction: column;\n justify-content: flex-start;\n gap: 0;\n text-align: center;\n\n & .af-radio__icons {\n position: absolute;\n top: 1rem;\n left: 1rem;\n }\n }\n\n &-select[aria-invalid=\"true\"] label {\n --box-shadow-color: #{common.$color-red-700};\n\n box-shadow: 0 0 0 2px var(--box-shadow-color) inset;\n }\n\n & label input[type=\"radio\"] {\n position: absolute;\n margin-right: 0.5rem;\n opacity: 0;\n\n & ~ .af-radio__icons {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n\n & .af-radio__checked,\n & .af-radio__unchecked {\n width: 1.75rem;\n height: 1.75rem;\n align-items: center;\n }\n\n & .af-radio__checked {\n display: none;\n }\n\n & .af-radio__unchecked {\n color: common.$color-gray-700;\n fill: common.$color-gray-700;\n }\n }\n }\n\n & label:has(input[type=\"radio\"]:checked) {\n & .af-radio__checked {\n display: block;\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n\n & .af-radio__unchecked {\n display: none;\n }\n }\n\n &-select[aria-invalid=\"false\"] label:hover {\n --box-shadow-color: #{common.$color-axa};\n\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n }\n\n & label:has(input[type=\"radio\"]:disabled) {\n cursor: default;\n\n & .af-radio__content > svg,\n & .af-radio__checked,\n & .af-radio__unchecked {\n color: common.$color-gray-500;\n fill: common.$color-gray-500;\n }\n }\n\n &-select[aria-invalid=\"false\"] label:has(input[type=\"radio\"]:checked) {\n background-color: common.$color-blue-2;\n box-shadow: 0 0 0 2px common.$color-axa inset;\n }\n\n &-select[aria-invalid=\"false\"] label:has(input[type=\"radio\"]:disabled) {\n color: common.$color-gray-500;\n background-color: common.$color-gray-200;\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n --box-shadow-color: #{common.$color-gray-400};\n }\n\n & label input[type=\"radio\"]:focus-visible ~ .af-radio__icons {\n & .af-radio__unchecked,\n & .af-radio__checked {\n outline: 2px solid common.$color-blue-3;\n outline-offset: 3px;\n }\n }\n\n & label:hover:not(:has(input[type=\"radio\"]:disabled)) {\n & .af-radio__unchecked {\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n }\n\n &-select {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n font-family: common.$font-family-base;\n font-style: normal;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n\n &--horizontal {\n flex-direction: row;\n }\n }\n}\n","@use \"../../common/common\" as common;\n\n.af-radio {\n font-family: \"Source Sans Pro\", arial, sans-serif;\n\n * {\n box-sizing: border-box;\n }\n\n &__container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n &__label {\n font-size: 1.25rem;\n font-weight: 600;\n color: common.$color-gray-900;\n }\n\n &__content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n\n & > svg {\n width: 1.75rem;\n height: 1.75rem;\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n\n & &-description {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n line-height: 1.25rem;\n\n & > span:first-child {\n font-size: 1.125rem;\n line-height: 1.4rem;\n color: common.$color-gray-900;\n }\n\n & > span:not(:first-child) {\n color: common.$color-gray-700;\n }\n }\n }\n\n &-select--horizontal &__content {\n flex-direction: column;\n gap: 0.5rem;\n }\n\n &__group-description {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n & ~ .af-input-error {\n gap: 0.5rem;\n\n &__message {\n line-height: 1.25rem;\n }\n }\n\n & label {\n display: flex;\n margin: 0;\n border-radius: common.$default-border-radius;\n align-items: flex-start;\n gap: 0.75rem;\n cursor: pointer;\n }\n\n &-select label {\n height: 6.4rem;\n padding: 1rem;\n align-items: center;\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n --box-shadow-color: #{common.$color-gray};\n }\n\n &[aria-invalid=\"true\"] {\n *:not(.af-radio__content *) {\n color: common.$color-red-700;\n fill: common.$color-red-700;\n }\n }\n\n &-select--horizontal label {\n position: relative;\n width: 12rem;\n height: auto;\n padding: 1rem;\n flex-direction: column;\n justify-content: flex-start;\n gap: 0;\n text-align: center;\n\n & .af-radio__icons {\n position: absolute;\n top: 1rem;\n left: 1rem;\n }\n }\n\n &-select[aria-invalid=\"true\"] label {\n --box-shadow-color: #{common.$color-red-700};\n\n box-shadow: 0 0 0 2px var(--box-shadow-color) inset;\n }\n\n & label input[type=\"radio\"] {\n position: absolute;\n margin-right: 0.5rem;\n opacity: 0;\n\n & ~ .af-radio__icons {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n\n & .af-radio__checked,\n & .af-radio__unchecked {\n width: 1.75rem;\n height: 1.75rem;\n align-items: center;\n }\n\n & .af-radio__checked {\n display: none;\n }\n\n & .af-radio__unchecked {\n color: common.$color-gray-700;\n fill: common.$color-gray-700;\n }\n }\n }\n\n & label:has(input[type=\"radio\"]:checked) {\n & .af-radio__checked {\n display: block;\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n\n & .af-radio__unchecked {\n display: none;\n }\n }\n\n &-select[aria-invalid=\"false\"] label:hover {\n --box-shadow-color: #{common.$color-axa};\n\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n }\n\n & label:has(input[type=\"radio\"]:disabled) {\n cursor: default;\n\n & .af-radio__content > svg,\n & .af-radio__checked,\n & .af-radio__unchecked {\n color: common.$color-gray-500;\n fill: common.$color-gray-500;\n }\n }\n\n &-select[aria-invalid=\"false\"] label:has(input[type=\"radio\"]:checked) {\n background-color: common.$color-blue-2;\n box-shadow: 0 0 0 2px common.$color-axa inset;\n }\n\n &-select[aria-invalid=\"false\"] label:has(input[type=\"radio\"]:disabled) {\n color: common.$color-gray-500;\n background-color: common.$color-gray-200;\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n --box-shadow-color: #{common.$color-gray-400};\n }\n\n & label input[type=\"radio\"]:focus-visible ~ .af-radio__icons {\n & .af-radio__unchecked,\n & .af-radio__checked {\n outline: 2px solid common.$color-blue-3;\n outline-offset: 3px;\n }\n }\n\n & label:hover:not(:has(input[type=\"radio\"]:disabled)) {\n & .af-radio__unchecked {\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n }\n\n &-select {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n font-family: common.$font-family-base;\n font-style: normal;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n\n &--horizontal {\n flex-direction: row;\n }\n }\n}\n","@import \"./mixins\";\n\n$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}@media (width >= 576px){.container{max-width:540px}}@media (width >= 768px){.container{max-width:720px}}@media (width >= 992px){.container{max-width:960px}}@media (width >= 1200px){.container{max-width:1440px}}.container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.no-gutters{margin-left:0;margin-right:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-left:15px;padding-right:15px;position:relative;width:100%}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;max-width:100%;width:auto}.col-1{flex:0 0 8.3333%;max-width:8.3333%}.col-2{flex:0 0 16.6667%;max-width:16.6667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333%;max-width:33.3333%}.col-5{flex:0 0 41.6667%;max-width:41.6667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333%;max-width:58.3333%}.col-8{flex:0 0 66.6667%;max-width:66.6667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333%;max-width:83.3333%}.col-11{flex:0 0 91.6667%;max-width:91.6667%}.col-12{flex:0 0 100%;max-width:100%}.no-gutters>.col,.no-gutters>[class*=col-]{padding-left:0;padding-right:0}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.3333%}.offset-2{margin-left:16.6667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333%}.offset-5{margin-left:41.6667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333%}.offset-8{margin-left:66.6667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333%}.offset-11{margin-left:91.6667%}@media (width >= 576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;max-width:100%;width:auto}.col-sm-1{flex:0 0 8.3333%;max-width:8.3333%}.col-sm-2{flex:0 0 16.6667%;max-width:16.6667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333%;max-width:33.3333%}.col-sm-5{flex:0 0 41.6667%;max-width:41.6667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333%;max-width:58.3333%}.col-sm-8{flex:0 0 66.6667%;max-width:66.6667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333%;max-width:83.3333%}.col-sm-11{flex:0 0 91.6667%;max-width:91.6667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333%}.offset-sm-2{margin-left:16.6667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333%}.offset-sm-5{margin-left:41.6667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333%}.offset-sm-8{margin-left:66.6667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333%}.offset-sm-11{margin-left:91.6667%}}@media (width >= 768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;max-width:100%;width:auto}.col-md-1{flex:0 0 8.3333%;max-width:8.3333%}.col-md-2{flex:0 0 16.6667%;max-width:16.6667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333%;max-width:33.3333%}.col-md-5{flex:0 0 41.6667%;max-width:41.6667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333%;max-width:58.3333%}.col-md-8{flex:0 0 66.6667%;max-width:66.6667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333%;max-width:83.3333%}.col-md-11{flex:0 0 91.6667%;max-width:91.6667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333%}.offset-md-2{margin-left:16.6667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333%}.offset-md-5{margin-left:41.6667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333%}.offset-md-8{margin-left:66.6667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333%}.offset-md-11{margin-left:91.6667%}}@media (width >= 992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;max-width:100%;width:auto}.col-lg-1{flex:0 0 8.3333%;max-width:8.3333%}.col-lg-2{flex:0 0 16.6667%;max-width:16.6667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333%;max-width:33.3333%}.col-lg-5{flex:0 0 41.6667%;max-width:41.6667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333%;max-width:58.3333%}.col-lg-8{flex:0 0 66.6667%;max-width:66.6667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333%;max-width:83.3333%}.col-lg-11{flex:0 0 91.6667%;max-width:91.6667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333%}.offset-lg-2{margin-left:16.6667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333%}.offset-lg-5{margin-left:41.6667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333%}.offset-lg-8{margin-left:66.6667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333%}.offset-lg-11{margin-left:91.6667%}}@media (width >= 1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;max-width:100%;width:auto}.col-xl-1{flex:0 0 8.3333%;max-width:8.3333%}.col-xl-2{flex:0 0 16.6667%;max-width:16.6667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333%;max-width:33.3333%}.col-xl-5{flex:0 0 41.6667%;max-width:41.6667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333%;max-width:58.3333%}.col-xl-8{flex:0 0 66.6667%;max-width:66.6667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333%;max-width:83.3333%}.col-xl-11{flex:0 0 91.6667%;max-width:91.6667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333%}.offset-xl-2{margin-left:16.6667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333%}.offset-xl-5{margin-left:41.6667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333%}.offset-xl-8{margin-left:66.6667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333%}.offset-xl-11{margin-left:91.6667%}}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{background-color:#fff;color:#333;font-family:Source Sans Pro,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}a{background-color:initial;color:#00008f;text-decoration:none}a:hover{color:#000043;text-decoration:underline}a:not([href],[tabindex]),a:not([href],[tabindex]):focus,a:not([href],[tabindex]):hover{color:inherit;text-decoration:none}a:not([href],[tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}pre{margin-bottom:1rem;margin-top:0;overflow:auto}figure{margin:0 0 1rem}img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden}table{border-collapse:collapse}caption{caption-side:bottom;color:#6c757d;padding-bottom:.5rem;padding-top:.5rem;text-align:left}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;appearance:button}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox;appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5rem;line-height:inherit;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;appearance:none;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}output{display:inline-block}summary{cursor:pointer;display:list-item}template{display:none}[hidden]{display:none!important}.af-form__select-label{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.af-form__select-single-value{color:#333}.af-form__select-single-value-disabled{color:#999}.af-form__select-error{color:#c91432;display:flex;gap:.5rem;margin-top:.5rem}.af-form__select-error-icon path{fill:#c91432}.af-form__input-select{color:#5f5f5f;font-size:1rem;min-height:unset!important}.af-form__input-select-container{background-color:#fff;border:1px solid #5f5f5f;border-radius:4px;color:#5f5f5f;padding:.75rem 1rem}.af-form__input-select-container-error{border-color:#c91432;border-width:2px}.af-form__input-select-container-error:active,.af-form__input-select-container-error:hover{box-shadow:inset 0 0 0 1px #c91432!important}.af-form__input-select-container:active,.af-form__input-select-container:hover{box-shadow:inset 0 0 0 2px #00008f}.af-form__input-select-container-focused,.af-form__input-select-container:focus-visible{box-shadow:inset 0 0 0 2px #00008f;outline:2px solid #36f;outline-offset:3px}.af-form__input-select-container-disabled{background-color:#f3f3f3;border-color:#e5e5e5}.af-form__input-select-container-icon-disabled path{fill:#999}.af-form__input-select-menu{background-color:#fff;box-shadow:0 4px 16px -2px rgba(0,0,143,.251);margin-left:-1rem;margin-top:.4rem}.af-form__input-select-menu-options{border:1px solid #0000;box-shadow:none;color:#333;font-weight:400;padding:.75rem 1rem}.af-form__input-select-menu-options-selected{color:#00008f;font-weight:600}.af-form__input-select-menu-options-focused{border:1px solid #00008f}.af-form__input-select-menu-options:nth-child(odd){background-color:#f8f8ff}.af-form__input-select-menu-options:nth-child(2n){background-color:#fff}
|
|
1
|
+
.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}@media (width >= 576px){.container{max-width:540px}}@media (width >= 768px){.container{max-width:720px}}@media (width >= 992px){.container{max-width:960px}}@media (width >= 1200px){.container{max-width:1440px}}.container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.no-gutters{margin-left:0;margin-right:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-left:15px;padding-right:15px;position:relative;width:100%}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;max-width:100%;width:auto}.col-1{flex:0 0 8.3333%;max-width:8.3333%}.col-2{flex:0 0 16.6667%;max-width:16.6667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333%;max-width:33.3333%}.col-5{flex:0 0 41.6667%;max-width:41.6667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333%;max-width:58.3333%}.col-8{flex:0 0 66.6667%;max-width:66.6667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333%;max-width:83.3333%}.col-11{flex:0 0 91.6667%;max-width:91.6667%}.col-12{flex:0 0 100%;max-width:100%}.no-gutters>.col,.no-gutters>[class*=col-]{padding-left:0;padding-right:0}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.3333%}.offset-2{margin-left:16.6667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333%}.offset-5{margin-left:41.6667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333%}.offset-8{margin-left:66.6667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333%}.offset-11{margin-left:91.6667%}@media (width >= 576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;max-width:100%;width:auto}.col-sm-1{flex:0 0 8.3333%;max-width:8.3333%}.col-sm-2{flex:0 0 16.6667%;max-width:16.6667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333%;max-width:33.3333%}.col-sm-5{flex:0 0 41.6667%;max-width:41.6667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333%;max-width:58.3333%}.col-sm-8{flex:0 0 66.6667%;max-width:66.6667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333%;max-width:83.3333%}.col-sm-11{flex:0 0 91.6667%;max-width:91.6667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333%}.offset-sm-2{margin-left:16.6667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333%}.offset-sm-5{margin-left:41.6667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333%}.offset-sm-8{margin-left:66.6667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333%}.offset-sm-11{margin-left:91.6667%}}@media (width >= 768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;max-width:100%;width:auto}.col-md-1{flex:0 0 8.3333%;max-width:8.3333%}.col-md-2{flex:0 0 16.6667%;max-width:16.6667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333%;max-width:33.3333%}.col-md-5{flex:0 0 41.6667%;max-width:41.6667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333%;max-width:58.3333%}.col-md-8{flex:0 0 66.6667%;max-width:66.6667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333%;max-width:83.3333%}.col-md-11{flex:0 0 91.6667%;max-width:91.6667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333%}.offset-md-2{margin-left:16.6667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333%}.offset-md-5{margin-left:41.6667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333%}.offset-md-8{margin-left:66.6667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333%}.offset-md-11{margin-left:91.6667%}}@media (width >= 992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;max-width:100%;width:auto}.col-lg-1{flex:0 0 8.3333%;max-width:8.3333%}.col-lg-2{flex:0 0 16.6667%;max-width:16.6667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333%;max-width:33.3333%}.col-lg-5{flex:0 0 41.6667%;max-width:41.6667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333%;max-width:58.3333%}.col-lg-8{flex:0 0 66.6667%;max-width:66.6667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333%;max-width:83.3333%}.col-lg-11{flex:0 0 91.6667%;max-width:91.6667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333%}.offset-lg-2{margin-left:16.6667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333%}.offset-lg-5{margin-left:41.6667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333%}.offset-lg-8{margin-left:66.6667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333%}.offset-lg-11{margin-left:91.6667%}}@media (width >= 1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;max-width:100%;width:auto}.col-xl-1{flex:0 0 8.3333%;max-width:8.3333%}.col-xl-2{flex:0 0 16.6667%;max-width:16.6667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333%;max-width:33.3333%}.col-xl-5{flex:0 0 41.6667%;max-width:41.6667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333%;max-width:58.3333%}.col-xl-8{flex:0 0 66.6667%;max-width:66.6667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333%;max-width:83.3333%}.col-xl-11{flex:0 0 91.6667%;max-width:91.6667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333%}.offset-xl-2{margin-left:16.6667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333%}.offset-xl-5{margin-left:41.6667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333%}.offset-xl-8{margin-left:66.6667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333%}.offset-xl-11{margin-left:91.6667%}}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{background-color:#fff;color:#333;font-family:Source Sans Pro,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}a{background-color:initial;color:#00008f;text-decoration:none}a:hover{color:#000043;text-decoration:underline}a:not([href],[tabindex]),a:not([href],[tabindex]):focus,a:not([href],[tabindex]):hover{color:inherit;text-decoration:none}a:not([href],[tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}pre{margin-bottom:1rem;margin-top:0;overflow:auto}figure{margin:0 0 1rem}img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden}table{border-collapse:collapse}caption{caption-side:bottom;color:#6c757d;padding-bottom:.5rem;padding-top:.5rem;text-align:left}th{text-align:inherit}button{border-radius:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;appearance:button}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox;appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5rem;line-height:inherit;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;appearance:none;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}output{display:inline-block}summary{cursor:pointer;display:list-item}template{display:none}[hidden]{display:none!important}.af-form__select-label{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.af-form__select-single-value{color:#333}.af-form__select-single-value-disabled{color:#999}.af-form__select-error{color:#c91432;display:flex;gap:.5rem;margin-top:.5rem}.af-form__select-error-icon path{fill:#c91432}.af-form__input-select{color:#5f5f5f;font-size:1rem;min-height:unset!important}.af-form__input-select-container{background-color:#fff;border:1px solid #5f5f5f;border-radius:4px;color:#5f5f5f;padding:.75rem 1rem}.af-form__input-select-container-error{border-color:#c91432;border-width:2px}.af-form__input-select-container-error:active,.af-form__input-select-container-error:hover{box-shadow:inset 0 0 0 1px #c91432!important}.af-form__input-select-container:active,.af-form__input-select-container:hover{box-shadow:inset 0 0 0 2px #00008f}.af-form__input-select-container-focused,.af-form__input-select-container:focus-visible{box-shadow:inset 0 0 0 2px #00008f;outline:2px solid #36f;outline-offset:3px}.af-form__input-select-container-disabled{background-color:#f3f3f3;border-color:#e5e5e5}.af-form__input-select-container-icon-disabled path{fill:#999}.af-form__input-select-menu{background-color:#fff;box-shadow:0 4px 16px -2px rgba(0,0,143,.251);margin-left:-1rem;margin-top:.4rem}.af-form__input-select-menu-options{border:1px solid #0000;box-shadow:none;color:#333;font-weight:400;padding:.75rem 1rem}.af-form__input-select-menu-options-selected{color:#00008f;font-weight:600}.af-form__input-select-menu-options-focused{border:1px solid #00008f}.af-form__input-select-menu-options:nth-child(odd){background-color:#f8f8ff}.af-form__input-select-menu-options:nth-child(2n){background-color:#fff}
|