@axa-fr/design-system-look-and-feel-css 2.0.4-alpha.89 → 2.0.4-alpha.92

package/dist/Accordion/Accordion.css.map

@@ -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"]}
+{"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"]}

package/dist/Accordion/Accordion.scss

@@ -209,16 +209,16 @@
         }
 
         &:not(
-            :has(.af-accordion__icon),
-            :has(.af-accordion__tag-date-container)
-          ) {
+          :has(.af-accordion__icon),
+          :has(.af-accordion__tag-date-container)
+        ) {
           --summary-areas: "title-container arrow" "value arrow";
         }
 
         &:not(
-            :has(.af-accordion__tag-date-container),
-            :has(.af-accordion__value)
-          ) {
+          :has(.af-accordion__tag-date-container),
+          :has(.af-accordion__value)
+        ) {
           --summary-areas: "icon title-container arrow";
           --summary-columns: auto 1fr auto;
         }
@@ -228,10 +228,10 @@
         }
 
         &:not(
-            :has(.af-accordion__icon),
-            :has(.af-accordion__tag-date-container),
-            :has(.af-accordion__value)
-          ) {
+          :has(.af-accordion__icon),
+          :has(.af-accordion__tag-date-container),
+          :has(.af-accordion__value)
+        ) {
           --summary-areas: "title-container arrow";
           --summary-columns: 1fr auto;
         }

package/dist/AccordionCore/AccordionCore.css

@@ -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}}
+.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}}

package/dist/Alert/Alert.css

@@ -1 +1 @@
-.af-alert{background-color:#fff;border-radius:12px;display:flex;flex:1 1;font-family:var(--font-family-base);padding:1rem}.af-alert .af-alert__icon{aspect-ratio:1;flex-shrink:0;margin-right:1rem}.af-alert--information{border:1px solid var(--color-axa)}.af-alert--information .af-alert__icon{color:var(--color-axa);transform:rotate(180deg);fill:var(--color-axa)}.af-alert--information .af-alert__title{color:var(--color-axa)}.af-alert--error{border:1px solid var(--color-red-700)}.af-alert--error .af-alert__icon{color:var(--color-red-700);fill:var(--color-red-700)}.af-alert--error .af-alert__title{color:var(--color-red-700)}.af-alert--neutral{border:1px solid var(--color-gray)}.af-alert--neutral .af-alert__icon{color:var(--color-gray);fill:var(--color-gray)}.af-alert--neutral .af-alert__title{color:var(--color-gray)}.af-alert--warning{border:1px solid var(--color-btn-business)}.af-alert--warning .af-alert__icon{color:var(--color-btn-business);fill:var(--color-btn-business)}.af-alert--warning .af-alert__title{color:var(--color-btn-business)}.af-alert--validation{border:1px solid var(--color-green-600)}.af-alert--validation .af-alert__icon{color:var(--color-green-600);fill:var(--color-green-600)}.af-alert--validation .af-alert__title{color:var(--color-green-600)}.af-alert .af-alert-client__content{font-size:1.125rem;font-weight:400;line-height:1.40625rem;width:100%}.af-alert .af-alert-client__content .af-alert__action{display:flex;justify-content:end;text-align:right}.af-alert .af-alert-client__content .af-alert__title{font-weight:600;line-height:1.5rem;margin:0;padding-bottom:.25rem}
+.af-alert{background-color:#fff;border-radius:12px;display:flex;flex:1 1;font-family:var(--font-family-base);padding:1rem}.af-alert .af-alert__icon{aspect-ratio:1;flex-shrink:0;margin-right:1rem}.af-alert--information{border:1px solid var(--color-axa)}.af-alert--information .af-alert__icon{color:var(--color-axa);fill:var(--color-axa);transform:rotate(180deg)}.af-alert--information .af-alert__title{color:var(--color-axa)}.af-alert--error{border:1px solid var(--color-red-700)}.af-alert--error .af-alert__icon{color:var(--color-red-700);fill:var(--color-red-700)}.af-alert--error .af-alert__title{color:var(--color-red-700)}.af-alert--neutral{border:1px solid var(--color-gray)}.af-alert--neutral .af-alert__icon{color:var(--color-gray);fill:var(--color-gray)}.af-alert--neutral .af-alert__title{color:var(--color-gray)}.af-alert--warning{border:1px solid var(--color-btn-business)}.af-alert--warning .af-alert__icon{color:var(--color-btn-business);fill:var(--color-btn-business)}.af-alert--warning .af-alert__title{color:var(--color-btn-business)}.af-alert--validation{border:1px solid var(--color-green-600)}.af-alert--validation .af-alert__icon{color:var(--color-green-600);fill:var(--color-green-600)}.af-alert--validation .af-alert__title{color:var(--color-green-600)}.af-alert .af-alert-client__content{font-size:1.125rem;font-weight:400;line-height:1.40625rem;width:100%}.af-alert .af-alert-client__content .af-alert__action{display:flex;justify-content:end;text-align:right}.af-alert .af-alert-client__content .af-alert__title{font-weight:600;line-height:1.5rem;margin:0;padding-bottom:.25rem}

package/dist/Alert/Alert.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Alert/Alert.scss%23sass","../../src/Alert/Alert.scss"],"names":[],"mappings":"AAEA,UAME,qBAAA,CAHA,kBAAA,CAFA,YAAA,CAGA,QAAA,CACA,mCAAA,CCLF,YAKA,CDGE,0BACE,cAAA,CAEA,aAAA,CADA,iBCAJ,CDIE,uBACE,iCCFJ,CDII,uCACE,sBAAA,CACA,wBAAA,CACA,qBCFN,CDKI,wCACE,sBCHN,CDOE,iBACE,qCCLJ,CDOI,iCACE,0BAAA,CACA,yBCLN,CDQI,kCACE,0BCNN,CDUE,mBACE,kCCRJ,CDUI,mCACE,uBAAA,CACA,sBCRN,CDWI,oCACE,uBCTN,CDaE,mBACE,0CCXJ,CDaI,mCACE,+BAAA,CACA,8BCXN,CDcI,oCACE,+BCZN,CDgBE,sBACE,uCCdJ,CDgBI,sCACE,4BAAA,CACA,2BCdN,CDiBI,uCACE,4BCfN,CDmBE,oCAEE,kBAAA,CACA,eAAA,CACA,sBAAA,CAHA,UCdJ,CDmBI,sDACE,YAAA,CACA,mBAAA,CACA,gBCjBN,CDoBI,qDAGE,eAAA,CACA,kBAAA,CAHA,QAAA,CACA,qBChBN","file":"Alert.css","sourcesContent":["@use \"../common/common.scss\" as common;\n\n.af-alert {\n  display: flex;\n  padding: 1rem;\n  border-radius: 12px;\n  flex: 1 1 0;\n  font-family: var(--font-family-base);\n  background-color: white;\n\n  .af-alert__icon {\n    aspect-ratio: 1;\n    margin-right: 1rem;\n    flex-shrink: 0;\n  }\n\n  &--information {\n    border: 1px solid var(--color-axa);\n\n    .af-alert__icon {\n      color: var(--color-axa);\n      transform: rotate(180deg);\n      fill: var(--color-axa);\n    }\n\n    .af-alert__title {\n      color: var(--color-axa);\n    }\n  }\n\n  &--error {\n    border: 1px solid var(--color-red-700);\n\n    .af-alert__icon {\n      color: var(--color-red-700);\n      fill: var(--color-red-700);\n    }\n\n    .af-alert__title {\n      color: var(--color-red-700);\n    }\n  }\n\n  &--neutral {\n    border: 1px solid var(--color-gray);\n\n    .af-alert__icon {\n      color: var(--color-gray);\n      fill: var(--color-gray);\n    }\n\n    .af-alert__title {\n      color: var(--color-gray);\n    }\n  }\n\n  &--warning {\n    border: 1px solid var(--color-btn-business);\n\n    .af-alert__icon {\n      color: var(--color-btn-business);\n      fill: var(--color-btn-business);\n    }\n\n    .af-alert__title {\n      color: var(--color-btn-business);\n    }\n  }\n\n  &--validation {\n    border: 1px solid var(--color-green-600);\n\n    .af-alert__icon {\n      color: var(--color-green-600);\n      fill: var(--color-green-600);\n    }\n\n    .af-alert__title {\n      color: var(--color-green-600);\n    }\n  }\n\n  .af-alert-client__content {\n    width: 100%;\n    font-size: common.rem(18);\n    font-weight: 400;\n    line-height: common.rem(22.5);\n\n    .af-alert__action {\n      display: flex;\n      justify-content: end;\n      text-align: right;\n    }\n\n    .af-alert__title {\n      margin: 0;\n      padding-bottom: 0.25rem;\n      font-weight: 600;\n      line-height: 1.5rem;\n    }\n  }\n}\n","@use \"../common/common.scss\" as common;\n\n.af-alert {\n  display: flex;\n  padding: 1rem;\n  border-radius: 12px;\n  flex: 1 1 0;\n  font-family: var(--font-family-base);\n  background-color: white;\n\n  .af-alert__icon {\n    aspect-ratio: 1;\n    margin-right: 1rem;\n    flex-shrink: 0;\n  }\n\n  &--information {\n    border: 1px solid var(--color-axa);\n\n    .af-alert__icon {\n      color: var(--color-axa);\n      transform: rotate(180deg);\n      fill: var(--color-axa);\n    }\n\n    .af-alert__title {\n      color: var(--color-axa);\n    }\n  }\n\n  &--error {\n    border: 1px solid var(--color-red-700);\n\n    .af-alert__icon {\n      color: var(--color-red-700);\n      fill: var(--color-red-700);\n    }\n\n    .af-alert__title {\n      color: var(--color-red-700);\n    }\n  }\n\n  &--neutral {\n    border: 1px solid var(--color-gray);\n\n    .af-alert__icon {\n      color: var(--color-gray);\n      fill: var(--color-gray);\n    }\n\n    .af-alert__title {\n      color: var(--color-gray);\n    }\n  }\n\n  &--warning {\n    border: 1px solid var(--color-btn-business);\n\n    .af-alert__icon {\n      color: var(--color-btn-business);\n      fill: var(--color-btn-business);\n    }\n\n    .af-alert__title {\n      color: var(--color-btn-business);\n    }\n  }\n\n  &--validation {\n    border: 1px solid var(--color-green-600);\n\n    .af-alert__icon {\n      color: var(--color-green-600);\n      fill: var(--color-green-600);\n    }\n\n    .af-alert__title {\n      color: var(--color-green-600);\n    }\n  }\n\n  .af-alert-client__content {\n    width: 100%;\n    font-size: common.rem(18);\n    font-weight: 400;\n    line-height: common.rem(22.5);\n\n    .af-alert__action {\n      display: flex;\n      justify-content: end;\n      text-align: right;\n    }\n\n    .af-alert__title {\n      margin: 0;\n      padding-bottom: 0.25rem;\n      font-weight: 600;\n      line-height: 1.5rem;\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../src/Alert/Alert.scss%23sass","../../src/Alert/Alert.scss"],"names":[],"mappings":"AAEA,UAME,qBAAA,CAHA,kBAAA,CAFA,YAAA,CAGA,QAAA,CACA,mCAAA,CCLF,YAKA,CDGE,0BACE,cAAA,CAEA,aAAA,CADA,iBCAJ,CDIE,uBACE,iCCFJ,CDII,uCACE,sBAAA,CAEA,qBAAA,CADA,wBCDN,CDKI,wCACE,sBCHN,CDOE,iBACE,qCCLJ,CDOI,iCACE,0BAAA,CACA,yBCLN,CDQI,kCACE,0BCNN,CDUE,mBACE,kCCRJ,CDUI,mCACE,uBAAA,CACA,sBCRN,CDWI,oCACE,uBCTN,CDaE,mBACE,0CCXJ,CDaI,mCACE,+BAAA,CACA,8BCXN,CDcI,oCACE,+BCZN,CDgBE,sBACE,uCCdJ,CDgBI,sCACE,4BAAA,CACA,2BCdN,CDiBI,uCACE,4BCfN,CDmBE,oCAEE,kBAAA,CACA,eAAA,CACA,sBAAA,CAHA,UCdJ,CDmBI,sDACE,YAAA,CACA,mBAAA,CACA,gBCjBN,CDoBI,qDAGE,eAAA,CACA,kBAAA,CAHA,QAAA,CACA,qBChBN","file":"Alert.css","sourcesContent":["@use \"../common/common.scss\" as common;\n\n.af-alert {\n  display: flex;\n  padding: 1rem;\n  border-radius: 12px;\n  flex: 1 1 0;\n  font-family: var(--font-family-base);\n  background-color: white;\n\n  .af-alert__icon {\n    aspect-ratio: 1;\n    margin-right: 1rem;\n    flex-shrink: 0;\n  }\n\n  &--information {\n    border: 1px solid var(--color-axa);\n\n    .af-alert__icon {\n      color: var(--color-axa);\n      transform: rotate(180deg);\n      fill: var(--color-axa);\n    }\n\n    .af-alert__title {\n      color: var(--color-axa);\n    }\n  }\n\n  &--error {\n    border: 1px solid var(--color-red-700);\n\n    .af-alert__icon {\n      color: var(--color-red-700);\n      fill: var(--color-red-700);\n    }\n\n    .af-alert__title {\n      color: var(--color-red-700);\n    }\n  }\n\n  &--neutral {\n    border: 1px solid var(--color-gray);\n\n    .af-alert__icon {\n      color: var(--color-gray);\n      fill: var(--color-gray);\n    }\n\n    .af-alert__title {\n      color: var(--color-gray);\n    }\n  }\n\n  &--warning {\n    border: 1px solid var(--color-btn-business);\n\n    .af-alert__icon {\n      color: var(--color-btn-business);\n      fill: var(--color-btn-business);\n    }\n\n    .af-alert__title {\n      color: var(--color-btn-business);\n    }\n  }\n\n  &--validation {\n    border: 1px solid var(--color-green-600);\n\n    .af-alert__icon {\n      color: var(--color-green-600);\n      fill: var(--color-green-600);\n    }\n\n    .af-alert__title {\n      color: var(--color-green-600);\n    }\n  }\n\n  .af-alert-client__content {\n    width: 100%;\n    font-size: common.rem(18);\n    font-weight: 400;\n    line-height: common.rem(22.5);\n\n    .af-alert__action {\n      display: flex;\n      justify-content: end;\n      text-align: right;\n    }\n\n    .af-alert__title {\n      margin: 0;\n      padding-bottom: 0.25rem;\n      font-weight: 600;\n      line-height: 1.5rem;\n    }\n  }\n}\n","@use \"../common/common.scss\" as common;\n\n.af-alert {\n  display: flex;\n  padding: 1rem;\n  border-radius: 12px;\n  flex: 1 1 0;\n  font-family: var(--font-family-base);\n  background-color: white;\n\n  .af-alert__icon {\n    aspect-ratio: 1;\n    margin-right: 1rem;\n    flex-shrink: 0;\n  }\n\n  &--information {\n    border: 1px solid var(--color-axa);\n\n    .af-alert__icon {\n      color: var(--color-axa);\n      transform: rotate(180deg);\n      fill: var(--color-axa);\n    }\n\n    .af-alert__title {\n      color: var(--color-axa);\n    }\n  }\n\n  &--error {\n    border: 1px solid var(--color-red-700);\n\n    .af-alert__icon {\n      color: var(--color-red-700);\n      fill: var(--color-red-700);\n    }\n\n    .af-alert__title {\n      color: var(--color-red-700);\n    }\n  }\n\n  &--neutral {\n    border: 1px solid var(--color-gray);\n\n    .af-alert__icon {\n      color: var(--color-gray);\n      fill: var(--color-gray);\n    }\n\n    .af-alert__title {\n      color: var(--color-gray);\n    }\n  }\n\n  &--warning {\n    border: 1px solid var(--color-btn-business);\n\n    .af-alert__icon {\n      color: var(--color-btn-business);\n      fill: var(--color-btn-business);\n    }\n\n    .af-alert__title {\n      color: var(--color-btn-business);\n    }\n  }\n\n  &--validation {\n    border: 1px solid var(--color-green-600);\n\n    .af-alert__icon {\n      color: var(--color-green-600);\n      fill: var(--color-green-600);\n    }\n\n    .af-alert__title {\n      color: var(--color-green-600);\n    }\n  }\n\n  .af-alert-client__content {\n    width: 100%;\n    font-size: common.rem(18);\n    font-weight: 400;\n    line-height: common.rem(22.5);\n\n    .af-alert__action {\n      display: flex;\n      justify-content: end;\n      text-align: right;\n    }\n\n    .af-alert__title {\n      margin: 0;\n      padding-bottom: 0.25rem;\n      font-weight: 600;\n      line-height: 1.5rem;\n    }\n  }\n}\n"]}

package/dist/Card/Card.css

