@axa-fr/design-system-look-and-feel-css 1.0.4 → 1.0.5-ci.3
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 +1 -1
- package/dist/Accordion/Accordion.css.map +1 -1
- package/dist/AccordionCore/AccordionCore.css +1 -1
- package/dist/AccordionCore/AccordionCore.css.map +1 -1
- package/dist/Button/Button.css +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/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/TextArea/TextArea.css +1 -1
- package/dist/Form/TextArea/TextArea.css.map +1 -1
- package/dist/Grid/Grid-demo-wireframe.css +1 -1
- package/dist/Grid/Grid-demo-wireframe.css.map +1 -1
- package/dist/IconBg/IconBg.css +1 -1
- package/dist/IconBg/IconBg.css.map +1 -1
- package/dist/Layout/Footer/Footer.css +1 -1
- package/dist/Layout/Footer/Footer.css.map +1 -1
- package/dist/Layout/Header/Header.css +1 -1
- package/dist/Layout/Header/Header.css.map +1 -1
- package/dist/Link/Link.css +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/Loader/Loader.css +1 -1
- package/dist/Loader/Loader.css.map +1 -1
- package/dist/Stepper/Stepper.css +1 -1
- package/dist/Stepper/Stepper.css.map +1 -1
- package/dist/Title/Title.css +1 -1
- package/dist/Title/Title.css.map +1 -1
- package/dist/common/reboot.css +1 -1
- package/dist/common/reboot.css.map +1 -1
- package/dist/look-and-feel.css +1 -1
- package/dist/look-and-feel.css.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-accordion{--summary-areas:"tag-date-container title-container value arrow";--summary-columns:auto 1fr repeat(2,auto);--title-container-areas:"icon title" "icon subtitle";--title-container-columns:min-content 1fr}.af-accordion__summary{grid-template-areas:var(--summary-areas);grid-template-columns:var(--summary-columns)}.af-accordion__summary:not(:has(.af-accordion__tag-date-container)){--summary-areas:"title-container value arrow";--summary-columns:1fr repeat(2,auto)}.af-accordion__summary:not(:has(.af-accordion__value)){--summary-areas:"tag-date-container title-container arrow";--summary-columns:auto 1fr auto}.af-accordion__summary:not(:has(.af-accordion__value)):not(:has(.af-accordion__tag-date-container)){--summary-areas:"title-container arrow";--summary-columns:1fr auto}.af-accordion__summary .af-accordion__icon{align-items:center;display:grid;grid-area:icon}.af-accordion__summary .af-accordion__title-container{display:grid;gap:.125rem 1rem;grid-area:title-container;grid-template:var(--title-container-areas);grid-template-columns:var(--title-container-columns)}.af-accordion__summary .af-accordion__title-container:not(:has(.af-accordion__icon)){--title-container-areas:"title" "subtitle";--title-container-columns:1fr;column-gap:0}.af-accordion__summary .af-accordion__title-container:not(:has(.af-accordion__subtitle)){--title-container-areas:"icon title";row-gap:0}.af-accordion__summary .af-accordion__title-container:not(:has(.af-accordion__subtitle)):not(:has(.af-accordion__icon)){--title-container-areas:"title"}.af-accordion__summary .af-accordion__title-container .af-accordion__title{grid-area:title}.af-accordion__summary .af-accordion__title-container .af-accordion__subtitle{color:var(--color-gray-700);font-size:1rem;font-weight:400;grid-area:subtitle;line-height:1.25rem}.af-accordion__summary .af-accordion__value{color:var(--color-green-600);display:grid;grid-area:value;justify-items:center;min-width:9.375rem}.af-accordion__summary .af-accordion__tag-date-container{display:grid;grid-area:tag-date-container;grid-template:"tag" "date";padding-right:3.93rem;row-gap:.5rem}.af-accordion__summary .af-accordion__tag-date-container .af-accordion__tag-container{grid-area:tag;justify-items:center;text-align:center}.af-accordion__summary .af-accordion__tag-date-container .af-accordion__tag-container .af-tag{cursor:inherit}.af-accordion__summary .af-accordion__tag-date-container .af-accordion__date{align-items:center;color:var(--color-gray-700);display:grid;grid-area:date;text-align:center}.af-accordion__summary--title-first{--summary-areas:"title-container tag-date-container value arrow";--summary-columns:repeat(3,auto) min-content}.af-accordion__summary--title-first:not(:has(.af-accordion__value)){--summary-areas:"title-container tag-date-container arrow";--summary-columns:repeat(2,auto) min-content}.af-accordion__summary--title-first .af-accordion__tag-date-container{column-gap:inherit;grid-template:"tag date";padding:0}.af-accordion__summary--title-first .af-accordion__tag-date-container .af-accordion__tag-container{padding:0 1.688rem}.af-accordion__summary--title-first .af-accordion__tag-date-container .af-accordion__date{padding:0 3.125rem}.af-accordion__summary--title-first .af-accordion__value{min-width:auto}.af-accordion__summary .af-accordion__tag-date-container:has(>:only-child){row-gap:0}@media (width <= 1023px){.af-accordion .af-accordion__summary--title-first .af-accordion__tag-date-container .af-accordion__date,.af-accordion .af-accordion__summary--title-first .af-accordion__tag-date-container .af-accordion__tag-container{padding:0}}@media (width <= 667px){.af-accordion .af-accordion__summary{--summary-areas:"tag-date-container arrow" "title-container arrow" "value arrow";--summary-columns:1fr;column-gap:0}.af-accordion .af-accordion__summary .af-accordion__title-container{justify-content:start}.af-accordion .af-accordion__summary .af-accordion__title-container .af-accordion__subtitle{font-size:.875rem;line-height:1.1rem}.af-accordion .af-accordion__summary .af-accordion__tag-date-container{display:flex;gap:.5rem}.af-accordion .af-accordion__summary .af-accordion__value{justify-content:start}.af-accordion .af-accordion__summary--title-first{--summary-areas:"icon title-container arrow" "icon tag-date-container arrow" "icon value arrow";--summary-columns:auto 1fr auto;column-gap:.75rem}.af-accordion .af-accordion__summary--title-first:not(:has(.af-accordion__icon)){--summary-areas:"title-container arrow" "tag-date-container arrow" "value arrow";--summary-columns:1fr auto}.af-accordion .af-accordion__summary--title-first:not(:has(.af-accordion__tag-date-container)){--summary-areas:"icon title-container arrow" "icon value arrow"}.af-accordion .af-accordion__summary--title-first:not(:has(.af-accordion__value)){--summary-areas:"icon title-container arrow" "icon tag-date-container arrow"}.af-accordion .af-accordion__summary--title-first:not(:has(.af-accordion__icon),:has(.af-accordion__tag-date-container)){--summary-areas:"title-container arrow" "value arrow"}.af-accordion .af-accordion__summary--title-first:not(:has(.af-accordion__tag-date-container),:has(.af-accordion__value)){--summary-areas:"icon title-container arrow";--summary-columns:auto 1fr auto}.af-accordion .af-accordion__summary--title-first:not(:has(.af-accordion__icon),:has(.af-accordion__value)){--summary-areas:"title-container arrow" "tag-date-container arrow"}.af-accordion .af-accordion__summary--title-first:not(:has(.af-accordion__icon),:has(.af-accordion__tag-date-container),:has(.af-accordion__value)){--summary-areas:"title-container arrow";--summary-columns:1fr auto}}
|
|
1
|
+
.af-accordion{--summary-areas:"tag-date-container title-container value arrow";--summary-columns:auto 1fr repeat(2,auto);--title-container-areas:"icon title" "icon subtitle";--title-container-columns:min-content 1fr}.af-accordion__summary{grid-template-areas:var(--summary-areas);grid-template-columns:var(--summary-columns)}.af-accordion__summary:not(:has(.af-accordion__tag-date-container)){--summary-areas:"title-container value arrow";--summary-columns:1fr repeat(2,auto)}.af-accordion__summary:not(:has(.af-accordion__value)){--summary-areas:"tag-date-container title-container arrow";--summary-columns:auto 1fr auto}.af-accordion__summary:not(:has(.af-accordion__value)):not(:has(.af-accordion__tag-date-container)){--summary-areas:"title-container arrow";--summary-columns:1fr auto}.af-accordion__summary .af-accordion__icon{align-items:center;display:grid;grid-area:icon}.af-accordion__summary .af-accordion__title-container{display:grid;gap:.125rem 1rem;grid-area:title-container;grid-template:var(--title-container-areas);grid-template-columns:var(--title-container-columns)}.af-accordion__summary .af-accordion__title-container:not(:has(.af-accordion__icon)){--title-container-areas:"title" "subtitle";--title-container-columns:1fr;-moz-column-gap:0;column-gap:0}.af-accordion__summary .af-accordion__title-container:not(:has(.af-accordion__subtitle)){--title-container-areas:"icon title";row-gap:0}.af-accordion__summary .af-accordion__title-container:not(:has(.af-accordion__subtitle)):not(:has(.af-accordion__icon)){--title-container-areas:"title"}.af-accordion__summary .af-accordion__title-container .af-accordion__title{grid-area:title}.af-accordion__summary .af-accordion__title-container .af-accordion__subtitle{color:var(--color-gray-700);font-size:1rem;font-weight:400;grid-area:subtitle;line-height:1.25rem}.af-accordion__summary .af-accordion__value{color:var(--color-green-600);display:grid;grid-area:value;justify-items:center;min-width:9.375rem}.af-accordion__summary .af-accordion__tag-date-container{display:grid;grid-area:tag-date-container;grid-template:"tag" "date";padding-right:3.93rem;row-gap:.5rem}.af-accordion__summary .af-accordion__tag-date-container .af-accordion__tag-container{grid-area:tag;justify-items:center;text-align:center}.af-accordion__summary .af-accordion__tag-date-container .af-accordion__tag-container .af-tag{cursor:inherit}.af-accordion__summary .af-accordion__tag-date-container .af-accordion__date{align-items:center;color:var(--color-gray-700);display:grid;grid-area:date;text-align:center}.af-accordion__summary--title-first{--summary-areas:"title-container tag-date-container value arrow";--summary-columns:repeat(3,auto) min-content}.af-accordion__summary--title-first:not(:has(.af-accordion__value)){--summary-areas:"title-container tag-date-container arrow";--summary-columns:repeat(2,auto) min-content}.af-accordion__summary--title-first .af-accordion__tag-date-container{-moz-column-gap:inherit;column-gap:inherit;grid-template:"tag date";padding:0}.af-accordion__summary--title-first .af-accordion__tag-date-container .af-accordion__tag-container{padding:0 1.688rem}.af-accordion__summary--title-first .af-accordion__tag-date-container .af-accordion__date{padding:0 3.125rem}.af-accordion__summary--title-first .af-accordion__value{min-width:auto}.af-accordion__summary .af-accordion__tag-date-container:has(>:only-child){row-gap:0}@media (width <= 1023px){.af-accordion .af-accordion__summary--title-first .af-accordion__tag-date-container .af-accordion__date,.af-accordion .af-accordion__summary--title-first .af-accordion__tag-date-container .af-accordion__tag-container{padding:0}}@media (width <= 667px){.af-accordion .af-accordion__summary{--summary-areas:"tag-date-container arrow" "title-container arrow" "value arrow";--summary-columns:1fr;-moz-column-gap:0;column-gap:0}.af-accordion .af-accordion__summary .af-accordion__title-container{justify-content:start}.af-accordion .af-accordion__summary .af-accordion__title-container .af-accordion__subtitle{font-size:.875rem;line-height:1.1rem}.af-accordion .af-accordion__summary .af-accordion__tag-date-container{display:flex;gap:.5rem}.af-accordion .af-accordion__summary .af-accordion__value{justify-content:start}.af-accordion .af-accordion__summary--title-first{--summary-areas:"icon title-container arrow" "icon tag-date-container arrow" "icon value arrow";--summary-columns:auto 1fr auto;-moz-column-gap:.75rem;column-gap:.75rem}.af-accordion .af-accordion__summary--title-first:not(:has(.af-accordion__icon)){--summary-areas:"title-container arrow" "tag-date-container arrow" "value arrow";--summary-columns:1fr auto}.af-accordion .af-accordion__summary--title-first:not(:has(.af-accordion__tag-date-container)){--summary-areas:"icon title-container arrow" "icon value arrow"}.af-accordion .af-accordion__summary--title-first:not(:has(.af-accordion__value)){--summary-areas:"icon title-container arrow" "icon tag-date-container arrow"}.af-accordion .af-accordion__summary--title-first:not(:has(.af-accordion__icon),:has(.af-accordion__tag-date-container)){--summary-areas:"title-container arrow" "value arrow"}.af-accordion .af-accordion__summary--title-first:not(:has(.af-accordion__tag-date-container),:has(.af-accordion__value)){--summary-areas:"icon title-container arrow";--summary-columns:auto 1fr auto}.af-accordion .af-accordion__summary--title-first:not(:has(.af-accordion__icon),:has(.af-accordion__value)){--summary-areas:"title-container arrow" "tag-date-container arrow"}.af-accordion .af-accordion__summary--title-first:not(:has(.af-accordion__icon),:has(.af-accordion__tag-date-container),:has(.af-accordion__value)){--summary-areas:"title-container arrow";--summary-columns:1fr auto}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Accordion/Accordion.scss%23sass","../../src/Accordion/Accordion.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,2BAAA,CAHA,cAAA,CACA,eAAA,CAFA,kBAAA,CAGA,mBCZZ,CDkBM,4CAKE,4BAAA,CAJA,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,2BAAA,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: var(--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: var(--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: var(--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: var(--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: var(--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: var(--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"]}
|
|
1
|
+
{"version":3,"sources":["../../src/Accordion/Accordion.scss%23sass","../../src/Accordion/Accordion.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,iBAAA,CAAA,YCPV,CDUQ,yFACE,oCAAA,CAEA,SCTV,CDWU,wHACE,+BCTZ,CDcU,2EACE,eCZZ,CDeU,8EAKE,2BAAA,CAHA,cAAA,CACA,eAAA,CAFA,kBAAA,CAGA,mBCZZ,CDkBM,4CAKE,4BAAA,CAJA,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,2BAAA,CAJA,YAAA,CACA,cAAA,CAEA,iBCnBZ,CD0BI,oCACE,gEAAA,CACA,4CCxBN,CD0BM,oEACE,0DAAA,CACA,4CCxBR,CD4BQ,sEAGE,uBAAA,CAAA,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,iBAAA,CAAA,YC3CJ,CD8CM,oEACE,qBC5CR,CD+CU,4FACE,iBAAA,CACA,kBC7CZ,CDkDM,uEACE,YAAA,CACA,SChDR,CDmDM,0DACE,qBCjDR,CDqDI,kDACE,+FAAA,CAEA,+BAAA,CAEA,sBAAA,CAAA,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: var(--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: var(--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: var(--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: var(--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: var(--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: var(--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"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-accordion{font-family:var(--font-family-base)}.af-accordion__summary{align-items:center;color:var(--color-gray-900);column-gap:2.5rem;cursor:pointer;display:grid;font-size:1.125rem;font-weight:600;grid-template-areas:"summary arrow";grid-template-columns:1fr auto;line-height:1.4rem;padding:1rem}.af-accordion__summary p{margin:0}.af-accordion__summary:first-child{grid-area:summary}.af-accordion__summary:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%2300008F' d='m24 13.333-1.88-1.88L16 17.56l-6.12-6.107L8 13.333l8 8z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M32 0v32H0V0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;content:"";display:inline-block;flex-shrink:0;grid-area:arrow;height:2rem;margin-left:auto;transition:transform .2s ease-in-out;width:2rem}.af-accordion[open]>.af-accordion__summary{border-bottom:1px solid var(--color-gray-300)}.af-accordion[open]>.af-accordion__summary:after{transform:rotate(180deg)}.af-accordion__content{color:var(--color-gray-700);font-size:1rem;font-weight:400;line-height:1.25rem;padding:1rem}@media (width <= 667px){.af-accordion__summary{font-size:1rem;font-weight:600;line-height:1.25rem;row-gap:.25rem}.af-accordion__content{font-size:.875rem;line-height:1.1rem}}
|
|
1
|
+
.af-accordion{font-family:var(--font-family-base)}.af-accordion__summary{align-items:center;color:var(--color-gray-900);-moz-column-gap:2.5rem;column-gap:2.5rem;cursor:pointer;display:grid;font-size:1.125rem;font-weight:600;grid-template-areas:"summary arrow";grid-template-columns:1fr auto;line-height:1.4rem;padding:1rem}.af-accordion__summary p{margin:0}.af-accordion__summary:first-child{grid-area:summary}.af-accordion__summary:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%2300008F' d='m24 13.333-1.88-1.88L16 17.56l-6.12-6.107L8 13.333l8 8z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M32 0v32H0V0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;content:"";display:inline-block;flex-shrink:0;grid-area:arrow;height:2rem;margin-left:auto;transition:transform .2s ease-in-out;width:2rem}.af-accordion[open]>.af-accordion__summary{border-bottom:1px solid var(--color-gray-300)}.af-accordion[open]>.af-accordion__summary:after{transform:rotate(180deg)}.af-accordion__content{color:var(--color-gray-700);font-size:1rem;font-weight:400;line-height:1.25rem;padding:1rem}@media (width <= 667px){.af-accordion__summary{font-size:1rem;font-weight:600;line-height:1.25rem;row-gap:.25rem}.af-accordion__content{font-size:.875rem;line-height:1.1rem}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/AccordionCore/AccordionCore.scss%23sass","../../src/AccordionCore/AccordionCore.scss"],"names":[],"mappings":"AAEA,cACE,mCCDF,CDGE,uBAKE,kBAAA,CAKA,2BAAA,CAJA,iBAAA,CAKA,cAAA,CAVA,YAAA,CAMA,kBAAA,CACA,eAAA,CALA,mCAAA,CACA,8BAAA,CAKA,kBAAA,CAPA,YCQJ,CDGI,yBACE,QCDN,CDII,mCACE,iBCFN,CDKI,6BAOE,uYAAA,CACA,2BAAA,CACA,oBAAA,CAEA,UAAA,CAVA,oBAAA,CAKA,aAAA,CADA,eAAA,CAFA,WAAA,CACA,gBAAA,CAMA,oCAAA,CARA,UCMN,CDOE,2CACE,6CCLJ,CDOI,iDACE,wBCLN,CDSE,uBAKE,2BAAA,CAHA,cAAA,CACA,eAAA,CACA,mBAAA,CAHA,YCHJ,CDWA,wBAEI,uBAEE,cAAA,CACA,eAAA,CACA,mBAAA,CAHA,cCNJ,CACF,uBDYM,iBAAA,CCVN,kBACE,CACF","file":"AccordionCore.css","sourcesContent":["@use \"../common/common.scss\" as common;\n\n.af-accordion {\n font-family: var(--font-family-base);\n\n &__summary {\n display: grid;\n padding: 1rem;\n grid-template-areas: \"summary arrow\";\n grid-template-columns: 1fr auto;\n align-items: center;\n column-gap: 2.5rem;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: var(--color-gray-900);\n cursor: pointer;\n\n p {\n margin: 0;\n }\n\n &:first-child {\n grid-area: summary;\n }\n\n &::after {\n display: inline-block;\n width: 2rem;\n height: 2rem;\n margin-left: auto;\n grid-area: arrow;\n flex-shrink: 0;\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_14583_27882)%22%3E%0A%3Cpath%20d%3D%22M24%2013.3331L22.12%2011.4531L16%2017.5598L9.88%2011.4531L8%2013.3331L16%2021.3331L24%2013.3331Z%22%20fill%3D%22%2300008F%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_14583_27882%22%3E%0A%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%20transform%3D%22matrix(0%201%20-1%200%2032%200)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A\");\n background-repeat: no-repeat;\n background-size: 100%;\n transition: transform 0.2s ease-in-out;\n content: \"\";\n }\n }\n\n &[open] > .af-accordion__summary {\n border-bottom: 1px solid var(--color-gray-300);\n\n &::after {\n transform: rotate(180deg);\n }\n }\n\n &__content {\n padding: 1rem;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: var(--color-gray-700);\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-accordion {\n &__summary {\n row-gap: 0.25rem;\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.25rem;\n }\n\n &__content {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n }\n}\n","@use \"../common/common.scss\" as common;\n\n.af-accordion {\n font-family: var(--font-family-base);\n\n &__summary {\n display: grid;\n padding: 1rem;\n grid-template-areas: \"summary arrow\";\n grid-template-columns: 1fr auto;\n align-items: center;\n column-gap: 2.5rem;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: var(--color-gray-900);\n cursor: pointer;\n\n p {\n margin: 0;\n }\n\n &:first-child {\n grid-area: summary;\n }\n\n &::after {\n display: inline-block;\n width: 2rem;\n height: 2rem;\n margin-left: auto;\n grid-area: arrow;\n flex-shrink: 0;\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_14583_27882)%22%3E%0A%3Cpath%20d%3D%22M24%2013.3331L22.12%2011.4531L16%2017.5598L9.88%2011.4531L8%2013.3331L16%2021.3331L24%2013.3331Z%22%20fill%3D%22%2300008F%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_14583_27882%22%3E%0A%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%20transform%3D%22matrix(0%201%20-1%200%2032%200)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A\");\n background-repeat: no-repeat;\n background-size: 100%;\n transition: transform 0.2s ease-in-out;\n content: \"\";\n }\n }\n\n &[open] > .af-accordion__summary {\n border-bottom: 1px solid var(--color-gray-300);\n\n &::after {\n transform: rotate(180deg);\n }\n }\n\n &__content {\n padding: 1rem;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: var(--color-gray-700);\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-accordion {\n &__summary {\n row-gap: 0.25rem;\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.25rem;\n }\n\n &__content {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/AccordionCore/AccordionCore.scss%23sass","../../src/AccordionCore/AccordionCore.scss"],"names":[],"mappings":"AAEA,cACE,mCCDF,CDGE,uBAKE,kBAAA,CAKA,2BAAA,CAJA,sBAAA,CAAA,iBAAA,CAKA,cAAA,CAVA,YAAA,CAMA,kBAAA,CACA,eAAA,CALA,mCAAA,CACA,8BAAA,CAKA,kBAAA,CAPA,YCQJ,CDGI,yBACE,QCDN,CDII,mCACE,iBCFN,CDKI,6BAOE,uYAAA,CACA,2BAAA,CACA,oBAAA,CAEA,UAAA,CAVA,oBAAA,CAKA,aAAA,CADA,eAAA,CAFA,WAAA,CACA,gBAAA,CAMA,oCAAA,CARA,UCMN,CDOE,2CACE,6CCLJ,CDOI,iDACE,wBCLN,CDSE,uBAKE,2BAAA,CAHA,cAAA,CACA,eAAA,CACA,mBAAA,CAHA,YCHJ,CDWA,wBAEI,uBAEE,cAAA,CACA,eAAA,CACA,mBAAA,CAHA,cCNJ,CACF,uBDYM,iBAAA,CCVN,kBACE,CACF","file":"AccordionCore.css","sourcesContent":["@use \"../common/common.scss\" as common;\n\n.af-accordion {\n font-family: var(--font-family-base);\n\n &__summary {\n display: grid;\n padding: 1rem;\n grid-template-areas: \"summary arrow\";\n grid-template-columns: 1fr auto;\n align-items: center;\n column-gap: 2.5rem;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: var(--color-gray-900);\n cursor: pointer;\n\n p {\n margin: 0;\n }\n\n &:first-child {\n grid-area: summary;\n }\n\n &::after {\n display: inline-block;\n width: 2rem;\n height: 2rem;\n margin-left: auto;\n grid-area: arrow;\n flex-shrink: 0;\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_14583_27882)%22%3E%0A%3Cpath%20d%3D%22M24%2013.3331L22.12%2011.4531L16%2017.5598L9.88%2011.4531L8%2013.3331L16%2021.3331L24%2013.3331Z%22%20fill%3D%22%2300008F%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_14583_27882%22%3E%0A%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%20transform%3D%22matrix(0%201%20-1%200%2032%200)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A\");\n background-repeat: no-repeat;\n background-size: 100%;\n transition: transform 0.2s ease-in-out;\n content: \"\";\n }\n }\n\n &[open] > .af-accordion__summary {\n border-bottom: 1px solid var(--color-gray-300);\n\n &::after {\n transform: rotate(180deg);\n }\n }\n\n &__content {\n padding: 1rem;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: var(--color-gray-700);\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-accordion {\n &__summary {\n row-gap: 0.25rem;\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.25rem;\n }\n\n &__content {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n }\n}\n","@use \"../common/common.scss\" as common;\n\n.af-accordion {\n font-family: var(--font-family-base);\n\n &__summary {\n display: grid;\n padding: 1rem;\n grid-template-areas: \"summary arrow\";\n grid-template-columns: 1fr auto;\n align-items: center;\n column-gap: 2.5rem;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: var(--color-gray-900);\n cursor: pointer;\n\n p {\n margin: 0;\n }\n\n &:first-child {\n grid-area: summary;\n }\n\n &::after {\n display: inline-block;\n width: 2rem;\n height: 2rem;\n margin-left: auto;\n grid-area: arrow;\n flex-shrink: 0;\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_14583_27882)%22%3E%0A%3Cpath%20d%3D%22M24%2013.3331L22.12%2011.4531L16%2017.5598L9.88%2011.4531L8%2013.3331L16%2021.3331L24%2013.3331Z%22%20fill%3D%22%2300008F%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_14583_27882%22%3E%0A%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%20transform%3D%22matrix(0%201%20-1%200%2032%200)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A\");\n background-repeat: no-repeat;\n background-size: 100%;\n transition: transform 0.2s ease-in-out;\n content: \"\";\n }\n }\n\n &[open] > .af-accordion__summary {\n border-bottom: 1px solid var(--color-gray-300);\n\n &::after {\n transform: rotate(180deg);\n }\n }\n\n &__content {\n padding: 1rem;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: var(--color-gray-700);\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-accordion {\n &__summary {\n row-gap: 0.25rem;\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.25rem;\n }\n\n &__content {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n }\n}\n"]}
|
package/dist/Button/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-btn-client{align-items:center;background-color:var(--color-axa);border:0;border-radius:8px;cursor:pointer;display:flex;font-family:var(--font-family-base);font-weight:600;gap:1rem;justify-content:center;min-height:3.5rem;padding:.8rem 1.2rem;transition-duration:var(--transition-duration);transition-property:width,height,border,color,background-color,outline,box-shadow;transition-timing-function:linear;-webkit-user-select:none;user-select:none}.af-btn-client,.af-btn-client:hover{color:var(--color-white);text-decoration:none}.af-btn-client:hover{background-color:var(--color-blue-1)}.af-btn-client:active,.af-btn-client:focus{background-color:var(--color-btn-light);color:var(--color-white);outline:none}.af-btn-client:focus-visible{outline:2px solid var(--color-blue-3);outline-offset:3px}.af-btn-client>svg{aspect-ratio:1;fill:currentcolor}.af-btn-client--ghost{background-color:
|
|
1
|
+
.af-btn-client{align-items:center;background-color:var(--color-axa);border:0;border-radius:8px;cursor:pointer;display:flex;font-family:var(--font-family-base);font-weight:600;gap:1rem;justify-content:center;min-height:3.5rem;padding:.8rem 1.2rem;transition-duration:var(--transition-duration);transition-property:width,height,border,color,background-color,outline,box-shadow;transition-timing-function:linear;-webkit-user-select:none;-moz-user-select:none;user-select:none}.af-btn-client,.af-btn-client:hover{color:var(--color-white);text-decoration:none}.af-btn-client:hover{background-color:var(--color-blue-1)}.af-btn-client:active,.af-btn-client:focus{background-color:var(--color-btn-light);color:var(--color-white);outline:none}.af-btn-client:focus-visible{outline:2px solid var(--color-blue-3);outline-offset:3px}.af-btn-client>svg{aspect-ratio:1;fill:currentcolor}.af-btn-client--ghost{background-color:transparent;color:var(--color-axa);gap:.25rem;min-height:auto;min-width:auto;padding:0}.af-btn-client--ghost:hover{background-color:transparent;color:var(--color-blue-1)}.af-btn-client--ghost:active,.af-btn-client--ghost:focus{background-color:transparent;color:var(--color-btn-light)}.af-btn-client--primary-business{background-color:var(--color-btn-business)}.af-btn-client--primary-business:hover{background-color:var(--color-btn-business-dark)}.af-btn-client--primary-business:focus{background-color:var(--color-btn-business-light)}.af-btn-client--tertiary{background-color:var(--color-btn-tertiary-bg);color:var(--color-axa)}.af-btn-client--tertiary:hover{background-color:var(--color-btn-tertiary-bg-darker);color:var(--color-axa)}.af-btn-client--tertiary:active,.af-btn-client--tertiary:focus{background-color:var(--color-btn-tertiary-bg-lighter);color:var(--color-axa)}.af-btn-client--secondary{background-color:var(--color-white);box-shadow:0 0 0 1px var(--color-axa) inset;color:var(--color-axa)}.af-btn-client--secondary:active,.af-btn-client--secondary:focus,.af-btn-client--secondary:hover{background-color:var(--color-white);box-shadow:0 0 0 2px var(--color-blue-1) inset;color:var(--color-blue-1)}.af-btn-client--secondary:active{background-color:var(--color-blue-2)}.af-btn-client--secondary-error{background-color:var(--color-white);box-shadow:0 0 0 1px var(--color-red-700) inset;color:var(--color-red-700)}.af-btn-client--secondary-error:active,.af-btn-client--secondary-error:focus,.af-btn-client--secondary-error:hover{background-color:var(--color-white);box-shadow:0 0 0 2px var(--color-btn-error-text) inset;color:var(--color-btn-error-text)}.af-btn-client--secondary-error:active{background-color:var(--color-btn-error-bg)}.af-btn-client__wrapper{align-items:center;display:flex;justify-content:center;line-height:1}.af-btn-client:disabled,.af-btn-client[aria-disabled=true]{background-color:var(--color-gray-300);box-shadow:none;color:var(--color-btn-disabled-text);cursor:not-allowed}.af-btn-client:disabled:focus,.af-btn-client:disabled:hover,.af-btn-client[aria-disabled=true]:focus,.af-btn-client[aria-disabled=true]:hover{background-color:var(--color-gray-300);border-color:transparent;color:var(--color-btn-disabled-text)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Button/Button.scss%23sass","../../src/Button/Button.scss"],"names":[],"mappings":"AAAA,eAME,kBAAA,CAOA,iCAAA,CATA,QAAA,CACA,iBAAA,CAaA,cAAA,CAjBA,YAAA,CAQA,mCAAA,CACA,eAAA,CAFA,QAAA,CADA,sBAAA,CALA,iBAAA,CACA,oBAAA,CAWA,8CAAA,CACA,iFAAA,CAEA,iCAAA,CAEA,wBAAA,CAAA,gBCAF,CDEE,oCATA,wBAAA,CADA,oBCaF,CDHE,qBAGE,oCCAJ,CDGE,2CAGE,uCAAA,CADA,wBAAA,CAEA,YCFJ,CDKE,6BACE,qCAAA,CACA,kBCHJ,CDME,mBACE,cAAA,CACA,iBCJJ,CDOE,sBAME,
|
|
1
|
+
{"version":3,"sources":["../../src/Button/Button.scss%23sass","../../src/Button/Button.scss"],"names":[],"mappings":"AAAA,eAME,kBAAA,CAOA,iCAAA,CATA,QAAA,CACA,iBAAA,CAaA,cAAA,CAjBA,YAAA,CAQA,mCAAA,CACA,eAAA,CAFA,QAAA,CADA,sBAAA,CALA,iBAAA,CACA,oBAAA,CAWA,8CAAA,CACA,iFAAA,CAEA,iCAAA,CAEA,wBAAA,CAAA,qBAAA,CAAA,gBCAF,CDEE,oCATA,wBAAA,CADA,oBCaF,CDHE,qBAGE,oCCAJ,CDGE,2CAGE,uCAAA,CADA,wBAAA,CAEA,YCFJ,CDKE,6BACE,qCAAA,CACA,kBCHJ,CDME,mBACE,cAAA,CACA,iBCJJ,CDOE,sBAME,4BAAA,CADA,sBAAA,CADA,UAAA,CAFA,eAAA,CADA,cAAA,CAEA,SCFJ,CDOI,4BAEE,4BAAA,CADA,yBCJN,CDQI,yDAGE,4BAAA,CADA,4BCNN,CDWE,iCACE,0CCTJ,CDWI,uCACE,+CCTN,CDYI,uCACE,gDCVN,CDcE,yBAEE,6CAAA,CADA,sBCXJ,CDcI,+BAEE,oDAAA,CADA,sBCXN,CDeI,+DAGE,qDAAA,CADA,sBCbN,CDkBE,0BAEE,mCAAA,CACA,2CAAA,CAFA,sBCdJ,CDkBI,iGAIE,mCAAA,CACA,8CAAA,CAFA,yBChBN,CDqBI,iCACE,oCCnBN,CDuBE,gCAEE,mCAAA,CACA,+CAAA,CAFA,0BCnBJ,CDuBI,mHAIE,mCAAA,CACA,sDAAA,CAFA,iCCrBN,CD0BI,uCACE,0CCxBN,CD4BE,wBAEE,kBAAA,CADA,YAAA,CAEA,sBAAA,CACA,aC1BJ,CD6BE,2DAGE,sCAAA,CACA,eAAA,CAFA,oCAAA,CAGA,kBC5BJ,CD8BI,8IAIE,sCAAA,CAFA,wBAAA,CACA,oCC5BN","file":"Button.css","sourcesContent":[".af-btn-client {\n display: flex;\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: var(--font-family-base);\n font-weight: 600;\n text-decoration: none;\n color: var(--color-white);\n background-color: var(--color-axa);\n transition-duration: var(--transition-duration);\n transition-property: width, height, border, color, background-color, outline,\n box-shadow;\n transition-timing-function: linear;\n cursor: pointer;\n user-select: none;\n\n &:hover {\n text-decoration: none;\n color: var(--color-white);\n background-color: var(--color-blue-1);\n }\n\n &:active,\n &:focus {\n color: var(--color-white);\n background-color: var(--color-btn-light);\n outline: none;\n }\n\n &:focus-visible {\n outline: 2px solid var(--color-blue-3);\n outline-offset: 3px;\n }\n\n & > svg {\n aspect-ratio: 1;\n fill: currentcolor;\n }\n\n &--ghost {\n min-width: auto;\n min-height: auto;\n padding: 0;\n gap: 0.25rem;\n color: var(--color-axa);\n background-color: transparent;\n\n &:hover {\n color: var(--color-blue-1);\n background-color: transparent;\n }\n\n &:focus,\n &:active {\n color: var(--color-btn-light);\n background-color: transparent;\n }\n }\n\n &--primary-business {\n background-color: var(--color-btn-business);\n\n &:hover {\n background-color: var(--color-btn-business-dark);\n }\n\n &:focus {\n background-color: var(--color-btn-business-light);\n }\n }\n\n &--tertiary {\n color: var(--color-axa);\n background-color: var(--color-btn-tertiary-bg);\n\n &:hover {\n color: var(--color-axa);\n background-color: var(--color-btn-tertiary-bg-darker);\n }\n\n &:focus,\n &:active {\n color: var(--color-axa);\n background-color: var(--color-btn-tertiary-bg-lighter);\n }\n }\n\n &--secondary {\n color: var(--color-axa);\n background-color: var(--color-white);\n box-shadow: 0 0 0 1px var(--color-axa) inset;\n\n &:hover,\n &:focus,\n &:active {\n color: var(--color-blue-1);\n background-color: var(--color-white);\n box-shadow: 0 0 0 2px var(--color-blue-1) inset;\n }\n\n &:active {\n background-color: var(--color-blue-2);\n }\n }\n\n &--secondary-error {\n color: var(--color-red-700);\n background-color: var(--color-white);\n box-shadow: 0 0 0 1px var(--color-red-700) inset;\n\n &:hover,\n &:focus,\n &:active {\n color: var(--color-btn-error-text);\n background-color: var(--color-white);\n box-shadow: 0 0 0 2px var(--color-btn-error-text) inset;\n }\n\n &:active {\n background-color: var(--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: var(--color-btn-disabled-text);\n background-color: var(--color-gray-300);\n box-shadow: none;\n cursor: not-allowed;\n\n &:hover,\n &:focus {\n border-color: transparent;\n color: var(--color-btn-disabled-text);\n background-color: var(--color-gray-300);\n }\n }\n}\n",".af-btn-client {\n display: flex;\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: var(--font-family-base);\n font-weight: 600;\n text-decoration: none;\n color: var(--color-white);\n background-color: var(--color-axa);\n transition-duration: var(--transition-duration);\n transition-property: width, height, border, color, background-color, outline,\n box-shadow;\n transition-timing-function: linear;\n cursor: pointer;\n user-select: none;\n\n &:hover {\n text-decoration: none;\n color: var(--color-white);\n background-color: var(--color-blue-1);\n }\n\n &:active,\n &:focus {\n color: var(--color-white);\n background-color: var(--color-btn-light);\n outline: none;\n }\n\n &:focus-visible {\n outline: 2px solid var(--color-blue-3);\n outline-offset: 3px;\n }\n\n & > svg {\n aspect-ratio: 1;\n fill: currentcolor;\n }\n\n &--ghost {\n min-width: auto;\n min-height: auto;\n padding: 0;\n gap: 0.25rem;\n color: var(--color-axa);\n background-color: transparent;\n\n &:hover {\n color: var(--color-blue-1);\n background-color: transparent;\n }\n\n &:focus,\n &:active {\n color: var(--color-btn-light);\n background-color: transparent;\n }\n }\n\n &--primary-business {\n background-color: var(--color-btn-business);\n\n &:hover {\n background-color: var(--color-btn-business-dark);\n }\n\n &:focus {\n background-color: var(--color-btn-business-light);\n }\n }\n\n &--tertiary {\n color: var(--color-axa);\n background-color: var(--color-btn-tertiary-bg);\n\n &:hover {\n color: var(--color-axa);\n background-color: var(--color-btn-tertiary-bg-darker);\n }\n\n &:focus,\n &:active {\n color: var(--color-axa);\n background-color: var(--color-btn-tertiary-bg-lighter);\n }\n }\n\n &--secondary {\n color: var(--color-axa);\n background-color: var(--color-white);\n box-shadow: 0 0 0 1px var(--color-axa) inset;\n\n &:hover,\n &:focus,\n &:active {\n color: var(--color-blue-1);\n background-color: var(--color-white);\n box-shadow: 0 0 0 2px var(--color-blue-1) inset;\n }\n\n &:active {\n background-color: var(--color-blue-2);\n }\n }\n\n &--secondary-error {\n color: var(--color-red-700);\n background-color: var(--color-white);\n box-shadow: 0 0 0 1px var(--color-red-700) inset;\n\n &:hover,\n &:focus,\n &:active {\n color: var(--color-btn-error-text);\n background-color: var(--color-white);\n box-shadow: 0 0 0 2px var(--color-btn-error-text) inset;\n }\n\n &:active {\n background-color: var(--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: var(--color-btn-disabled-text);\n background-color: var(--color-gray-300);\n box-shadow: none;\n cursor: not-allowed;\n\n &:hover,\n &:focus {\n border-color: transparent;\n color: var(--color-btn-disabled-text);\n background-color: var(--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:
|
|
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:content-box;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:baseline}sub{bottom:-.25em}sup{top:-.5em}a{background-color:transparent;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;-moz-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;-moz-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:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;-moz-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{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:.5rem;box-shadow:0 .25rem .5rem 0 rgba(16,24,65,.08);font-family:var(--font-family-base);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 var(--color-focus);outline:none}.af-card--elevation-2:not(:focus){box-shadow:0 .25rem .5rem 0 rgba(16,24,65,.16)}.af-card__title{color:var(--color-axa);font-size:1.125rem;font-weight:600;line-height:1.4rem}.af-card--accordion{box-shadow:none;padding:0}button.af-card{cursor:pointer;text-align:left;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"],"names":[],"mappings":"AAAA,iBAGE,qBCCF,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,
|
|
1
|
+
{"version":3,"sources":["../../src/common/reboot.scss","../../src/Card/Card.scss","../../src/Card/Card.scss%23sass"],"names":[],"mappings":"AAAA,iBAGE,qBCCF,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,sBAAA,CACA,QAAA,CACA,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,uBCGF,CDEA,IACE,aCCF,CDEA,IACE,SCCF,CDEA,EAGE,4BAAA,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,sBAAA,CAAA,iBCAF,CDGA,aACE,kBAAA,CACA,yCCAF,CDGA,4GAIE,cCAF,CDGA,wHAKE,iBAAA,CADA,SCCF,CDGA,uCAEE,qBAAA,CACA,SCAF,CDGA,+EAIE,0BAAA,CAAA,uBAAA,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,uBCAF,CDGA,kFAEE,WCAF,CDGA,cAEE,uBAAA,CAAA,oBAAA,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,CCxUA,SAQE,mCAAA,CANA,sCAAA,CACA,mBAAA,CAMA,8CAAA,CALA,mCAAA,CACA,cAAA,CACA,eAAA,CACA,mBAAA,CANA,YDmVF,CCzUE,qBACE,kBD2UJ,CCxUE,uBACE,mCAAA,CACA,YD0UJ,CCvUE,kCACE,8CDyUJ,CCtUE,gBAIE,sBAAA,CAHA,kBAAA,CACA,eAAA,CACA,kBDyUJ,CCrUE,oBAEE,eAAA,CADA,SDwUJ,CCnUA,eAEE,cAAA,CADA,eAAA,CAAA,kBDuUF,CCpUE,sBACE,eDsUJ,CCnUE,qBACE,YDqUJ","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\n.af-card {\n padding: 1rem;\n border: 1px solid var(--color-gray-300);\n border-radius: 0.5rem;\n font-family: var(--font-family-base);\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n background-color: var(--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 var(--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: var(--color-axa);\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\n.af-card {\n padding: 1rem;\n border: 1px solid var(--color-gray-300);\n border-radius: 0.5rem;\n font-family: var(--font-family-base);\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n background-color: var(--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 var(--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: var(--color-axa);\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"]}
|
|
@@ -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}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{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.af-form__select-label,.af-form__select-single-value{color:var(--color-gray-900)}.af-form__select-single-value-disabled{color:var(--color-gray-500)}.af-form__select-error{color:var(--color-red-700);display:flex;gap:.5rem;margin-top:.5rem}.af-form__select-error-icon path{fill:var(--color-red-700)}.af-form__input-select{color:var(--color-gray-700);font-size:1rem;min-height:unset!important}.af-form__input-select-container{background-color:var(--color-white);border:1px solid var(--color-gray-700);border-radius:var(--default-border-radius);color:var(--color-gray-700);padding:.75rem 1rem}.af-form__input-select-container-error{border-color:var(--color-red-700);border-width:2px}.af-form__input-select-container-error:active,.af-form__input-select-container-error:hover{box-shadow:0 0 0 1px var(--color-red-700) inset!important}.af-form__input-select-container:active,.af-form__input-select-container:hover{box-shadow:0 0 0 2px var(--color-axa) inset}.af-form__input-select-container-focused,.af-form__input-select-container:focus-visible{box-shadow:0 0 0 2px var(--color-axa) inset;outline:2px solid var(--color-focus);outline-offset:3px}.af-form__input-select-container-disabled{background-color:var(--color-gray-200);border-color:var(--color-gray-400)}.af-form__input-select-container-icon-disabled path{fill:var(--color-gray-500)}.af-form__input-select-menu{background-color:var(--color-white);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:var(--color-gray-900);font-weight:400;padding:.75rem 1rem}.af-form__input-select-menu-options-selected{color:var(--color-axa);font-weight:600}.af-form__input-select-menu-options-focused{border:1px solid var(--color-axa)}.af-form__input-select-menu-options:nth-child(odd){background-color:var(--color-blue-2)}.af-form__input-select-menu-options:nth-child(2n){background-color:var(--color-white)}
|
|
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:content-box;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:baseline}sub{bottom:-.25em}sup{top:-.5em}a{background-color:transparent;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;-moz-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;-moz-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:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;-moz-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{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.af-form__select-label,.af-form__select-single-value{color:var(--color-gray-900)}.af-form__select-single-value-disabled{color:var(--color-gray-500)}.af-form__select-error{color:var(--color-red-700);display:flex;gap:.5rem;margin-top:.5rem}.af-form__select-error-icon path{fill:var(--color-red-700)}.af-form__input-select{color:var(--color-gray-700);font-size:1rem;min-height:unset!important}.af-form__input-select-container{background-color:var(--color-white);border:1px solid var(--color-gray-700);border-radius:var(--default-border-radius);color:var(--color-gray-700);padding:.75rem 1rem}.af-form__input-select-container-error{border-color:var(--color-red-700);border-width:2px}.af-form__input-select-container-error:active,.af-form__input-select-container-error:hover{box-shadow:0 0 0 1px var(--color-red-700) inset!important}.af-form__input-select-container:active,.af-form__input-select-container:hover{box-shadow:0 0 0 2px var(--color-axa) inset}.af-form__input-select-container-focused,.af-form__input-select-container:focus-visible{box-shadow:0 0 0 2px var(--color-axa) inset;outline:2px solid var(--color-focus);outline-offset:3px}.af-form__input-select-container-disabled{background-color:var(--color-gray-200);border-color:var(--color-gray-400)}.af-form__input-select-container-icon-disabled path{fill:var(--color-gray-500)}.af-form__input-select-menu{background-color:var(--color-white);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 transparent;box-shadow:none;color:var(--color-gray-900);font-weight:400;padding:.75rem 1rem}.af-form__input-select-menu-options-selected{color:var(--color-axa);font-weight:600}.af-form__input-select-menu-options-focused{border:1px solid var(--color-axa)}.af-form__input-select-menu-options:nth-child(odd){background-color:var(--color-blue-2)}.af-form__input-select-menu-options:nth-child(2n){background-color:var(--color-white)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/common/grid.scss","../../../src/Form/Select/Select.scss","../../../src/common/reboot.scss","../../../src/Form/Select/Select.scss%23sass"],"names":[],"mappings":"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A,kBCjDF,CDqDA,WAEE,aAAA,CADA,cClDF,CDsDA,gBACE,QCpDF,CDuDA,eACE,QCrDF,CDwDA,YACE,OCtDF,CDyDA,YACE,OCvDF,CD0DA,YACE,OCxDF,CD2DA,YACE,OCzDF,CD4DA,YACE,OC1DF,CD6DA,YACE,OC3DF,CD8DA,YACE,OC5DF,CD+DA,YACE,OC7DF,CDgEA,YACE,OC9DF,CDiEA,YACE,OC/DF,CDkEA,aACE,QChEF,CDmEA,aACE,QCjEF,CDoEA,aACE,QClEF,CDqEA,aACE,aCnEF,CDsEA,aACE,mBCpEF,CDuEA,aACE,oBCrEF,CDwEA,aACE,eCtEF,CDyEA,aACE,oBCvEF,CD0EA,aACE,oBCxEF,CD2EA,aACE,eCzEF,CD4EA,aACE,oBC1EF,CD6EA,aACE,oBC3EF,CD8EA,aACE,eC5EF,CD+EA,cACE,oBC7EF,CDgFA,cACE,oBC9EF,CACF,CDgFA,wBACE,QAEE,YAAA,CACA,WAAA,CAFA,cC5EF,CDiFA,aAGE,aAAA,CADA,cAAA,CADA,UC7EF,CDkFA,UAEE,gBAAA,CADA,iBC/EF,CDmFA,UAEE,iBAAA,CADA,kBChFF,CDoFA,UAEE,YAAA,CADA,aCjFF,CDqFA,UAEE,iBAAA,CADA,kBClFF,CDsFA,UAEE,iBAAA,CADA,kBCnFF,CDuFA,UAEE,YAAA,CADA,aCpFF,CDwFA,UAEE,iBAAA,CADA,kBCrFF,CDyFA,UAEE,iBAAA,CADA,kBCtFF,CD0FA,UAEE,YAAA,CADA,aCvFF,CD2FA,WAEE,iBAAA,CADA,kBCxFF,CD4FA,WAEE,iBAAA,CADA,kBCzFF,CD6FA,WAEE,aAAA,CADA,cC1FF,CD8FA,gBACE,QC5FF,CD+FA,eACE,QC7FF,CDgGA,YACE,OC9FF,CDiGA,YACE,OC/FF,CDkGA,YACE,OChGF,CDmGA,YACE,OCjGF,CDoGA,YACE,OClGF,CDqGA,YACE,OCnGF,CDsGA,YACE,OCpGF,CDuGA,YACE,OCrGF,CDwGA,YACE,OCtGF,CDyGA,YACE,OCvGF,CD0GA,aACE,QCxGF,CD2GA,aACE,QCzGF,CD4GA,aACE,QC1GF,CD6GA,aACE,aC3GF,CD8GA,aACE,mBC5GF,CD+GA,aACE,oBC7GF,CDgHA,aACE,eC9GF,CDiHA,aACE,oBC/GF,CDkHA,aACE,oBChHF,CDmHA,aACE,eCjHF,CDoHA,aACE,oBClHF,CDqHA,aACE,oBCnHF,CDsHA,aACE,eCpHF,CDuHA,cACE,oBCrHF,CDwHA,cACE,oBCtHF,CACF,CDwHA,yBACE,QAEE,YAAA,CACA,WAAA,CAFA,cCpHF,CDyHA,aAGE,aAAA,CADA,cAAA,CADA,UCrHF,CD0HA,UAEE,gBAAA,CADA,iBCvHF,CD2HA,UAEE,iBAAA,CADA,kBCxHF,CD4HA,UAEE,YAAA,CADA,aCzHF,CD6HA,UAEE,iBAAA,CADA,kBC1HF,CD8HA,UAEE,iBAAA,CADA,kBC3HF,CD+HA,UAEE,YAAA,CADA,aC5HF,CDgIA,UAEE,iBAAA,CADA,kBC7HF,CDiIA,UAEE,iBAAA,CADA,kBC9HF,CDkIA,UAEE,YAAA,CADA,aC/HF,CDmIA,WAEE,iBAAA,CADA,kBChIF,CDoIA,WAEE,iBAAA,CADA,kBCjIF,CDqIA,WAEE,aAAA,CADA,cClIF,CDsIA,gBACE,QCpIF,CDuIA,eACE,QCrIF,CDwIA,YACE,OCtIF,CDyIA,YACE,OCvIF,CD0IA,YACE,OCxIF,CD2IA,YACE,OCzIF,CD4IA,YACE,OC1IF,CD6IA,YACE,OC3IF,CD8IA,YACE,OC5IF,CD+IA,YACE,OC7IF,CDgJA,YACE,OC9IF,CDiJA,YACE,OC/IF,CDkJA,aACE,QChJF,CDmJA,aACE,QCjJF,CDoJA,aACE,QClJF,CDqJA,aACE,aCnJF,CDsJA,aACE,mBCpJF,CDuJA,aACE,oBCrJF,CDwJA,aACE,eCtJF,CDyJA,aACE,oBCvJF,CD0JA,aACE,oBCxJF,CD2JA,aACE,eCzJF,CD4JA,aACE,oBC1JF,CD6JA,aACE,oBC3JF,CD8JA,aACE,eC5JF,CD+JA,cACE,oBC7JF,CDgKA,cACE,oBC9JF,CACF,CCr2BA,iBAGE,qBDu2BF,CCp2BA,KACE,sBAAA,CACA,gBAAA,CACA,6BAAA,CAAA,0BAAA,CAAA,qBAAA,CACA,uCDu2BF,CCp2BA,sE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","file":"Select.css","sourcesContent":[".container {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n padding-right: 15px;\n padding-left: 15px;\n}\n@media (width >= 576px) {\n .container {\n max-width: 540px;\n }\n}\n@media (width >= 768px) {\n .container {\n max-width: 720px;\n }\n}\n@media (width >= 992px) {\n .container {\n max-width: 960px;\n }\n}\n@media (width >= 1200px) {\n .container {\n max-width: 1440px;\n }\n}\n\n.container-fluid {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n padding-right: 15px;\n padding-left: 15px;\n}\n\n.row {\n display: flex;\n margin-right: -15px;\n margin-left: -15px;\n flex-wrap: wrap;\n}\n\n.no-gutters {\n margin-right: 0;\n margin-left: 0;\n}\n\n.col,\n.col-1,\n.col-10,\n.col-11,\n.col-12,\n.col-2,\n.col-3,\n.col-4,\n.col-5,\n.col-6,\n.col-7,\n.col-8,\n.col-9,\n.col-auto,\n.col-lg,\n.col-lg-1,\n.col-lg-10,\n.col-lg-11,\n.col-lg-12,\n.col-lg-2,\n.col-lg-3,\n.col-lg-4,\n.col-lg-5,\n.col-lg-6,\n.col-lg-7,\n.col-lg-8,\n.col-lg-9,\n.col-lg-auto,\n.col-md,\n.col-md-1,\n.col-md-10,\n.col-md-11,\n.col-md-12,\n.col-md-2,\n.col-md-3,\n.col-md-4,\n.col-md-5,\n.col-md-6,\n.col-md-7,\n.col-md-8,\n.col-md-9,\n.col-md-auto,\n.col-sm,\n.col-sm-1,\n.col-sm-10,\n.col-sm-11,\n.col-sm-12,\n.col-sm-2,\n.col-sm-3,\n.col-sm-4,\n.col-sm-5,\n.col-sm-6,\n.col-sm-7,\n.col-sm-8,\n.col-sm-9,\n.col-sm-auto,\n.col-xl,\n.col-xl-1,\n.col-xl-10,\n.col-xl-11,\n.col-xl-12,\n.col-xl-2,\n.col-xl-3,\n.col-xl-4,\n.col-xl-5,\n.col-xl-6,\n.col-xl-7,\n.col-xl-8,\n.col-xl-9,\n.col-xl-auto {\n position: relative;\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n}\n\n.col {\n max-width: 100%;\n flex-basis: 0;\n flex-grow: 1;\n}\n\n.col-auto {\n width: auto;\n max-width: 100%;\n flex: 0 0 auto;\n}\n\n.col-1 {\n max-width: 8.3333%;\n flex: 0 0 8.3333%;\n}\n\n.col-2 {\n max-width: 16.6667%;\n flex: 0 0 16.6667%;\n}\n\n.col-3 {\n max-width: 25%;\n flex: 0 0 25%;\n}\n\n.col-4 {\n max-width: 33.3333%;\n flex: 0 0 33.3333%;\n}\n\n.col-5 {\n max-width: 41.6667%;\n flex: 0 0 41.6667%;\n}\n\n.col-6 {\n max-width: 50%;\n flex: 0 0 50%;\n}\n\n.col-7 {\n max-width: 58.3333%;\n flex: 0 0 58.3333%;\n}\n\n.col-8 {\n max-width: 66.6667%;\n flex: 0 0 66.6667%;\n}\n\n.col-9 {\n max-width: 75%;\n flex: 0 0 75%;\n}\n\n.col-10 {\n max-width: 83.3333%;\n flex: 0 0 83.3333%;\n}\n\n.col-11 {\n max-width: 91.6667%;\n flex: 0 0 91.6667%;\n}\n\n.col-12 {\n max-width: 100%;\n flex: 0 0 100%;\n}\n\n.no-gutters > .col,\n.no-gutters > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0;\n}\n\n.order-first {\n order: -1;\n}\n\n.order-last {\n order: 13;\n}\n\n.order-0 {\n order: 0;\n}\n\n.order-1 {\n order: 1;\n}\n\n.order-2 {\n order: 2;\n}\n\n.order-3 {\n order: 3;\n}\n\n.order-4 {\n order: 4;\n}\n\n.order-5 {\n order: 5;\n}\n\n.order-6 {\n order: 6;\n}\n\n.order-7 {\n order: 7;\n}\n\n.order-8 {\n order: 8;\n}\n\n.order-9 {\n order: 9;\n}\n\n.order-10 {\n order: 10;\n}\n\n.order-11 {\n order: 11;\n}\n\n.order-12 {\n order: 12;\n}\n\n.offset-1 {\n margin-left: 8.3333%;\n}\n\n.offset-2 {\n margin-left: 16.6667%;\n}\n\n.offset-3 {\n margin-left: 25%;\n}\n\n.offset-4 {\n margin-left: 33.3333%;\n}\n\n.offset-5 {\n margin-left: 41.6667%;\n}\n\n.offset-6 {\n margin-left: 50%;\n}\n\n.offset-7 {\n margin-left: 58.3333%;\n}\n\n.offset-8 {\n margin-left: 66.6667%;\n}\n\n.offset-9 {\n margin-left: 75%;\n}\n\n.offset-10 {\n margin-left: 83.3333%;\n}\n\n.offset-11 {\n margin-left: 91.6667%;\n}\n@media (width >= 576px) {\n .col-sm {\n max-width: 100%;\n flex-basis: 0;\n flex-grow: 1;\n }\n\n .col-sm-auto {\n width: auto;\n max-width: 100%;\n flex: 0 0 auto;\n }\n\n .col-sm-1 {\n max-width: 8.3333%;\n flex: 0 0 8.3333%;\n }\n\n .col-sm-2 {\n max-width: 16.6667%;\n flex: 0 0 16.6667%;\n }\n\n .col-sm-3 {\n max-width: 25%;\n flex: 0 0 25%;\n }\n\n .col-sm-4 {\n max-width: 33.3333%;\n flex: 0 0 33.3333%;\n }\n\n .col-sm-5 {\n max-width: 41.6667%;\n flex: 0 0 41.6667%;\n }\n\n .col-sm-6 {\n max-width: 50%;\n flex: 0 0 50%;\n }\n\n .col-sm-7 {\n max-width: 58.3333%;\n flex: 0 0 58.3333%;\n }\n\n .col-sm-8 {\n max-width: 66.6667%;\n flex: 0 0 66.6667%;\n }\n\n .col-sm-9 {\n max-width: 75%;\n flex: 0 0 75%;\n }\n\n .col-sm-10 {\n max-width: 83.3333%;\n flex: 0 0 83.3333%;\n }\n\n .col-sm-11 {\n max-width: 91.6667%;\n flex: 0 0 91.6667%;\n }\n\n .col-sm-12 {\n max-width: 100%;\n flex: 0 0 100%;\n }\n\n .order-sm-first {\n order: -1;\n }\n\n .order-sm-last {\n order: 13;\n }\n\n .order-sm-0 {\n order: 0;\n }\n\n .order-sm-1 {\n order: 1;\n }\n\n .order-sm-2 {\n order: 2;\n }\n\n .order-sm-3 {\n order: 3;\n }\n\n .order-sm-4 {\n order: 4;\n }\n\n .order-sm-5 {\n order: 5;\n }\n\n .order-sm-6 {\n order: 6;\n }\n\n .order-sm-7 {\n order: 7;\n }\n\n .order-sm-8 {\n order: 8;\n }\n\n .order-sm-9 {\n order: 9;\n }\n\n .order-sm-10 {\n order: 10;\n }\n\n .order-sm-11 {\n order: 11;\n }\n\n .order-sm-12 {\n order: 12;\n }\n\n .offset-sm-0 {\n margin-left: 0;\n }\n\n .offset-sm-1 {\n margin-left: 8.3333%;\n }\n\n .offset-sm-2 {\n margin-left: 16.6667%;\n }\n\n .offset-sm-3 {\n margin-left: 25%;\n }\n\n .offset-sm-4 {\n margin-left: 33.3333%;\n }\n\n .offset-sm-5 {\n margin-left: 41.6667%;\n }\n\n .offset-sm-6 {\n margin-left: 50%;\n }\n\n .offset-sm-7 {\n margin-left: 58.3333%;\n }\n\n .offset-sm-8 {\n margin-left: 66.6667%;\n }\n\n .offset-sm-9 {\n margin-left: 75%;\n }\n\n .offset-sm-10 {\n margin-left: 83.3333%;\n }\n\n .offset-sm-11 {\n margin-left: 91.6667%;\n }\n}\n@media (width >= 768px) {\n .col-md {\n max-width: 100%;\n flex-basis: 0;\n flex-grow: 1;\n }\n\n .col-md-auto {\n width: auto;\n max-width: 100%;\n flex: 0 0 auto;\n }\n\n .col-md-1 {\n max-width: 8.3333%;\n flex: 0 0 8.3333%;\n }\n\n .col-md-2 {\n max-width: 16.6667%;\n flex: 0 0 16.6667%;\n }\n\n .col-md-3 {\n max-width: 25%;\n flex: 0 0 25%;\n }\n\n .col-md-4 {\n max-width: 33.3333%;\n flex: 0 0 33.3333%;\n }\n\n .col-md-5 {\n max-width: 41.6667%;\n flex: 0 0 41.6667%;\n }\n\n .col-md-6 {\n max-width: 50%;\n flex: 0 0 50%;\n }\n\n .col-md-7 {\n max-width: 58.3333%;\n flex: 0 0 58.3333%;\n }\n\n .col-md-8 {\n max-width: 66.6667%;\n flex: 0 0 66.6667%;\n }\n\n .col-md-9 {\n max-width: 75%;\n flex: 0 0 75%;\n }\n\n .col-md-10 {\n max-width: 83.3333%;\n flex: 0 0 83.3333%;\n }\n\n .col-md-11 {\n max-width: 91.6667%;\n flex: 0 0 91.6667%;\n }\n\n .col-md-12 {\n max-width: 100%;\n flex: 0 0 100%;\n }\n\n .order-md-first {\n order: -1;\n }\n\n .order-md-last {\n order: 13;\n }\n\n .order-md-0 {\n order: 0;\n }\n\n .order-md-1 {\n order: 1;\n }\n\n .order-md-2 {\n order: 2;\n }\n\n .order-md-3 {\n order: 3;\n }\n\n .order-md-4 {\n order: 4;\n }\n\n .order-md-5 {\n order: 5;\n }\n\n .order-md-6 {\n order: 6;\n }\n\n .order-md-7 {\n order: 7;\n }\n\n .order-md-8 {\n order: 8;\n }\n\n .order-md-9 {\n order: 9;\n }\n\n .order-md-10 {\n order: 10;\n }\n\n .order-md-11 {\n order: 11;\n }\n\n .order-md-12 {\n order: 12;\n }\n\n .offset-md-0 {\n margin-left: 0;\n }\n\n .offset-md-1 {\n margin-left: 8.3333%;\n }\n\n .offset-md-2 {\n margin-left: 16.6667%;\n }\n\n .offset-md-3 {\n margin-left: 25%;\n }\n\n .offset-md-4 {\n margin-left: 33.3333%;\n }\n\n .offset-md-5 {\n margin-left: 41.6667%;\n }\n\n .offset-md-6 {\n margin-left: 50%;\n }\n\n .offset-md-7 {\n margin-left: 58.3333%;\n }\n\n .offset-md-8 {\n margin-left: 66.6667%;\n }\n\n .offset-md-9 {\n margin-left: 75%;\n }\n\n .offset-md-10 {\n margin-left: 83.3333%;\n }\n\n .offset-md-11 {\n margin-left: 91.6667%;\n }\n}\n@media (width >= 992px) {\n .col-lg {\n max-width: 100%;\n flex-basis: 0;\n flex-grow: 1;\n }\n\n .col-lg-auto {\n width: auto;\n max-width: 100%;\n flex: 0 0 auto;\n }\n\n .col-lg-1 {\n max-width: 8.3333%;\n flex: 0 0 8.3333%;\n }\n\n .col-lg-2 {\n max-width: 16.6667%;\n flex: 0 0 16.6667%;\n }\n\n .col-lg-3 {\n max-width: 25%;\n flex: 0 0 25%;\n }\n\n .col-lg-4 {\n max-width: 33.3333%;\n flex: 0 0 33.3333%;\n }\n\n .col-lg-5 {\n max-width: 41.6667%;\n flex: 0 0 41.6667%;\n }\n\n .col-lg-6 {\n max-width: 50%;\n flex: 0 0 50%;\n }\n\n .col-lg-7 {\n max-width: 58.3333%;\n flex: 0 0 58.3333%;\n }\n\n .col-lg-8 {\n max-width: 66.6667%;\n flex: 0 0 66.6667%;\n }\n\n .col-lg-9 {\n max-width: 75%;\n flex: 0 0 75%;\n }\n\n .col-lg-10 {\n max-width: 83.3333%;\n flex: 0 0 83.3333%;\n }\n\n .col-lg-11 {\n max-width: 91.6667%;\n flex: 0 0 91.6667%;\n }\n\n .col-lg-12 {\n max-width: 100%;\n flex: 0 0 100%;\n }\n\n .order-lg-first {\n order: -1;\n }\n\n .order-lg-last {\n order: 13;\n }\n\n .order-lg-0 {\n order: 0;\n }\n\n .order-lg-1 {\n order: 1;\n }\n\n .order-lg-2 {\n order: 2;\n }\n\n .order-lg-3 {\n order: 3;\n }\n\n .order-lg-4 {\n order: 4;\n }\n\n .order-lg-5 {\n order: 5;\n }\n\n .order-lg-6 {\n order: 6;\n }\n\n .order-lg-7 {\n order: 7;\n }\n\n .order-lg-8 {\n order: 8;\n }\n\n .order-lg-9 {\n order: 9;\n }\n\n .order-lg-10 {\n order: 10;\n }\n\n .order-lg-11 {\n order: 11;\n }\n\n .order-lg-12 {\n order: 12;\n }\n\n .offset-lg-0 {\n margin-left: 0;\n }\n\n .offset-lg-1 {\n margin-left: 8.3333%;\n }\n\n .offset-lg-2 {\n margin-left: 16.6667%;\n }\n\n .offset-lg-3 {\n margin-left: 25%;\n }\n\n .offset-lg-4 {\n margin-left: 33.3333%;\n }\n\n .offset-lg-5 {\n margin-left: 41.6667%;\n }\n\n .offset-lg-6 {\n margin-left: 50%;\n }\n\n .offset-lg-7 {\n margin-left: 58.3333%;\n }\n\n .offset-lg-8 {\n margin-left: 66.6667%;\n }\n\n .offset-lg-9 {\n margin-left: 75%;\n }\n\n .offset-lg-10 {\n margin-left: 83.3333%;\n }\n\n .offset-lg-11 {\n margin-left: 91.6667%;\n }\n}\n@media (width >= 1200px) {\n .col-xl {\n max-width: 100%;\n flex-basis: 0;\n flex-grow: 1;\n }\n\n .col-xl-auto {\n width: auto;\n max-width: 100%;\n flex: 0 0 auto;\n }\n\n .col-xl-1 {\n max-width: 8.3333%;\n flex: 0 0 8.3333%;\n }\n\n .col-xl-2 {\n max-width: 16.6667%;\n flex: 0 0 16.6667%;\n }\n\n .col-xl-3 {\n max-width: 25%;\n flex: 0 0 25%;\n }\n\n .col-xl-4 {\n max-width: 33.3333%;\n flex: 0 0 33.3333%;\n }\n\n .col-xl-5 {\n max-width: 41.6667%;\n flex: 0 0 41.6667%;\n }\n\n .col-xl-6 {\n max-width: 50%;\n flex: 0 0 50%;\n }\n\n .col-xl-7 {\n max-width: 58.3333%;\n flex: 0 0 58.3333%;\n }\n\n .col-xl-8 {\n max-width: 66.6667%;\n flex: 0 0 66.6667%;\n }\n\n .col-xl-9 {\n max-width: 75%;\n flex: 0 0 75%;\n }\n\n .col-xl-10 {\n max-width: 83.3333%;\n flex: 0 0 83.3333%;\n }\n\n .col-xl-11 {\n max-width: 91.6667%;\n flex: 0 0 91.6667%;\n }\n\n .col-xl-12 {\n max-width: 100%;\n flex: 0 0 100%;\n }\n\n .order-xl-first {\n order: -1;\n }\n\n .order-xl-last {\n order: 13;\n }\n\n .order-xl-0 {\n order: 0;\n }\n\n .order-xl-1 {\n order: 1;\n }\n\n .order-xl-2 {\n order: 2;\n }\n\n .order-xl-3 {\n order: 3;\n }\n\n .order-xl-4 {\n order: 4;\n }\n\n .order-xl-5 {\n order: 5;\n }\n\n .order-xl-6 {\n order: 6;\n }\n\n .order-xl-7 {\n order: 7;\n }\n\n .order-xl-8 {\n order: 8;\n }\n\n .order-xl-9 {\n order: 9;\n }\n\n .order-xl-10 {\n order: 10;\n }\n\n .order-xl-11 {\n order: 11;\n }\n\n .order-xl-12 {\n order: 12;\n }\n\n .offset-xl-0 {\n margin-left: 0;\n }\n\n .offset-xl-1 {\n margin-left: 8.3333%;\n }\n\n .offset-xl-2 {\n margin-left: 16.6667%;\n }\n\n .offset-xl-3 {\n margin-left: 25%;\n }\n\n .offset-xl-4 {\n margin-left: 33.3333%;\n }\n\n .offset-xl-5 {\n margin-left: 41.6667%;\n }\n\n .offset-xl-6 {\n margin-left: 50%;\n }\n\n .offset-xl-7 {\n margin-left: 58.3333%;\n }\n\n .offset-xl-8 {\n margin-left: 66.6667%;\n }\n\n .offset-xl-9 {\n margin-left: 75%;\n }\n\n .offset-xl-10 {\n margin-left: 83.3333%;\n }\n\n .offset-xl-11 {\n margin-left: 91.6667%;\n }\n}\n","@use \"../../common/grid\";\n@use \"../../common/reboot\";\n@use \"../../common/common\" as common;\n\n.af-form {\n &__select {\n &-label {\n margin-bottom: 0.5rem;\n font-size: common.rem(18);\n font-weight: 600;\n color: var(--color-gray-900);\n }\n\n &-single-value {\n color: var(--color-gray-900);\n\n &-disabled {\n color: var(--color-gray-500);\n }\n }\n\n &-error {\n display: flex;\n margin-top: 0.5rem;\n gap: 0.5rem;\n color: var(--color-red-700);\n\n &-icon {\n path {\n fill: var(--color-red-700);\n }\n }\n }\n }\n\n &__input-select {\n min-height: unset !important;\n font-size: 1rem;\n color: var(--color-gray-700);\n\n &-container {\n padding: 0.75rem 1rem;\n border: 1px solid var(--color-gray-700);\n border-radius: var(--default-border-radius);\n color: var(--color-gray-700);\n background-color: var(--color-white);\n\n &-error {\n border-width: 2px;\n border-color: var(--color-red-700);\n\n &:hover,\n &:active {\n box-shadow: 0 0 0 1px var(--color-red-700) inset !important;\n }\n }\n\n &:hover,\n &:active {\n box-shadow: 0 0 0 2px var(--color-axa) inset;\n }\n\n &-focused,\n &:focus-visible {\n box-shadow: 0 0 0 2px var(--color-axa) inset;\n outline: 2px solid var(--color-focus);\n outline-offset: 3px;\n }\n\n &-disabled {\n border-color: var(--color-gray-400);\n background-color: var(--color-gray-200);\n }\n\n &-icon {\n &-disabled {\n path {\n fill: var(--color-gray-500);\n }\n }\n }\n }\n\n &-menu {\n margin-top: 0.4rem;\n margin-left: -1rem;\n background-color: var(--color-white);\n box-shadow: 0 4px 16px -2px #00008f40;\n\n &-options {\n padding: 0.75rem 1rem;\n border: 1px solid transparent;\n font-weight: 400;\n color: var(--color-gray-900);\n box-shadow: none;\n\n &-selected {\n font-weight: 600;\n color: var(--color-axa);\n }\n\n &-focused {\n border: 1px solid var(--color-axa);\n }\n\n &:nth-child(odd) {\n background-color: var(--color-blue-2);\n }\n\n &:nth-child(even) {\n background-color: var(--color-white);\n }\n }\n }\n }\n}\n","*,\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/grid\";\n@use \"../../common/reboot\";\n@use \"../../common/common\" as common;\n\n.af-form {\n &__select {\n &-label {\n margin-bottom: 0.5rem;\n font-size: common.rem(18);\n font-weight: 600;\n color: var(--color-gray-900);\n }\n\n &-single-value {\n color: var(--color-gray-900);\n\n &-disabled {\n color: var(--color-gray-500);\n }\n }\n\n &-error {\n display: flex;\n margin-top: 0.5rem;\n gap: 0.5rem;\n color: var(--color-red-700);\n\n &-icon {\n path {\n fill: var(--color-red-700);\n }\n }\n }\n }\n\n &__input-select {\n min-height: unset !important;\n font-size: 1rem;\n color: var(--color-gray-700);\n\n &-container {\n padding: 0.75rem 1rem;\n border: 1px solid var(--color-gray-700);\n border-radius: var(--default-border-radius);\n color: var(--color-gray-700);\n background-color: var(--color-white);\n\n &-error {\n border-width: 2px;\n border-color: var(--color-red-700);\n\n &:hover,\n &:active {\n box-shadow: 0 0 0 1px var(--color-red-700) inset !important;\n }\n }\n\n &:hover,\n &:active {\n box-shadow: 0 0 0 2px var(--color-axa) inset;\n }\n\n &-focused,\n &:focus-visible {\n box-shadow: 0 0 0 2px var(--color-axa) inset;\n outline: 2px solid var(--color-focus);\n outline-offset: 3px;\n }\n\n &-disabled {\n border-color: var(--color-gray-400);\n background-color: var(--color-gray-200);\n }\n\n &-icon {\n &-disabled {\n path {\n fill: var(--color-gray-500);\n }\n }\n }\n }\n\n &-menu {\n margin-top: 0.4rem;\n margin-left: -1rem;\n background-color: var(--color-white);\n box-shadow: 0 4px 16px -2px #00008f40;\n\n &-options {\n padding: 0.75rem 1rem;\n border: 1px solid transparent;\n font-weight: 400;\n color: var(--color-gray-900);\n box-shadow: none;\n\n &-selected {\n font-weight: 600;\n color: var(--color-axa);\n }\n\n &-focused {\n border: 1px solid var(--color-axa);\n }\n\n &:nth-child(odd) {\n background-color: var(--color-blue-2);\n }\n\n &:nth-child(even) {\n background-color: var(--color-white);\n }\n }\n }\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/common/grid.scss","../../../src/Form/Select/Select.scss","../../../src/common/reboot.scss","../../../src/Form/Select/Select.scss%23sass"],"names":[],"mappings":"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A,kBCjDF,CDqDA,WAEE,aAAA,CADA,cClDF,CDsDA,gBACE,QCpDF,CDuDA,eACE,QCrDF,CDwDA,YACE,OCtDF,CDyDA,YACE,OCvDF,CD0DA,YACE,OCxDF,CD2DA,YACE,OCzDF,CD4DA,YACE,OC1DF,CD6DA,YACE,OC3DF,CD8DA,YACE,OC5DF,CD+DA,YACE,OC7DF,CDgEA,YACE,OC9DF,CDiEA,YACE,OC/DF,CDkEA,aACE,QChEF,CDmEA,aACE,QCjEF,CDoEA,aACE,QClEF,CDqEA,aACE,aCnEF,CDsEA,aACE,mBCpEF,CDuEA,aACE,oBCrEF,CDwEA,aACE,eCtEF,CDyEA,aACE,oBCvEF,CD0EA,aACE,oBCxEF,CD2EA,aACE,eCzEF,CD4EA,aACE,oBC1EF,CD6EA,aACE,oBC3EF,CD8EA,aACE,eC5EF,CD+EA,cACE,oBC7EF,CDgFA,cACE,oBC9EF,CACF,CDgFA,wBACE,QAEE,YAAA,CACA,WAAA,CAFA,cC5EF,CDiFA,aAGE,aAAA,CADA,cAAA,CADA,UC7EF,CDkFA,UAEE,gBAAA,CADA,iBC/EF,CDmFA,UAEE,iBAAA,CADA,kBChFF,CDoFA,UAEE,YAAA,CADA,aCjFF,CDqFA,UAEE,iBAAA,CADA,kBClFF,CDsFA,UAEE,iBAAA,CADA,kBCnFF,CDuFA,UAEE,YAAA,CADA,aCpFF,CDwFA,UAEE,iBAAA,CADA,kBCrFF,CDyFA,UAEE,iBAAA,CADA,kBCtFF,CD0FA,UAEE,YAAA,CADA,aCvFF,CD2FA,WAEE,iBAAA,CADA,kBCxFF,CD4FA,WAEE,iBAAA,CADA,kBCzFF,CD6FA,WAEE,aAAA,CADA,cC1FF,CD8FA,gBACE,QC5FF,CD+FA,eACE,QC7FF,CDgGA,YACE,OC9FF,CDiGA,YACE,OC/FF,CDkGA,YACE,OChGF,CDmGA,YACE,OCjGF,CDoGA,YACE,OClGF,CDqGA,YACE,OCnGF,CDsGA,YACE,OCpGF,CDuGA,YACE,OCrGF,CDwGA,YACE,OCtGF,CDyGA,YACE,OCvGF,CD0GA,aACE,QCxGF,CD2GA,aACE,QCzGF,CD4GA,aACE,QC1GF,CD6GA,aACE,aC3GF,CD8GA,aACE,mBC5GF,CD+GA,aACE,oBC7GF,CDgHA,aACE,eC9GF,CDiHA,aACE,oBC/GF,CDkHA,aACE,oBChHF,CDmHA,aACE,eCjHF,CDoHA,aACE,oBClHF,CDqHA,aACE,oBCnHF,CDsHA,aACE,eCpHF,CDuHA,cACE,oBCrHF,CDwHA,cACE,oBCtHF,CACF,CDwHA,yBACE,QAEE,YAAA,CACA,WAAA,CAFA,cCpHF,CDyHA,aAGE,aAAA,CADA,cAAA,CADA,UCrHF,CD0HA,UAEE,gBAAA,CADA,iBCvHF,CD2HA,UAEE,iBAAA,CADA,kBCxHF,CD4HA,UAEE,YAAA,CADA,aCzHF,CD6HA,UAEE,iBAAA,CADA,kBC1HF,CD8HA,UAEE,iBAAA,CADA,kBC3HF,CD+HA,UAEE,YAAA,CADA,aC5HF,CDgIA,UAEE,iBAAA,CADA,kBC7HF,CDiIA,UAEE,iBAAA,CADA,kBC9HF,CDkIA,UAEE,YAAA,CADA,aC/HF,CDmIA,WAEE,iBAAA,CADA,kBChIF,CDoIA,WAEE,iBAAA,CADA,kBCjIF,CDqIA,WAEE,aAAA,CADA,cClIF,CDsIA,gBACE,QCpIF,CDuIA,eACE,QCrIF,CDwIA,YACE,OCtIF,CDyIA,YACE,OCvIF,CD0IA,YACE,OCxIF,CD2IA,YACE,OCzIF,CD4IA,YACE,OC1IF,CD6IA,YACE,OC3IF,CD8IA,YACE,OC5IF,CD+IA,YACE,OC7IF,CDgJA,YACE,OC9IF,CDiJA,YACE,OC/IF,CDkJA,aACE,QChJF,CDmJA,aACE,QCjJF,CDoJA,aACE,QClJF,CDqJA,aACE,aCnJF,CDsJA,aACE,mBCpJF,CDuJA,aACE,oBCrJF,CDwJA,aACE,eCtJF,CDyJA,aACE,oBCvJF,CD0JA,aACE,oBCxJF,CD2JA,aACE,eCzJF,CD4JA,aACE,oBC1JF,CD6JA,aACE,oBC3JF,CD8JA,aACE,eC5JF,CD+JA,cACE,oBC7JF,CDgKA,cACE,oBC9JF,CACF,CCr2BA,iBAGE,qBDu2BF,CCp2BA,KACE,sBAAA,CACA,gBAAA,CACA,6BAAA,CAAA,0BAAA,CAAA,qBAAA,CACA,uCDu2BF,CCp2BA,sEAUE,aDu2BF,CCp2BA,KAQE,qBAAA,CADA,UAAA,CALA,4CAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CAJA,QAAA,CAKA,eDy2BF,CCp2BA,sBACE,mBDu2BF,CCp2BA,GACE,sBAAA,CACA,QAAA,CACA,gBDu2BF,CCp2BA,kBAOE,mBAAA,CADA,YDw2BF,CCp2BA,EAEE,kBAAA,CADA,YDw2BF,CCp2BA,sCAEE,eAAA,CAIA,WAAA,CAHA,yBAAA,CACA,wCAAA,CAAA,gCAAA,CACA,qCAAA,CAAA,6BDw2BF,CCp2BA,QAEE,iBAAA,CACA,mBDu2BF,CCp2BA,iBALE,kBDg3BF,CC32BA,SAGE,YDw2BF,CCp2BA,wBAIE,eDu2BF,CCp2BA,GACE,eDu2BF,CCp2BA,GACE,mBAAA,CACA,aDu2BF,CCp2BA,WACE,eDu2BF,CCp2BA,SAEE,kBDu2BF,CCp2BA,MACE,aDu2BF,CCp2BA,QAIE,aAAA,CACA,aAAA,CAHA,iBAAA,CACA,uBDy2BF,CCp2BA,IACE,aDu2BF,CCp2BA,IACE,SDu2BF,CCp2BA,EAGE,4BAAA,CADA,aAAA,CADA,oBDy2BF,CCp2BA,QAEE,aAAA,CADA,yBDw2BF,CC/1BA,uFAGE,aAAA,CADA,oBDw2BF,CCp2BA,+BACE,SDu2BF,CCp2BA,kBAIE,sFAAA,CAEA,aDs2BF,CCn2BA,IAEE,kBAAA,CADA,YAAA,CAEA,aDs2BF,CCn2BA,OACE,eDs2BF,CCn2BA,IACE,iBDu2BF,CCn2BA,QAHE,qBD22BF,CCx2BA,IAEE,eDs2BF,CCn2BA,MACE,wBDs2BF,CCn2BA,QAGE,mBAAA,CAEA,aAAA,CAHA,oBAAA,CADA,iBAAA,CAGA,eDu2BF,CCn2BA,GACE,kBDs2BF,CCn2BA,OACE,eDs2BF,CCn2BA,sCAME,mBAAA,CACA,iBAAA,CACA,mBAAA,CAHA,QDy2BF,CCn2BA,aAEE,gBDs2BF,CCn2BA,cAEE,mBDs2BF,CCn2BA,OACE,gBDs2BF,CCn2BA,gDAIE,yBAAA,CAAA,sBAAA,CAAA,iBDs2BF,CCn2BA,aACE,kBAAA,CACA,yCDs2BF,CCn2BA,4GAIE,cDs2BF,CCn2BA,wHAKE,iBAAA,CADA,SDu2BF,CCn2BA,uCAEE,qBAAA,CACA,SDs2BF,CCn2BA,+EAIE,0BAAA,CAAA,uBAAA,CAAA,kBDs2BF,CCn2BA,SACE,aAAA,CACA,eDs2BF,CCn2BA,SAIE,QAAA,CAFA,QAAA,CADA,WAAA,CAEA,SDu2BF,CCn2BA,OASE,aAAA,CARA,aAAA,CAKA,gBAAA,CACA,mBAAA,CAHA,mBAAA,CADA,cAAA,CAEA,SAAA,CAGA,kBAAA,CANA,UD62BF,CCn2BA,SACE,uBDs2BF,CCn2BA,kFAEE,WDs2BF,CCn2BA,cAEE,uBAAA,CAAA,oBAAA,CAAA,eAAA,CADA,mBDu2BF,CCn2BA,yCACE,uBAAA,CAAA,eDs2BF,CCn2BA,6BAEE,yBAAA,CAAA,iBAAA,CADA,YDu2BF,CCn2BA,OACE,oBDs2BF,CCn2BA,QAEE,cAAA,CADA,iBDu2BF,CCn2BA,SACE,YDs2BF,CCn2BA,SACE,sBDs2BF,CE1qCI,uBAEE,kBAAA,CACA,eAAA,CAFA,mBFgrCN,CE1qCI,qDAHE,2BFgrCN,CE1qCM,uCACE,2BF4qCR,CExqCI,uBAIE,0BAAA,CAHA,YAAA,CAEA,SAAA,CADA,gBF4qCN,CEvqCQ,iCACE,yBFyqCV,CEnqCE,uBAGE,2BAAA,CADA,cAAA,CADA,0BFuqCJ,CEnqCI,iCAKE,mCAAA,CAHA,sCAAA,CACA,0CAAA,CACA,2BAAA,CAHA,mBFyqCN,CEnqCM,uCAEE,iCAAA,CADA,gBFsqCR,CEnqCQ,2FAEE,yDFoqCV,CEhqCM,+EAEE,2CFiqCR,CE9pCM,wFAEE,2CAAA,CACA,oCAAA,CACA,kBF+pCR,CE5pCM,0CAEE,sCAAA,CADA,kCF+pCR,CEzpCU,oDACE,0BF2pCZ,CErpCI,4BAGE,mCAAA,CACA,6CAAA,CAFA,iBAAA,CADA,gBF0pCN,CErpCM,oCAEE,4BAAA,CAGA,eAAA,CADA,2BAAA,CADA,eAAA,CAFA,mBF2pCR,CErpCQ,6CAEE,sBAAA,CADA,eFwpCV,CEppCQ,4CACE,iCFspCV,CEnpCQ,mDACE,oCFqpCV,CElpCQ,kDACE,mCFopCV","file":"Select.css","sourcesContent":[".container {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n padding-right: 15px;\n padding-left: 15px;\n}\n@media (width >= 576px) {\n .container {\n max-width: 540px;\n }\n}\n@media (width >= 768px) {\n .container {\n max-width: 720px;\n }\n}\n@media (width >= 992px) {\n .container {\n max-width: 960px;\n }\n}\n@media (width >= 1200px) {\n .container {\n max-width: 1440px;\n }\n}\n\n.container-fluid {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n padding-right: 15px;\n padding-left: 15px;\n}\n\n.row {\n display: flex;\n margin-right: -15px;\n margin-left: -15px;\n flex-wrap: wrap;\n}\n\n.no-gutters {\n margin-right: 0;\n margin-left: 0;\n}\n\n.col,\n.col-1,\n.col-10,\n.col-11,\n.col-12,\n.col-2,\n.col-3,\n.col-4,\n.col-5,\n.col-6,\n.col-7,\n.col-8,\n.col-9,\n.col-auto,\n.col-lg,\n.col-lg-1,\n.col-lg-10,\n.col-lg-11,\n.col-lg-12,\n.col-lg-2,\n.col-lg-3,\n.col-lg-4,\n.col-lg-5,\n.col-lg-6,\n.col-lg-7,\n.col-lg-8,\n.col-lg-9,\n.col-lg-auto,\n.col-md,\n.col-md-1,\n.col-md-10,\n.col-md-11,\n.col-md-12,\n.col-md-2,\n.col-md-3,\n.col-md-4,\n.col-md-5,\n.col-md-6,\n.col-md-7,\n.col-md-8,\n.col-md-9,\n.col-md-auto,\n.col-sm,\n.col-sm-1,\n.col-sm-10,\n.col-sm-11,\n.col-sm-12,\n.col-sm-2,\n.col-sm-3,\n.col-sm-4,\n.col-sm-5,\n.col-sm-6,\n.col-sm-7,\n.col-sm-8,\n.col-sm-9,\n.col-sm-auto,\n.col-xl,\n.col-xl-1,\n.col-xl-10,\n.col-xl-11,\n.col-xl-12,\n.col-xl-2,\n.col-xl-3,\n.col-xl-4,\n.col-xl-5,\n.col-xl-6,\n.col-xl-7,\n.col-xl-8,\n.col-xl-9,\n.col-xl-auto {\n position: relative;\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n}\n\n.col {\n max-width: 100%;\n flex-basis: 0;\n flex-grow: 1;\n}\n\n.col-auto {\n width: auto;\n max-width: 100%;\n flex: 0 0 auto;\n}\n\n.col-1 {\n max-width: 8.3333%;\n flex: 0 0 8.3333%;\n}\n\n.col-2 {\n max-width: 16.6667%;\n flex: 0 0 16.6667%;\n}\n\n.col-3 {\n max-width: 25%;\n flex: 0 0 25%;\n}\n\n.col-4 {\n max-width: 33.3333%;\n flex: 0 0 33.3333%;\n}\n\n.col-5 {\n max-width: 41.6667%;\n flex: 0 0 41.6667%;\n}\n\n.col-6 {\n max-width: 50%;\n flex: 0 0 50%;\n}\n\n.col-7 {\n max-width: 58.3333%;\n flex: 0 0 58.3333%;\n}\n\n.col-8 {\n max-width: 66.6667%;\n flex: 0 0 66.6667%;\n}\n\n.col-9 {\n max-width: 75%;\n flex: 0 0 75%;\n}\n\n.col-10 {\n max-width: 83.3333%;\n flex: 0 0 83.3333%;\n}\n\n.col-11 {\n max-width: 91.6667%;\n flex: 0 0 91.6667%;\n}\n\n.col-12 {\n max-width: 100%;\n flex: 0 0 100%;\n}\n\n.no-gutters > .col,\n.no-gutters > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0;\n}\n\n.order-first {\n order: -1;\n}\n\n.order-last {\n order: 13;\n}\n\n.order-0 {\n order: 0;\n}\n\n.order-1 {\n order: 1;\n}\n\n.order-2 {\n order: 2;\n}\n\n.order-3 {\n order: 3;\n}\n\n.order-4 {\n order: 4;\n}\n\n.order-5 {\n order: 5;\n}\n\n.order-6 {\n order: 6;\n}\n\n.order-7 {\n order: 7;\n}\n\n.order-8 {\n order: 8;\n}\n\n.order-9 {\n order: 9;\n}\n\n.order-10 {\n order: 10;\n}\n\n.order-11 {\n order: 11;\n}\n\n.order-12 {\n order: 12;\n}\n\n.offset-1 {\n margin-left: 8.3333%;\n}\n\n.offset-2 {\n margin-left: 16.6667%;\n}\n\n.offset-3 {\n margin-left: 25%;\n}\n\n.offset-4 {\n margin-left: 33.3333%;\n}\n\n.offset-5 {\n margin-left: 41.6667%;\n}\n\n.offset-6 {\n margin-left: 50%;\n}\n\n.offset-7 {\n margin-left: 58.3333%;\n}\n\n.offset-8 {\n margin-left: 66.6667%;\n}\n\n.offset-9 {\n margin-left: 75%;\n}\n\n.offset-10 {\n margin-left: 83.3333%;\n}\n\n.offset-11 {\n margin-left: 91.6667%;\n}\n@media (width >= 576px) {\n .col-sm {\n max-width: 100%;\n flex-basis: 0;\n flex-grow: 1;\n }\n\n .col-sm-auto {\n width: auto;\n max-width: 100%;\n flex: 0 0 auto;\n }\n\n .col-sm-1 {\n max-width: 8.3333%;\n flex: 0 0 8.3333%;\n }\n\n .col-sm-2 {\n max-width: 16.6667%;\n flex: 0 0 16.6667%;\n }\n\n .col-sm-3 {\n max-width: 25%;\n flex: 0 0 25%;\n }\n\n .col-sm-4 {\n max-width: 33.3333%;\n flex: 0 0 33.3333%;\n }\n\n .col-sm-5 {\n max-width: 41.6667%;\n flex: 0 0 41.6667%;\n }\n\n .col-sm-6 {\n max-width: 50%;\n flex: 0 0 50%;\n }\n\n .col-sm-7 {\n max-width: 58.3333%;\n flex: 0 0 58.3333%;\n }\n\n .col-sm-8 {\n max-width: 66.6667%;\n flex: 0 0 66.6667%;\n }\n\n .col-sm-9 {\n max-width: 75%;\n flex: 0 0 75%;\n }\n\n .col-sm-10 {\n max-width: 83.3333%;\n flex: 0 0 83.3333%;\n }\n\n .col-sm-11 {\n max-width: 91.6667%;\n flex: 0 0 91.6667%;\n }\n\n .col-sm-12 {\n max-width: 100%;\n flex: 0 0 100%;\n }\n\n .order-sm-first {\n order: -1;\n }\n\n .order-sm-last {\n order: 13;\n }\n\n .order-sm-0 {\n order: 0;\n }\n\n .order-sm-1 {\n order: 1;\n }\n\n .order-sm-2 {\n order: 2;\n }\n\n .order-sm-3 {\n order: 3;\n }\n\n .order-sm-4 {\n order: 4;\n }\n\n .order-sm-5 {\n order: 5;\n }\n\n .order-sm-6 {\n order: 6;\n }\n\n .order-sm-7 {\n order: 7;\n }\n\n .order-sm-8 {\n order: 8;\n }\n\n .order-sm-9 {\n order: 9;\n }\n\n .order-sm-10 {\n order: 10;\n }\n\n .order-sm-11 {\n order: 11;\n }\n\n .order-sm-12 {\n order: 12;\n }\n\n .offset-sm-0 {\n margin-left: 0;\n }\n\n .offset-sm-1 {\n margin-left: 8.3333%;\n }\n\n .offset-sm-2 {\n margin-left: 16.6667%;\n }\n\n .offset-sm-3 {\n margin-left: 25%;\n }\n\n .offset-sm-4 {\n margin-left: 33.3333%;\n }\n\n .offset-sm-5 {\n margin-left: 41.6667%;\n }\n\n .offset-sm-6 {\n margin-left: 50%;\n }\n\n .offset-sm-7 {\n margin-left: 58.3333%;\n }\n\n .offset-sm-8 {\n margin-left: 66.6667%;\n }\n\n .offset-sm-9 {\n margin-left: 75%;\n }\n\n .offset-sm-10 {\n margin-left: 83.3333%;\n }\n\n .offset-sm-11 {\n margin-left: 91.6667%;\n }\n}\n@media (width >= 768px) {\n .col-md {\n max-width: 100%;\n flex-basis: 0;\n flex-grow: 1;\n }\n\n .col-md-auto {\n width: auto;\n max-width: 100%;\n flex: 0 0 auto;\n }\n\n .col-md-1 {\n max-width: 8.3333%;\n flex: 0 0 8.3333%;\n }\n\n .col-md-2 {\n max-width: 16.6667%;\n flex: 0 0 16.6667%;\n }\n\n .col-md-3 {\n max-width: 25%;\n flex: 0 0 25%;\n }\n\n .col-md-4 {\n max-width: 33.3333%;\n flex: 0 0 33.3333%;\n }\n\n .col-md-5 {\n max-width: 41.6667%;\n flex: 0 0 41.6667%;\n }\n\n .col-md-6 {\n max-width: 50%;\n flex: 0 0 50%;\n }\n\n .col-md-7 {\n max-width: 58.3333%;\n flex: 0 0 58.3333%;\n }\n\n .col-md-8 {\n max-width: 66.6667%;\n flex: 0 0 66.6667%;\n }\n\n .col-md-9 {\n max-width: 75%;\n flex: 0 0 75%;\n }\n\n .col-md-10 {\n max-width: 83.3333%;\n flex: 0 0 83.3333%;\n }\n\n .col-md-11 {\n max-width: 91.6667%;\n flex: 0 0 91.6667%;\n }\n\n .col-md-12 {\n max-width: 100%;\n flex: 0 0 100%;\n }\n\n .order-md-first {\n order: -1;\n }\n\n .order-md-last {\n order: 13;\n }\n\n .order-md-0 {\n order: 0;\n }\n\n .order-md-1 {\n order: 1;\n }\n\n .order-md-2 {\n order: 2;\n }\n\n .order-md-3 {\n order: 3;\n }\n\n .order-md-4 {\n order: 4;\n }\n\n .order-md-5 {\n order: 5;\n }\n\n .order-md-6 {\n order: 6;\n }\n\n .order-md-7 {\n order: 7;\n }\n\n .order-md-8 {\n order: 8;\n }\n\n .order-md-9 {\n order: 9;\n }\n\n .order-md-10 {\n order: 10;\n }\n\n .order-md-11 {\n order: 11;\n }\n\n .order-md-12 {\n order: 12;\n }\n\n .offset-md-0 {\n margin-left: 0;\n }\n\n .offset-md-1 {\n margin-left: 8.3333%;\n }\n\n .offset-md-2 {\n margin-left: 16.6667%;\n }\n\n .offset-md-3 {\n margin-left: 25%;\n }\n\n .offset-md-4 {\n margin-left: 33.3333%;\n }\n\n .offset-md-5 {\n margin-left: 41.6667%;\n }\n\n .offset-md-6 {\n margin-left: 50%;\n }\n\n .offset-md-7 {\n margin-left: 58.3333%;\n }\n\n .offset-md-8 {\n margin-left: 66.6667%;\n }\n\n .offset-md-9 {\n margin-left: 75%;\n }\n\n .offset-md-10 {\n margin-left: 83.3333%;\n }\n\n .offset-md-11 {\n margin-left: 91.6667%;\n }\n}\n@media (width >= 992px) {\n .col-lg {\n max-width: 100%;\n flex-basis: 0;\n flex-grow: 1;\n }\n\n .col-lg-auto {\n width: auto;\n max-width: 100%;\n flex: 0 0 auto;\n }\n\n .col-lg-1 {\n max-width: 8.3333%;\n flex: 0 0 8.3333%;\n }\n\n .col-lg-2 {\n max-width: 16.6667%;\n flex: 0 0 16.6667%;\n }\n\n .col-lg-3 {\n max-width: 25%;\n flex: 0 0 25%;\n }\n\n .col-lg-4 {\n max-width: 33.3333%;\n flex: 0 0 33.3333%;\n }\n\n .col-lg-5 {\n max-width: 41.6667%;\n flex: 0 0 41.6667%;\n }\n\n .col-lg-6 {\n max-width: 50%;\n flex: 0 0 50%;\n }\n\n .col-lg-7 {\n max-width: 58.3333%;\n flex: 0 0 58.3333%;\n }\n\n .col-lg-8 {\n max-width: 66.6667%;\n flex: 0 0 66.6667%;\n }\n\n .col-lg-9 {\n max-width: 75%;\n flex: 0 0 75%;\n }\n\n .col-lg-10 {\n max-width: 83.3333%;\n flex: 0 0 83.3333%;\n }\n\n .col-lg-11 {\n max-width: 91.6667%;\n flex: 0 0 91.6667%;\n }\n\n .col-lg-12 {\n max-width: 100%;\n flex: 0 0 100%;\n }\n\n .order-lg-first {\n order: -1;\n }\n\n .order-lg-last {\n order: 13;\n }\n\n .order-lg-0 {\n order: 0;\n }\n\n .order-lg-1 {\n order: 1;\n }\n\n .order-lg-2 {\n order: 2;\n }\n\n .order-lg-3 {\n order: 3;\n }\n\n .order-lg-4 {\n order: 4;\n }\n\n .order-lg-5 {\n order: 5;\n }\n\n .order-lg-6 {\n order: 6;\n }\n\n .order-lg-7 {\n order: 7;\n }\n\n .order-lg-8 {\n order: 8;\n }\n\n .order-lg-9 {\n order: 9;\n }\n\n .order-lg-10 {\n order: 10;\n }\n\n .order-lg-11 {\n order: 11;\n }\n\n .order-lg-12 {\n order: 12;\n }\n\n .offset-lg-0 {\n margin-left: 0;\n }\n\n .offset-lg-1 {\n margin-left: 8.3333%;\n }\n\n .offset-lg-2 {\n margin-left: 16.6667%;\n }\n\n .offset-lg-3 {\n margin-left: 25%;\n }\n\n .offset-lg-4 {\n margin-left: 33.3333%;\n }\n\n .offset-lg-5 {\n margin-left: 41.6667%;\n }\n\n .offset-lg-6 {\n margin-left: 50%;\n }\n\n .offset-lg-7 {\n margin-left: 58.3333%;\n }\n\n .offset-lg-8 {\n margin-left: 66.6667%;\n }\n\n .offset-lg-9 {\n margin-left: 75%;\n }\n\n .offset-lg-10 {\n margin-left: 83.3333%;\n }\n\n .offset-lg-11 {\n margin-left: 91.6667%;\n }\n}\n@media (width >= 1200px) {\n .col-xl {\n max-width: 100%;\n flex-basis: 0;\n flex-grow: 1;\n }\n\n .col-xl-auto {\n width: auto;\n max-width: 100%;\n flex: 0 0 auto;\n }\n\n .col-xl-1 {\n max-width: 8.3333%;\n flex: 0 0 8.3333%;\n }\n\n .col-xl-2 {\n max-width: 16.6667%;\n flex: 0 0 16.6667%;\n }\n\n .col-xl-3 {\n max-width: 25%;\n flex: 0 0 25%;\n }\n\n .col-xl-4 {\n max-width: 33.3333%;\n flex: 0 0 33.3333%;\n }\n\n .col-xl-5 {\n max-width: 41.6667%;\n flex: 0 0 41.6667%;\n }\n\n .col-xl-6 {\n max-width: 50%;\n flex: 0 0 50%;\n }\n\n .col-xl-7 {\n max-width: 58.3333%;\n flex: 0 0 58.3333%;\n }\n\n .col-xl-8 {\n max-width: 66.6667%;\n flex: 0 0 66.6667%;\n }\n\n .col-xl-9 {\n max-width: 75%;\n flex: 0 0 75%;\n }\n\n .col-xl-10 {\n max-width: 83.3333%;\n flex: 0 0 83.3333%;\n }\n\n .col-xl-11 {\n max-width: 91.6667%;\n flex: 0 0 91.6667%;\n }\n\n .col-xl-12 {\n max-width: 100%;\n flex: 0 0 100%;\n }\n\n .order-xl-first {\n order: -1;\n }\n\n .order-xl-last {\n order: 13;\n }\n\n .order-xl-0 {\n order: 0;\n }\n\n .order-xl-1 {\n order: 1;\n }\n\n .order-xl-2 {\n order: 2;\n }\n\n .order-xl-3 {\n order: 3;\n }\n\n .order-xl-4 {\n order: 4;\n }\n\n .order-xl-5 {\n order: 5;\n }\n\n .order-xl-6 {\n order: 6;\n }\n\n .order-xl-7 {\n order: 7;\n }\n\n .order-xl-8 {\n order: 8;\n }\n\n .order-xl-9 {\n order: 9;\n }\n\n .order-xl-10 {\n order: 10;\n }\n\n .order-xl-11 {\n order: 11;\n }\n\n .order-xl-12 {\n order: 12;\n }\n\n .offset-xl-0 {\n margin-left: 0;\n }\n\n .offset-xl-1 {\n margin-left: 8.3333%;\n }\n\n .offset-xl-2 {\n margin-left: 16.6667%;\n }\n\n .offset-xl-3 {\n margin-left: 25%;\n }\n\n .offset-xl-4 {\n margin-left: 33.3333%;\n }\n\n .offset-xl-5 {\n margin-left: 41.6667%;\n }\n\n .offset-xl-6 {\n margin-left: 50%;\n }\n\n .offset-xl-7 {\n margin-left: 58.3333%;\n }\n\n .offset-xl-8 {\n margin-left: 66.6667%;\n }\n\n .offset-xl-9 {\n margin-left: 75%;\n }\n\n .offset-xl-10 {\n margin-left: 83.3333%;\n }\n\n .offset-xl-11 {\n margin-left: 91.6667%;\n }\n}\n","@use \"../../common/grid\";\n@use \"../../common/reboot\";\n@use \"../../common/common\" as common;\n\n.af-form {\n &__select {\n &-label {\n margin-bottom: 0.5rem;\n font-size: common.rem(18);\n font-weight: 600;\n color: var(--color-gray-900);\n }\n\n &-single-value {\n color: var(--color-gray-900);\n\n &-disabled {\n color: var(--color-gray-500);\n }\n }\n\n &-error {\n display: flex;\n margin-top: 0.5rem;\n gap: 0.5rem;\n color: var(--color-red-700);\n\n &-icon {\n path {\n fill: var(--color-red-700);\n }\n }\n }\n }\n\n &__input-select {\n min-height: unset !important;\n font-size: 1rem;\n color: var(--color-gray-700);\n\n &-container {\n padding: 0.75rem 1rem;\n border: 1px solid var(--color-gray-700);\n border-radius: var(--default-border-radius);\n color: var(--color-gray-700);\n background-color: var(--color-white);\n\n &-error {\n border-width: 2px;\n border-color: var(--color-red-700);\n\n &:hover,\n &:active {\n box-shadow: 0 0 0 1px var(--color-red-700) inset !important;\n }\n }\n\n &:hover,\n &:active {\n box-shadow: 0 0 0 2px var(--color-axa) inset;\n }\n\n &-focused,\n &:focus-visible {\n box-shadow: 0 0 0 2px var(--color-axa) inset;\n outline: 2px solid var(--color-focus);\n outline-offset: 3px;\n }\n\n &-disabled {\n border-color: var(--color-gray-400);\n background-color: var(--color-gray-200);\n }\n\n &-icon {\n &-disabled {\n path {\n fill: var(--color-gray-500);\n }\n }\n }\n }\n\n &-menu {\n margin-top: 0.4rem;\n margin-left: -1rem;\n background-color: var(--color-white);\n box-shadow: 0 4px 16px -2px #00008f40;\n\n &-options {\n padding: 0.75rem 1rem;\n border: 1px solid transparent;\n font-weight: 400;\n color: var(--color-gray-900);\n box-shadow: none;\n\n &-selected {\n font-weight: 600;\n color: var(--color-axa);\n }\n\n &-focused {\n border: 1px solid var(--color-axa);\n }\n\n &:nth-child(odd) {\n background-color: var(--color-blue-2);\n }\n\n &:nth-child(even) {\n background-color: var(--color-white);\n }\n }\n }\n }\n}\n","*,\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/grid\";\n@use \"../../common/reboot\";\n@use \"../../common/common\" as common;\n\n.af-form {\n &__select {\n &-label {\n margin-bottom: 0.5rem;\n font-size: common.rem(18);\n font-weight: 600;\n color: var(--color-gray-900);\n }\n\n &-single-value {\n color: var(--color-gray-900);\n\n &-disabled {\n color: var(--color-gray-500);\n }\n }\n\n &-error {\n display: flex;\n margin-top: 0.5rem;\n gap: 0.5rem;\n color: var(--color-red-700);\n\n &-icon {\n path {\n fill: var(--color-red-700);\n }\n }\n }\n }\n\n &__input-select {\n min-height: unset !important;\n font-size: 1rem;\n color: var(--color-gray-700);\n\n &-container {\n padding: 0.75rem 1rem;\n border: 1px solid var(--color-gray-700);\n border-radius: var(--default-border-radius);\n color: var(--color-gray-700);\n background-color: var(--color-white);\n\n &-error {\n border-width: 2px;\n border-color: var(--color-red-700);\n\n &:hover,\n &:active {\n box-shadow: 0 0 0 1px var(--color-red-700) inset !important;\n }\n }\n\n &:hover,\n &:active {\n box-shadow: 0 0 0 2px var(--color-axa) inset;\n }\n\n &-focused,\n &:focus-visible {\n box-shadow: 0 0 0 2px var(--color-axa) inset;\n outline: 2px solid var(--color-focus);\n outline-offset: 3px;\n }\n\n &-disabled {\n border-color: var(--color-gray-400);\n background-color: var(--color-gray-200);\n }\n\n &-icon {\n &-disabled {\n path {\n fill: var(--color-gray-500);\n }\n }\n }\n }\n\n &-menu {\n margin-top: 0.4rem;\n margin-left: -1rem;\n background-color: var(--color-white);\n box-shadow: 0 4px 16px -2px #00008f40;\n\n &-options {\n padding: 0.75rem 1rem;\n border: 1px solid transparent;\n font-weight: 400;\n color: var(--color-gray-900);\n box-shadow: none;\n\n &-selected {\n font-weight: 600;\n color: var(--color-axa);\n }\n\n &-focused {\n border: 1px solid var(--color-axa);\n }\n\n &:nth-child(odd) {\n background-color: var(--color-blue-2);\n }\n\n &:nth-child(even) {\n background-color: var(--color-white);\n }\n }\n }\n }\n}\n"]}
|
package/dist/Form/Text/Text.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-form__input-container{--row-gap:calc(8/var(--font-size-base)*1rem);align-items:flex-start}.af-form__input-container,.af-form__label-container{display:flex;flex-direction:column;row-gap:var(--row-gap)}.af-form__label-container{--row-gap:calc(4/var(--font-size-base)*1rem)}.af-form__input-label{color:var(--color-gray-900);font-size:1.125rem;font-weight:600;line-height:1.25rem}@media (width > 1023px){.af-form__input-label{font-size:1.125rem;line-height:1.5rem}}.af-form__input-description{color:var(--color-gray-700);font-size:.875rem;font-weight:400;line-height:1.125rem}@media (width > 1023px){.af-form__input-description{font-size:1rem;line-height:1.25rem}}.af-form__input-helper{color:var(--color-gray-700);font-size:.875rem;line-height:1.125rem}@media (width > 1023px){.af-form__input-helper{font-size:1rem;line-height:1.25rem}}.af-form__input-more{width:fit-content;fill:var(--color-axa)}.af-form__input-more svg{height:1.25rem;width:1.25rem}.af-form__input-text{border:1px solid var(--color-gray);border-radius:var(--default-border-radius);color:var(--color-gray-900);font-size:1rem;line-height:1.25rem;padding:1rem 2.5rem 1rem 1rem}@media (width > 1023px){.af-form__input-text{font-size:1.125rem;line-height:1.5rem}}.af-form__input-text--error{border:2px solid var(--color-red-700)}.af-form__input-text:enabled:active,.af-form__input-text:enabled:focus{border:1px solid var(--color-axa);outline:none}.af-form__input-text:not(:disabled,:focus,:active,.af-form__input-text--error):hover{border:2px solid var(--color-axa);outline:none}
|
|
1
|
+
.af-form__input-container{--row-gap:calc(8/var(--font-size-base)*1rem);align-items:flex-start}.af-form__input-container,.af-form__label-container{display:flex;flex-direction:column;row-gap:var(--row-gap)}.af-form__label-container{--row-gap:calc(4/var(--font-size-base)*1rem)}.af-form__input-label{color:var(--color-gray-900);font-size:1.125rem;font-weight:600;line-height:1.25rem}@media (width > 1023px){.af-form__input-label{font-size:1.125rem;line-height:1.5rem}}.af-form__input-description{color:var(--color-gray-700);font-size:.875rem;font-weight:400;line-height:1.125rem}@media (width > 1023px){.af-form__input-description{font-size:1rem;line-height:1.25rem}}.af-form__input-helper{color:var(--color-gray-700);font-size:.875rem;line-height:1.125rem}@media (width > 1023px){.af-form__input-helper{font-size:1rem;line-height:1.25rem}}.af-form__input-more{width:-moz-fit-content;width:fit-content;fill:var(--color-axa)}.af-form__input-more svg{height:1.25rem;width:1.25rem}.af-form__input-text{border:1px solid var(--color-gray);border-radius:var(--default-border-radius);color:var(--color-gray-900);font-size:1rem;line-height:1.25rem;padding:1rem 2.5rem 1rem 1rem}@media (width > 1023px){.af-form__input-text{font-size:1.125rem;line-height:1.5rem}}.af-form__input-text--error{border:2px solid var(--color-red-700)}.af-form__input-text:enabled:active,.af-form__input-text:enabled:focus{border:1px solid var(--color-axa);outline:none}.af-form__input-text:not(:disabled,:focus,:active,.af-form__input-text--error):hover{border:2px solid var(--color-axa);outline:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Form/Text/Text.scss%23sass","../../../src/Form/Text/Text.scss"],"names":[],"mappings":"AAGE,0BACE,4CAAA,CAIA,sBCFJ,CDME,oDCVF,YAAA,CDKI,qBAAA,CAEA,sBCGJ,CDAE,0BACE,4CCDJ,CDQE,sBAIE,2BAAA,CAHA,kBAAA,CACA,eAAA,CACA,mBCLJ,CDQI,wBANF,sBAOI,kBAAA,CACA,kBCLJ,CACF,CDQE,4BAIE,2BAAA,CAHA,iBAAA,CACA,eAAA,CACA,oBCLJ,CDQI,wBANF,4BAOI,cAAA,CACA,mBCLJ,CACF,CDQE,uBAGE,2BAAA,CAFA,iBAAA,CACA,oBCLJ,CDQI,wBALF,uBCAA,cAAA,CDOI,mBCLJ,CACF,CDQE,qBACE,iBAAA,CACA,qBCNJ,CDQI,yBAEE,cAAA,CADA,aCLN,CDUE,qBAEE,kCAAA,CACA,0CAAA,CAGA,2BAAA,CAFA,cAAA,CACA,mBAAA,CAJA,6BCHJ,CDUI,wBARF,qBASI,kBAAA,CACA,kBCPJ,CACF,CDSI,4BACE,qCCPN,CDWM,uEAEE,iCAAA,CACA,YCVR,CDcI,qFACE,iCAAA,CACA,YCZN","file":"Text.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-form {\n &__input-container {\n --row-gap: calc(8 / var(--font-size-base) * 1rem);\n\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: var(--row-gap);\n }\n\n &__label-container {\n --row-gap: calc(4 / var(--font-size-base) * 1rem);\n\n display: flex;\n flex-direction: column;\n row-gap: var(--row-gap);\n }\n\n &__input-label {\n font-size: common.rem(18);\n font-weight: 600;\n line-height: common.rem(20);\n color: var(--color-gray-900);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(18);\n line-height: common.rem(24);\n }\n }\n\n &__input-description {\n font-size: common.rem(14);\n font-weight: 400;\n line-height: common.rem(18);\n color: var(--color-gray-700);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(16);\n line-height: common.rem(20);\n }\n }\n\n &__input-helper {\n font-size: common.rem(14);\n line-height: common.rem(18);\n color: var(--color-gray-700);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(16);\n line-height: common.rem(20);\n }\n }\n\n &__input-more {\n width: fit-content;\n fill: var(--color-axa);\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n }\n }\n\n &__input-text {\n padding: 1rem 2.5rem 1rem 1rem;\n border: 1px solid var(--color-gray);\n border-radius: var(--default-border-radius);\n font-size: common.rem(16);\n line-height: common.rem(20);\n color: var(--color-gray-900);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(18);\n line-height: common.rem(24);\n }\n\n &--error {\n border: 2px solid var(--color-red-700);\n }\n\n &:enabled {\n &:focus,\n &:active {\n border: 1px solid var(--color-axa);\n outline: none;\n }\n }\n\n &:not(:disabled, :focus, :active, &--error):hover {\n border: 2px solid var(--color-axa);\n outline: none;\n }\n }\n}\n","@use \"../../common/common\" as common;\n\n.af-form {\n &__input-container {\n --row-gap: calc(8 / var(--font-size-base) * 1rem);\n\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: var(--row-gap);\n }\n\n &__label-container {\n --row-gap: calc(4 / var(--font-size-base) * 1rem);\n\n display: flex;\n flex-direction: column;\n row-gap: var(--row-gap);\n }\n\n &__input-label {\n font-size: common.rem(18);\n font-weight: 600;\n line-height: common.rem(20);\n color: var(--color-gray-900);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(18);\n line-height: common.rem(24);\n }\n }\n\n &__input-description {\n font-size: common.rem(14);\n font-weight: 400;\n line-height: common.rem(18);\n color: var(--color-gray-700);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(16);\n line-height: common.rem(20);\n }\n }\n\n &__input-helper {\n font-size: common.rem(14);\n line-height: common.rem(18);\n color: var(--color-gray-700);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(16);\n line-height: common.rem(20);\n }\n }\n\n &__input-more {\n width: fit-content;\n fill: var(--color-axa);\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n }\n }\n\n &__input-text {\n padding: 1rem 2.5rem 1rem 1rem;\n border: 1px solid var(--color-gray);\n border-radius: var(--default-border-radius);\n font-size: common.rem(16);\n line-height: common.rem(20);\n color: var(--color-gray-900);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(18);\n line-height: common.rem(24);\n }\n\n &--error {\n border: 2px solid var(--color-red-700);\n }\n\n &:enabled {\n &:focus,\n &:active {\n border: 1px solid var(--color-axa);\n outline: none;\n }\n }\n\n &:not(:disabled, :focus, :active, &--error):hover {\n border: 2px solid var(--color-axa);\n outline: none;\n }\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/Form/Text/Text.scss%23sass","../../../src/Form/Text/Text.scss"],"names":[],"mappings":"AAGE,0BACE,4CAAA,CAIA,sBCFJ,CDME,oDCVF,YAAA,CDKI,qBAAA,CAEA,sBCGJ,CDAE,0BACE,4CCDJ,CDQE,sBAIE,2BAAA,CAHA,kBAAA,CACA,eAAA,CACA,mBCLJ,CDQI,wBANF,sBAOI,kBAAA,CACA,kBCLJ,CACF,CDQE,4BAIE,2BAAA,CAHA,iBAAA,CACA,eAAA,CACA,oBCLJ,CDQI,wBANF,4BAOI,cAAA,CACA,mBCLJ,CACF,CDQE,uBAGE,2BAAA,CAFA,iBAAA,CACA,oBCLJ,CDQI,wBALF,uBCAA,cAAA,CDOI,mBCLJ,CACF,CDQE,qBACE,sBAAA,CAAA,iBAAA,CACA,qBCNJ,CDQI,yBAEE,cAAA,CADA,aCLN,CDUE,qBAEE,kCAAA,CACA,0CAAA,CAGA,2BAAA,CAFA,cAAA,CACA,mBAAA,CAJA,6BCHJ,CDUI,wBARF,qBASI,kBAAA,CACA,kBCPJ,CACF,CDSI,4BACE,qCCPN,CDWM,uEAEE,iCAAA,CACA,YCVR,CDcI,qFACE,iCAAA,CACA,YCZN","file":"Text.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-form {\n &__input-container {\n --row-gap: calc(8 / var(--font-size-base) * 1rem);\n\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: var(--row-gap);\n }\n\n &__label-container {\n --row-gap: calc(4 / var(--font-size-base) * 1rem);\n\n display: flex;\n flex-direction: column;\n row-gap: var(--row-gap);\n }\n\n &__input-label {\n font-size: common.rem(18);\n font-weight: 600;\n line-height: common.rem(20);\n color: var(--color-gray-900);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(18);\n line-height: common.rem(24);\n }\n }\n\n &__input-description {\n font-size: common.rem(14);\n font-weight: 400;\n line-height: common.rem(18);\n color: var(--color-gray-700);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(16);\n line-height: common.rem(20);\n }\n }\n\n &__input-helper {\n font-size: common.rem(14);\n line-height: common.rem(18);\n color: var(--color-gray-700);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(16);\n line-height: common.rem(20);\n }\n }\n\n &__input-more {\n width: fit-content;\n fill: var(--color-axa);\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n }\n }\n\n &__input-text {\n padding: 1rem 2.5rem 1rem 1rem;\n border: 1px solid var(--color-gray);\n border-radius: var(--default-border-radius);\n font-size: common.rem(16);\n line-height: common.rem(20);\n color: var(--color-gray-900);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(18);\n line-height: common.rem(24);\n }\n\n &--error {\n border: 2px solid var(--color-red-700);\n }\n\n &:enabled {\n &:focus,\n &:active {\n border: 1px solid var(--color-axa);\n outline: none;\n }\n }\n\n &:not(:disabled, :focus, :active, &--error):hover {\n border: 2px solid var(--color-axa);\n outline: none;\n }\n }\n}\n","@use \"../../common/common\" as common;\n\n.af-form {\n &__input-container {\n --row-gap: calc(8 / var(--font-size-base) * 1rem);\n\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: var(--row-gap);\n }\n\n &__label-container {\n --row-gap: calc(4 / var(--font-size-base) * 1rem);\n\n display: flex;\n flex-direction: column;\n row-gap: var(--row-gap);\n }\n\n &__input-label {\n font-size: common.rem(18);\n font-weight: 600;\n line-height: common.rem(20);\n color: var(--color-gray-900);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(18);\n line-height: common.rem(24);\n }\n }\n\n &__input-description {\n font-size: common.rem(14);\n font-weight: 400;\n line-height: common.rem(18);\n color: var(--color-gray-700);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(16);\n line-height: common.rem(20);\n }\n }\n\n &__input-helper {\n font-size: common.rem(14);\n line-height: common.rem(18);\n color: var(--color-gray-700);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(16);\n line-height: common.rem(20);\n }\n }\n\n &__input-more {\n width: fit-content;\n fill: var(--color-axa);\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n }\n }\n\n &__input-text {\n padding: 1rem 2.5rem 1rem 1rem;\n border: 1px solid var(--color-gray);\n border-radius: var(--default-border-radius);\n font-size: common.rem(16);\n line-height: common.rem(20);\n color: var(--color-gray-900);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(18);\n line-height: common.rem(24);\n }\n\n &--error {\n border: 2px solid var(--color-red-700);\n }\n\n &:enabled {\n &:focus,\n &:active {\n border: 1px solid var(--color-axa);\n outline: none;\n }\n }\n\n &:not(:disabled, :focus, :active, &--error):hover {\n border: 2px solid var(--color-axa);\n outline: none;\n }\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-form__input-container{--row-gap:calc(8/var(--font-size-base)*1rem);align-items:flex-start}.af-form__input-container,.af-form__label-container{display:flex;flex-direction:column;row-gap:var(--row-gap)}.af-form__label-container{--row-gap:calc(4/var(--font-size-base)*1rem)}.af-form__input-label{color:var(--color-gray-900);font-size:1.125rem;font-weight:600;line-height:1.25rem}@media (width > 1023px){.af-form__input-label{font-size:1.125rem;line-height:1.5rem}}.af-form__input-description{color:var(--color-gray-700);font-size:.875rem;font-weight:400;line-height:1.125rem}@media (width > 1023px){.af-form__input-description{font-size:1rem;line-height:1.25rem}}.af-form__input-helper{color:var(--color-gray-700);font-size:.875rem;line-height:1.125rem}@media (width > 1023px){.af-form__input-helper{font-size:1rem;line-height:1.25rem}}.af-form__input-more{width:fit-content;fill:var(--color-axa)}.af-form__input-more svg{height:1.25rem;width:1.25rem}.af-form__input-text{border:1px solid var(--color-gray);border-radius:var(--default-border-radius);color:var(--color-gray-900);font-size:1rem;line-height:1.25rem;padding:1rem 2.5rem 1rem 1rem}@media (width > 1023px){.af-form__input-text{font-size:1.125rem;line-height:1.5rem}}.af-form__input-text--error{border:2px solid var(--color-red-700)}.af-form__input-text:enabled:active,.af-form__input-text:enabled:focus{border:1px solid var(--color-axa);outline:none}.af-form__input-text:not(:disabled,:focus,:active,.af-form__input-text--error):hover{border:2px solid var(--color-axa);outline:none}.af-form__input-textarea{border:1px solid var(--color-gray);border-radius:var(--default-border-radius);color:var(--color-gray-900);font-size:1rem;height:8.875rem;line-height:1.25rem;margin-top:.5rem;padding:1rem 2.5rem 1rem 1rem;width:100%}@media (width > 1023px){.af-form__input-textarea{font-size:1.125rem;line-height:1.5rem}}.af-form__input-textarea--error{border:2px solid var(--color-red-700)}.af-form__input-textarea:enabled:active,.af-form__input-textarea:enabled:focus{border:1px solid var(--color-axa);outline:none}.af-form__input-textarea:not(:disabled,:focus,:active,.af-form__input-textarea--error):hover{border:2px solid var(--color-axa);outline:none}
|
|
1
|
+
.af-form__input-container{--row-gap:calc(8/var(--font-size-base)*1rem);align-items:flex-start}.af-form__input-container,.af-form__label-container{display:flex;flex-direction:column;row-gap:var(--row-gap)}.af-form__label-container{--row-gap:calc(4/var(--font-size-base)*1rem)}.af-form__input-label{color:var(--color-gray-900);font-size:1.125rem;font-weight:600;line-height:1.25rem}@media (width > 1023px){.af-form__input-label{font-size:1.125rem;line-height:1.5rem}}.af-form__input-description{color:var(--color-gray-700);font-size:.875rem;font-weight:400;line-height:1.125rem}@media (width > 1023px){.af-form__input-description{font-size:1rem;line-height:1.25rem}}.af-form__input-helper{color:var(--color-gray-700);font-size:.875rem;line-height:1.125rem}@media (width > 1023px){.af-form__input-helper{font-size:1rem;line-height:1.25rem}}.af-form__input-more{width:-moz-fit-content;width:fit-content;fill:var(--color-axa)}.af-form__input-more svg{height:1.25rem;width:1.25rem}.af-form__input-text{border:1px solid var(--color-gray);border-radius:var(--default-border-radius);color:var(--color-gray-900);font-size:1rem;line-height:1.25rem;padding:1rem 2.5rem 1rem 1rem}@media (width > 1023px){.af-form__input-text{font-size:1.125rem;line-height:1.5rem}}.af-form__input-text--error{border:2px solid var(--color-red-700)}.af-form__input-text:enabled:active,.af-form__input-text:enabled:focus{border:1px solid var(--color-axa);outline:none}.af-form__input-text:not(:disabled,:focus,:active,.af-form__input-text--error):hover{border:2px solid var(--color-axa);outline:none}.af-form__input-textarea{border:1px solid var(--color-gray);border-radius:var(--default-border-radius);color:var(--color-gray-900);font-size:1rem;height:8.875rem;line-height:1.25rem;margin-top:.5rem;padding:1rem 2.5rem 1rem 1rem;width:100%}@media (width > 1023px){.af-form__input-textarea{font-size:1.125rem;line-height:1.5rem}}.af-form__input-textarea--error{border:2px solid var(--color-red-700)}.af-form__input-textarea:enabled:active,.af-form__input-textarea:enabled:focus{border:1px solid var(--color-axa);outline:none}.af-form__input-textarea:not(:disabled,:focus,:active,.af-form__input-textarea--error):hover{border:2px solid var(--color-axa);outline:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Form/Text/Text.scss","../../../src/Form/TextArea/TextArea.scss","../../../src/Form/TextArea/TextArea.scss%23sass"],"names":[],"mappings":"AAGE,0BCFF,4CDGI,CAIA,sBCFJ,CDME,oDANE,YAAA,CCHJ,qBAAA,CDMI,sBCGJ,CDAE,0BACE,4CCDJ,CDQE,sBAIE,2BAAA,CAHA,kBAAA,CACA,eAAA,CACA,mBCLJ,CDQI,wBANF,sBCCA,kBAAA,CDOI,kBCLJ,CACF,CDQE,4BAIE,2BAAA,CAHA,iBAAA,CACA,eAAA,CACA,oBCLJ,CDQI,wBANF,4BAOI,cAAA,CCLJ,mBACF,CACA,CDQE,uBAGE,2BAAA,CAFA,iBAAA,CACA,oBCLJ,CDQI,wBALF,uBAMI,cAAA,CACA,mBCLJ,CACF,CDQE,qBACE,iBAAA,CACA,qBCNJ,CDQI,yBAEE,cAAA,CADA,aCLN,CDUE,qBAEE,kCAAA,CACA,0CAAA,CAGA,2BAAA,CAFA,cAAA,CACA,mBAAA,CAJA,6BCHJ,CDUI,wBARF,qBASI,kBAAA,CACA,kBCPJ,CACF,CDSI,4BACE,qCCPN,CDWM,uEAEE,iCAAA,CACA,YCVR,CDcI,qFACE,iCAAA,CACA,YCZN,CC7EA,yBAKE,kCAAA,CACA,0CAAA,CAGA,2BAAA,CAFA,cAAA,CALA,eAAA,CAMA,mBAAA,CALA,gBAAA,CACA,6BAAA,CAHA,UDwFF,CC9EE,wBAXF,yBAYI,kBAAA,CACA,kBDiFF,CACF,CC/EE,gCACE,qCDiFJ,CC7EI,+EAEE,iCAAA,CACA,YD8EN,CC1EE,6FACE,iCAAA,CACA,YD4EJ","file":"TextArea.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-form {\n &__input-container {\n --row-gap: calc(8 / var(--font-size-base) * 1rem);\n\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: var(--row-gap);\n }\n\n &__label-container {\n --row-gap: calc(4 / var(--font-size-base) * 1rem);\n\n display: flex;\n flex-direction: column;\n row-gap: var(--row-gap);\n }\n\n &__input-label {\n font-size: common.rem(18);\n font-weight: 600;\n line-height: common.rem(20);\n color: var(--color-gray-900);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(18);\n line-height: common.rem(24);\n }\n }\n\n &__input-description {\n font-size: common.rem(14);\n font-weight: 400;\n line-height: common.rem(18);\n color: var(--color-gray-700);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(16);\n line-height: common.rem(20);\n }\n }\n\n &__input-helper {\n font-size: common.rem(14);\n line-height: common.rem(18);\n color: var(--color-gray-700);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(16);\n line-height: common.rem(20);\n }\n }\n\n &__input-more {\n width: fit-content;\n fill: var(--color-axa);\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n }\n }\n\n &__input-text {\n padding: 1rem 2.5rem 1rem 1rem;\n border: 1px solid var(--color-gray);\n border-radius: var(--default-border-radius);\n font-size: common.rem(16);\n line-height: common.rem(20);\n color: var(--color-gray-900);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(18);\n line-height: common.rem(24);\n }\n\n &--error {\n border: 2px solid var(--color-red-700);\n }\n\n &:enabled {\n &:focus,\n &:active {\n border: 1px solid var(--color-axa);\n outline: none;\n }\n }\n\n &:not(:disabled, :focus, :active, &--error):hover {\n border: 2px solid var(--color-axa);\n outline: none;\n }\n }\n}\n","@use \"../../common/common\" as common;\n@use \"../Text/Text\";\n\n.af-form__input-textarea {\n width: 100%;\n height: common.rem(142);\n margin-top: 0.5rem;\n padding: 1rem 2.5rem 1rem 1rem;\n border: 1px solid var(--color-gray);\n border-radius: var(--default-border-radius);\n font-size: common.rem(16);\n line-height: common.rem(20);\n color: var(--color-gray-900);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(18);\n line-height: common.rem(24);\n }\n\n &--error {\n border: 2px solid var(--color-red-700);\n }\n\n &:enabled {\n &:focus,\n &:active {\n border: 1px solid var(--color-axa);\n outline: none;\n }\n }\n\n &:not(:disabled, :focus, :active, &--error):hover {\n border: 2px solid var(--color-axa);\n outline: none;\n }\n}\n","@use \"../../common/common\" as common;\n@use \"../Text/Text\";\n\n.af-form__input-textarea {\n width: 100%;\n height: common.rem(142);\n margin-top: 0.5rem;\n padding: 1rem 2.5rem 1rem 1rem;\n border: 1px solid var(--color-gray);\n border-radius: var(--default-border-radius);\n font-size: common.rem(16);\n line-height: common.rem(20);\n color: var(--color-gray-900);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(18);\n line-height: common.rem(24);\n }\n\n &--error {\n border: 2px solid var(--color-red-700);\n }\n\n &:enabled {\n &:focus,\n &:active {\n border: 1px solid var(--color-axa);\n outline: none;\n }\n }\n\n &:not(:disabled, :focus, :active, &--error):hover {\n border: 2px solid var(--color-axa);\n outline: none;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/Form/Text/Text.scss","../../../src/Form/TextArea/TextArea.scss","../../../src/Form/TextArea/TextArea.scss%23sass"],"names":[],"mappings":"AAGE,0BCFF,4CDGI,CAIA,sBCFJ,CDME,oDANE,YAAA,CCHJ,qBAAA,CDMI,sBCGJ,CDAE,0BACE,4CCDJ,CDQE,sBAIE,2BAAA,CAHA,kBAAA,CACA,eAAA,CACA,mBCLJ,CDQI,wBANF,sBCCA,kBAAA,CDOI,kBCLJ,CACF,CDQE,4BAIE,2BAAA,CAHA,iBAAA,CACA,eAAA,CACA,oBCLJ,CDQI,wBANF,4BAOI,cAAA,CCLJ,mBACF,CACA,CDQE,uBAGE,2BAAA,CAFA,iBAAA,CACA,oBCLJ,CDQI,wBALF,uBAMI,cAAA,CACA,mBCLJ,CACF,CDQE,qBACE,sBAAA,CAAA,iBAAA,CACA,qBCNJ,CDQI,yBAEE,cAAA,CADA,aCLN,CDUE,qBAEE,kCAAA,CACA,0CAAA,CAGA,2BAAA,CAFA,cAAA,CACA,mBAAA,CAJA,6BCHJ,CDUI,wBARF,qBASI,kBAAA,CACA,kBCPJ,CACF,CDSI,4BACE,qCCPN,CDWM,uEAEE,iCAAA,CACA,YCVR,CDcI,qFACE,iCAAA,CACA,YCZN,CC7EA,yBAKE,kCAAA,CACA,0CAAA,CAGA,2BAAA,CAFA,cAAA,CALA,eAAA,CAMA,mBAAA,CALA,gBAAA,CACA,6BAAA,CAHA,UDwFF,CC9EE,wBAXF,yBAYI,kBAAA,CACA,kBDiFF,CACF,CC/EE,gCACE,qCDiFJ,CC7EI,+EAEE,iCAAA,CACA,YD8EN,CC1EE,6FACE,iCAAA,CACA,YD4EJ","file":"TextArea.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-form {\n &__input-container {\n --row-gap: calc(8 / var(--font-size-base) * 1rem);\n\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: var(--row-gap);\n }\n\n &__label-container {\n --row-gap: calc(4 / var(--font-size-base) * 1rem);\n\n display: flex;\n flex-direction: column;\n row-gap: var(--row-gap);\n }\n\n &__input-label {\n font-size: common.rem(18);\n font-weight: 600;\n line-height: common.rem(20);\n color: var(--color-gray-900);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(18);\n line-height: common.rem(24);\n }\n }\n\n &__input-description {\n font-size: common.rem(14);\n font-weight: 400;\n line-height: common.rem(18);\n color: var(--color-gray-700);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(16);\n line-height: common.rem(20);\n }\n }\n\n &__input-helper {\n font-size: common.rem(14);\n line-height: common.rem(18);\n color: var(--color-gray-700);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(16);\n line-height: common.rem(20);\n }\n }\n\n &__input-more {\n width: fit-content;\n fill: var(--color-axa);\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n }\n }\n\n &__input-text {\n padding: 1rem 2.5rem 1rem 1rem;\n border: 1px solid var(--color-gray);\n border-radius: var(--default-border-radius);\n font-size: common.rem(16);\n line-height: common.rem(20);\n color: var(--color-gray-900);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(18);\n line-height: common.rem(24);\n }\n\n &--error {\n border: 2px solid var(--color-red-700);\n }\n\n &:enabled {\n &:focus,\n &:active {\n border: 1px solid var(--color-axa);\n outline: none;\n }\n }\n\n &:not(:disabled, :focus, :active, &--error):hover {\n border: 2px solid var(--color-axa);\n outline: none;\n }\n }\n}\n","@use \"../../common/common\" as common;\n@use \"../Text/Text\";\n\n.af-form__input-textarea {\n width: 100%;\n height: common.rem(142);\n margin-top: 0.5rem;\n padding: 1rem 2.5rem 1rem 1rem;\n border: 1px solid var(--color-gray);\n border-radius: var(--default-border-radius);\n font-size: common.rem(16);\n line-height: common.rem(20);\n color: var(--color-gray-900);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(18);\n line-height: common.rem(24);\n }\n\n &--error {\n border: 2px solid var(--color-red-700);\n }\n\n &:enabled {\n &:focus,\n &:active {\n border: 1px solid var(--color-axa);\n outline: none;\n }\n }\n\n &:not(:disabled, :focus, :active, &--error):hover {\n border: 2px solid var(--color-axa);\n outline: none;\n }\n}\n","@use \"../../common/common\" as common;\n@use \"../Text/Text\";\n\n.af-form__input-textarea {\n width: 100%;\n height: common.rem(142);\n margin-top: 0.5rem;\n padding: 1rem 2.5rem 1rem 1rem;\n border: 1px solid var(--color-gray);\n border-radius: var(--default-border-radius);\n font-size: common.rem(16);\n line-height: common.rem(20);\n color: var(--color-gray-900);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(18);\n line-height: common.rem(24);\n }\n\n &--error {\n border: 2px solid var(--color-red-700);\n }\n\n &:enabled {\n &:focus,\n &:active {\n border: 1px solid var(--color-axa);\n outline: none;\n }\n }\n\n &:not(:disabled, :focus, :active, &--error):hover {\n border: 2px solid var(--color-axa);\n outline: none;\n }\n}\n"]}
|