@@ -1 +1 @@
-.af-card{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:.5rem;box-shadow:0 .25rem .5rem 0 #10184114;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 #10184129}.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:initial}button.af-card:active{box-shadow:none}button.af-card:focus{outline:none}
+.af-card{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:.5rem;box-shadow:0 .25rem .5rem 0 #10184114;font-family:var(--font-family-base);font-size:1rem;font-weight:400;line-height:1.25rem;padding:1rem}.af-card>:last-child{-webkit-margin-after:0;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 #10184129}.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:initial}button.af-card:active{box-shadow:none}button.af-card:focus{outline:none}

package/dist/Card/Card.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Card/Card.scss%23sass","../../src/Card/Card.scss"],"names":[],"mappings":"AAAA,SAQE,mCAAA,CANA,sCAAA,CACA,mBAAA,CAMA,qCAAA,CALA,mCAAA,CACA,cAAA,CACA,eAAA,CACA,mBAAA,CANA,YCSF,CDCE,qBACE,kBCCJ,CDEE,uBACE,mCAAA,CACA,YCAJ,CDGE,kCACE,qCCDJ,CDIE,gBAIE,sBAAA,CAHA,kBAAA,CACA,eAAA,CACA,kBCDJ,CDKE,oBAEE,eAAA,CADA,SCFJ,CDOA,eAEE,cAAA,CADA,kBCHF,CDME,sBCJF,eACA,CDOE,qBACE,YCLJ","file":"Card.css","sourcesContent":[".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",".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"]}
+{"version":3,"sources":["../../src/Card/Card.scss%23sass","../../src/Card/Card.scss"],"names":[],"mappings":"AAAA,SAQE,mCAAA,CANA,sCAAA,CACA,mBAAA,CAMA,qCAAA,CALA,mCAAA,CACA,cAAA,CACA,eAAA,CACA,mBAAA,CANA,YCSF,CDCE,qBACE,sBAAA,CAAA,kBCCJ,CDEE,uBACE,mCAAA,CACA,YCAJ,CDGE,kCACE,qCCDJ,CDIE,gBAIE,sBAAA,CAHA,kBAAA,CACA,eAAA,CACA,kBCDJ,CDKE,oBAEE,eAAA,CADA,SCFJ,CDOA,eAEE,cAAA,CADA,kBCHF,CDME,sBCJF,eACA,CDOE,qBACE,YCLJ","file":"Card.css","sourcesContent":[".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",".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"]}

package/dist/Form/CardCheckbox/CardCheckbox.css

@@ -1 +1 @@
-.af-card-checkbox__label-container{--font-size-base:calc(16/var(--font-size-base)*1rem)}.af-card-checkbox__container{display:flex;flex-direction:column;gap:1rem}.af-card-checkbox__legend{--card-checkbox-color:var(--color-gray-900);color:var(--card-checkbox-color);display:grid;font-size:calc(18/var(--font-size-base)*1rem);font-weight:600;margin-block-end:calc(4/var(--font-size-base)*1rem);row-gap:calc(4/var(--font-size-base)*1rem)}.af-card-checkbox__legend>p{margin:0}.af-card-checkbox__description{--card-checkbox-color:var(--color-gray-700);color:var(--card-checkbox-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;line-height:calc(16/var(--font-size-base)*1rem)}@media (width > 667px){.af-card-checkbox__description{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(18/var(--font-size-base)*1rem)}}.af-card-checkbox__choices{display:flex;flex-direction:column;row-gap:calc(8/var(--font-size-base)*1rem)}.af-card-checkbox-group{align-items:stretch;display:flex;font-family:var(--card-checkbox-font-family);font-style:normal;font-weight:400;gap:1rem;line-height:calc(20/var(--font-size-base)*1rem);list-style:none;margin:0;padding:0}.af-card-checkbox-group--horizontal{--card-checkbox-flex-direction:column;flex-direction:var(--card-checkbox-flex-direction)}.af-card-checkbox-group--horizontal .af-card-checkbox-label{--card-checkbox-flex-direction:row;--card-checkbox-align-items:center;align-items:var(--card-checkbox-align-items);flex-direction:var(--card-checkbox-flex-direction);gap:calc(16/var(--font-size-base)*1rem)}.af-card-checkbox-group--horizontal .af-card-checkbox-label .af-card-checkbox-content{--card-checkbox-flex-direction:row;--card-checkbox-margin-left:calc(12/var(--font-size-base)*1rem);flex-direction:var(--card-checkbox-flex-direction)}.af-card-checkbox-group--horizontal .af-card-checkbox-label .af-card-checkbox-content .af-card-checkbox-content-description{--card-checkbox-flex-direction:column;--card-checkbox-align-item:flex-start;--card-checkbox-description-gap:4;align-items:var(--card-checkbox-align-item);flex-direction:var(--card-checkbox-flex-direction);text-align:left}.af-card-checkbox-group--vertical{--card-checkbox-flex-direction:row;flex-direction:var(--card-checkbox-flex-direction)}.af-card-checkbox-group--vertical>*{flex-basis:0;flex-grow:1}.af-card-checkbox-group--vertical .af-card-checkbox-label{--card-checkbox-flex-direction:row;--card-checkbox-align-items:flex-start;--card-checkbox-justify-content:flex-start;align-items:var(--card-checkbox-align-items);background-color:var(--card-checkbox-background-color);flex-direction:var(--card-checkbox-flex-direction);gap:calc(12/var(--font-size-base)*1rem);height:100%;justify-content:var(--card-checkbox-justify-content)}.af-card-checkbox-group--vertical .af-card-checkbox-label .af-card-checkbox-content{--card-checkbox-flex-direction:column;--card-checkbox-margin-left:calc(2/var(--font-size-base)*1rem);flex:1 1;flex-direction:var(--card-checkbox-flex-direction);width:100%}.af-card-checkbox-group--vertical .af-card-checkbox-label .af-card-checkbox-content .af-card-checkbox-content-description{--card-checkbox-flex-direction:column;--card-checkbox-align-item:center;align-items:var(--card-checkbox-align-item);flex-direction:var(--card-checkbox-flex-direction);text-align:center}.af-card-checkbox-group .af-card-checkbox-label{--card-checkbox-border-color:var(--color-gray-700);--card-checkbox-border-radius:var(--radius-4);--card-checkbox-outline-color:var(--card-checkbox-border-color);--card-checkbox-background-color:var(--color-white);--card-checkbox-content-gap:4;--card-checkbox-border-width:1px;align-self:stretch;border:var(--card-checkbox-border-width) solid var(--card-checkbox-border-color);border-radius:var(--card-checkbox-border-radius);cursor:pointer;display:flex;flex:1 1;outline:var(--card-checkbox-outline-width) solid var(--card-checkbox-outline-color);outline-offset:calc((var(--card-checkbox-border-width) + var(--card-checkbox-outline-width))*-1);padding:1rem}.af-card-checkbox-group .af-card-checkbox-label .af-card-checkbox-content{align-items:center;display:flex;gap:calc(8/var(--font-size-base)*1rem)}.af-card-checkbox-group .af-card-checkbox-label .af-card-checkbox-content .af-card-checkbox-content-description{display:flex;font-size:1rem;gap:calc(var(--card-checkbox-content-description-gap, 4)/var(--font-size-base)*1rem);justify-content:center;line-height:calc(20/var(--font-size-base)*1rem)}.af-card-checkbox-group .af-card-checkbox-label .af-card-checkbox-content .af-card-checkbox-content-description>span:first-child{--card-checkbox-label-text-color:var(--color-gray-900);color:var(--card-checkbox-label-text-color);font-size:calc(18/var(--font-size-base)*1rem);font-weight:400}@media (width < 667px){.af-card-checkbox-group .af-card-checkbox-label .af-card-checkbox-content .af-card-checkbox-content-description>span:first-child{font-size:calc(16/var(--font-size-base)*1rem);font-weight:400}}.af-card-checkbox-group .af-card-checkbox-label .af-card-checkbox-content .af-card-checkbox-content-description>span:not(:first-child){--card-checkbox-label-text-color:var(--color-gray-700);color:var(--card-checkbox-label-text-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400}@media (width < 667px){.af-card-checkbox-group .af-card-checkbox-label .af-card-checkbox-content .af-card-checkbox-content-description>span:not(:first-child){font-size:calc(14/var(--font-size-base)*1rem);font-weight:400}}.af-card-checkbox-group .af-card-checkbox-label:focus-visible,.af-card-checkbox-group .af-card-checkbox-label:focus-within,.af-card-checkbox-group .af-card-checkbox-label:has([aria-invalid=true]),.af-card-checkbox-group .af-card-checkbox-label:has(input:checked),.af-card-checkbox-group .af-card-checkbox-label:hover{--card-checkbox-border-color:var(--color-axa);--card-checkbox-outline-width:1px}.af-card-checkbox-group .af-card-checkbox-label[aria-invalid=true]{--card-checkbox-background-color:var(--color-white);--card-checkbox-border-color:var(--color-red-700)}.af-card-checkbox-group .af-card-checkbox-label:not(:has(:checked)):has([aria-invalid=true]):focus-visible,.af-card-checkbox-group .af-card-checkbox-label:not(:has(:checked)):has([aria-invalid=true]):focus-within,.af-card-checkbox-group .af-card-checkbox-label:not(:has(:checked)):has([aria-invalid=true]):hover{--card-checkbox-outline-width:2px}.af-card-checkbox-group .af-card-checkbox-label:has(input:checked){--card-checkbox-border-color:var(--color-axa);--card-checkbox-background-color:var(--color-blue-2)}.af-card-checkbox-group .af-card-checkbox-label:has(input:checked) .af-card-checkbox-content-description>span:first-child{font-weight:600}
+.af-card-checkbox__label-container{--font-size-base:calc(16/var(--font-size-base)*1rem)}.af-card-checkbox__container{display:flex;flex-direction:column;gap:1rem}.af-card-checkbox__legend{--card-checkbox-color:var(--color-gray-900);display:grid;-webkit-margin-after:calc(4/var(--font-size-base)*1rem);color:var(--card-checkbox-color);font-size:calc(18/var(--font-size-base)*1rem);font-weight:600;margin-block-end:calc(4/var(--font-size-base)*1rem);row-gap:calc(4/var(--font-size-base)*1rem)}.af-card-checkbox__legend>p{margin:0}.af-card-checkbox__description{--card-checkbox-color:var(--color-gray-700);color:var(--card-checkbox-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;line-height:calc(16/var(--font-size-base)*1rem)}@media (width > 667px){.af-card-checkbox__description{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(18/var(--font-size-base)*1rem)}}.af-card-checkbox__choices{display:flex;flex-direction:column;row-gap:calc(8/var(--font-size-base)*1rem)}.af-card-checkbox-group{align-items:stretch;display:flex;font-family:var(--card-checkbox-font-family);font-style:normal;font-weight:400;gap:1rem;line-height:calc(20/var(--font-size-base)*1rem);list-style:none;margin:0;padding:0}.af-card-checkbox-group--horizontal{--card-checkbox-flex-direction:column;flex-direction:var(--card-checkbox-flex-direction)}.af-card-checkbox-group--horizontal .af-card-checkbox-label{--card-checkbox-flex-direction:row;--card-checkbox-align-items:center;align-items:var(--card-checkbox-align-items);flex-direction:var(--card-checkbox-flex-direction);gap:calc(16/var(--font-size-base)*1rem)}.af-card-checkbox-group--horizontal .af-card-checkbox-label .af-card-checkbox-content{--card-checkbox-flex-direction:row;--card-checkbox-margin-left:calc(12/var(--font-size-base)*1rem);flex-direction:var(--card-checkbox-flex-direction)}.af-card-checkbox-group--horizontal .af-card-checkbox-label .af-card-checkbox-content .af-card-checkbox-content-description{--card-checkbox-flex-direction:column;--card-checkbox-align-item:flex-start;--card-checkbox-description-gap:4;align-items:var(--card-checkbox-align-item);flex-direction:var(--card-checkbox-flex-direction);text-align:left}.af-card-checkbox-group--vertical{--card-checkbox-flex-direction:row;flex-direction:var(--card-checkbox-flex-direction)}.af-card-checkbox-group--vertical>*{flex-basis:0;flex-grow:1}.af-card-checkbox-group--vertical .af-card-checkbox-label{--card-checkbox-flex-direction:row;--card-checkbox-align-items:flex-start;--card-checkbox-justify-content:flex-start;align-items:var(--card-checkbox-align-items);background-color:var(--card-checkbox-background-color);flex-direction:var(--card-checkbox-flex-direction);gap:calc(12/var(--font-size-base)*1rem);height:100%;justify-content:var(--card-checkbox-justify-content)}.af-card-checkbox-group--vertical .af-card-checkbox-label .af-card-checkbox-content{--card-checkbox-flex-direction:column;--card-checkbox-margin-left:calc(2/var(--font-size-base)*1rem);flex:1 1;flex-direction:var(--card-checkbox-flex-direction);width:100%}.af-card-checkbox-group--vertical .af-card-checkbox-label .af-card-checkbox-content .af-card-checkbox-content-description{--card-checkbox-flex-direction:column;--card-checkbox-align-item:center;align-items:var(--card-checkbox-align-item);flex-direction:var(--card-checkbox-flex-direction);text-align:center}.af-card-checkbox-group .af-card-checkbox-label{--card-checkbox-border-color:var(--color-gray-700);--card-checkbox-border-radius:var(--radius-4);--card-checkbox-outline-color:var(--card-checkbox-border-color);--card-checkbox-background-color:var(--color-white);--card-checkbox-content-gap:4;--card-checkbox-border-width:1px;align-self:stretch;border:var(--card-checkbox-border-width) solid var(--card-checkbox-border-color);border-radius:var(--card-checkbox-border-radius);cursor:pointer;display:flex;flex:1 1;outline:var(--card-checkbox-outline-width) solid var(--card-checkbox-outline-color);outline-offset:calc((var(--card-checkbox-border-width) + var(--card-checkbox-outline-width))*-1);padding:1rem}.af-card-checkbox-group .af-card-checkbox-label .af-card-checkbox-content{align-items:center;display:flex;gap:calc(8/var(--font-size-base)*1rem)}.af-card-checkbox-group .af-card-checkbox-label .af-card-checkbox-content .af-card-checkbox-content-description{display:flex;font-size:1rem;gap:calc(var(--card-checkbox-content-description-gap, 4)/var(--font-size-base)*1rem);justify-content:center;line-height:calc(20/var(--font-size-base)*1rem)}.af-card-checkbox-group .af-card-checkbox-label .af-card-checkbox-content .af-card-checkbox-content-description>span:first-child{--card-checkbox-label-text-color:var(--color-gray-900);color:var(--card-checkbox-label-text-color);font-size:calc(18/var(--font-size-base)*1rem);font-weight:400}@media (width < 667px){.af-card-checkbox-group .af-card-checkbox-label .af-card-checkbox-content .af-card-checkbox-content-description>span:first-child{font-size:calc(16/var(--font-size-base)*1rem);font-weight:400}}.af-card-checkbox-group .af-card-checkbox-label .af-card-checkbox-content .af-card-checkbox-content-description>span:not(:first-child){--card-checkbox-label-text-color:var(--color-gray-700);color:var(--card-checkbox-label-text-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400}@media (width < 667px){.af-card-checkbox-group .af-card-checkbox-label .af-card-checkbox-content .af-card-checkbox-content-description>span:not(:first-child){font-size:calc(14/var(--font-size-base)*1rem);font-weight:400}}.af-card-checkbox-group .af-card-checkbox-label:focus-visible,.af-card-checkbox-group .af-card-checkbox-label:focus-within,.af-card-checkbox-group .af-card-checkbox-label:has([aria-invalid=true]),.af-card-checkbox-group .af-card-checkbox-label:has(input:checked),.af-card-checkbox-group .af-card-checkbox-label:hover{--card-checkbox-border-color:var(--color-axa);--card-checkbox-outline-width:1px}.af-card-checkbox-group .af-card-checkbox-label[aria-invalid=true]{--card-checkbox-background-color:var(--color-white);--card-checkbox-border-color:var(--color-red-700)}.af-card-checkbox-group .af-card-checkbox-label:not(:has(:checked)):has([aria-invalid=true]):focus-visible,.af-card-checkbox-group .af-card-checkbox-label:not(:has(:checked)):has([aria-invalid=true]):focus-within,.af-card-checkbox-group .af-card-checkbox-label:not(:has(:checked)):has([aria-invalid=true]):hover{--card-checkbox-outline-width:2px}.af-card-checkbox-group .af-card-checkbox-label:has(input:checked){--card-checkbox-border-color:var(--color-axa);--card-checkbox-background-color:var(--color-blue-2)}.af-card-checkbox-group .af-card-checkbox-label:has(input:checked) .af-card-checkbox-content-description>span:first-child{font-weight:600}

package/dist/Form/CardCheckbox/CardCheckbox.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Form/CardCheckbox/CardCheckbox.scss%23sass","../../../src/Form/CardCheckbox/CardCheckbox.scss"],"names":[],"mappings":"AAGE,mCACE,oDCFJ,CDKE,6BACE,YAAA,CACA,qBAAA,CACA,QCHJ,CDME,0BACE,2CAAA,CAOA,gCAAA,CALA,YAAA,CAGA,6CAAA,CACA,eAAA,CAHA,mDAAA,CACA,0CCFJ,CDOI,4BACE,QCLN,CDSE,+BACE,2CAAA,CAKA,gCAAA,CAHA,6CAAA,CACA,eAAA,CACA,+CCPJ,CDUI,uBARF,+BASI,6CAAA,CACA,+CCPJ,CACF,CDUE,2BACE,YAAA,CACA,qBAAA,CACA,0CCRJ,CDWE,wBAIE,mBAAA,CAHA,YAAA,CAKA,4CAAA,CACA,iBAAA,CACA,eAAA,CAHA,QAAA,CAIA,+CAAA,CACA,eAAA,CARA,QAAA,CACA,SCFJ,CDWI,oCACE,qCAAA,CAEA,kDCVN,CDYM,4DACE,kCAAA,CACA,kCAAA,CAGA,4CAAA,CADA,kDAAA,CAEA,uCCXR,CDaQ,sFACE,kCAAA,CACA,+DAAA,CAEA,kDCZV,CDcU,4HACE,qCAAA,CACA,qCAAA,CACA,iCAAA,CAGA,2CAAA,CADA,kDAAA,CAEA,eCbZ,CDmBI,kCACE,kCAAA,CAEA,kDClBN,CDoBM,oCACE,YAAA,CACA,WClBR,CDqBM,0DACE,kCAAA,CACA,sCAAA,CACA,0CAAA,CAIA,4CAAA,CAGA,sDAAA,CAJA,kDAAA,CAGA,uCAAA,CAJA,WAAA,CAGA,oDClBR,CDsBQ,oFACE,qCAAA,CACA,8DAAA,CAGA,QAAA,CACA,kDAAA,CAFA,UCnBV,CDuBU,0HACE,qCAAA,CACA,iCAAA,CAGA,2CAAA,CADA,kDAAA,CAEA,iBCtBZ,CD4BI,gDACE,kDAAA,CACA,6CAAA,CACA,+DAAA,CACA,mDAAA,CACA,6BAAA,CACA,gCAAA,CAQA,kBAAA,CAJA,gFAAA,CAEA,gDAAA,CAYA,cAAA,CAhBA,YAAA,CAKA,QAAA,CAEA,mFAAA,CAEA,gGAAA,CARA,YCnBN,CDoCM,0EAEE,kBAAA,CADA,YAAA,CAEA,sCClCR,CDoCQ,gHACE,YAAA,CAMA,cAAA,CAJA,oFAAA,CADA,sBAAA,CAMA,+CCrCV,CDuCU,iIACE,sDAAA,CAIA,2CAAA,CAFA,6CAAA,CACA,eCrCZ,CDwCY,uBAPF,iIAQI,6CAAA,CACA,eCrCZ,CACF,CDwCU,uIACE,sDAAA,CAIA,2CAAA,CAFA,6CAAA,CACA,eCtCZ,CDyCY,uBAPF,uIAQI,6CAAA,CACA,eCtCZ,CACF,CD2CM,6TAKE,6CAAA,CACA,iCC7CR,CDgDM,mEACE,mDAAA,CACA,iDC9CR,CDkDQ,wTAGE,iCClDV,CDuDM,mEACE,6CAAA,CACA,oDCrDR,CDuDQ,0HACE,eCrDV","file":"CardCheckbox.css","sourcesContent":["@use \"../../common/common\" as breakpoints;\n\n.af-card-checkbox {\n  &__label-container {\n    --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n  }\n\n  &__container {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  &__legend {\n    --card-checkbox-color: var(--color-gray-900);\n\n    display: grid;\n    margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n    row-gap: calc(4 / var(--font-size-base) * 1rem);\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    font-weight: 600;\n    color: var(--card-checkbox-color);\n\n    & > p {\n      margin: 0;\n    }\n  }\n\n  &__description {\n    --card-checkbox-color: var(--color-gray-700);\n\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    line-height: calc(16 / var(--font-size-base) * 1rem);\n    color: var(--card-checkbox-color);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n      line-height: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &__choices {\n    display: flex;\n    flex-direction: column;\n    row-gap: calc(8 / var(--font-size-base) * 1rem);\n  }\n\n  &-group {\n    display: flex;\n    margin: 0;\n    padding: 0;\n    align-items: stretch;\n    gap: 1rem;\n    font-family: var(--card-checkbox-font-family);\n    font-style: normal;\n    font-weight: 400;\n    line-height: calc(20 / var(--font-size-base) * 1rem);\n    list-style: none;\n\n    &--horizontal {\n      --card-checkbox-flex-direction: column;\n\n      flex-direction: var(--card-checkbox-flex-direction);\n\n      .af-card-checkbox-label {\n        --card-checkbox-flex-direction: row;\n        --card-checkbox-align-items: center;\n\n        flex-direction: var(--card-checkbox-flex-direction);\n        align-items: var(--card-checkbox-align-items);\n        gap: calc(16 / var(--font-size-base) * 1rem);\n\n        .af-card-checkbox-content {\n          --card-checkbox-flex-direction: row;\n          --card-checkbox-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n          flex-direction: var(--card-checkbox-flex-direction);\n\n          .af-card-checkbox-content-description {\n            --card-checkbox-flex-direction: column;\n            --card-checkbox-align-item: flex-start;\n            --card-checkbox-description-gap: 4;\n\n            flex-direction: var(--card-checkbox-flex-direction);\n            align-items: var(--card-checkbox-align-item);\n            text-align: left;\n          }\n        }\n      }\n    }\n\n    &--vertical {\n      --card-checkbox-flex-direction: row;\n\n      flex-direction: var(--card-checkbox-flex-direction);\n\n      > * {\n        flex-basis: 0;\n        flex-grow: 1;\n      }\n\n      .af-card-checkbox-label {\n        --card-checkbox-flex-direction: row;\n        --card-checkbox-align-items: flex-start;\n        --card-checkbox-justify-content: flex-start;\n\n        height: 100%;\n        flex-direction: var(--card-checkbox-flex-direction);\n        align-items: var(--card-checkbox-align-items);\n        justify-content: var(--card-checkbox-justify-content);\n        gap: calc(12 / var(--font-size-base) * 1rem);\n        background-color: var(--card-checkbox-background-color);\n\n        .af-card-checkbox-content {\n          --card-checkbox-flex-direction: column;\n          --card-checkbox-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n          width: 100%;\n          flex: 1;\n          flex-direction: var(--card-checkbox-flex-direction);\n\n          .af-card-checkbox-content-description {\n            --card-checkbox-flex-direction: column;\n            --card-checkbox-align-item: center;\n\n            flex-direction: var(--card-checkbox-flex-direction);\n            align-items: var(--card-checkbox-align-item);\n            text-align: center;\n          }\n        }\n      }\n    }\n\n    .af-card-checkbox-label {\n      --card-checkbox-border-color: var(--color-gray-700);\n      --card-checkbox-border-radius: var(--radius-4);\n      --card-checkbox-outline-color: var(--card-checkbox-border-color);\n      --card-checkbox-background-color: var(--color-white);\n      --card-checkbox-content-gap: 4;\n      --card-checkbox-border-width: 1px;\n\n      display: flex;\n      padding: 1rem;\n      border: var(--card-checkbox-border-width) solid\n        var(--card-checkbox-border-color);\n      border-radius: var(--card-checkbox-border-radius);\n      flex: 1;\n      align-self: stretch;\n      outline: var(--card-checkbox-outline-width) solid\n        var(--card-checkbox-outline-color);\n      outline-offset: calc(\n        -1 *\n          calc(\n            var(--card-checkbox-border-width) +\n              var(--card-checkbox-outline-width)\n          )\n      );\n      cursor: pointer;\n\n      .af-card-checkbox-content {\n        display: flex;\n        align-items: center;\n        gap: calc(8 / var(--font-size-base) * 1rem);\n\n        .af-card-checkbox-content-description {\n          display: flex;\n          justify-content: center;\n          gap: calc(\n            var(--card-checkbox-content-description-gap, 4) /\n              var(--font-size-base) * 1rem\n          );\n          font-size: 1rem;\n          line-height: calc(20 / var(--font-size-base) * 1rem);\n\n          & > span:first-child {\n            --card-checkbox-label-text-color: var(--color-gray-900);\n\n            font-size: calc(18 / var(--font-size-base) * 1rem);\n            font-weight: 400;\n            color: var(--card-checkbox-label-text-color);\n\n            @media (width < #{breakpoints.$breakpoint-sm}) {\n              font-size: calc(16 / var(--font-size-base) * 1rem);\n              font-weight: 400;\n            }\n          }\n\n          & > span:not(:first-child) {\n            --card-checkbox-label-text-color: var(--color-gray-700);\n\n            font-size: calc(16 / var(--font-size-base) * 1rem);\n            font-weight: 400;\n            color: var(--card-checkbox-label-text-color);\n\n            @media (width < #{breakpoints.$breakpoint-sm}) {\n              font-size: calc(14 / var(--font-size-base) * 1rem);\n              font-weight: 400;\n            }\n          }\n        }\n      }\n\n      &:hover,\n      &:focus-visible,\n      &:focus-within,\n      &:has([aria-invalid=\"true\"]),\n      &:has(input:checked) {\n        --card-checkbox-border-color: var(--color-axa);\n        --card-checkbox-outline-width: 1px;\n      }\n\n      &[aria-invalid=\"true\"] {\n        --card-checkbox-background-color: var(--color-white);\n        --card-checkbox-border-color: var(--color-red-700);\n      }\n\n      &:not(:has(:checked)):has([aria-invalid=\"true\"]) {\n        &:hover,\n        &:focus-visible,\n        &:focus-within {\n          --card-checkbox-outline-width: 2px;\n        }\n      }\n\n      /* stylelint-disable-next-line no-descending-specificity */\n      &:has(input:checked) {\n        --card-checkbox-border-color: var(--color-axa);\n        --card-checkbox-background-color: var(--color-blue-2);\n\n        .af-card-checkbox-content-description > span:first-child {\n          font-weight: 600;\n        }\n      }\n    }\n  }\n}\n","@use \"../../common/common\" as breakpoints;\n\n.af-card-checkbox {\n  &__label-container {\n    --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n  }\n\n  &__container {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  &__legend {\n    --card-checkbox-color: var(--color-gray-900);\n\n    display: grid;\n    margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n    row-gap: calc(4 / var(--font-size-base) * 1rem);\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    font-weight: 600;\n    color: var(--card-checkbox-color);\n\n    & > p {\n      margin: 0;\n    }\n  }\n\n  &__description {\n    --card-checkbox-color: var(--color-gray-700);\n\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    line-height: calc(16 / var(--font-size-base) * 1rem);\n    color: var(--card-checkbox-color);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n      line-height: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &__choices {\n    display: flex;\n    flex-direction: column;\n    row-gap: calc(8 / var(--font-size-base) * 1rem);\n  }\n\n  &-group {\n    display: flex;\n    margin: 0;\n    padding: 0;\n    align-items: stretch;\n    gap: 1rem;\n    font-family: var(--card-checkbox-font-family);\n    font-style: normal;\n    font-weight: 400;\n    line-height: calc(20 / var(--font-size-base) * 1rem);\n    list-style: none;\n\n    &--horizontal {\n      --card-checkbox-flex-direction: column;\n\n      flex-direction: var(--card-checkbox-flex-direction);\n\n      .af-card-checkbox-label {\n        --card-checkbox-flex-direction: row;\n        --card-checkbox-align-items: center;\n\n        flex-direction: var(--card-checkbox-flex-direction);\n        align-items: var(--card-checkbox-align-items);\n        gap: calc(16 / var(--font-size-base) * 1rem);\n\n        .af-card-checkbox-content {\n          --card-checkbox-flex-direction: row;\n          --card-checkbox-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n          flex-direction: var(--card-checkbox-flex-direction);\n\n          .af-card-checkbox-content-description {\n            --card-checkbox-flex-direction: column;\n            --card-checkbox-align-item: flex-start;\n            --card-checkbox-description-gap: 4;\n\n            flex-direction: var(--card-checkbox-flex-direction);\n            align-items: var(--card-checkbox-align-item);\n            text-align: left;\n          }\n        }\n      }\n    }\n\n    &--vertical {\n      --card-checkbox-flex-direction: row;\n\n      flex-direction: var(--card-checkbox-flex-direction);\n\n      > * {\n        flex-basis: 0;\n        flex-grow: 1;\n      }\n\n      .af-card-checkbox-label {\n        --card-checkbox-flex-direction: row;\n        --card-checkbox-align-items: flex-start;\n        --card-checkbox-justify-content: flex-start;\n\n        height: 100%;\n        flex-direction: var(--card-checkbox-flex-direction);\n        align-items: var(--card-checkbox-align-items);\n        justify-content: var(--card-checkbox-justify-content);\n        gap: calc(12 / var(--font-size-base) * 1rem);\n        background-color: var(--card-checkbox-background-color);\n\n        .af-card-checkbox-content {\n          --card-checkbox-flex-direction: column;\n          --card-checkbox-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n          width: 100%;\n          flex: 1;\n          flex-direction: var(--card-checkbox-flex-direction);\n\n          .af-card-checkbox-content-description {\n            --card-checkbox-flex-direction: column;\n            --card-checkbox-align-item: center;\n\n            flex-direction: var(--card-checkbox-flex-direction);\n            align-items: var(--card-checkbox-align-item);\n            text-align: center;\n          }\n        }\n      }\n    }\n\n    .af-card-checkbox-label {\n      --card-checkbox-border-color: var(--color-gray-700);\n      --card-checkbox-border-radius: var(--radius-4);\n      --card-checkbox-outline-color: var(--card-checkbox-border-color);\n      --card-checkbox-background-color: var(--color-white);\n      --card-checkbox-content-gap: 4;\n      --card-checkbox-border-width: 1px;\n\n      display: flex;\n      padding: 1rem;\n      border: var(--card-checkbox-border-width) solid\n        var(--card-checkbox-border-color);\n      border-radius: var(--card-checkbox-border-radius);\n      flex: 1;\n      align-self: stretch;\n      outline: var(--card-checkbox-outline-width) solid\n        var(--card-checkbox-outline-color);\n      outline-offset: calc(\n        -1 *\n          calc(\n            var(--card-checkbox-border-width) +\n              var(--card-checkbox-outline-width)\n          )\n      );\n      cursor: pointer;\n\n      .af-card-checkbox-content {\n        display: flex;\n        align-items: center;\n        gap: calc(8 / var(--font-size-base) * 1rem);\n\n        .af-card-checkbox-content-description {\n          display: flex;\n          justify-content: center;\n          gap: calc(\n            var(--card-checkbox-content-description-gap, 4) /\n              var(--font-size-base) * 1rem\n          );\n          font-size: 1rem;\n          line-height: calc(20 / var(--font-size-base) * 1rem);\n\n          & > span:first-child {\n            --card-checkbox-label-text-color: var(--color-gray-900);\n\n            font-size: calc(18 / var(--font-size-base) * 1rem);\n            font-weight: 400;\n            color: var(--card-checkbox-label-text-color);\n\n            @media (width < #{breakpoints.$breakpoint-sm}) {\n              font-size: calc(16 / var(--font-size-base) * 1rem);\n              font-weight: 400;\n            }\n          }\n\n          & > span:not(:first-child) {\n            --card-checkbox-label-text-color: var(--color-gray-700);\n\n            font-size: calc(16 / var(--font-size-base) * 1rem);\n            font-weight: 400;\n            color: var(--card-checkbox-label-text-color);\n\n            @media (width < #{breakpoints.$breakpoint-sm}) {\n              font-size: calc(14 / var(--font-size-base) * 1rem);\n              font-weight: 400;\n            }\n          }\n        }\n      }\n\n      &:hover,\n      &:focus-visible,\n      &:focus-within,\n      &:has([aria-invalid=\"true\"]),\n      &:has(input:checked) {\n        --card-checkbox-border-color: var(--color-axa);\n        --card-checkbox-outline-width: 1px;\n      }\n\n      &[aria-invalid=\"true\"] {\n        --card-checkbox-background-color: var(--color-white);\n        --card-checkbox-border-color: var(--color-red-700);\n      }\n\n      &:not(:has(:checked)):has([aria-invalid=\"true\"]) {\n        &:hover,\n        &:focus-visible,\n        &:focus-within {\n          --card-checkbox-outline-width: 2px;\n        }\n      }\n\n      /* stylelint-disable-next-line no-descending-specificity */\n      &:has(input:checked) {\n        --card-checkbox-border-color: var(--color-axa);\n        --card-checkbox-background-color: var(--color-blue-2);\n\n        .af-card-checkbox-content-description > span:first-child {\n          font-weight: 600;\n        }\n      }\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../src/Form/CardCheckbox/CardCheckbox.scss%23sass","../../../src/Form/CardCheckbox/CardCheckbox.scss"],"names":[],"mappings":"AAGE,mCACE,oDCFJ,CDKE,6BACE,YAAA,CACA,qBAAA,CACA,QCHJ,CDME,0BACE,2CAAA,CAEA,YAAA,CACA,uDAAA,CAIA,gCAAA,CAFA,6CAAA,CACA,eAAA,CAHA,mDAAA,CACA,0CCFJ,CDOI,4BACE,QCLN,CDSE,+BACE,2CAAA,CAKA,gCAAA,CAHA,6CAAA,CACA,eAAA,CACA,+CCPJ,CDUI,uBARF,+BASI,6CAAA,CACA,+CCPJ,CACF,CDUE,2BACE,YAAA,CACA,qBAAA,CACA,0CCRJ,CDWE,wBAIE,mBAAA,CAHA,YAAA,CAKA,4CAAA,CACA,iBAAA,CACA,eAAA,CAHA,QAAA,CAIA,+CAAA,CACA,eAAA,CARA,QAAA,CACA,SCFJ,CDWI,oCACE,qCAAA,CAEA,kDCVN,CDYM,4DACE,kCAAA,CACA,kCAAA,CAGA,4CAAA,CADA,kDAAA,CAEA,uCCXR,CDaQ,sFACE,kCAAA,CACA,+DAAA,CAEA,kDCZV,CDcU,4HACE,qCAAA,CACA,qCAAA,CACA,iCAAA,CAGA,2CAAA,CADA,kDAAA,CAEA,eCbZ,CDmBI,kCACE,kCAAA,CAEA,kDClBN,CDoBM,oCACE,YAAA,CACA,WClBR,CDqBM,0DACE,kCAAA,CACA,sCAAA,CACA,0CAAA,CAIA,4CAAA,CAGA,sDAAA,CAJA,kDAAA,CAGA,uCAAA,CAJA,WAAA,CAGA,oDClBR,CDsBQ,oFACE,qCAAA,CACA,8DAAA,CAGA,QAAA,CACA,kDAAA,CAFA,UCnBV,CDuBU,0HACE,qCAAA,CACA,iCAAA,CAGA,2CAAA,CADA,kDAAA,CAEA,iBCtBZ,CD4BI,gDACE,kDAAA,CACA,6CAAA,CACA,+DAAA,CACA,mDAAA,CACA,6BAAA,CACA,gCAAA,CAQA,kBAAA,CAJA,gFAAA,CAEA,gDAAA,CAYA,cAAA,CAhBA,YAAA,CAKA,QAAA,CAEA,mFAAA,CAEA,gGAAA,CARA,YCpBN,CDqCM,0EAEE,kBAAA,CADA,YAAA,CAEA,sCCnCR,CDqCQ,gHACE,YAAA,CAMA,cAAA,CAJA,oFAAA,CADA,sBAAA,CAMA,+CCtCV,CDwCU,iIACE,sDAAA,CAIA,2CAAA,CAFA,6CAAA,CACA,eCtCZ,CDyCY,uBAPF,iIAQI,6CAAA,CACA,eCtCZ,CACF,CDyCU,uIACE,sDAAA,CAIA,2CAAA,CAFA,6CAAA,CACA,eCvCZ,CD0CY,uBAPF,uIAQI,6CAAA,CACA,eCvCZ,CACF,CD4CM,6TAKE,6CAAA,CACA,iCC9CR,CDiDM,mEACE,mDAAA,CACA,iDC/CR,CDmDQ,wTAGE,iCCnDV,CDwDM,mEACE,6CAAA,CACA,oDCnDR,CDqDQ,0HACE,eCnDV","file":"CardCheckbox.css","sourcesContent":["@use \"../../common/common\" as breakpoints;\n\n.af-card-checkbox {\n  &__label-container {\n    --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n  }\n\n  &__container {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  &__legend {\n    --card-checkbox-color: var(--color-gray-900);\n\n    display: grid;\n    margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n    row-gap: calc(4 / var(--font-size-base) * 1rem);\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    font-weight: 600;\n    color: var(--card-checkbox-color);\n\n    & > p {\n      margin: 0;\n    }\n  }\n\n  &__description {\n    --card-checkbox-color: var(--color-gray-700);\n\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    line-height: calc(16 / var(--font-size-base) * 1rem);\n    color: var(--card-checkbox-color);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n      line-height: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &__choices {\n    display: flex;\n    flex-direction: column;\n    row-gap: calc(8 / var(--font-size-base) * 1rem);\n  }\n\n  &-group {\n    display: flex;\n    margin: 0;\n    padding: 0;\n    align-items: stretch;\n    gap: 1rem;\n    font-family: var(--card-checkbox-font-family);\n    font-style: normal;\n    font-weight: 400;\n    line-height: calc(20 / var(--font-size-base) * 1rem);\n    list-style: none;\n\n    &--horizontal {\n      --card-checkbox-flex-direction: column;\n\n      flex-direction: var(--card-checkbox-flex-direction);\n\n      .af-card-checkbox-label {\n        --card-checkbox-flex-direction: row;\n        --card-checkbox-align-items: center;\n\n        flex-direction: var(--card-checkbox-flex-direction);\n        align-items: var(--card-checkbox-align-items);\n        gap: calc(16 / var(--font-size-base) * 1rem);\n\n        .af-card-checkbox-content {\n          --card-checkbox-flex-direction: row;\n          --card-checkbox-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n          flex-direction: var(--card-checkbox-flex-direction);\n\n          .af-card-checkbox-content-description {\n            --card-checkbox-flex-direction: column;\n            --card-checkbox-align-item: flex-start;\n            --card-checkbox-description-gap: 4;\n\n            flex-direction: var(--card-checkbox-flex-direction);\n            align-items: var(--card-checkbox-align-item);\n            text-align: left;\n          }\n        }\n      }\n    }\n\n    &--vertical {\n      --card-checkbox-flex-direction: row;\n\n      flex-direction: var(--card-checkbox-flex-direction);\n\n      > * {\n        flex-basis: 0;\n        flex-grow: 1;\n      }\n\n      .af-card-checkbox-label {\n        --card-checkbox-flex-direction: row;\n        --card-checkbox-align-items: flex-start;\n        --card-checkbox-justify-content: flex-start;\n\n        height: 100%;\n        flex-direction: var(--card-checkbox-flex-direction);\n        align-items: var(--card-checkbox-align-items);\n        justify-content: var(--card-checkbox-justify-content);\n        gap: calc(12 / var(--font-size-base) * 1rem);\n        background-color: var(--card-checkbox-background-color);\n\n        .af-card-checkbox-content {\n          --card-checkbox-flex-direction: column;\n          --card-checkbox-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n          width: 100%;\n          flex: 1;\n          flex-direction: var(--card-checkbox-flex-direction);\n\n          .af-card-checkbox-content-description {\n            --card-checkbox-flex-direction: column;\n            --card-checkbox-align-item: center;\n\n            flex-direction: var(--card-checkbox-flex-direction);\n            align-items: var(--card-checkbox-align-item);\n            text-align: center;\n          }\n        }\n      }\n    }\n\n    .af-card-checkbox-label {\n      --card-checkbox-border-color: var(--color-gray-700);\n      --card-checkbox-border-radius: var(--radius-4);\n      --card-checkbox-outline-color: var(--card-checkbox-border-color);\n      --card-checkbox-background-color: var(--color-white);\n      --card-checkbox-content-gap: 4;\n      --card-checkbox-border-width: 1px;\n\n      display: flex;\n      padding: 1rem;\n      border: var(--card-checkbox-border-width) solid\n        var(--card-checkbox-border-color);\n      border-radius: var(--card-checkbox-border-radius);\n      flex: 1;\n      align-self: stretch;\n      outline: var(--card-checkbox-outline-width) solid\n        var(--card-checkbox-outline-color);\n      outline-offset: calc(\n        -1 *\n          calc(\n            var(--card-checkbox-border-width) +\n              var(--card-checkbox-outline-width)\n          )\n      );\n      cursor: pointer;\n\n      .af-card-checkbox-content {\n        display: flex;\n        align-items: center;\n        gap: calc(8 / var(--font-size-base) * 1rem);\n\n        .af-card-checkbox-content-description {\n          display: flex;\n          justify-content: center;\n          gap: calc(\n            var(--card-checkbox-content-description-gap, 4) /\n              var(--font-size-base) * 1rem\n          );\n          font-size: 1rem;\n          line-height: calc(20 / var(--font-size-base) * 1rem);\n\n          & > span:first-child {\n            --card-checkbox-label-text-color: var(--color-gray-900);\n\n            font-size: calc(18 / var(--font-size-base) * 1rem);\n            font-weight: 400;\n            color: var(--card-checkbox-label-text-color);\n\n            @media (width < #{breakpoints.$breakpoint-sm}) {\n              font-size: calc(16 / var(--font-size-base) * 1rem);\n              font-weight: 400;\n            }\n          }\n\n          & > span:not(:first-child) {\n            --card-checkbox-label-text-color: var(--color-gray-700);\n\n            font-size: calc(16 / var(--font-size-base) * 1rem);\n            font-weight: 400;\n            color: var(--card-checkbox-label-text-color);\n\n            @media (width < #{breakpoints.$breakpoint-sm}) {\n              font-size: calc(14 / var(--font-size-base) * 1rem);\n              font-weight: 400;\n            }\n          }\n        }\n      }\n\n      &:hover,\n      &:focus-visible,\n      &:focus-within,\n      &:has([aria-invalid=\"true\"]),\n      &:has(input:checked) {\n        --card-checkbox-border-color: var(--color-axa);\n        --card-checkbox-outline-width: 1px;\n      }\n\n      &[aria-invalid=\"true\"] {\n        --card-checkbox-background-color: var(--color-white);\n        --card-checkbox-border-color: var(--color-red-700);\n      }\n\n      &:not(:has(:checked)):has([aria-invalid=\"true\"]) {\n        &:hover,\n        &:focus-visible,\n        &:focus-within {\n          --card-checkbox-outline-width: 2px;\n        }\n      }\n\n      /* stylelint-disable-next-line no-descending-specificity */\n      &:has(input:checked) {\n        --card-checkbox-border-color: var(--color-axa);\n        --card-checkbox-background-color: var(--color-blue-2);\n\n        .af-card-checkbox-content-description > span:first-child {\n          font-weight: 600;\n        }\n      }\n    }\n  }\n}\n","@use \"../../common/common\" as breakpoints;\n\n.af-card-checkbox {\n  &__label-container {\n    --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n  }\n\n  &__container {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  &__legend {\n    --card-checkbox-color: var(--color-gray-900);\n\n    display: grid;\n    margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n    row-gap: calc(4 / var(--font-size-base) * 1rem);\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    font-weight: 600;\n    color: var(--card-checkbox-color);\n\n    & > p {\n      margin: 0;\n    }\n  }\n\n  &__description {\n    --card-checkbox-color: var(--color-gray-700);\n\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    line-height: calc(16 / var(--font-size-base) * 1rem);\n    color: var(--card-checkbox-color);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n      line-height: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &__choices {\n    display: flex;\n    flex-direction: column;\n    row-gap: calc(8 / var(--font-size-base) * 1rem);\n  }\n\n  &-group {\n    display: flex;\n    margin: 0;\n    padding: 0;\n    align-items: stretch;\n    gap: 1rem;\n    font-family: var(--card-checkbox-font-family);\n    font-style: normal;\n    font-weight: 400;\n    line-height: calc(20 / var(--font-size-base) * 1rem);\n    list-style: none;\n\n    &--horizontal {\n      --card-checkbox-flex-direction: column;\n\n      flex-direction: var(--card-checkbox-flex-direction);\n\n      .af-card-checkbox-label {\n        --card-checkbox-flex-direction: row;\n        --card-checkbox-align-items: center;\n\n        flex-direction: var(--card-checkbox-flex-direction);\n        align-items: var(--card-checkbox-align-items);\n        gap: calc(16 / var(--font-size-base) * 1rem);\n\n        .af-card-checkbox-content {\n          --card-checkbox-flex-direction: row;\n          --card-checkbox-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n          flex-direction: var(--card-checkbox-flex-direction);\n\n          .af-card-checkbox-content-description {\n            --card-checkbox-flex-direction: column;\n            --card-checkbox-align-item: flex-start;\n            --card-checkbox-description-gap: 4;\n\n            flex-direction: var(--card-checkbox-flex-direction);\n            align-items: var(--card-checkbox-align-item);\n            text-align: left;\n          }\n        }\n      }\n    }\n\n    &--vertical {\n      --card-checkbox-flex-direction: row;\n\n      flex-direction: var(--card-checkbox-flex-direction);\n\n      > * {\n        flex-basis: 0;\n        flex-grow: 1;\n      }\n\n      .af-card-checkbox-label {\n        --card-checkbox-flex-direction: row;\n        --card-checkbox-align-items: flex-start;\n        --card-checkbox-justify-content: flex-start;\n\n        height: 100%;\n        flex-direction: var(--card-checkbox-flex-direction);\n        align-items: var(--card-checkbox-align-items);\n        justify-content: var(--card-checkbox-justify-content);\n        gap: calc(12 / var(--font-size-base) * 1rem);\n        background-color: var(--card-checkbox-background-color);\n\n        .af-card-checkbox-content {\n          --card-checkbox-flex-direction: column;\n          --card-checkbox-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n          width: 100%;\n          flex: 1;\n          flex-direction: var(--card-checkbox-flex-direction);\n\n          .af-card-checkbox-content-description {\n            --card-checkbox-flex-direction: column;\n            --card-checkbox-align-item: center;\n\n            flex-direction: var(--card-checkbox-flex-direction);\n            align-items: var(--card-checkbox-align-item);\n            text-align: center;\n          }\n        }\n      }\n    }\n\n    .af-card-checkbox-label {\n      --card-checkbox-border-color: var(--color-gray-700);\n      --card-checkbox-border-radius: var(--radius-4);\n      --card-checkbox-outline-color: var(--card-checkbox-border-color);\n      --card-checkbox-background-color: var(--color-white);\n      --card-checkbox-content-gap: 4;\n      --card-checkbox-border-width: 1px;\n\n      display: flex;\n      padding: 1rem;\n      border: var(--card-checkbox-border-width) solid\n        var(--card-checkbox-border-color);\n      border-radius: var(--card-checkbox-border-radius);\n      flex: 1;\n      align-self: stretch;\n      outline: var(--card-checkbox-outline-width) solid\n        var(--card-checkbox-outline-color);\n      outline-offset: calc(\n        -1 *\n          calc(\n            var(--card-checkbox-border-width) +\n              var(--card-checkbox-outline-width)\n          )\n      );\n      cursor: pointer;\n\n      .af-card-checkbox-content {\n        display: flex;\n        align-items: center;\n        gap: calc(8 / var(--font-size-base) * 1rem);\n\n        .af-card-checkbox-content-description {\n          display: flex;\n          justify-content: center;\n          gap: calc(\n            var(--card-checkbox-content-description-gap, 4) /\n              var(--font-size-base) * 1rem\n          );\n          font-size: 1rem;\n          line-height: calc(20 / var(--font-size-base) * 1rem);\n\n          & > span:first-child {\n            --card-checkbox-label-text-color: var(--color-gray-900);\n\n            font-size: calc(18 / var(--font-size-base) * 1rem);\n            font-weight: 400;\n            color: var(--card-checkbox-label-text-color);\n\n            @media (width < #{breakpoints.$breakpoint-sm}) {\n              font-size: calc(16 / var(--font-size-base) * 1rem);\n              font-weight: 400;\n            }\n          }\n\n          & > span:not(:first-child) {\n            --card-checkbox-label-text-color: var(--color-gray-700);\n\n            font-size: calc(16 / var(--font-size-base) * 1rem);\n            font-weight: 400;\n            color: var(--card-checkbox-label-text-color);\n\n            @media (width < #{breakpoints.$breakpoint-sm}) {\n              font-size: calc(14 / var(--font-size-base) * 1rem);\n              font-weight: 400;\n            }\n          }\n        }\n      }\n\n      &:hover,\n      &:focus-visible,\n      &:focus-within,\n      &:has([aria-invalid=\"true\"]),\n      &:has(input:checked) {\n        --card-checkbox-border-color: var(--color-axa);\n        --card-checkbox-outline-width: 1px;\n      }\n\n      &[aria-invalid=\"true\"] {\n        --card-checkbox-background-color: var(--color-white);\n        --card-checkbox-border-color: var(--color-red-700);\n      }\n\n      &:not(:has(:checked)):has([aria-invalid=\"true\"]) {\n        &:hover,\n        &:focus-visible,\n        &:focus-within {\n          --card-checkbox-outline-width: 2px;\n        }\n      }\n\n      /* stylelint-disable-next-line no-descending-specificity */\n      &:has(input:checked) {\n        --card-checkbox-border-color: var(--color-axa);\n        --card-checkbox-background-color: var(--color-blue-2);\n\n        .af-card-checkbox-content-description > span:first-child {\n          font-weight: 600;\n        }\n      }\n    }\n  }\n}\n"]}

package/dist/Form/InputError/InputError.css

@@ -1 +1 @@
-.af-input-error{display:flex;gap:.25rem}.af-input-error__icon{color:var(--color-red-700);flex-shrink:0;width:1rem;fill:var(--color-red-700)}.af-input-error__message{color:var(--color-red-700);font-family:var(--font-family-base);font-size:1rem}
+.af-input-error{display:flex;gap:.25rem}.af-input-error__icon{color:var(--color-red-700);fill:var(--color-red-700);flex-shrink:0;width:1rem}.af-input-error__message{color:var(--color-red-700);font-family:var(--font-family-base);font-size:1rem}

package/dist/Form/InputError/InputError.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Form/InputError/InputError.scss%23sass","../../../src/Form/InputError/InputError.scss"],"names":[],"mappings":"AAAA,gBACE,YAAA,CACA,UCCF,CDCE,sBAGE,0BAAA,CADA,aAAA,CADA,UAAA,CAGA,yBCCJ,CDEE,yBAGE,0BAAA,CAFA,mCAAA,CACA,cCCJ","file":"InputError.css","sourcesContent":[".af-input-error {\n  display: flex;\n  gap: 0.25rem;\n\n  &__icon {\n    width: 1rem;\n    flex-shrink: 0;\n    color: var(--color-red-700);\n    fill: var(--color-red-700);\n  }\n\n  &__message {\n    font-family: var(--font-family-base);\n    font-size: 1rem;\n    color: var(--color-red-700);\n  }\n}\n",".af-input-error {\n  display: flex;\n  gap: 0.25rem;\n\n  &__icon {\n    width: 1rem;\n    flex-shrink: 0;\n    color: var(--color-red-700);\n    fill: var(--color-red-700);\n  }\n\n  &__message {\n    font-family: var(--font-family-base);\n    font-size: 1rem;\n    color: var(--color-red-700);\n  }\n}\n"]}
+{"version":3,"sources":["../../../src/Form/InputError/InputError.scss%23sass","../../../src/Form/InputError/InputError.scss"],"names":[],"mappings":"AAAA,gBACE,YAAA,CACA,UCCF,CDCE,sBAGE,0BAAA,CACA,yBAAA,CAFA,aAAA,CADA,UCIJ,CDEE,yBAGE,0BAAA,CAFA,mCAAA,CACA,cCCJ","file":"InputError.css","sourcesContent":[".af-input-error {\n  display: flex;\n  gap: 0.25rem;\n\n  &__icon {\n    width: 1rem;\n    flex-shrink: 0;\n    color: var(--color-red-700);\n    fill: var(--color-red-700);\n  }\n\n  &__message {\n    font-family: var(--font-family-base);\n    font-size: 1rem;\n    color: var(--color-red-700);\n  }\n}\n",".af-input-error {\n  display: flex;\n  gap: 0.25rem;\n\n  &__icon {\n    width: 1rem;\n    flex-shrink: 0;\n    color: var(--color-red-700);\n    fill: var(--color-red-700);\n  }\n\n  &__message {\n    font-family: var(--font-family-base);\n    font-size: 1rem;\n    color: var(--color-red-700);\n  }\n}\n"]}

package/dist/Form/RadioCard/RadioCard.css

@@ -1 +1 @@
-.af-card-radio__label-container{--font-size-base:calc(16/var(--font-size-base)*1rem)}.af-card-radio__container{display:flex;flex-direction:column;gap:1rem}.af-card-radio__legend{--card-radio-color:var(--color-gray-900);color:var(--card-radio-color);display:grid;font-size:calc(18/var(--font-size-base)*1rem);font-weight:600;margin-block-end:calc(4/var(--font-size-base)*1rem);row-gap:calc(4/var(--font-size-base)*1rem)}.af-card-radio__legend>p{margin:0}.af-card-radio__description{--card-radio-color:var(--color-gray-700);color:var(--card-radio-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;line-height:calc(16/var(--font-size-base)*1rem)}@media (width > 667px){.af-card-radio__description{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(18/var(--font-size-base)*1rem)}}.af-card-radio__content{align-items:center;display:flex;gap:1rem;justify-content:center;width:100%}.af-card-radio__content>svg{--card-radio-color:var(--color-axa);--card-radio-fill:var(--color-axa);color:var(--card-radio-color);height:calc(28/var(--font-size-base)*1rem);width:calc(28/var(--font-size-base)*1rem);fill:var(--card-radio-fill)}.af-card-radio__content-description{display:flex;flex-direction:column;line-height:calc(20/var(--font-size-base)*1rem)}.af-card-radio__content-description>span:first-child{--card-radio-color:var(--color-gray-900);color:var(--card-radio-color);line-height:calc(24/var(--font-size-base)*1rem)}.af-card-radio__content-description>span:not(:first-child){--card-radio-color:var(--color-gray-700);color:var(--card-radio-color)}.af-card-radio~.af-card-radio__error,.af-card-radio~.af-card-radio__error>svg{--error-box-color:var(--color-red-700);border:solid var(--color-red-700)}.af-card-radio~.af-card-radio__error>svg{--error-box-fill:var(--color-red-700)}.af-card-radio-group{border:none;--card-radio-flex-wrap:var(--card-radio-flex-wrap,nowrap);flex-wrap:var(--card-radio-flex-wrap)}.af-card-radio-group .af-card-radio-label{min-width:var(--card-radio-min-width,auto);width:var(--card-radio-width,auto)}.af-card-radio-group--vertical{--card-radio-flex-direction:row;flex-direction:var(--card-radio-flex-direction)}.af-card-radio-group--vertical>*{flex-basis:0;flex-grow:1}.af-card-radio-group--vertical .af-card-radio-label{--card-radio-flex-direction:row;--card-radio-align-items:flex-start;--card-radio-justify-content:flex-start;align-items:var(--card-radio-align-items);flex-direction:var(--card-radio-flex-direction);justify-content:var(--checkbox-card-justify-content)}.af-card-radio-group--vertical .af-card-radio-label .af-radio{position:absolute}.af-card-radio-group--vertical .af-card-radio-label .af-card-radio-content{--card-radio-flex-direction:column;--card-radio-margin-left:calc(12/var(--font-size-base)*1rem);flex:1 1;flex-direction:var(--card-radio-flex-direction);width:100%}.af-card-radio-group--vertical .af-card-radio-label .af-card-radio-content .af-card-radio-content-description{--card-radio-flex-direction:column;--card-radio-align-item:center;align-items:var(--card-radio-align-item);flex-direction:var(--card-radio-flex-direction);text-align:center}.af-card-radio-group--horizontal{--card-radio-flex-direction:column;flex-direction:var(--card-radio-flex-direction)}.af-card-radio-group--horizontal .af-card-radio-label{--card-radio-flex-direction:row;--card-radio-align-items:center;align-items:var(--card-radio-align-items);flex-direction:var(--card-radio-flex-direction);justify-content:var(--card-radio-justify-content)}.af-card-radio-group--horizontal .af-card-radio-label .af-card-radio-content{--card-radio-flex-direction:row;--card-radio-margin-left:calc(2/var(--font-size-base)*1rem);flex:1 1;flex-direction:var(--card-radio-flex-direction);width:100%}.af-card-radio-group--horizontal .af-card-radio-label .af-card-radio-content .af-card-radio-content-description{--card-radio-flex-direction:column;--card-radio-align-item:flex-start;align-items:var(--card-radio-align-item);flex-direction:var(--card-radio-flex-direction);text-align:center}.af-card-radio-group--horizontal,.af-card-radio-group--vertical{align-items:stretch;display:flex;font-family:var(--card-radio-font-family);font-style:normal;font-weight:400;gap:1rem;line-height:calc(20/var(--font-size-base)*1rem)}.af-card-radio-group--horizontal .af-card-radio-label,.af-card-radio-group--vertical .af-card-radio-label{--card-radio-border-color:var(--color-gray-700);--card-radio-outline-color:var(--card-radio-border-color);--card-radio-border-radius:calc(6/var(--font-size-base)*1rem);--card-radio-background-color:var(--color-white);--card-radio-border-width:1px;align-self:stretch;background-color:var(--card-radio-background-color);border:var(--card-radio-border-width) solid var(--card-radio-border-color);border-radius:var(--card-radio-border-radius);cursor:pointer;display:flex;flex:1 1;gap:calc(12/var(--font-size-base)*1rem);outline:var(--card-radio-outline-width,0) solid var(--card-radio-outline-color);outline-offset:calc((var(--card-radio-border-width) + var(--card-radio-outline-width))*-1);padding:1rem}.af-card-radio-group--horizontal .af-card-radio-label:focus-visible,.af-card-radio-group--horizontal .af-card-radio-label:focus-within,.af-card-radio-group--horizontal .af-card-radio-label:hover,.af-card-radio-group--vertical .af-card-radio-label:focus-visible,.af-card-radio-group--vertical .af-card-radio-label:focus-within,.af-card-radio-group--vertical .af-card-radio-label:hover{--card-radio-border-color:var(--color-axa)}.af-card-radio-group--horizontal .af-card-radio-label:hover>span:first-child,.af-card-radio-group--vertical .af-card-radio-label:hover>span:first-child{--radio-border-color:var(--color-axa)}.af-card-radio-group--horizontal .af-card-radio-label:focus-visible,.af-card-radio-group--horizontal .af-card-radio-label:focus-within,.af-card-radio-group--horizontal .af-card-radio-label:has(input:checked),.af-card-radio-group--horizontal .af-card-radio-label:has(input[aria-invalid=true]),.af-card-radio-group--horizontal .af-card-radio-label:hover,.af-card-radio-group--vertical .af-card-radio-label:focus-visible,.af-card-radio-group--vertical .af-card-radio-label:focus-within,.af-card-radio-group--vertical .af-card-radio-label:has(input:checked),.af-card-radio-group--vertical .af-card-radio-label:has(input[aria-invalid=true]),.af-card-radio-group--vertical .af-card-radio-label:hover{--card-radio-outline-width:1px}.af-card-radio-group--horizontal .af-card-radio-label .af-card-radio-content,.af-card-radio-group--vertical .af-card-radio-label .af-card-radio-content{align-items:center;display:flex;gap:calc(4/var(--font-size-base)*1rem)}.af-card-radio-group--horizontal .af-card-radio-label .af-card-radio-content .af-card-radio-content-description,.af-card-radio-group--vertical .af-card-radio-label .af-card-radio-content .af-card-radio-content-description{display:flex;font-size:1rem;gap:calc(var(--card-radio-content-description-gap, 4)/var(--font-size-base)*1rem);justify-content:center;line-height:calc(20/var(--font-size-base)*1rem)}.af-card-radio-group--horizontal .af-card-radio-label .af-card-radio-content .af-card-radio-content-description>span:first-child,.af-card-radio-group--vertical .af-card-radio-label .af-card-radio-content .af-card-radio-content-description>span:first-child{--card-radio-label-text-color:var(--color-black);color:var(--card-radio-title-text-color);font-size:calc(18/var(--font-size-base)*1rem);font-weight:400}@media (width < 667px){.af-card-radio-group--horizontal .af-card-radio-label .af-card-radio-content .af-card-radio-content-description>span:first-child,.af-card-radio-group--vertical .af-card-radio-label .af-card-radio-content .af-card-radio-content-description>span:first-child{font-size:calc(16/var(--font-size-base)*1rem);font-weight:400}}.af-card-radio-group--horizontal .af-card-radio-label .af-card-radio-content .af-card-radio-content-description>span:not(:first-child),.af-card-radio-group--vertical .af-card-radio-label .af-card-radio-content .af-card-radio-content-description>span:not(:first-child){color:var(--card-radio-subtitle-text-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400}@media (width < 667px){.af-card-radio-group--horizontal .af-card-radio-label .af-card-radio-content .af-card-radio-content-description>span:not(:first-child),.af-card-radio-group--vertical .af-card-radio-label .af-card-radio-content .af-card-radio-content-description>span:not(:first-child){font-size:calc(14/var(--font-size-base)*1rem);font-weight:400}}.af-card-radio-group--horizontal .af-card-radio-label:has(input:checked),.af-card-radio-group--vertical .af-card-radio-label:has(input:checked){--card-radio-border-color:var(--color-axa);--card-radio-background-color:var(--color-blue-2)}.af-card-radio__container[aria-invalid=true] .af-card-radio-label{--card-radio-border-color:var(--color-red-700)}.af-card-radio__container[aria-invalid=true] .af-card-radio-label:focus,.af-card-radio__container[aria-invalid=true] .af-card-radio-label:focus-within,.af-card-radio__container[aria-invalid=true] .af-card-radio-label:hover{--card-radio-outline-width:2px}.af-card-radio__container[aria-invalid=true] .af-card-radio-label:focus-within>span:first-child,.af-card-radio__container[aria-invalid=true] .af-card-radio-label:focus>span:first-child,.af-card-radio__container[aria-invalid=true] .af-card-radio-label:hover>span:first-child{--radio-outline-width:2px}.af-card-radio__container[aria-invalid=true] .af-card-radio-label>span:first-child{--radio-border-color:var(--color-red-700);--radio-outline-width:1px}.af-card-radio__container[aria-invalid=true] .af-card-radio-label:not(:has(input:checked)){--card-radio-outline-width:1px}.af-card-radio__container[aria-invalid=true] .af-card-radio-label:not(:has(input:checked)):focus,.af-card-radio__container[aria-invalid=true] .af-card-radio-label:not(:has(input:checked)):focus-visible,.af-card-radio__container[aria-invalid=true] .af-card-radio-label:not(:has(input:checked)):focus-within,.af-card-radio__container[aria-invalid=true] .af-card-radio-label:not(:has(input:checked)):hover{--card-radio-outline-width:2px}
+.af-card-radio__label-container{--font-size-base:calc(16/var(--font-size-base)*1rem)}.af-card-radio__container{display:flex;flex-direction:column;gap:1rem}.af-card-radio__legend{--card-radio-color:var(--color-gray-900);display:grid;-webkit-margin-after:calc(4/var(--font-size-base)*1rem);color:var(--card-radio-color);font-size:calc(18/var(--font-size-base)*1rem);font-weight:600;margin-block-end:calc(4/var(--font-size-base)*1rem);row-gap:calc(4/var(--font-size-base)*1rem)}.af-card-radio__legend>p{margin:0}.af-card-radio__description{--card-radio-color:var(--color-gray-700);color:var(--card-radio-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;line-height:calc(16/var(--font-size-base)*1rem)}@media (width > 667px){.af-card-radio__description{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(18/var(--font-size-base)*1rem)}}.af-card-radio__content{align-items:center;display:flex;gap:1rem;justify-content:center;width:100%}.af-card-radio__content>svg{--card-radio-color:var(--color-axa);--card-radio-fill:var(--color-axa);color:var(--card-radio-color);fill:var(--card-radio-fill);height:calc(28/var(--font-size-base)*1rem);width:calc(28/var(--font-size-base)*1rem)}.af-card-radio__content-description{display:flex;flex-direction:column;line-height:calc(20/var(--font-size-base)*1rem)}.af-card-radio__content-description>span:first-child{--card-radio-color:var(--color-gray-900);color:var(--card-radio-color);line-height:calc(24/var(--font-size-base)*1rem)}.af-card-radio__content-description>span:not(:first-child){--card-radio-color:var(--color-gray-700);color:var(--card-radio-color)}.af-card-radio~.af-card-radio__error,.af-card-radio~.af-card-radio__error>svg{--error-box-color:var(--color-red-700);border:solid var(--color-red-700)}.af-card-radio~.af-card-radio__error>svg{--error-box-fill:var(--color-red-700)}.af-card-radio-group{border:none;--card-radio-flex-wrap:var(--card-radio-flex-wrap,nowrap);flex-wrap:var(--card-radio-flex-wrap)}.af-card-radio-group .af-card-radio-label{min-width:var(--card-radio-min-width,auto);width:var(--card-radio-width,auto)}.af-card-radio-group--vertical{--card-radio-flex-direction:row;flex-direction:var(--card-radio-flex-direction)}.af-card-radio-group--vertical>*{flex-basis:0;flex-grow:1}.af-card-radio-group--vertical .af-card-radio-label{--card-radio-flex-direction:row;--card-radio-align-items:flex-start;--card-radio-justify-content:flex-start;align-items:var(--card-radio-align-items);flex-direction:var(--card-radio-flex-direction);justify-content:var(--checkbox-card-justify-content)}.af-card-radio-group--vertical .af-card-radio-label .af-radio{position:absolute}.af-card-radio-group--vertical .af-card-radio-label .af-card-radio-content{--card-radio-flex-direction:column;--card-radio-margin-left:calc(12/var(--font-size-base)*1rem);flex:1 1;flex-direction:var(--card-radio-flex-direction);width:100%}.af-card-radio-group--vertical .af-card-radio-label .af-card-radio-content .af-card-radio-content-description{--card-radio-flex-direction:column;--card-radio-align-item:center;align-items:var(--card-radio-align-item);flex-direction:var(--card-radio-flex-direction);text-align:center}.af-card-radio-group--horizontal{--card-radio-flex-direction:column;flex-direction:var(--card-radio-flex-direction)}.af-card-radio-group--horizontal .af-card-radio-label{--card-radio-flex-direction:row;--card-radio-align-items:center;align-items:var(--card-radio-align-items);flex-direction:var(--card-radio-flex-direction);justify-content:var(--card-radio-justify-content)}.af-card-radio-group--horizontal .af-card-radio-label .af-card-radio-content{--card-radio-flex-direction:row;--card-radio-margin-left:calc(2/var(--font-size-base)*1rem);flex:1 1;flex-direction:var(--card-radio-flex-direction);width:100%}.af-card-radio-group--horizontal .af-card-radio-label .af-card-radio-content .af-card-radio-content-description{--card-radio-flex-direction:column;--card-radio-align-item:flex-start;align-items:var(--card-radio-align-item);flex-direction:var(--card-radio-flex-direction);text-align:center}.af-card-radio-group--horizontal,.af-card-radio-group--vertical{align-items:stretch;display:flex;font-family:var(--card-radio-font-family);font-style:normal;font-weight:400;gap:1rem;line-height:calc(20/var(--font-size-base)*1rem)}.af-card-radio-group--horizontal .af-card-radio-label,.af-card-radio-group--vertical .af-card-radio-label{--card-radio-border-color:var(--color-gray-700);--card-radio-outline-color:var(--card-radio-border-color);--card-radio-border-radius:calc(6/var(--font-size-base)*1rem);--card-radio-background-color:var(--color-white);--card-radio-border-width:1px;align-self:stretch;background-color:var(--card-radio-background-color);border:var(--card-radio-border-width) solid var(--card-radio-border-color);border-radius:var(--card-radio-border-radius);cursor:pointer;display:flex;flex:1 1;gap:calc(12/var(--font-size-base)*1rem);outline:var(--card-radio-outline-width,0) solid var(--card-radio-outline-color);outline-offset:calc((var(--card-radio-border-width) + var(--card-radio-outline-width))*-1);padding:1rem}.af-card-radio-group--horizontal .af-card-radio-label:focus-visible,.af-card-radio-group--horizontal .af-card-radio-label:focus-within,.af-card-radio-group--horizontal .af-card-radio-label:hover,.af-card-radio-group--vertical .af-card-radio-label:focus-visible,.af-card-radio-group--vertical .af-card-radio-label:focus-within,.af-card-radio-group--vertical .af-card-radio-label:hover{--card-radio-border-color:var(--color-axa)}.af-card-radio-group--horizontal .af-card-radio-label:hover>span:first-child,.af-card-radio-group--vertical .af-card-radio-label:hover>span:first-child{--radio-border-color:var(--color-axa)}.af-card-radio-group--horizontal .af-card-radio-label:focus-visible,.af-card-radio-group--horizontal .af-card-radio-label:focus-within,.af-card-radio-group--horizontal .af-card-radio-label:has(input:checked),.af-card-radio-group--horizontal .af-card-radio-label:has(input[aria-invalid=true]),.af-card-radio-group--horizontal .af-card-radio-label:hover,.af-card-radio-group--vertical .af-card-radio-label:focus-visible,.af-card-radio-group--vertical .af-card-radio-label:focus-within,.af-card-radio-group--vertical .af-card-radio-label:has(input:checked),.af-card-radio-group--vertical .af-card-radio-label:has(input[aria-invalid=true]),.af-card-radio-group--vertical .af-card-radio-label:hover{--card-radio-outline-width:1px}.af-card-radio-group--horizontal .af-card-radio-label .af-card-radio-content,.af-card-radio-group--vertical .af-card-radio-label .af-card-radio-content{align-items:center;display:flex;gap:calc(4/var(--font-size-base)*1rem)}.af-card-radio-group--horizontal .af-card-radio-label .af-card-radio-content .af-card-radio-content-description,.af-card-radio-group--vertical .af-card-radio-label .af-card-radio-content .af-card-radio-content-description{display:flex;font-size:1rem;gap:calc(var(--card-radio-content-description-gap, 4)/var(--font-size-base)*1rem);justify-content:center;line-height:calc(20/var(--font-size-base)*1rem)}.af-card-radio-group--horizontal .af-card-radio-label .af-card-radio-content .af-card-radio-content-description>span:first-child,.af-card-radio-group--vertical .af-card-radio-label .af-card-radio-content .af-card-radio-content-description>span:first-child{--card-radio-label-text-color:var(--color-black);color:var(--card-radio-title-text-color);font-size:calc(18/var(--font-size-base)*1rem);font-weight:400}@media (width < 667px){.af-card-radio-group--horizontal .af-card-radio-label .af-card-radio-content .af-card-radio-content-description>span:first-child,.af-card-radio-group--vertical .af-card-radio-label .af-card-radio-content .af-card-radio-content-description>span:first-child{font-size:calc(16/var(--font-size-base)*1rem);font-weight:400}}.af-card-radio-group--horizontal .af-card-radio-label .af-card-radio-content .af-card-radio-content-description>span:not(:first-child),.af-card-radio-group--vertical .af-card-radio-label .af-card-radio-content .af-card-radio-content-description>span:not(:first-child){color:var(--card-radio-subtitle-text-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400}@media (width < 667px){.af-card-radio-group--horizontal .af-card-radio-label .af-card-radio-content .af-card-radio-content-description>span:not(:first-child),.af-card-radio-group--vertical .af-card-radio-label .af-card-radio-content .af-card-radio-content-description>span:not(:first-child){font-size:calc(14/var(--font-size-base)*1rem);font-weight:400}}.af-card-radio-group--horizontal .af-card-radio-label:has(input:checked),.af-card-radio-group--vertical .af-card-radio-label:has(input:checked){--card-radio-border-color:var(--color-axa);--card-radio-background-color:var(--color-blue-2)}.af-card-radio__container[aria-invalid=true] .af-card-radio-label{--card-radio-border-color:var(--color-red-700)}.af-card-radio__container[aria-invalid=true] .af-card-radio-label:focus,.af-card-radio__container[aria-invalid=true] .af-card-radio-label:focus-within,.af-card-radio__container[aria-invalid=true] .af-card-radio-label:hover{--card-radio-outline-width:2px}.af-card-radio__container[aria-invalid=true] .af-card-radio-label:focus-within>span:first-child,.af-card-radio__container[aria-invalid=true] .af-card-radio-label:focus>span:first-child,.af-card-radio__container[aria-invalid=true] .af-card-radio-label:hover>span:first-child{--radio-outline-width:2px}.af-card-radio__container[aria-invalid=true] .af-card-radio-label>span:first-child{--radio-border-color:var(--color-red-700);--radio-outline-width:1px}.af-card-radio__container[aria-invalid=true] .af-card-radio-label:not(:has(input:checked)){--card-radio-outline-width:1px}.af-card-radio__container[aria-invalid=true] .af-card-radio-label:not(:has(input:checked)):focus,.af-card-radio__container[aria-invalid=true] .af-card-radio-label:not(:has(input:checked)):focus-visible,.af-card-radio__container[aria-invalid=true] .af-card-radio-label:not(:has(input:checked)):focus-within,.af-card-radio__container[aria-invalid=true] .af-card-radio-label:not(:has(input:checked)):hover{--card-radio-outline-width:2px}

package/dist/Form/RadioCard/RadioCard.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Form/RadioCard/RadioCard.scss%23sass","../../../src/Form/RadioCard/RadioCard.scss"],"names":[],"mappings":"AAGE,gCACE,oDCCJ,CDEE,0BACE,YAAA,CACA,qBAAA,CACA,QCAJ,CDGE,uBACE,wCAAA,CAOA,6BAAA,CALA,YAAA,CAGA,6CAAA,CACA,eAAA,CAHA,mDAAA,CACA,0CCCJ,CDII,yBACE,QCFN,CDME,4BACE,wCAAA,CAKA,6BAAA,CAHA,6CAAA,CACA,eAAA,CACA,+CCJJ,CDOI,uBARF,4BASI,6CAAA,CACA,+CCJJ,CACF,CDOE,wBAGE,kBAAA,CAFA,YAAA,CAIA,QAAA,CADA,sBAAA,CAFA,UCFJ,CDOI,4BACE,mCAAA,CACA,kCAAA,CAIA,6BAAA,CADA,0CAAA,CADA,yCAAA,CAGA,2BCNN,CDSI,oCACE,YAAA,CACA,qBAAA,CACA,+CCPN,CDSM,qDACE,wCAAA,CAGA,6BAAA,CADA,+CCPR,CDWM,2DACE,wCAAA,CAEA,6BCVR,CDoBI,8EAJA,sCAAA,CAEA,iCCTJ,CDWI,yCAEE,qCCbN,CDmBE,qBACE,WAAA,CAEA,yDAAA,CAEA,qCCnBJ,CDqBI,0CAEE,0CAAA,CADA,kCClBN,CDuBE,+BACE,+BAAA,CAEA,+CCtBJ,CDwBI,iCACE,YAAA,CACA,WCtBN,CDyBI,oDACE,+BAAA,CACA,mCAAA,CACA,uCAAA,CAGA,yCAAA,CADA,+CAAA,CAEA,oDCxBN,CD0BM,8DACE,iBCxBR,CD2BM,2EACE,kCAAA,CACA,4DAAA,CAGA,QAAA,CACA,+CAAA,CAFA,UCxBR,CD4BQ,8GACE,kCAAA,CACA,8BAAA,CAGA,wCAAA,CADA,+CAAA,CAEA,iBC3BV,CDiCE,iCACE,kCAAA,CAEA,+CChCJ,CDkCI,sDACE,+BAAA,CACA,+BAAA,CAGA,yCAAA,CADA,+CAAA,CAEA,iDCjCN,CDmCM,6EACE,+BAAA,CACA,2DAAA,CAGA,QAAA,CACA,+CAAA,CAFA,UChCR,CDoCQ,gHACE,kCAAA,CACA,kCAAA,CAGA,wCAAA,CADA,+CAAA,CAEA,iBCnCV,CDyCE,gEAGE,mBAAA,CADA,YAAA,CAGA,yCAAA,CACA,iBAAA,CACA,eAAA,CAHA,QAAA,CAIA,+CCxCJ,CD0CI,0GACE,+CAAA,CACA,yDAAA,CACA,6DAAA,CACA,gDAAA,CACA,6BAAA,CAQA,kBAAA,CAEA,mDAAA,CANA,0EAAA,CAEA,6CAAA,CAWA,cAAA,CAfA,YAAA,CAKA,QAAA,CAEA,uCAAA,CAEA,+EAAA,CAEA,0FAAA,CAVA,YChCN,CDgDM,gYAGE,0CChDR,CDoDQ,wJACE,qCClDV,CDsDM,srBAKE,8BCxDR,CD2DM,wJAEE,kBAAA,CADA,YAAA,CAEA,sCCzDR,CD2DQ,8NACE,YAAA,CAMA,cAAA,CAJA,iFAAA,CADA,sBAAA,CAMA,+CC5DV,CD8DU,gQACE,gDAAA,CAIA,wCAAA,CAFA,6CAAA,CACA,eC5DZ,CD+DY,uBAPF,gQAQI,6CAAA,CACA,eC5DZ,CACF,CD+DU,4QAGE,2CAAA,CAFA,6CAAA,CACA,eC5DZ,CD+DY,uBALF,4QAMI,6CAAA,CACA,eC5DZ,CACF,CDiEM,gJACE,0CAAA,CACA,iDC/DR,CDqEE,kEACE,8CClEJ,CDoEI,+NAGE,8BCpEN,CDsEM,kRACE,yBCpER,CDyEI,mFACE,yCAAA,CACA,yBCvEN,CD2EE,2FAEE,8BC1EJ,CD4EI,mZAIE,8BC7EN","file":"RadioCard.css","sourcesContent":["@use \"../../common/common\" as breakpoints;\n\n.af-card-radio {\n  &__label-container {\n    --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n  }\n\n  &__container {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  &__legend {\n    --card-radio-color: var(--color-gray-900);\n\n    display: grid;\n    margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n    row-gap: calc(4 / var(--font-size-base) * 1rem);\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    font-weight: 600;\n    color: var(--card-radio-color);\n\n    & > p {\n      margin: 0;\n    }\n  }\n\n  &__description {\n    --card-radio-color: var(--color-gray-700);\n\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    line-height: calc(16 / var(--font-size-base) * 1rem);\n    color: var(--card-radio-color);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n      line-height: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &__content {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    gap: 1rem;\n\n    & > svg {\n      --card-radio-color: var(--color-axa);\n      --card-radio-fill: var(--color-axa);\n\n      width: calc(28 / var(--font-size-base) * 1rem);\n      height: calc(28 / var(--font-size-base) * 1rem);\n      color: var(--card-radio-color);\n      fill: var(--card-radio-fill);\n    }\n\n    &-description {\n      display: flex;\n      flex-direction: column;\n      line-height: calc(20 / var(--font-size-base) * 1rem);\n\n      & > span:first-child {\n        --card-radio-color: var(--color-gray-900);\n\n        line-height: calc(24 / var(--font-size-base) * 1rem);\n        color: var(--card-radio-color);\n      }\n\n      & > span:not(:first-child) {\n        --card-radio-color: var(--color-gray-700);\n\n        color: var(--card-radio-color);\n      }\n    }\n  }\n\n  & ~ &__error {\n    --error-box-color: var(--color-red-700);\n\n    border: solid var(--color-red-700);\n\n    & > svg {\n      --error-box-color: var(--color-red-700);\n      --error-box-fill: var(--color-red-700);\n\n      border: solid var(--color-red-700);\n    }\n  }\n\n  &-group {\n    border: none;\n\n    --card-radio-flex-wrap: var(--card-radio-flex-wrap, nowrap);\n\n    flex-wrap: var(--card-radio-flex-wrap);\n\n    .af-card-radio-label {\n      width: var(--card-radio-width, auto);\n      min-width: var(--card-radio-min-width, auto);\n    }\n  }\n\n  &-group--vertical {\n    --card-radio-flex-direction: row;\n\n    flex-direction: var(--card-radio-flex-direction);\n\n    > * {\n      flex-basis: 0;\n      flex-grow: 1;\n    }\n\n    .af-card-radio-label {\n      --card-radio-flex-direction: row;\n      --card-radio-align-items: flex-start;\n      --card-radio-justify-content: flex-start;\n\n      flex-direction: var(--card-radio-flex-direction);\n      align-items: var(--card-radio-align-items);\n      justify-content: var(--checkbox-card-justify-content);\n\n      .af-radio {\n        position: absolute;\n      }\n\n      .af-card-radio-content {\n        --card-radio-flex-direction: column;\n        --card-radio-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n        width: 100%;\n        flex: 1;\n        flex-direction: var(--card-radio-flex-direction);\n\n        .af-card-radio-content-description {\n          --card-radio-flex-direction: column;\n          --card-radio-align-item: center;\n\n          flex-direction: var(--card-radio-flex-direction);\n          align-items: var(--card-radio-align-item);\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  &-group--horizontal {\n    --card-radio-flex-direction: column;\n\n    flex-direction: var(--card-radio-flex-direction);\n\n    .af-card-radio-label {\n      --card-radio-flex-direction: row;\n      --card-radio-align-items: center;\n\n      flex-direction: var(--card-radio-flex-direction);\n      align-items: var(--card-radio-align-items);\n      justify-content: var(--card-radio-justify-content);\n\n      .af-card-radio-content {\n        --card-radio-flex-direction: row;\n        --card-radio-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n        width: 100%;\n        flex: 1;\n        flex-direction: var(--card-radio-flex-direction);\n\n        .af-card-radio-content-description {\n          --card-radio-flex-direction: column;\n          --card-radio-align-item: flex-start;\n\n          flex-direction: var(--card-radio-flex-direction);\n          align-items: var(--card-radio-align-item);\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  &-group--vertical,\n  &-group--horizontal {\n    display: flex;\n    align-items: stretch;\n    gap: 1rem;\n    font-family: var(--card-radio-font-family);\n    font-style: normal;\n    font-weight: 400;\n    line-height: calc(20 / var(--font-size-base) * 1rem);\n\n    .af-card-radio-label {\n      --card-radio-border-color: var(--color-gray-700);\n      --card-radio-outline-color: var(--card-radio-border-color);\n      --card-radio-border-radius: calc(6 / var(--font-size-base) * 1rem);\n      --card-radio-background-color: var(--color-white);\n      --card-radio-border-width: 1px;\n\n      display: flex;\n      padding: 1rem;\n      border: var(--card-radio-border-width) solid\n        var(--card-radio-border-color);\n      border-radius: var(--card-radio-border-radius);\n      flex: 1;\n      align-self: stretch;\n      gap: calc(12 / var(--font-size-base) * 1rem);\n      background-color: var(--card-radio-background-color);\n      outline: var(--card-radio-outline-width, 0) solid\n        var(--card-radio-outline-color);\n      outline-offset: calc(\n        -1 *\n          calc(var(--card-radio-border-width) + var(--card-radio-outline-width))\n      );\n      cursor: pointer;\n\n      &:hover,\n      &:focus-visible,\n      &:focus-within {\n        --card-radio-border-color: var(--color-axa);\n      }\n\n      &:hover {\n        & > span:first-child {\n          --radio-border-color: var(--color-axa);\n        }\n      }\n\n      &:hover,\n      &:focus-visible,\n      &:focus-within,\n      &:has(input:checked),\n      &:has(input[aria-invalid=\"true\"]) {\n        --card-radio-outline-width: 1px;\n      }\n\n      .af-card-radio-content {\n        display: flex;\n        align-items: center;\n        gap: calc(4 / var(--font-size-base) * 1rem);\n\n        .af-card-radio-content-description {\n          display: flex;\n          justify-content: center;\n          gap: calc(\n            var(--card-radio-content-description-gap, 4) /\n              var(--font-size-base) * 1rem\n          );\n          font-size: 1rem;\n          line-height: calc(20 / var(--font-size-base) * 1rem);\n\n          & > span:first-child {\n            --card-radio-label-text-color: var(--color-black);\n\n            font-size: calc(18 / var(--font-size-base) * 1rem);\n            font-weight: 400;\n            color: var(--card-radio-title-text-color);\n\n            @media (width < #{breakpoints.$breakpoint-sm}) {\n              font-size: calc(16 / var(--font-size-base) * 1rem);\n              font-weight: 400;\n            }\n          }\n\n          & > span:not(:first-child) {\n            font-size: calc(16 / var(--font-size-base) * 1rem);\n            font-weight: 400;\n            color: var(--card-radio-subtitle-text-color);\n\n            @media (width < #{breakpoints.$breakpoint-sm}) {\n              font-size: calc(14 / var(--font-size-base) * 1rem);\n              font-weight: 400;\n            }\n          }\n        }\n      }\n\n      &:has(input:checked) {\n        --card-radio-border-color: var(--color-axa);\n        --card-radio-background-color: var(--color-blue-2);\n      }\n    }\n  }\n\n  /* stylelint-disable-next-line no-descending-specificity */\n  &__container[aria-invalid=\"true\"] .af-card-radio-label {\n    --card-radio-border-color: var(--color-red-700);\n\n    &:hover,\n    &:focus-within,\n    &:focus {\n      --card-radio-outline-width: 2px;\n\n      & > span:first-child {\n        --radio-outline-width: 2px;\n      }\n    }\n\n    /* stylelint-disable-next-line no-descending-specificity */\n    & > span:first-child {\n      --radio-border-color: var(--color-red-700);\n      --radio-outline-width: 1px;\n    }\n  }\n\n  &__container[aria-invalid=\"true\"]\n    .af-card-radio-label:not(:has(input:checked)) {\n    --card-radio-outline-width: 1px;\n\n    &:hover,\n    &:focus-visible,\n    &:focus-within,\n    &:focus {\n      --card-radio-outline-width: 2px;\n    }\n  }\n}\n","@use \"../../common/common\" as breakpoints;\n\n.af-card-radio {\n  &__label-container {\n    --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n  }\n\n  &__container {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  &__legend {\n    --card-radio-color: var(--color-gray-900);\n\n    display: grid;\n    margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n    row-gap: calc(4 / var(--font-size-base) * 1rem);\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    font-weight: 600;\n    color: var(--card-radio-color);\n\n    & > p {\n      margin: 0;\n    }\n  }\n\n  &__description {\n    --card-radio-color: var(--color-gray-700);\n\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    line-height: calc(16 / var(--font-size-base) * 1rem);\n    color: var(--card-radio-color);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n      line-height: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &__content {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    gap: 1rem;\n\n    & > svg {\n      --card-radio-color: var(--color-axa);\n      --card-radio-fill: var(--color-axa);\n\n      width: calc(28 / var(--font-size-base) * 1rem);\n      height: calc(28 / var(--font-size-base) * 1rem);\n      color: var(--card-radio-color);\n      fill: var(--card-radio-fill);\n    }\n\n    &-description {\n      display: flex;\n      flex-direction: column;\n      line-height: calc(20 / var(--font-size-base) * 1rem);\n\n      & > span:first-child {\n        --card-radio-color: var(--color-gray-900);\n\n        line-height: calc(24 / var(--font-size-base) * 1rem);\n        color: var(--card-radio-color);\n      }\n\n      & > span:not(:first-child) {\n        --card-radio-color: var(--color-gray-700);\n\n        color: var(--card-radio-color);\n      }\n    }\n  }\n\n  & ~ &__error {\n    --error-box-color: var(--color-red-700);\n\n    border: solid var(--color-red-700);\n\n    & > svg {\n      --error-box-color: var(--color-red-700);\n      --error-box-fill: var(--color-red-700);\n\n      border: solid var(--color-red-700);\n    }\n  }\n\n  &-group {\n    border: none;\n\n    --card-radio-flex-wrap: var(--card-radio-flex-wrap, nowrap);\n\n    flex-wrap: var(--card-radio-flex-wrap);\n\n    .af-card-radio-label {\n      width: var(--card-radio-width, auto);\n      min-width: var(--card-radio-min-width, auto);\n    }\n  }\n\n  &-group--vertical {\n    --card-radio-flex-direction: row;\n\n    flex-direction: var(--card-radio-flex-direction);\n\n    > * {\n      flex-basis: 0;\n      flex-grow: 1;\n    }\n\n    .af-card-radio-label {\n      --card-radio-flex-direction: row;\n      --card-radio-align-items: flex-start;\n      --card-radio-justify-content: flex-start;\n\n      flex-direction: var(--card-radio-flex-direction);\n      align-items: var(--card-radio-align-items);\n      justify-content: var(--checkbox-card-justify-content);\n\n      .af-radio {\n        position: absolute;\n      }\n\n      .af-card-radio-content {\n        --card-radio-flex-direction: column;\n        --card-radio-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n        width: 100%;\n        flex: 1;\n        flex-direction: var(--card-radio-flex-direction);\n\n        .af-card-radio-content-description {\n          --card-radio-flex-direction: column;\n          --card-radio-align-item: center;\n\n          flex-direction: var(--card-radio-flex-direction);\n          align-items: var(--card-radio-align-item);\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  &-group--horizontal {\n    --card-radio-flex-direction: column;\n\n    flex-direction: var(--card-radio-flex-direction);\n\n    .af-card-radio-label {\n      --card-radio-flex-direction: row;\n      --card-radio-align-items: center;\n\n      flex-direction: var(--card-radio-flex-direction);\n      align-items: var(--card-radio-align-items);\n      justify-content: var(--card-radio-justify-content);\n\n      .af-card-radio-content {\n        --card-radio-flex-direction: row;\n        --card-radio-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n        width: 100%;\n        flex: 1;\n        flex-direction: var(--card-radio-flex-direction);\n\n        .af-card-radio-content-description {\n          --card-radio-flex-direction: column;\n          --card-radio-align-item: flex-start;\n\n          flex-direction: var(--card-radio-flex-direction);\n          align-items: var(--card-radio-align-item);\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  &-group--vertical,\n  &-group--horizontal {\n    display: flex;\n    align-items: stretch;\n    gap: 1rem;\n    font-family: var(--card-radio-font-family);\n    font-style: normal;\n    font-weight: 400;\n    line-height: calc(20 / var(--font-size-base) * 1rem);\n\n    .af-card-radio-label {\n      --card-radio-border-color: var(--color-gray-700);\n      --card-radio-outline-color: var(--card-radio-border-color);\n      --card-radio-border-radius: calc(6 / var(--font-size-base) * 1rem);\n      --card-radio-background-color: var(--color-white);\n      --card-radio-border-width: 1px;\n\n      display: flex;\n      padding: 1rem;\n      border: var(--card-radio-border-width) solid\n        var(--card-radio-border-color);\n      border-radius: var(--card-radio-border-radius);\n      flex: 1;\n      align-self: stretch;\n      gap: calc(12 / var(--font-size-base) * 1rem);\n      background-color: var(--card-radio-background-color);\n      outline: var(--card-radio-outline-width, 0) solid\n        var(--card-radio-outline-color);\n      outline-offset: calc(\n        -1 *\n          calc(var(--card-radio-border-width) + var(--card-radio-outline-width))\n      );\n      cursor: pointer;\n\n      &:hover,\n      &:focus-visible,\n      &:focus-within {\n        --card-radio-border-color: var(--color-axa);\n      }\n\n      &:hover {\n        & > span:first-child {\n          --radio-border-color: var(--color-axa);\n        }\n      }\n\n      &:hover,\n      &:focus-visible,\n      &:focus-within,\n      &:has(input:checked),\n      &:has(input[aria-invalid=\"true\"]) {\n        --card-radio-outline-width: 1px;\n      }\n\n      .af-card-radio-content {\n        display: flex;\n        align-items: center;\n        gap: calc(4 / var(--font-size-base) * 1rem);\n\n        .af-card-radio-content-description {\n          display: flex;\n          justify-content: center;\n          gap: calc(\n            var(--card-radio-content-description-gap, 4) /\n              var(--font-size-base) * 1rem\n          );\n          font-size: 1rem;\n          line-height: calc(20 / var(--font-size-base) * 1rem);\n\n          & > span:first-child {\n            --card-radio-label-text-color: var(--color-black);\n\n            font-size: calc(18 / var(--font-size-base) * 1rem);\n            font-weight: 400;\n            color: var(--card-radio-title-text-color);\n\n            @media (width < #{breakpoints.$breakpoint-sm}) {\n              font-size: calc(16 / var(--font-size-base) * 1rem);\n              font-weight: 400;\n            }\n          }\n\n          & > span:not(:first-child) {\n            font-size: calc(16 / var(--font-size-base) * 1rem);\n            font-weight: 400;\n            color: var(--card-radio-subtitle-text-color);\n\n            @media (width < #{breakpoints.$breakpoint-sm}) {\n              font-size: calc(14 / var(--font-size-base) * 1rem);\n              font-weight: 400;\n            }\n          }\n        }\n      }\n\n      &:has(input:checked) {\n        --card-radio-border-color: var(--color-axa);\n        --card-radio-background-color: var(--color-blue-2);\n      }\n    }\n  }\n\n  /* stylelint-disable-next-line no-descending-specificity */\n  &__container[aria-invalid=\"true\"] .af-card-radio-label {\n    --card-radio-border-color: var(--color-red-700);\n\n    &:hover,\n    &:focus-within,\n    &:focus {\n      --card-radio-outline-width: 2px;\n\n      & > span:first-child {\n        --radio-outline-width: 2px;\n      }\n    }\n\n    /* stylelint-disable-next-line no-descending-specificity */\n    & > span:first-child {\n      --radio-border-color: var(--color-red-700);\n      --radio-outline-width: 1px;\n    }\n  }\n\n  &__container[aria-invalid=\"true\"]\n    .af-card-radio-label:not(:has(input:checked)) {\n    --card-radio-outline-width: 1px;\n\n    &:hover,\n    &:focus-visible,\n    &:focus-within,\n    &:focus {\n      --card-radio-outline-width: 2px;\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../src/Form/RadioCard/RadioCard.scss%23sass","../../../src/Form/RadioCard/RadioCard.scss"],"names":[],"mappings":"AAGE,gCACE,oDCFJ,CDKE,0BACE,YAAA,CACA,qBAAA,CACA,QCHJ,CDME,uBACE,wCAAA,CAEA,YAAA,CACA,uDAAA,CAIA,6BAAA,CAFA,6CAAA,CACA,eAAA,CAHA,mDAAA,CACA,0CCFJ,CDOI,yBACE,QCLN,CDSE,4BACE,wCAAA,CAKA,6BAAA,CAHA,6CAAA,CACA,eAAA,CACA,+CCPJ,CDUI,uBARF,4BASI,6CAAA,CACA,+CCPJ,CACF,CDUE,wBAGE,kBAAA,CAFA,YAAA,CAIA,QAAA,CADA,sBAAA,CAFA,UCLJ,CDUI,4BACE,mCAAA,CACA,kCAAA,CAIA,6BAAA,CACA,2BAAA,CAFA,0CAAA,CADA,yCCNN,CDYI,oCACE,YAAA,CACA,qBAAA,CACA,+CCVN,CDYM,qDACE,wCAAA,CAGA,6BAAA,CADA,+CCVR,CDcM,2DACE,wCAAA,CAEA,6BCbR,CDuBI,8EAJA,sCAAA,CAEA,iCCZJ,CDcI,yCAEE,qCChBN,CDsBE,qBACE,WAAA,CAEA,yDAAA,CAEA,qCCtBJ,CDwBI,0CAEE,0CAAA,CADA,kCCrBN,CD0BE,+BACE,+BAAA,CAEA,+CCzBJ,CD2BI,iCACE,YAAA,CACA,WCzBN,CD4BI,oDACE,+BAAA,CACA,mCAAA,CACA,uCAAA,CAGA,yCAAA,CADA,+CAAA,CAEA,oDC3BN,CD6BM,8DACE,iBC3BR,CD8BM,2EACE,kCAAA,CACA,4DAAA,CAGA,QAAA,CACA,+CAAA,CAFA,UC3BR,CD+BQ,8GACE,kCAAA,CACA,8BAAA,CAGA,wCAAA,CADA,+CAAA,CAEA,iBC9BV,CDoCE,iCACE,kCAAA,CAEA,+CCnCJ,CDqCI,sDACE,+BAAA,CACA,+BAAA,CAGA,yCAAA,CADA,+CAAA,CAEA,iDCpCN,CDsCM,6EACE,+BAAA,CACA,2DAAA,CAGA,QAAA,CACA,+CAAA,CAFA,UCnCR,CDuCQ,gHACE,kCAAA,CACA,kCAAA,CAGA,wCAAA,CADA,+CAAA,CAEA,iBCtCV,CD4CE,gEAGE,mBAAA,CADA,YAAA,CAGA,yCAAA,CACA,iBAAA,CACA,eAAA,CAHA,QAAA,CAIA,+CC3CJ,CD6CI,0GACE,+CAAA,CACA,yDAAA,CACA,6DAAA,CACA,gDAAA,CACA,6BAAA,CAQA,kBAAA,CAEA,mDAAA,CANA,0EAAA,CAEA,6CAAA,CAWA,cAAA,CAfA,YAAA,CAKA,QAAA,CAEA,uCAAA,CAEA,+EAAA,CAEA,0FAAA,CAVA,YCnCN,CDmDM,gYAGE,0CCnDR,CDuDQ,wJACE,qCCrDV,CDyDM,srBAKE,8BC3DR,CD8DM,wJAEE,kBAAA,CADA,YAAA,CAEA,sCC5DR,CD8DQ,8NACE,YAAA,CAMA,cAAA,CAJA,iFAAA,CADA,sBAAA,CAMA,+CC/DV,CDiEU,gQACE,gDAAA,CAIA,wCAAA,CAFA,6CAAA,CACA,eC/DZ,CDkEY,uBAPF,gQAQI,6CAAA,CACA,eC/DZ,CACF,CDkEU,4QAGE,2CAAA,CAFA,6CAAA,CACA,eC/DZ,CDkEY,uBALF,4QAMI,6CAAA,CACA,eC/DZ,CACF,CDoEM,gJACE,0CAAA,CACA,iDClER,CDwEE,kEACE,8CCnEJ,CDqEI,+NAGE,8BCrEN,CDuEM,kRACE,yBCrER,CD0EI,mFACE,yCAAA,CACA,yBCrEN,CDyEE,2FAEE,8BCxEJ,CD0EI,mZAIE,8BC3EN","file":"RadioCard.css","sourcesContent":["@use \"../../common/common\" as breakpoints;\n\n.af-card-radio {\n  &__label-container {\n    --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n  }\n\n  &__container {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  &__legend {\n    --card-radio-color: var(--color-gray-900);\n\n    display: grid;\n    margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n    row-gap: calc(4 / var(--font-size-base) * 1rem);\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    font-weight: 600;\n    color: var(--card-radio-color);\n\n    & > p {\n      margin: 0;\n    }\n  }\n\n  &__description {\n    --card-radio-color: var(--color-gray-700);\n\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    line-height: calc(16 / var(--font-size-base) * 1rem);\n    color: var(--card-radio-color);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n      line-height: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &__content {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    gap: 1rem;\n\n    & > svg {\n      --card-radio-color: var(--color-axa);\n      --card-radio-fill: var(--color-axa);\n\n      width: calc(28 / var(--font-size-base) * 1rem);\n      height: calc(28 / var(--font-size-base) * 1rem);\n      color: var(--card-radio-color);\n      fill: var(--card-radio-fill);\n    }\n\n    &-description {\n      display: flex;\n      flex-direction: column;\n      line-height: calc(20 / var(--font-size-base) * 1rem);\n\n      & > span:first-child {\n        --card-radio-color: var(--color-gray-900);\n\n        line-height: calc(24 / var(--font-size-base) * 1rem);\n        color: var(--card-radio-color);\n      }\n\n      & > span:not(:first-child) {\n        --card-radio-color: var(--color-gray-700);\n\n        color: var(--card-radio-color);\n      }\n    }\n  }\n\n  & ~ &__error {\n    --error-box-color: var(--color-red-700);\n\n    border: solid var(--color-red-700);\n\n    & > svg {\n      --error-box-color: var(--color-red-700);\n      --error-box-fill: var(--color-red-700);\n\n      border: solid var(--color-red-700);\n    }\n  }\n\n  &-group {\n    border: none;\n\n    --card-radio-flex-wrap: var(--card-radio-flex-wrap, nowrap);\n\n    flex-wrap: var(--card-radio-flex-wrap);\n\n    .af-card-radio-label {\n      width: var(--card-radio-width, auto);\n      min-width: var(--card-radio-min-width, auto);\n    }\n  }\n\n  &-group--vertical {\n    --card-radio-flex-direction: row;\n\n    flex-direction: var(--card-radio-flex-direction);\n\n    > * {\n      flex-basis: 0;\n      flex-grow: 1;\n    }\n\n    .af-card-radio-label {\n      --card-radio-flex-direction: row;\n      --card-radio-align-items: flex-start;\n      --card-radio-justify-content: flex-start;\n\n      flex-direction: var(--card-radio-flex-direction);\n      align-items: var(--card-radio-align-items);\n      justify-content: var(--checkbox-card-justify-content);\n\n      .af-radio {\n        position: absolute;\n      }\n\n      .af-card-radio-content {\n        --card-radio-flex-direction: column;\n        --card-radio-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n        width: 100%;\n        flex: 1;\n        flex-direction: var(--card-radio-flex-direction);\n\n        .af-card-radio-content-description {\n          --card-radio-flex-direction: column;\n          --card-radio-align-item: center;\n\n          flex-direction: var(--card-radio-flex-direction);\n          align-items: var(--card-radio-align-item);\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  &-group--horizontal {\n    --card-radio-flex-direction: column;\n\n    flex-direction: var(--card-radio-flex-direction);\n\n    .af-card-radio-label {\n      --card-radio-flex-direction: row;\n      --card-radio-align-items: center;\n\n      flex-direction: var(--card-radio-flex-direction);\n      align-items: var(--card-radio-align-items);\n      justify-content: var(--card-radio-justify-content);\n\n      .af-card-radio-content {\n        --card-radio-flex-direction: row;\n        --card-radio-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n        width: 100%;\n        flex: 1;\n        flex-direction: var(--card-radio-flex-direction);\n\n        .af-card-radio-content-description {\n          --card-radio-flex-direction: column;\n          --card-radio-align-item: flex-start;\n\n          flex-direction: var(--card-radio-flex-direction);\n          align-items: var(--card-radio-align-item);\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  &-group--vertical,\n  &-group--horizontal {\n    display: flex;\n    align-items: stretch;\n    gap: 1rem;\n    font-family: var(--card-radio-font-family);\n    font-style: normal;\n    font-weight: 400;\n    line-height: calc(20 / var(--font-size-base) * 1rem);\n\n    .af-card-radio-label {\n      --card-radio-border-color: var(--color-gray-700);\n      --card-radio-outline-color: var(--card-radio-border-color);\n      --card-radio-border-radius: calc(6 / var(--font-size-base) * 1rem);\n      --card-radio-background-color: var(--color-white);\n      --card-radio-border-width: 1px;\n\n      display: flex;\n      padding: 1rem;\n      border: var(--card-radio-border-width) solid\n        var(--card-radio-border-color);\n      border-radius: var(--card-radio-border-radius);\n      flex: 1;\n      align-self: stretch;\n      gap: calc(12 / var(--font-size-base) * 1rem);\n      background-color: var(--card-radio-background-color);\n      outline: var(--card-radio-outline-width, 0) solid\n        var(--card-radio-outline-color);\n      outline-offset: calc(\n        -1 *\n          calc(var(--card-radio-border-width) + var(--card-radio-outline-width))\n      );\n      cursor: pointer;\n\n      &:hover,\n      &:focus-visible,\n      &:focus-within {\n        --card-radio-border-color: var(--color-axa);\n      }\n\n      &:hover {\n        & > span:first-child {\n          --radio-border-color: var(--color-axa);\n        }\n      }\n\n      &:hover,\n      &:focus-visible,\n      &:focus-within,\n      &:has(input:checked),\n      &:has(input[aria-invalid=\"true\"]) {\n        --card-radio-outline-width: 1px;\n      }\n\n      .af-card-radio-content {\n        display: flex;\n        align-items: center;\n        gap: calc(4 / var(--font-size-base) * 1rem);\n\n        .af-card-radio-content-description {\n          display: flex;\n          justify-content: center;\n          gap: calc(\n            var(--card-radio-content-description-gap, 4) /\n              var(--font-size-base) * 1rem\n          );\n          font-size: 1rem;\n          line-height: calc(20 / var(--font-size-base) * 1rem);\n\n          & > span:first-child {\n            --card-radio-label-text-color: var(--color-black);\n\n            font-size: calc(18 / var(--font-size-base) * 1rem);\n            font-weight: 400;\n            color: var(--card-radio-title-text-color);\n\n            @media (width < #{breakpoints.$breakpoint-sm}) {\n              font-size: calc(16 / var(--font-size-base) * 1rem);\n              font-weight: 400;\n            }\n          }\n\n          & > span:not(:first-child) {\n            font-size: calc(16 / var(--font-size-base) * 1rem);\n            font-weight: 400;\n            color: var(--card-radio-subtitle-text-color);\n\n            @media (width < #{breakpoints.$breakpoint-sm}) {\n              font-size: calc(14 / var(--font-size-base) * 1rem);\n              font-weight: 400;\n            }\n          }\n        }\n      }\n\n      &:has(input:checked) {\n        --card-radio-border-color: var(--color-axa);\n        --card-radio-background-color: var(--color-blue-2);\n      }\n    }\n  }\n\n  /* stylelint-disable-next-line no-descending-specificity */\n  &__container[aria-invalid=\"true\"] .af-card-radio-label {\n    --card-radio-border-color: var(--color-red-700);\n\n    &:hover,\n    &:focus-within,\n    &:focus {\n      --card-radio-outline-width: 2px;\n\n      & > span:first-child {\n        --radio-outline-width: 2px;\n      }\n    }\n\n    /* stylelint-disable-next-line no-descending-specificity */\n    & > span:first-child {\n      --radio-border-color: var(--color-red-700);\n      --radio-outline-width: 1px;\n    }\n  }\n\n  &__container[aria-invalid=\"true\"]\n    .af-card-radio-label:not(:has(input:checked)) {\n    --card-radio-outline-width: 1px;\n\n    &:hover,\n    &:focus-visible,\n    &:focus-within,\n    &:focus {\n      --card-radio-outline-width: 2px;\n    }\n  }\n}\n","@use \"../../common/common\" as breakpoints;\n\n.af-card-radio {\n  &__label-container {\n    --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n  }\n\n  &__container {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  &__legend {\n    --card-radio-color: var(--color-gray-900);\n\n    display: grid;\n    margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n    row-gap: calc(4 / var(--font-size-base) * 1rem);\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    font-weight: 600;\n    color: var(--card-radio-color);\n\n    & > p {\n      margin: 0;\n    }\n  }\n\n  &__description {\n    --card-radio-color: var(--color-gray-700);\n\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    line-height: calc(16 / var(--font-size-base) * 1rem);\n    color: var(--card-radio-color);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n      line-height: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &__content {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    gap: 1rem;\n\n    & > svg {\n      --card-radio-color: var(--color-axa);\n      --card-radio-fill: var(--color-axa);\n\n      width: calc(28 / var(--font-size-base) * 1rem);\n      height: calc(28 / var(--font-size-base) * 1rem);\n      color: var(--card-radio-color);\n      fill: var(--card-radio-fill);\n    }\n\n    &-description {\n      display: flex;\n      flex-direction: column;\n      line-height: calc(20 / var(--font-size-base) * 1rem);\n\n      & > span:first-child {\n        --card-radio-color: var(--color-gray-900);\n\n        line-height: calc(24 / var(--font-size-base) * 1rem);\n        color: var(--card-radio-color);\n      }\n\n      & > span:not(:first-child) {\n        --card-radio-color: var(--color-gray-700);\n\n        color: var(--card-radio-color);\n      }\n    }\n  }\n\n  & ~ &__error {\n    --error-box-color: var(--color-red-700);\n\n    border: solid var(--color-red-700);\n\n    & > svg {\n      --error-box-color: var(--color-red-700);\n      --error-box-fill: var(--color-red-700);\n\n      border: solid var(--color-red-700);\n    }\n  }\n\n  &-group {\n    border: none;\n\n    --card-radio-flex-wrap: var(--card-radio-flex-wrap, nowrap);\n\n    flex-wrap: var(--card-radio-flex-wrap);\n\n    .af-card-radio-label {\n      width: var(--card-radio-width, auto);\n      min-width: var(--card-radio-min-width, auto);\n    }\n  }\n\n  &-group--vertical {\n    --card-radio-flex-direction: row;\n\n    flex-direction: var(--card-radio-flex-direction);\n\n    > * {\n      flex-basis: 0;\n      flex-grow: 1;\n    }\n\n    .af-card-radio-label {\n      --card-radio-flex-direction: row;\n      --card-radio-align-items: flex-start;\n      --card-radio-justify-content: flex-start;\n\n      flex-direction: var(--card-radio-flex-direction);\n      align-items: var(--card-radio-align-items);\n      justify-content: var(--checkbox-card-justify-content);\n\n      .af-radio {\n        position: absolute;\n      }\n\n      .af-card-radio-content {\n        --card-radio-flex-direction: column;\n        --card-radio-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n        width: 100%;\n        flex: 1;\n        flex-direction: var(--card-radio-flex-direction);\n\n        .af-card-radio-content-description {\n          --card-radio-flex-direction: column;\n          --card-radio-align-item: center;\n\n          flex-direction: var(--card-radio-flex-direction);\n          align-items: var(--card-radio-align-item);\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  &-group--horizontal {\n    --card-radio-flex-direction: column;\n\n    flex-direction: var(--card-radio-flex-direction);\n\n    .af-card-radio-label {\n      --card-radio-flex-direction: row;\n      --card-radio-align-items: center;\n\n      flex-direction: var(--card-radio-flex-direction);\n      align-items: var(--card-radio-align-items);\n      justify-content: var(--card-radio-justify-content);\n\n      .af-card-radio-content {\n        --card-radio-flex-direction: row;\n        --card-radio-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n        width: 100%;\n        flex: 1;\n        flex-direction: var(--card-radio-flex-direction);\n\n        .af-card-radio-content-description {\n          --card-radio-flex-direction: column;\n          --card-radio-align-item: flex-start;\n\n          flex-direction: var(--card-radio-flex-direction);\n          align-items: var(--card-radio-align-item);\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  &-group--vertical,\n  &-group--horizontal {\n    display: flex;\n    align-items: stretch;\n    gap: 1rem;\n    font-family: var(--card-radio-font-family);\n    font-style: normal;\n    font-weight: 400;\n    line-height: calc(20 / var(--font-size-base) * 1rem);\n\n    .af-card-radio-label {\n      --card-radio-border-color: var(--color-gray-700);\n      --card-radio-outline-color: var(--card-radio-border-color);\n      --card-radio-border-radius: calc(6 / var(--font-size-base) * 1rem);\n      --card-radio-background-color: var(--color-white);\n      --card-radio-border-width: 1px;\n\n      display: flex;\n      padding: 1rem;\n      border: var(--card-radio-border-width) solid\n        var(--card-radio-border-color);\n      border-radius: var(--card-radio-border-radius);\n      flex: 1;\n      align-self: stretch;\n      gap: calc(12 / var(--font-size-base) * 1rem);\n      background-color: var(--card-radio-background-color);\n      outline: var(--card-radio-outline-width, 0) solid\n        var(--card-radio-outline-color);\n      outline-offset: calc(\n        -1 *\n          calc(var(--card-radio-border-width) + var(--card-radio-outline-width))\n      );\n      cursor: pointer;\n\n      &:hover,\n      &:focus-visible,\n      &:focus-within {\n        --card-radio-border-color: var(--color-axa);\n      }\n\n      &:hover {\n        & > span:first-child {\n          --radio-border-color: var(--color-axa);\n        }\n      }\n\n      &:hover,\n      &:focus-visible,\n      &:focus-within,\n      &:has(input:checked),\n      &:has(input[aria-invalid=\"true\"]) {\n        --card-radio-outline-width: 1px;\n      }\n\n      .af-card-radio-content {\n        display: flex;\n        align-items: center;\n        gap: calc(4 / var(--font-size-base) * 1rem);\n\n        .af-card-radio-content-description {\n          display: flex;\n          justify-content: center;\n          gap: calc(\n            var(--card-radio-content-description-gap, 4) /\n              var(--font-size-base) * 1rem\n          );\n          font-size: 1rem;\n          line-height: calc(20 / var(--font-size-base) * 1rem);\n\n          & > span:first-child {\n            --card-radio-label-text-color: var(--color-black);\n\n            font-size: calc(18 / var(--font-size-base) * 1rem);\n            font-weight: 400;\n            color: var(--card-radio-title-text-color);\n\n            @media (width < #{breakpoints.$breakpoint-sm}) {\n              font-size: calc(16 / var(--font-size-base) * 1rem);\n              font-weight: 400;\n            }\n          }\n\n          & > span:not(:first-child) {\n            font-size: calc(16 / var(--font-size-base) * 1rem);\n            font-weight: 400;\n            color: var(--card-radio-subtitle-text-color);\n\n            @media (width < #{breakpoints.$breakpoint-sm}) {\n              font-size: calc(14 / var(--font-size-base) * 1rem);\n              font-weight: 400;\n            }\n          }\n        }\n      }\n\n      &:has(input:checked) {\n        --card-radio-border-color: var(--color-axa);\n        --card-radio-background-color: var(--color-blue-2);\n      }\n    }\n  }\n\n  /* stylelint-disable-next-line no-descending-specificity */\n  &__container[aria-invalid=\"true\"] .af-card-radio-label {\n    --card-radio-border-color: var(--color-red-700);\n\n    &:hover,\n    &:focus-within,\n    &:focus {\n      --card-radio-outline-width: 2px;\n\n      & > span:first-child {\n        --radio-outline-width: 2px;\n      }\n    }\n\n    /* stylelint-disable-next-line no-descending-specificity */\n    & > span:first-child {\n      --radio-border-color: var(--color-red-700);\n      --radio-outline-width: 1px;\n    }\n  }\n\n  &__container[aria-invalid=\"true\"]\n    .af-card-radio-label:not(:has(input:checked)) {\n    --card-radio-outline-width: 1px;\n\n    &:hover,\n    &:focus-visible,\n    &:focus-within,\n    &:focus {\n      --card-radio-outline-width: 2px;\n    }\n  }\n}\n"]}

package/dist/Form/Text/Text.css

@@ -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);width:100%}.af-form__label-header{align-items:center;display:flex;justify-content:space-between}.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{color:var(--color-gray-900);font-size:1rem;line-height:1.25rem}.af-form__input-text~*{color:var(--color-gray-900);fill:var(--color-gray-900)}@media (width > 1023px){.af-form__input-text{font-size:1.125rem;line-height:1.5rem}}.af-form__input-variant{align-items:center;background-color:var(--color-white);border:1px solid var(--color-gray);border-radius:var(--default-border-radius);display:grid;grid-template-columns:auto min-content;padding:1rem;width:100%}.af-form__input-variant>input{all:unset}.af-form__input-variant:has(>input:is(:focus-visible)){outline:2px solid var(--color-focus);outline-offset:3px}.af-form__input-variant:has(>input:is(:hover,:focus,:active)){border:1px solid var(--color-axa);box-shadow:0 0 0 1px var(--color-axa) inset}.af-form__input-variant:has(>input[class*="--error"]){border:1px solid var(--color-red-700)}.af-form__input-variant>input~*{margin-left:.5rem}.af-form__input-variant:has(>input:disabled),.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active){background-color:var(--color-border);border:1px solid var(--color-gray-400);box-shadow:unset;color:var(--color-gray-500);cursor:not-allowed}.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active)>input~*,.af-form__input-variant:has(>input:disabled)>input~*{color:var(--color-gray-500);cursor:not-allowed;fill:var(--color-gray-500)}.af-form__input-variant:has(>input[class*="--error"]):is(:hover,:focus,:active){border:1px solid var(--color-red-700);box-shadow:0 0 0 1px var(--color-red-700) inset}.af-form__input-variant:has(input:not([value=""],[class*="--error"])):not(:hover,:focus,:active){border:1px solid var(--color-axa)}
+.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);width:100%}.af-form__label-header{align-items:center;display:flex;justify-content:space-between}.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{fill:var(--color-axa);width:-webkit-fit-content;width:fit-content}.af-form__input-more svg{height:1.25rem;width:1.25rem}.af-form__input-text{color:var(--color-gray-900);font-size:1rem;line-height:1.25rem}.af-form__input-text~*{color:var(--color-gray-900);fill:var(--color-gray-900)}@media (width > 1023px){.af-form__input-text{font-size:1.125rem;line-height:1.5rem}}.af-form__input-variant>input{all:unset}.af-form__input-variant{align-items:center;background-color:var(--color-white);border:1px solid var(--color-gray);border-radius:var(--default-border-radius);display:grid;grid-template-columns:auto -webkit-min-content;grid-template-columns:auto min-content;padding:1rem;width:100%}.af-form__input-variant:has(>input:is(:focus-visible)){outline:2px solid var(--color-focus);outline-offset:3px}.af-form__input-variant:has(>input:is(:hover,:focus,:active)){border:1px solid var(--color-axa);box-shadow:0 0 0 1px var(--color-axa) inset}.af-form__input-variant:has(>input[class*="--error"]){border:1px solid var(--color-red-700)}.af-form__input-variant>input~*{margin-left:.5rem}.af-form__input-variant:has(>input:disabled),.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active){background-color:var(--color-border);border:1px solid var(--color-gray-400);box-shadow:unset;color:var(--color-gray-500);cursor:not-allowed}.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active)>input~*,.af-form__input-variant:has(>input:disabled)>input~*{color:var(--color-gray-500);cursor:not-allowed;fill:var(--color-gray-500)}.af-form__input-variant:has(>input[class*="--error"]):is(:hover,:focus,:active){border:1px solid var(--color-red-700);box-shadow:0 0 0 1px var(--color-red-700) inset}.af-form__input-variant:has(input:not([value=""],[class*="--error"])):not(:hover,:focus,:active){border:1px solid var(--color-axa)}

package/dist/Form/Text/Text.css.map

@@ -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,sBCIJ,CDDE,0BACE,4CAAA,CAGA,UCHJ,CDQE,uBAEE,kBAAA,CADA,YAAA,CAEA,6BCNJ,CDSE,sBAIE,2BAAA,CAHA,kBAAA,CACA,eAAA,CACA,mBCNJ,CDSI,wBANF,sBCAA,kBAAA,CDQI,kBCNJ,CACF,CDSE,4BAIE,2BAAA,CAHA,iBAAA,CACA,eAAA,CACA,oBCNJ,CDSI,wBANF,4BCAA,cAAA,CDQI,mBCNJ,CACF,CDSE,uBAGE,2BAAA,CAFA,iBAAA,CACA,oBCNJ,CDSI,wBALF,uBAMI,cAAA,CCNJ,mBACA,CACF,CDSE,qBACE,iBAAA,CACA,qBCPJ,CDSI,yBAEE,cAAA,CADA,aCNN,CDWE,qBAGE,2BAAA,CAFA,cAAA,CACA,mBCRJ,CDWI,uBACE,2BAAA,CACA,0BCTN,CDYI,wBAVF,qBAWI,kBAAA,CACA,kBCTJ,CACF,CDYE,wBAWE,kBAAA,CACA,mCAAA,CAJA,kCAAA,CACA,0CAAA,CAJA,YAAA,CAKA,sCAAA,CAHA,YAAA,CADA,UCRJ,CDGI,8BACE,SCDN,CDaI,uDACE,oCAAA,CACA,kBCXN,CDcI,8DACE,iCAAA,CACA,2CCZN,CDeI,sDACE,qCCbN,CDgBI,gCACE,iBCdN,CDiBI,oHAIE,oCAAA,CAFA,sCAAA,CAGA,gBAAA,CAFA,2BAAA,CAGA,kBChBN,CDkBM,oIACE,2BAAA,CACA,kBAAA,CACA,0BChBR,CDoBI,gFACE,qCAAA,CACA,+CClBN,CDsBM,iGACE,iCCpBR","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    width: 100%;\n    flex-direction: column;\n    row-gap: var(--row-gap);\n  }\n\n  &__label-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\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    font-size: common.rem(16);\n    line-height: common.rem(20);\n    color: var(--color-gray-900);\n\n    & ~ * {\n      color: var(--color-gray-900);\n      fill: var(--color-gray-900);\n    }\n\n    @media (width > #{common.$breakpoint-md}) {\n      font-size: common.rem(18);\n      line-height: common.rem(24);\n    }\n  }\n\n  &__input-variant {\n    & > input {\n      all: unset;\n    }\n\n    display: grid;\n    width: 100%;\n    padding: 1rem;\n    border: 1px solid var(--color-gray);\n    border-radius: var(--default-border-radius);\n    grid-template-columns: auto min-content;\n    align-items: center;\n    background-color: var(--color-white);\n\n    &:has(> input:is(:focus-visible)) {\n      outline: 2px solid var(--color-focus);\n      outline-offset: 3px;\n    }\n\n    &:has(> input:is(:hover, :focus, :active)) {\n      border: 1px solid var(--color-axa);\n      box-shadow: 0 0 0 1px var(--color-axa) inset;\n    }\n\n    &:has(> input[class*=\"--error\"]) {\n      border: 1px solid var(--color-red-700);\n    }\n\n    & > input ~ * {\n      margin-left: 0.5rem;\n    }\n\n    &:has(> input:disabled),\n    &:has(> input:disabled):is(:hover, :focus, :active) {\n      border: 1px solid var(--color-gray-400);\n      color: var(--color-gray-500);\n      background-color: var(--color-border);\n      box-shadow: unset;\n      cursor: not-allowed;\n\n      & > input ~ * {\n        color: var(--color-gray-500);\n        cursor: not-allowed;\n        fill: var(--color-gray-500);\n      }\n    }\n\n    &:has(> input[class*=\"--error\"]):is(:hover, :focus, :active) {\n      border: 1px solid var(--color-red-700);\n      box-shadow: 0 0 0 1px var(--color-red-700) inset;\n    }\n\n    &:has(input:not([value=\"\"], [class*=\"--error\"])) {\n      &:not(:hover, :focus, :active) {\n        border: 1px solid var(--color-axa);\n      }\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    width: 100%;\n    flex-direction: column;\n    row-gap: var(--row-gap);\n  }\n\n  &__label-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\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    font-size: common.rem(16);\n    line-height: common.rem(20);\n    color: var(--color-gray-900);\n\n    & ~ * {\n      color: var(--color-gray-900);\n      fill: var(--color-gray-900);\n    }\n\n    @media (width > #{common.$breakpoint-md}) {\n      font-size: common.rem(18);\n      line-height: common.rem(24);\n    }\n  }\n\n  &__input-variant {\n    & > input {\n      all: unset;\n    }\n\n    display: grid;\n    width: 100%;\n    padding: 1rem;\n    border: 1px solid var(--color-gray);\n    border-radius: var(--default-border-radius);\n    grid-template-columns: auto min-content;\n    align-items: center;\n    background-color: var(--color-white);\n\n    &:has(> input:is(:focus-visible)) {\n      outline: 2px solid var(--color-focus);\n      outline-offset: 3px;\n    }\n\n    &:has(> input:is(:hover, :focus, :active)) {\n      border: 1px solid var(--color-axa);\n      box-shadow: 0 0 0 1px var(--color-axa) inset;\n    }\n\n    &:has(> input[class*=\"--error\"]) {\n      border: 1px solid var(--color-red-700);\n    }\n\n    & > input ~ * {\n      margin-left: 0.5rem;\n    }\n\n    &:has(> input:disabled),\n    &:has(> input:disabled):is(:hover, :focus, :active) {\n      border: 1px solid var(--color-gray-400);\n      color: var(--color-gray-500);\n      background-color: var(--color-border);\n      box-shadow: unset;\n      cursor: not-allowed;\n\n      & > input ~ * {\n        color: var(--color-gray-500);\n        cursor: not-allowed;\n        fill: var(--color-gray-500);\n      }\n    }\n\n    &:has(> input[class*=\"--error\"]):is(:hover, :focus, :active) {\n      border: 1px solid var(--color-red-700);\n      box-shadow: 0 0 0 1px var(--color-red-700) inset;\n    }\n\n    &:has(input:not([value=\"\"], [class*=\"--error\"])) {\n      &:not(:hover, :focus, :active) {\n        border: 1px solid var(--color-axa);\n      }\n    }\n  }\n}\n"]}
+{"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,sBCIJ,CDDE,0BACE,4CAAA,CAGA,UCHJ,CDQE,uBAEE,kBAAA,CADA,YAAA,CAEA,6BCNJ,CDSE,sBAIE,2BAAA,CAHA,kBAAA,CACA,eAAA,CACA,mBCNJ,CDSI,wBANF,sBCAA,kBAAA,CDQI,kBCNJ,CACF,CDSE,4BAIE,2BAAA,CAHA,iBAAA,CACA,eAAA,CACA,oBCNJ,CDSI,wBANF,4BCAA,cAAA,CDQI,mBCNJ,CACF,CDSE,uBAGE,2BAAA,CAFA,iBAAA,CACA,oBCNJ,CDSI,wBALF,uBAMI,cAAA,CCNJ,mBACA,CACF,CDSE,qBAEE,qBAAA,CADA,yBAAA,CAAA,iBCNJ,CDSI,yBAEE,cAAA,CADA,aCNN,CDWE,qBAGE,2BAAA,CAFA,cAAA,CACA,mBCRJ,CDWI,uBACE,2BAAA,CACA,0BCTN,CDYI,wBAVF,qBAWI,kBAAA,CACA,kBCTJ,CACF,CDaI,8BACE,SCXN,CDSE,wBAWE,kBAAA,CACA,mCAAA,CAJA,kCAAA,CACA,0CAAA,CAJA,YAAA,CAKA,8CAAA,CAAA,sCAAA,CAHA,YAAA,CADA,UCLJ,CDaI,uDACE,oCAAA,CACA,kBCXN,CDcI,8DACE,iCAAA,CACA,2CCZN,CDeI,sDACE,qCCbN,CDgBI,gCACE,iBCdN,CDiBI,oHAIE,oCAAA,CAFA,sCAAA,CAGA,gBAAA,CAFA,2BAAA,CAGA,kBChBN,CDkBM,oIACE,2BAAA,CACA,kBAAA,CACA,0BChBR,CDoBI,gFACE,qCAAA,CACA,+CClBN,CDsBM,iGACE,iCCpBR","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    width: 100%;\n    flex-direction: column;\n    row-gap: var(--row-gap);\n  }\n\n  &__label-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\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    font-size: common.rem(16);\n    line-height: common.rem(20);\n    color: var(--color-gray-900);\n\n    & ~ * {\n      color: var(--color-gray-900);\n      fill: var(--color-gray-900);\n    }\n\n    @media (width > #{common.$breakpoint-md}) {\n      font-size: common.rem(18);\n      line-height: common.rem(24);\n    }\n  }\n\n  &__input-variant {\n    & > input {\n      all: unset;\n    }\n\n    display: grid;\n    width: 100%;\n    padding: 1rem;\n    border: 1px solid var(--color-gray);\n    border-radius: var(--default-border-radius);\n    grid-template-columns: auto min-content;\n    align-items: center;\n    background-color: var(--color-white);\n\n    &:has(> input:is(:focus-visible)) {\n      outline: 2px solid var(--color-focus);\n      outline-offset: 3px;\n    }\n\n    &:has(> input:is(:hover, :focus, :active)) {\n      border: 1px solid var(--color-axa);\n      box-shadow: 0 0 0 1px var(--color-axa) inset;\n    }\n\n    &:has(> input[class*=\"--error\"]) {\n      border: 1px solid var(--color-red-700);\n    }\n\n    & > input ~ * {\n      margin-left: 0.5rem;\n    }\n\n    &:has(> input:disabled),\n    &:has(> input:disabled):is(:hover, :focus, :active) {\n      border: 1px solid var(--color-gray-400);\n      color: var(--color-gray-500);\n      background-color: var(--color-border);\n      box-shadow: unset;\n      cursor: not-allowed;\n\n      & > input ~ * {\n        color: var(--color-gray-500);\n        cursor: not-allowed;\n        fill: var(--color-gray-500);\n      }\n    }\n\n    &:has(> input[class*=\"--error\"]):is(:hover, :focus, :active) {\n      border: 1px solid var(--color-red-700);\n      box-shadow: 0 0 0 1px var(--color-red-700) inset;\n    }\n\n    &:has(input:not([value=\"\"], [class*=\"--error\"])) {\n      &:not(:hover, :focus, :active) {\n        border: 1px solid var(--color-axa);\n      }\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    width: 100%;\n    flex-direction: column;\n    row-gap: var(--row-gap);\n  }\n\n  &__label-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\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    font-size: common.rem(16);\n    line-height: common.rem(20);\n    color: var(--color-gray-900);\n\n    & ~ * {\n      color: var(--color-gray-900);\n      fill: var(--color-gray-900);\n    }\n\n    @media (width > #{common.$breakpoint-md}) {\n      font-size: common.rem(18);\n      line-height: common.rem(24);\n    }\n  }\n\n  &__input-variant {\n    & > input {\n      all: unset;\n    }\n\n    display: grid;\n    width: 100%;\n    padding: 1rem;\n    border: 1px solid var(--color-gray);\n    border-radius: var(--default-border-radius);\n    grid-template-columns: auto min-content;\n    align-items: center;\n    background-color: var(--color-white);\n\n    &:has(> input:is(:focus-visible)) {\n      outline: 2px solid var(--color-focus);\n      outline-offset: 3px;\n    }\n\n    &:has(> input:is(:hover, :focus, :active)) {\n      border: 1px solid var(--color-axa);\n      box-shadow: 0 0 0 1px var(--color-axa) inset;\n    }\n\n    &:has(> input[class*=\"--error\"]) {\n      border: 1px solid var(--color-red-700);\n    }\n\n    & > input ~ * {\n      margin-left: 0.5rem;\n    }\n\n    &:has(> input:disabled),\n    &:has(> input:disabled):is(:hover, :focus, :active) {\n      border: 1px solid var(--color-gray-400);\n      color: var(--color-gray-500);\n      background-color: var(--color-border);\n      box-shadow: unset;\n      cursor: not-allowed;\n\n      & > input ~ * {\n        color: var(--color-gray-500);\n        cursor: not-allowed;\n        fill: var(--color-gray-500);\n      }\n    }\n\n    &:has(> input[class*=\"--error\"]):is(:hover, :focus, :active) {\n      border: 1px solid var(--color-red-700);\n      box-shadow: 0 0 0 1px var(--color-red-700) inset;\n    }\n\n    &:has(input:not([value=\"\"], [class*=\"--error\"])) {\n      &:not(:hover, :focus, :active) {\n        border: 1px solid var(--color-axa);\n      }\n    }\n  }\n}\n"]}

package/dist/IconBg/IconBg.css

@@ -1 +1 @@
-.af-icon-bg{background-color:var(--color-white);border-radius:.75rem;display:grid;height:min-content;padding:.75rem;width:min-content}.af-icon-bg svg{height:2rem;width:2rem;fill:var(--color-axa)}.af-icon-bg--secondary{background-color:var(--color-axa)}.af-icon-bg--secondary svg{fill:var(--color-white)}.af-icon-bg--disabled{background-color:var(--color-gray-200)}.af-icon-bg--disabled svg{fill:var(--color-gray-500)}@media (width <= 667px){.af-icon-bg{padding:.5rem}}
+.af-icon-bg{background-color:var(--color-white);border-radius:.75rem;display:grid;height:-webkit-min-content;height:min-content;padding:.75rem;width:-webkit-min-content;width:min-content}.af-icon-bg svg{fill:var(--color-axa);height:2rem;width:2rem}.af-icon-bg--secondary{background-color:var(--color-axa)}.af-icon-bg--secondary svg{fill:var(--color-white)}.af-icon-bg--disabled{background-color:var(--color-gray-200)}.af-icon-bg--disabled svg{fill:var(--color-gray-500)}@media (width <= 667px){.af-icon-bg{padding:.5rem}}

package/dist/IconBg/IconBg.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/IconBg/IconBg.scss%23sass","../../src/IconBg/IconBg.scss"],"names":[],"mappings":"AAEA,YAME,mCAAA,CADA,oBAAA,CAJA,YAAA,CAEA,kBAAA,CACA,cAAA,CCJF,iBAKA,CDGE,gBAEE,WAAA,CADA,UAAA,CAEA,qBCDJ,CDIE,uBACE,iCCFJ,CDII,2BACE,uBCFN,CDME,sBACE,sCCJJ,CDMI,0BACE,0BCJN,CDSA,wBACE,YACE,aCNF,CACF","file":"IconBg.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-icon-bg {\n  display: grid;\n  width: min-content;\n  height: min-content;\n  padding: 0.75rem;\n  border-radius: 0.75rem;\n  background-color: var(--color-white);\n\n  svg {\n    width: 2rem;\n    height: 2rem;\n    fill: var(--color-axa);\n  }\n\n  &--secondary {\n    background-color: var(--color-axa);\n\n    svg {\n      fill: var(--color-white);\n    }\n  }\n\n  &--disabled {\n    background-color: var(--color-gray-200);\n\n    svg {\n      fill: var(--color-gray-500);\n    }\n  }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n  .af-icon-bg {\n    padding: 0.5rem;\n  }\n}\n","@use \"../common/common\" as common;\n\n.af-icon-bg {\n  display: grid;\n  width: min-content;\n  height: min-content;\n  padding: 0.75rem;\n  border-radius: 0.75rem;\n  background-color: var(--color-white);\n\n  svg {\n    width: 2rem;\n    height: 2rem;\n    fill: var(--color-axa);\n  }\n\n  &--secondary {\n    background-color: var(--color-axa);\n\n    svg {\n      fill: var(--color-white);\n    }\n  }\n\n  &--disabled {\n    background-color: var(--color-gray-200);\n\n    svg {\n      fill: var(--color-gray-500);\n    }\n  }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n  .af-icon-bg {\n    padding: 0.5rem;\n  }\n}\n"]}
+{"version":3,"sources":["../../src/IconBg/IconBg.scss%23sass","../../src/IconBg/IconBg.scss"],"names":[],"mappings":"AAEA,YAME,mCAAA,CADA,oBAAA,CAJA,YAAA,CAEA,0BAAA,CAAA,kBAAA,CACA,cAAA,CCJF,yBAAA,CAAA,iBAKA,CDGE,gBAGE,qBAAA,CADA,WAAA,CADA,UCCJ,CDIE,uBACE,iCCFJ,CDII,2BACE,uBCFN,CDME,sBACE,sCCJJ,CDMI,0BACE,0BCJN,CDSA,wBACE,YACE,aCNF,CACF","file":"IconBg.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-icon-bg {\n  display: grid;\n  width: min-content;\n  height: min-content;\n  padding: 0.75rem;\n  border-radius: 0.75rem;\n  background-color: var(--color-white);\n\n  svg {\n    width: 2rem;\n    height: 2rem;\n    fill: var(--color-axa);\n  }\n\n  &--secondary {\n    background-color: var(--color-axa);\n\n    svg {\n      fill: var(--color-white);\n    }\n  }\n\n  &--disabled {\n    background-color: var(--color-gray-200);\n\n    svg {\n      fill: var(--color-gray-500);\n    }\n  }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n  .af-icon-bg {\n    padding: 0.5rem;\n  }\n}\n","@use \"../common/common\" as common;\n\n.af-icon-bg {\n  display: grid;\n  width: min-content;\n  height: min-content;\n  padding: 0.75rem;\n  border-radius: 0.75rem;\n  background-color: var(--color-white);\n\n  svg {\n    width: 2rem;\n    height: 2rem;\n    fill: var(--color-axa);\n  }\n\n  &--secondary {\n    background-color: var(--color-axa);\n\n    svg {\n      fill: var(--color-white);\n    }\n  }\n\n  &--disabled {\n    background-color: var(--color-gray-200);\n\n    svg {\n      fill: var(--color-gray-500);\n    }\n  }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n  .af-icon-bg {\n    padding: 0.5rem;\n  }\n}\n"]}

package/dist/Layout/Header/Header.css

@@ -1 +1 @@
-.af-header{background-color:var(--color-white);position:sticky;top:0;z-index:2}.af-header>.af-header-container{align-items:center;border-bottom:1px solid var(--color-gray-300);border-top:2px solid var(--color-axa);color:var(--color-axa);display:flex;flex-direction:row;font-family:var(--font-family-sans-serif);font-size:1.25rem;font-weight:600;height:5rem;justify-content:space-between;padding:0 3.75rem;width:auto}@media (max-width:1278.98px){.af-header>.af-header-container{height:72px;padding:0 1rem;width:100%}}.af-header>.af-header-container>.af-header-left-item{align-items:center;display:flex;flex-direction:row;gap:1.5rem;height:5rem}.af-header>.af-header-container>.af-header-left-item>.af-logo{height:56px;width:56px}@media (max-width:1278.98px){.af-header>.af-header-container>.af-header-left-item>.af-logo{align-self:center;height:40px;width:40px}}.af-header>.af-header-container>.af-header-left-item>nav{display:block}@media (max-width:1278.98px){.af-header>.af-header-container>.af-header-left-item>nav{display:none}}.af-header>.af-header-container>.af-header-right-item{display:flex;flex-direction:row;gap:var(--spacing-u2);margin:0}@media (max-width:1278.98px){.af-header>.af-header-container>.af-header-right-item{display:none}}.af-header>.af-header-container>.af-btn-client{display:none}@media (max-width:1278.98px){.af-header>.af-header-container>.af-btn-client{display:block}}.af-header+dialog{border-radius:0;margin:0;max-width:100%;width:100%}
+.af-header{background-color:var(--color-white);position:-webkit-sticky;position:sticky;top:0;z-index:2}.af-header>.af-header-container{align-items:center;border-bottom:1px solid var(--color-gray-300);border-top:2px solid var(--color-axa);color:var(--color-axa);display:flex;flex-direction:row;font-family:var(--font-family-sans-serif);font-size:1.25rem;font-weight:600;height:5rem;justify-content:space-between;padding:0 3.75rem;width:auto}@media (max-width:1278.98px){.af-header>.af-header-container{height:72px;padding:0 1rem;width:100%}}.af-header>.af-header-container>.af-header-left-item{align-items:center;display:flex;flex-direction:row;gap:1.5rem;height:5rem}.af-header>.af-header-container>.af-header-left-item>.af-logo{height:56px;width:56px}@media (max-width:1278.98px){.af-header>.af-header-container>.af-header-left-item>.af-logo{align-self:center;height:40px;width:40px}}.af-header>.af-header-container>.af-header-left-item>nav{display:block}@media (max-width:1278.98px){.af-header>.af-header-container>.af-header-left-item>nav{display:none}}.af-header>.af-header-container>.af-header-right-item{display:flex;flex-direction:row;gap:var(--spacing-u2);margin:0}@media (max-width:1278.98px){.af-header>.af-header-container>.af-header-right-item{display:none}}.af-header>.af-header-container>.af-btn-client{display:none}@media (max-width:1278.98px){.af-header>.af-header-container>.af-btn-client{display:block}}.af-header+dialog{border-radius:0;margin:0;max-width:100%;width:100%}