@axa-fr/design-system-look-and-feel-css 1.0.5-ci.8 → 1.0.5-ci.85

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/dist/Accordion/Accordion.css +1 -1
  2. package/dist/Accordion/Accordion.css.map +1 -1
  3. package/dist/AccordionCore/AccordionCore.css +1 -1
  4. package/dist/AccordionCore/AccordionCore.css.map +1 -1
  5. package/dist/Alert/Alert.css +1 -1
  6. package/dist/Alert/Alert.css.map +1 -1
  7. package/dist/Alert/Alert.scss +6 -6
  8. package/dist/Button/Button.css +1 -1
  9. package/dist/Button/Button.css.map +1 -1
  10. package/dist/Card/Card.css +1 -1
  11. package/dist/Card/Card.css.map +1 -1
  12. package/dist/Form/Checkbox/Checkbox.css +1 -1
  13. package/dist/Form/Checkbox/Checkbox.css.map +1 -1
  14. package/dist/Form/Checkbox/Checkbox.scss +16 -5
  15. package/dist/Form/FileUpload/FileUpload.css +1 -1
  16. package/dist/Form/FileUpload/FileUpload.css.map +1 -1
  17. package/dist/Form/FileUpload/FileUpload.scss +1 -4
  18. package/dist/Form/Radio/Radio.css +1 -1
  19. package/dist/Form/Radio/Radio.css.map +1 -1
  20. package/dist/Form/Radio/Radio.scss +17 -6
  21. package/dist/Form/Select/Select.css +1 -1
  22. package/dist/Form/Select/Select.css.map +1 -1
  23. package/dist/Form/Select/Select.scss +52 -90
  24. package/dist/Form/Text/Text.css +1 -1
  25. package/dist/Form/Text/Text.css.map +1 -1
  26. package/dist/Form/Text/Text.scss +58 -13
  27. package/dist/Form/TextArea/TextArea.css +1 -1
  28. package/dist/Form/TextArea/TextArea.css.map +1 -1
  29. package/dist/Form/TextArea/TextArea.scss +1 -1
  30. package/dist/Grid/Grid-demo-example-form.css +1 -1
  31. package/dist/Grid/Grid-demo-example-form.css.map +1 -1
  32. package/dist/Grid/Grid-demo-example-form.scss +20 -0
  33. package/dist/Grid/Grid-demo-wireframe.css +1 -1
  34. package/dist/Grid/Grid-demo-wireframe.css.map +1 -1
  35. package/dist/IconBg/IconBg.css +1 -1
  36. package/dist/IconBg/IconBg.css.map +1 -1
  37. package/dist/Layout/Footer/Footer.css +1 -1
  38. package/dist/Layout/Footer/Footer.css.map +1 -1
  39. package/dist/Layout/Header/Header.css +1 -1
  40. package/dist/Layout/Header/Header.css.map +1 -1
  41. package/dist/Link/Link.css +1 -1
  42. package/dist/Link/Link.css.map +1 -1
  43. package/dist/List/ClickList/ClickList.css +1 -1
  44. package/dist/List/ClickList/ClickList.css.map +1 -1
  45. package/dist/Loader/Loader.css +1 -1
  46. package/dist/Loader/Loader.css.map +1 -1
  47. package/dist/Modal/Modal.css +1 -1
  48. package/dist/Modal/Modal.css.map +1 -1
  49. package/dist/Modal/Modal.scss +62 -89
  50. package/dist/Stepper/Stepper.css +1 -1
  51. package/dist/Stepper/Stepper.css.map +1 -1
  52. package/dist/Stepper/Stepper.scss +4 -3
  53. package/dist/Title/Title.css +1 -1
  54. package/dist/Title/Title.css.map +1 -1
  55. package/dist/common/common.scss +3 -1
  56. package/dist/common/reboot.css +1 -1
  57. package/dist/common/reboot.css.map +1 -1
  58. package/dist/common/tokens.css +1 -1
  59. package/dist/common/tokens.css.map +1 -1
  60. package/dist/common/tokens.scss +2 -0
  61. package/dist/look-and-feel.css +1 -1
  62. package/dist/look-and-feel.css.map +1 -1
  63. package/package.json +15 -62
  64. package/dist/common/glyphicons/icons.eot +0 -0
  65. package/dist/common/glyphicons/icons.svg +0 -918
  66. package/dist/common/glyphicons/icons.ttf +0 -0
  67. package/dist/common/glyphicons/icons.woff +0 -0
  68. package/dist/common/icons.css +0 -1
  69. package/dist/common/icons.css.map +0 -1
  70. package/dist/common/icons.scss +0 -1236
  71. /package/{dist/common → files}/assets/logo-axa.svg +0 -0
@@ -14,10 +14,17 @@
14
14
  --row-gap: calc(4 / var(--font-size-base) * 1rem);
15
15
 
16
16
  display: flex;
17
+ width: 100%;
17
18
  flex-direction: column;
18
19
  row-gap: var(--row-gap);
19
20
  }
20
21
 
22
+ &__label-header {
23
+ display: flex;
24
+ align-items: center;
25
+ justify-content: space-between;
26
+ }
27
+
21
28
  &__input-label {
22
29
  font-size: common.rem(18);
23
30
  font-weight: 600;
@@ -64,33 +71,71 @@
64
71
  }
65
72
 
66
73
  &__input-text {
67
- padding: 1rem 2.5rem 1rem 1rem;
68
- border: 1px solid var(--color-gray);
69
- border-radius: var(--default-border-radius);
70
74
  font-size: common.rem(16);
71
75
  line-height: common.rem(20);
72
76
  color: var(--color-gray-900);
73
77
 
78
+ & ~ * {
79
+ color: var(--color-gray-900);
80
+ fill: var(--color-gray-900);
81
+ }
82
+
74
83
  @media (width > #{common.$breakpoint-md}) {
75
84
  font-size: common.rem(18);
76
85
  line-height: common.rem(24);
77
86
  }
87
+ }
88
+
89
+ &__input-variant {
90
+ & > input {
91
+ all: unset;
92
+ }
93
+
94
+ display: grid;
95
+ width: 100%;
96
+ padding: 1rem;
97
+ border: 1px solid var(--color-gray);
98
+ border-radius: var(--default-border-radius);
99
+ grid-template-columns: auto min-content;
100
+ align-items: center;
101
+ background-color: var(--color-white);
102
+
103
+ &:has(> input:is(:focus-visible)) {
104
+ outline: 2px solid var(--color-focus);
105
+ outline-offset: 3px;
106
+ }
107
+
108
+ &:has(> input:is(:hover, :focus, :active)) {
109
+ border: 1px solid var(--color-axa);
110
+ box-shadow: 0 0 0 1px var(--color-axa) inset;
111
+ }
112
+
113
+ &:has(> input[class*="--error"]) {
114
+ border: 1px solid var(--color-red-700);
115
+ }
78
116
 
79
- &--error {
80
- border: 2px solid var(--color-red-700);
117
+ & > input ~ * {
118
+ margin-left: 0.5rem;
81
119
  }
82
120
 
83
- &:enabled {
84
- &:focus,
85
- &:active {
86
- border: 1px solid var(--color-axa);
87
- outline: none;
121
+ &:has(> input:disabled),
122
+ &:has(> input:disabled):is(:hover, :focus, :active) {
123
+ border: 1px solid var(--color-gray-400);
124
+ color: var(--color-gray-500);
125
+ background-color: var(--color-border);
126
+ box-shadow: unset;
127
+ cursor: not-allowed;
128
+
129
+ & > input ~ * {
130
+ color: var(--color-gray-500);
131
+ cursor: not-allowed;
132
+ fill: var(--color-gray-500);
88
133
  }
89
134
  }
90
135
 
91
- &:not(:disabled, :focus, :active, &--error):hover {
92
- border: 2px solid var(--color-axa);
93
- outline: none;
136
+ &:has(> input[class*="--error"]):is(:hover, :focus, :active) {
137
+ border: 1px solid var(--color-red-700);
138
+ box-shadow: 0 0 0 1px var(--color-red-700) inset;
94
139
  }
95
140
  }
96
141
  }
@@ -1 +1 @@
1
- .af-form__input-container{--row-gap:calc(8/var(--font-size-base)*1rem);align-items:flex-start}.af-form__input-container,.af-form__label-container{display:flex;flex-direction:column;row-gap:var(--row-gap)}.af-form__label-container{--row-gap:calc(4/var(--font-size-base)*1rem)}.af-form__input-label{color:var(--color-gray-900);font-size:1.125rem;font-weight:600;line-height:1.25rem}@media (width > 1023px){.af-form__input-label{font-size:1.125rem;line-height:1.5rem}}.af-form__input-description{color:var(--color-gray-700);font-size:.875rem;font-weight:400;line-height:1.125rem}@media (width > 1023px){.af-form__input-description{font-size:1rem;line-height:1.25rem}}.af-form__input-helper{color:var(--color-gray-700);font-size:.875rem;line-height:1.125rem}@media (width > 1023px){.af-form__input-helper{font-size:1rem;line-height:1.25rem}}.af-form__input-more{width:-moz-fit-content;width:fit-content;fill:var(--color-axa)}.af-form__input-more svg{height:1.25rem;width:1.25rem}.af-form__input-text{border:1px solid var(--color-gray);border-radius:var(--default-border-radius);color:var(--color-gray-900);font-size:1rem;line-height:1.25rem;padding:1rem 2.5rem 1rem 1rem}@media (width > 1023px){.af-form__input-text{font-size:1.125rem;line-height:1.5rem}}.af-form__input-text--error{border:2px solid var(--color-red-700)}.af-form__input-text:enabled:active,.af-form__input-text:enabled:focus{border:1px solid var(--color-axa);outline:none}.af-form__input-text:not(:disabled,:focus,:active,.af-form__input-text--error):hover{border:2px solid var(--color-axa);outline:none}.af-form__input-textarea{border:1px solid var(--color-gray);border-radius:var(--default-border-radius);color:var(--color-gray-900);font-size:1rem;height:8.875rem;line-height:1.25rem;margin-top:.5rem;padding:1rem 2.5rem 1rem 1rem;width:100%}@media (width > 1023px){.af-form__input-textarea{font-size:1.125rem;line-height:1.5rem}}.af-form__input-textarea--error{border:2px solid var(--color-red-700)}.af-form__input-textarea:enabled:active,.af-form__input-textarea:enabled:focus{border:1px solid var(--color-axa);outline:none}.af-form__input-textarea:not(:disabled,:focus,:active,.af-form__input-textarea--error):hover{border:2px solid var(--color-axa);outline:none}
1
+ .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-textarea{background-color:var(--color-white);border:1px solid var(--color-gray);border-radius:var(--default-border-radius);color:var(--color-gray-900);font-size:1rem;height:8.875rem;line-height:1.25rem;padding:1rem 2.5rem 1rem 1rem;width:100%}@media (width > 1023px){.af-form__input-textarea{font-size:1.125rem;line-height:1.5rem}}.af-form__input-textarea--error{border:2px solid var(--color-red-700)}.af-form__input-textarea:enabled:active,.af-form__input-textarea:enabled:focus{border:1px solid var(--color-axa);outline:none}.af-form__input-textarea:not(:disabled,:focus,:active,.af-form__input-textarea--error):hover{border:2px solid var(--color-axa);outline:none}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Form/Text/Text.scss","../../../src/Form/TextArea/TextArea.scss","../../../src/Form/TextArea/TextArea.scss%23sass"],"names":[],"mappings":"AAGE,0BCFF,4CDGI,CAIA,sBCFJ,CDME,oDANE,YAAA,CCHJ,qBAAA,CDMI,sBCGJ,CDAE,0BACE,4CCDJ,CDQE,sBAIE,2BAAA,CAHA,kBAAA,CACA,eAAA,CACA,mBCLJ,CDQI,wBANF,sBCCA,kBAAA,CDOI,kBCLJ,CACF,CDQE,4BAIE,2BAAA,CAHA,iBAAA,CACA,eAAA,CACA,oBCLJ,CDQI,wBANF,4BAOI,cAAA,CCLJ,mBACF,CACA,CDQE,uBAGE,2BAAA,CAFA,iBAAA,CACA,oBCLJ,CDQI,wBALF,uBAMI,cAAA,CACA,mBCLJ,CACF,CDQE,qBACE,sBAAA,CAAA,iBAAA,CACA,qBCNJ,CDQI,yBAEE,cAAA,CADA,aCLN,CDUE,qBAEE,kCAAA,CACA,0CAAA,CAGA,2BAAA,CAFA,cAAA,CACA,mBAAA,CAJA,6BCHJ,CDUI,wBARF,qBASI,kBAAA,CACA,kBCPJ,CACF,CDSI,4BACE,qCCPN,CDWM,uEAEE,iCAAA,CACA,YCVR,CDcI,qFACE,iCAAA,CACA,YCZN,CC7EA,yBAKE,kCAAA,CACA,0CAAA,CAGA,2BAAA,CAFA,cAAA,CALA,eAAA,CAMA,mBAAA,CALA,gBAAA,CACA,6BAAA,CAHA,UDwFF,CC9EE,wBAXF,yBAYI,kBAAA,CACA,kBDiFF,CACF,CC/EE,gCACE,qCDiFJ,CC7EI,+EAEE,iCAAA,CACA,YD8EN,CC1EE,6FACE,iCAAA,CACA,YD4EJ","file":"TextArea.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-form {\n &__input-container {\n --row-gap: calc(8 / var(--font-size-base) * 1rem);\n\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: var(--row-gap);\n }\n\n &__label-container {\n --row-gap: calc(4 / var(--font-size-base) * 1rem);\n\n display: flex;\n flex-direction: column;\n row-gap: var(--row-gap);\n }\n\n &__input-label {\n font-size: common.rem(18);\n font-weight: 600;\n line-height: common.rem(20);\n color: var(--color-gray-900);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(18);\n line-height: common.rem(24);\n }\n }\n\n &__input-description {\n font-size: common.rem(14);\n font-weight: 400;\n line-height: common.rem(18);\n color: var(--color-gray-700);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(16);\n line-height: common.rem(20);\n }\n }\n\n &__input-helper {\n font-size: common.rem(14);\n line-height: common.rem(18);\n color: var(--color-gray-700);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(16);\n line-height: common.rem(20);\n }\n }\n\n &__input-more {\n width: fit-content;\n fill: var(--color-axa);\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n }\n }\n\n &__input-text {\n padding: 1rem 2.5rem 1rem 1rem;\n border: 1px solid var(--color-gray);\n border-radius: var(--default-border-radius);\n font-size: common.rem(16);\n line-height: common.rem(20);\n color: var(--color-gray-900);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(18);\n line-height: common.rem(24);\n }\n\n &--error {\n border: 2px solid var(--color-red-700);\n }\n\n &:enabled {\n &:focus,\n &:active {\n border: 1px solid var(--color-axa);\n outline: none;\n }\n }\n\n &:not(:disabled, :focus, :active, &--error):hover {\n border: 2px solid var(--color-axa);\n outline: none;\n }\n }\n}\n","@use \"../../common/common\" as common;\n@use \"../Text/Text\";\n\n.af-form__input-textarea {\n width: 100%;\n height: common.rem(142);\n margin-top: 0.5rem;\n padding: 1rem 2.5rem 1rem 1rem;\n border: 1px solid var(--color-gray);\n border-radius: var(--default-border-radius);\n font-size: common.rem(16);\n line-height: common.rem(20);\n color: var(--color-gray-900);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(18);\n line-height: common.rem(24);\n }\n\n &--error {\n border: 2px solid var(--color-red-700);\n }\n\n &:enabled {\n &:focus,\n &:active {\n border: 1px solid var(--color-axa);\n outline: none;\n }\n }\n\n &:not(:disabled, :focus, :active, &--error):hover {\n border: 2px solid var(--color-axa);\n outline: none;\n }\n}\n","@use \"../../common/common\" as common;\n@use \"../Text/Text\";\n\n.af-form__input-textarea {\n width: 100%;\n height: common.rem(142);\n margin-top: 0.5rem;\n padding: 1rem 2.5rem 1rem 1rem;\n border: 1px solid var(--color-gray);\n border-radius: var(--default-border-radius);\n font-size: common.rem(16);\n line-height: common.rem(20);\n color: var(--color-gray-900);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(18);\n line-height: common.rem(24);\n }\n\n &--error {\n border: 2px solid var(--color-red-700);\n }\n\n &:enabled {\n &:focus,\n &:active {\n border: 1px solid var(--color-axa);\n outline: none;\n }\n }\n\n &:not(:disabled, :focus, :active, &--error):hover {\n border: 2px solid var(--color-axa);\n outline: none;\n }\n}\n"]}
1
+ {"version":3,"sources":["../../../src/Form/Text/Text.scss","../../../src/Form/TextArea/TextArea.scss","../../../src/Form/TextArea/TextArea.scss%23sass"],"names":[],"mappings":"AAGE,0BCFF,4CDGI,CAIA,sBCFJ,CDME,oDANE,YAAA,CCHJ,qBAAA,CDMI,sBCIJ,CDDE,0BACE,4CAAA,CAGA,UCHJ,CDQE,uBAEE,kBAAA,CADA,YAAA,CAEA,6BCNJ,CDSE,sBAIE,2BAAA,CAHA,kBAAA,CACA,eAAA,CACA,mBCNJ,CDSI,wBANF,sBAOI,kBAAA,CACA,kBCNJ,CACF,CDSE,4BCJF,2BAAA,CDKI,iBAAA,CACA,eAAA,CACA,oBCNJ,CDSI,wBANF,4BAOI,cAAA,CACA,mBCNJ,CACF,CDSE,uBAGE,2BAAA,CAFA,iBAAA,CACA,oBCNJ,CDSI,wBALF,uBAMI,cAAA,CACA,mBCNJ,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,CCpHA,yBASE,mCAAA,CALA,kCAAA,CACA,0CAAA,CAGA,2BAAA,CAFA,cAAA,CAJA,eAAA,CAKA,mBAAA,CAJA,6BAAA,CAFA,UD+HF,CCrHE,wBAXF,yBAYI,kBAAA,CACA,kBDwHF,CACF,CCtHE,gCACE,qCDwHJ,CCpHI,+EAEE,iCAAA,CACA,YDqHN,CCjHE,6FACE,iCAAA,CACA,YDmHJ","file":"TextArea.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-form {\n &__input-container {\n --row-gap: calc(8 / var(--font-size-base) * 1rem);\n\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: var(--row-gap);\n }\n\n &__label-container {\n --row-gap: calc(4 / var(--font-size-base) * 1rem);\n\n display: flex;\n 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}\n","@use \"../../common/common\" as common;\n@use \"../Text/Text\";\n\n.af-form__input-textarea {\n width: 100%;\n height: common.rem(142);\n padding: 1rem 2.5rem 1rem 1rem;\n border: 1px solid var(--color-gray);\n border-radius: var(--default-border-radius);\n font-size: common.rem(16);\n line-height: common.rem(20);\n color: var(--color-gray-900);\n background-color: var(--color-white);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(18);\n line-height: common.rem(24);\n }\n\n &--error {\n border: 2px solid var(--color-red-700);\n }\n\n &:enabled {\n &:focus,\n &:active {\n border: 1px solid var(--color-axa);\n outline: none;\n }\n }\n\n &:not(:disabled, :focus, :active, &--error):hover {\n border: 2px solid var(--color-axa);\n outline: none;\n }\n}\n","@use \"../../common/common\" as common;\n@use \"../Text/Text\";\n\n.af-form__input-textarea {\n width: 100%;\n height: common.rem(142);\n padding: 1rem 2.5rem 1rem 1rem;\n border: 1px solid var(--color-gray);\n border-radius: var(--default-border-radius);\n font-size: common.rem(16);\n line-height: common.rem(20);\n color: var(--color-gray-900);\n background-color: var(--color-white);\n\n @media (width > #{common.$breakpoint-md}) {\n font-size: common.rem(18);\n line-height: common.rem(24);\n }\n\n &--error {\n border: 2px solid var(--color-red-700);\n }\n\n &:enabled {\n &:focus,\n &:active {\n border: 1px solid var(--color-axa);\n outline: none;\n }\n }\n\n &:not(:disabled, :focus, :active, &--error):hover {\n border: 2px solid var(--color-axa);\n outline: none;\n }\n}\n"]}
@@ -4,13 +4,13 @@
4
4
  .af-form__input-textarea {
5
5
  width: 100%;
6
6
  height: common.rem(142);
7
- margin-top: 0.5rem;
8
7
  padding: 1rem 2.5rem 1rem 1rem;
9
8
  border: 1px solid var(--color-gray);
10
9
  border-radius: var(--default-border-radius);
11
10
  font-size: common.rem(16);
12
11
  line-height: common.rem(20);
13
12
  color: var(--color-gray-900);
13
+ background-color: var(--color-white);
14
14
 
15
15
  @media (width > #{common.$breakpoint-md}) {
16
16
  font-size: common.rem(18);
@@ -1 +1 @@
1
- main.example-form{padding-block:4rem}.form{--start:3;--cols:8}@media (width > 1023px){.form{--row-gap:calc(64/var(--font-size-base)*1rem)}}.form__header{--row-gap:calc(32/var(--font-size-base)*1rem)}.form__fields{--row-gap:2rem}@media (width > 667px){.form__fields .af-form__input-text{--cols:5}}@media (width > 1023px){.form__fields .af-form__input-text{--cols:4}.form__fields .af-form__input-text[type=email]{--cols:5}}@media (width > 1279px){.form__fields .af-form__input-text{--cols:3}.form__fields .af-form__input-text[type=email]{--cols:4}}.form__actions>:first-child{--cols:2}@media (width > 1023px){.form__actions>:first-child{--cols:3}}@media (width > 1279px){.form__actions>:first-child{--cols:2}}.form__actions>:last-child{--cols:2}@media (width > 667px){.form__actions>:last-child{--cols:3}}@media (width > 1279px){.form__actions>:last-child{--cols:2}}
1
+ main.example-form{padding-block:4rem}.form{--start:3;--cols:8}@media (width > 1023px){.form{--row-gap:calc(64/var(--font-size-base)*1rem)}}.form__header{--row-gap:calc(32/var(--font-size-base)*1rem)}.form__fields{--row-gap:2rem}.form__fields .af-radio__container{--cols:4}.form__fields .af-radio__container .af-radio-select>*{--cols:2}.form__fields .af-checkbox__container{--cols:6}.form__fields .af-checkbox__container .af-checkbox-select{--row-gap:1rem}.form__fields .af-checkbox__container .af-checkbox-select>*{--cols:3}@media (width > 667px){.form__fields .af-form__input-text{--cols:5}}@media (width > 1023px){.form__fields .af-form__input-text{--cols:4}.form__fields .af-form__input-text[type=email]{--cols:5}}@media (width > 1279px){.form__fields .af-form__input-text{--cols:3}.form__fields .af-form__input-text[type=email]{--cols:4}}.form__actions>:first-child{--cols:2}@media (width > 1023px){.form__actions>:first-child{--cols:3}}@media (width > 1279px){.form__actions>:first-child{--cols:2}}.form__actions>:last-child{--cols:2}@media (width > 667px){.form__actions>:last-child{--cols:3}}@media (width > 1279px){.form__actions>:last-child{--cols:2}}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Grid/Grid-demo-example-form.scss%23sass","../../src/Grid/Grid-demo-example-form.scss"],"names":[],"mappings":"AAEA,kBACE,kBCDF,CDIA,MACE,SAAA,CCDF,QACA,CDEE,wBAHF,MAII,6CCCF,CACF,CDCE,cACE,6CCCJ,CDEE,cACE,cCAJ,CDGM,uBADF,mCAEI,QCAN,CACF,CDCM,wBAJF,mCAKI,QCEN,CDAM,+CACE,QCER,CACF,CDAM,wBAXF,mCAYI,QCGN,CDDM,+CACE,QCGR,CACF,CDGI,4BACE,QCDN,CDGM,wBAHF,4BAII,QCAN,CACF,CDEM,wBAPF,4BAQI,QCCN,CACF,CDEI,2BACE,QCAN,CDEM,uBAHF,2BAII,QCCN,CACF,CDCM,wBAPF,2BAQI,QCEN,CACF","file":"Grid-demo-example-form.css","sourcesContent":["@use \"../common/common.scss\" as common;\n\nmain.example-form {\n padding-block: 4rem;\n}\n\n.form {\n --start: 3;\n --cols: 8;\n @media (width > #{common.$breakpoint-md}) {\n --row-gap: calc(64 / var(--font-size-base) * 1rem);\n }\n\n &__header {\n --row-gap: calc(32 / var(--font-size-base) * 1rem);\n }\n\n &__fields {\n --row-gap: 2rem;\n\n .af-form__input-text {\n @media (width > #{common.$breakpoint-sm}) {\n --cols: 5;\n }\n @media (width > #{common.$breakpoint-md}) {\n --cols: 4;\n\n &[type=\"email\"] {\n --cols: 5;\n }\n }\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 3;\n\n &[type=\"email\"] {\n --cols: 4;\n }\n }\n }\n }\n\n &__actions {\n > :first-child {\n --cols: 2;\n\n @media (width > #{common.$breakpoint-md}) {\n --cols: 3;\n }\n\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 2;\n }\n }\n\n > :last-child {\n --cols: 2;\n\n @media (width > #{common.$breakpoint-sm}) {\n --cols: 3;\n }\n\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 2;\n }\n }\n }\n}\n","@use \"../common/common.scss\" as common;\n\nmain.example-form {\n padding-block: 4rem;\n}\n\n.form {\n --start: 3;\n --cols: 8;\n @media (width > #{common.$breakpoint-md}) {\n --row-gap: calc(64 / var(--font-size-base) * 1rem);\n }\n\n &__header {\n --row-gap: calc(32 / var(--font-size-base) * 1rem);\n }\n\n &__fields {\n --row-gap: 2rem;\n\n .af-form__input-text {\n @media (width > #{common.$breakpoint-sm}) {\n --cols: 5;\n }\n @media (width > #{common.$breakpoint-md}) {\n --cols: 4;\n\n &[type=\"email\"] {\n --cols: 5;\n }\n }\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 3;\n\n &[type=\"email\"] {\n --cols: 4;\n }\n }\n }\n }\n\n &__actions {\n > :first-child {\n --cols: 2;\n\n @media (width > #{common.$breakpoint-md}) {\n --cols: 3;\n }\n\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 2;\n }\n }\n\n > :last-child {\n --cols: 2;\n\n @media (width > #{common.$breakpoint-sm}) {\n --cols: 3;\n }\n\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 2;\n }\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["../../src/Grid/Grid-demo-example-form.scss%23sass","../../src/Grid/Grid-demo-example-form.scss"],"names":[],"mappings":"AAEA,kBACE,kBCDF,CDIA,MACE,SAAA,CCDF,QACA,CDEE,wBAHF,MAII,6CCCF,CACF,CDCE,cACE,6CCCJ,CDEE,cACE,cCAJ,CDEI,mCACE,QCAN,CDEM,sDACE,QCAR,CDII,sCACE,QCFN,CDIM,0DACE,cCFR,CDIQ,4DACE,QCFV,CDQM,uBADF,mCAEI,QCLN,CACF,CDMM,wBAJF,mCAKI,QCHN,CDKM,+CACE,QCHR,CACF,CDKM,wBAXF,mCAYI,QCFN,CDIM,+CACE,QCFR,CACF,CDQI,4BACE,QCNN,CDQM,wBAHF,4BAII,QCLN,CACF,CDOM,wBAPF,4BAQI,QCJN,CACF,CDOI,2BACE,QCLN,CDOM,uBAHF,2BAII,QCJN,CACF,CDMM,wBAPF,2BAQI,QCHN,CACF","file":"Grid-demo-example-form.css","sourcesContent":["@use \"../common/common.scss\" as common;\n\nmain.example-form {\n padding-block: 4rem;\n}\n\n.form {\n --start: 3;\n --cols: 8;\n @media (width > #{common.$breakpoint-md}) {\n --row-gap: calc(64 / var(--font-size-base) * 1rem);\n }\n\n &__header {\n --row-gap: calc(32 / var(--font-size-base) * 1rem);\n }\n\n &__fields {\n --row-gap: 2rem;\n\n .af-radio__container {\n --cols: 4;\n\n .af-radio-select > * {\n --cols: 2;\n }\n }\n\n .af-checkbox__container {\n --cols: 6;\n\n .af-checkbox-select {\n --row-gap: 1rem;\n\n & > * {\n --cols: 3;\n }\n }\n }\n\n .af-form__input-text {\n @media (width > #{common.$breakpoint-sm}) {\n --cols: 5;\n }\n @media (width > #{common.$breakpoint-md}) {\n --cols: 4;\n\n &[type=\"email\"] {\n --cols: 5;\n }\n }\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 3;\n\n &[type=\"email\"] {\n --cols: 4;\n }\n }\n }\n }\n\n &__actions {\n > :first-child {\n --cols: 2;\n\n @media (width > #{common.$breakpoint-md}) {\n --cols: 3;\n }\n\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 2;\n }\n }\n\n > :last-child {\n --cols: 2;\n\n @media (width > #{common.$breakpoint-sm}) {\n --cols: 3;\n }\n\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 2;\n }\n }\n }\n}\n","@use \"../common/common.scss\" as common;\n\nmain.example-form {\n padding-block: 4rem;\n}\n\n.form {\n --start: 3;\n --cols: 8;\n @media (width > #{common.$breakpoint-md}) {\n --row-gap: calc(64 / var(--font-size-base) * 1rem);\n }\n\n &__header {\n --row-gap: calc(32 / var(--font-size-base) * 1rem);\n }\n\n &__fields {\n --row-gap: 2rem;\n\n .af-radio__container {\n --cols: 4;\n\n .af-radio-select > * {\n --cols: 2;\n }\n }\n\n .af-checkbox__container {\n --cols: 6;\n\n .af-checkbox-select {\n --row-gap: 1rem;\n\n & > * {\n --cols: 3;\n }\n }\n }\n\n .af-form__input-text {\n @media (width > #{common.$breakpoint-sm}) {\n --cols: 5;\n }\n @media (width > #{common.$breakpoint-md}) {\n --cols: 4;\n\n &[type=\"email\"] {\n --cols: 5;\n }\n }\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 3;\n\n &[type=\"email\"] {\n --cols: 4;\n }\n }\n }\n }\n\n &__actions {\n > :first-child {\n --cols: 2;\n\n @media (width > #{common.$breakpoint-md}) {\n --cols: 3;\n }\n\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 2;\n }\n }\n\n > :last-child {\n --cols: 2;\n\n @media (width > #{common.$breakpoint-sm}) {\n --cols: 3;\n }\n\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 2;\n }\n }\n }\n}\n"]}
@@ -18,6 +18,26 @@ main.example-form {
18
18
  &__fields {
19
19
  --row-gap: 2rem;
20
20
 
21
+ .af-radio__container {
22
+ --cols: 4;
23
+
24
+ .af-radio-select > * {
25
+ --cols: 2;
26
+ }
27
+ }
28
+
29
+ .af-checkbox__container {
30
+ --cols: 6;
31
+
32
+ .af-checkbox-select {
33
+ --row-gap: 1rem;
34
+
35
+ & > * {
36
+ --cols: 3;
37
+ }
38
+ }
39
+ }
40
+
21
41
  .af-form__input-text {
22
42
  @media (width > #{common.$breakpoint-sm}) {
23
43
  --cols: 5;
@@ -1 +1 @@
1
- #storybook-root:has(>.grid){background:hsla(0,0%,79%,.159)}.box{background-color:#fff}.box,.box-card{outline:1px solid rgba(0,0,0,.2)}.box-card{padding:1rem}@media (width > 1023px){.box-card{--cols:4}}@media (width > 1279px){.box-card{--cols:3}}@media (width > 1023px){.box-example-1{--cols:8}}@media (width > 1279px){.box-example-1{--cols:9}}@media (width > 1023px){.box-example-2{--cols:4}}@media (width > 1279px){.box-example-2{--cols:3}}.box-half{height:100px}@media (width > 1023px){.box-half{--cols:4}.box-half:last-child{--cols:12}}@media (width > 1279px){.box-half,.box-half:last-child{--cols:6}}.box-custom{display:grid;grid-template-areas:"title title" "content1 content2" "footer footer"}.box-custom h2{grid-area:title}.box-custom .box{padding:1rem}.box-custom .box-content1{grid-area:content1}.box-custom .box-content2{grid-area:content2}.box-custom footer{grid-area:footer;place-content:center;text-align:center}.box-offset{color:var(--color-primary);display:none;font-size:.7rem;height:50px;place-content:center;position:relative;text-align:center}.box-offset:after,.box-offset:before{display:block}.box-offset-1-1{--start:1;--cols:1;display:block}.box-offset-1-1:before{content:"--start:1;"}.box-offset-1-1:after{content:"--cols:1;"}.box-offset-1-2{--start:1;--cols:2;display:block}.box-offset-1-2:before{content:"--start:1;"}.box-offset-1-2:after{content:"--cols:2;"}.box-offset-1-3{--start:1;--cols:3;display:block}.box-offset-1-3:before{content:"--start:1;"}.box-offset-1-3:after{content:"--cols:3;"}.box-offset-1-4{--start:1;--cols:4;display:block}.box-offset-1-4:before{content:"--start:1;"}.box-offset-1-4:after{content:"--cols:4;"}.box-offset-2-1{--start:2;--cols:1;display:block}.box-offset-2-1:before{content:"--start:2;"}.box-offset-2-1:after{content:"--cols:1;"}.box-offset-2-2{--start:2;--cols:2;display:block}.box-offset-2-2:before{content:"--start:2;"}.box-offset-2-2:after{content:"--cols:2;"}.box-offset-2-3{--start:2;--cols:3;display:block}.box-offset-2-3:before{content:"--start:2;"}.box-offset-2-3:after{content:"--cols:3;"}.box-offset-3-1{--start:3;--cols:1;display:block}.box-offset-3-1:before{content:"--start:3;"}.box-offset-3-1:after{content:"--cols:1;"}.box-offset-3-2{--start:3;--cols:2;display:block}.box-offset-3-2:before{content:"--start:3;"}.box-offset-3-2:after{content:"--cols:2;"}.box-offset-4-1{--start:4;--cols:1;display:block}.box-offset-4-1:before{content:"--start:4;"}.box-offset-4-1:after{content:"--cols:1;"}@media (width > 667px){.box-offset-1-1{--start:1;--cols:1;display:block}.box-offset-1-1:before{content:"--start:1;"}.box-offset-1-1:after{content:"--cols:1;"}.box-offset-1-2{--start:1;--cols:2;display:block}.box-offset-1-2:before{content:"--start:1;"}.box-offset-1-2:after{content:"--cols:2;"}.box-offset-1-3{--start:1;--cols:3;display:block}.box-offset-1-3:before{content:"--start:1;"}.box-offset-1-3:after{content:"--cols:3;"}.box-offset-1-4{--start:1;--cols:4;display:block}.box-offset-1-4:before{content:"--start:1;"}.box-offset-1-4:after{content:"--cols:4;"}.box-offset-1-5{--start:1;--cols:5;display:block}.box-offset-1-5:before{content:"--start:1;"}.box-offset-1-5:after{content:"--cols:5;"}.box-offset-1-6{--start:1;--cols:6;display:block}.box-offset-1-6:before{content:"--start:1;"}.box-offset-1-6:after{content:"--cols:6;"}.box-offset-1-7{--start:1;--cols:7;display:block}.box-offset-1-7:before{content:"--start:1;"}.box-offset-1-7:after{content:"--cols:7;"}.box-offset-1-8{--start:1;--cols:8;display:block}.box-offset-1-8:before{content:"--start:1;"}.box-offset-1-8:after{content:"--cols:8;"}.box-offset-2-1{--start:2;--cols:1;display:block}.box-offset-2-1:before{content:"--start:2;"}.box-offset-2-1:after{content:"--cols:1;"}.box-offset-2-2{--start:2;--cols:2;display:block}.box-offset-2-2:before{content:"--start:2;"}.box-offset-2-2:after{content:"--cols:2;"}.box-offset-2-3{--start:2;--cols:3;display:block}.box-offset-2-3:before{content:"--start:2;"}.box-offset-2-3:after{content:"--cols:3;"}.box-offset-2-4{--start:2;--cols:4;display:block}.box-offset-2-4:before{content:"--start:2;"}.box-offset-2-4:after{content:"--cols:4;"}.box-offset-2-5{--start:2;--cols:5;display:block}.box-offset-2-5:before{content:"--start:2;"}.box-offset-2-5:after{content:"--cols:5;"}.box-offset-2-6{--start:2;--cols:6;display:block}.box-offset-2-6:before{content:"--start:2;"}.box-offset-2-6:after{content:"--cols:6;"}.box-offset-2-7{--start:2;--cols:7;display:block}.box-offset-2-7:before{content:"--start:2;"}.box-offset-2-7:after{content:"--cols:7;"}.box-offset-3-1{--start:3;--cols:1;display:block}.box-offset-3-1:before{content:"--start:3;"}.box-offset-3-1:after{content:"--cols:1;"}.box-offset-3-2{--start:3;--cols:2;display:block}.box-offset-3-2:before{content:"--start:3;"}.box-offset-3-2:after{content:"--cols:2;"}.box-offset-3-3{--start:3;--cols:3;display:block}.box-offset-3-3:before{content:"--start:3;"}.box-offset-3-3:after{content:"--cols:3;"}.box-offset-3-4{--start:3;--cols:4;display:block}.box-offset-3-4:before{content:"--start:3;"}.box-offset-3-4:after{content:"--cols:4;"}.box-offset-3-5{--start:3;--cols:5;display:block}.box-offset-3-5:before{content:"--start:3;"}.box-offset-3-5:after{content:"--cols:5;"}.box-offset-3-6{--start:3;--cols:6;display:block}.box-offset-3-6:before{content:"--start:3;"}.box-offset-3-6:after{content:"--cols:6;"}.box-offset-4-1{--start:4;--cols:1;display:block}.box-offset-4-1:before{content:"--start:4;"}.box-offset-4-1:after{content:"--cols:1;"}.box-offset-4-2{--start:4;--cols:2;display:block}.box-offset-4-2:before{content:"--start:4;"}.box-offset-4-2:after{content:"--cols:2;"}.box-offset-4-3{--start:4;--cols:3;display:block}.box-offset-4-3:before{content:"--start:4;"}.box-offset-4-3:after{content:"--cols:3;"}.box-offset-4-4{--start:4;--cols:4;display:block}.box-offset-4-4:before{content:"--start:4;"}.box-offset-4-4:after{content:"--cols:4;"}.box-offset-4-5{--start:4;--cols:5;display:block}.box-offset-4-5:before{content:"--start:4;"}.box-offset-4-5:after{content:"--cols:5;"}.box-offset-5-1{--start:5;--cols:1;display:block}.box-offset-5-1:before{content:"--start:5;"}.box-offset-5-1:after{content:"--cols:1;"}.box-offset-5-2{--start:5;--cols:2;display:block}.box-offset-5-2:before{content:"--start:5;"}.box-offset-5-2:after{content:"--cols:2;"}.box-offset-5-3{--start:5;--cols:3;display:block}.box-offset-5-3:before{content:"--start:5;"}.box-offset-5-3:after{content:"--cols:3;"}.box-offset-5-4{--start:5;--cols:4;display:block}.box-offset-5-4:before{content:"--start:5;"}.box-offset-5-4:after{content:"--cols:4;"}.box-offset-6-1{--start:6;--cols:1;display:block}.box-offset-6-1:before{content:"--start:6;"}.box-offset-6-1:after{content:"--cols:1;"}.box-offset-6-2{--start:6;--cols:2;display:block}.box-offset-6-2:before{content:"--start:6;"}.box-offset-6-2:after{content:"--cols:2;"}.box-offset-6-3{--start:6;--cols:3;display:block}.box-offset-6-3:before{content:"--start:6;"}.box-offset-6-3:after{content:"--cols:3;"}.box-offset-7-1{--start:7;--cols:1;display:block}.box-offset-7-1:before{content:"--start:7;"}.box-offset-7-1:after{content:"--cols:1;"}.box-offset-7-2{--start:7;--cols:2;display:block}.box-offset-7-2:before{content:"--start:7;"}.box-offset-7-2:after{content:"--cols:2;"}.box-offset-8-1{--start:8;--cols:1;display:block}.box-offset-8-1:before{content:"--start:8;"}.box-offset-8-1:after{content:"--cols:1;"}}@media (width > 1023px){.box-offset-1-1{--start:1;--cols:1;display:block}.box-offset-1-1:before{content:"--start:1;"}.box-offset-1-1:after{content:"--cols:1;"}.box-offset-1-2{--start:1;--cols:2;display:block}.box-offset-1-2:before{content:"--start:1;"}.box-offset-1-2:after{content:"--cols:2;"}.box-offset-1-3{--start:1;--cols:3;display:block}.box-offset-1-3:before{content:"--start:1;"}.box-offset-1-3:after{content:"--cols:3;"}.box-offset-1-4{--start:1;--cols:4;display:block}.box-offset-1-4:before{content:"--start:1;"}.box-offset-1-4:after{content:"--cols:4;"}.box-offset-1-5{--start:1;--cols:5;display:block}.box-offset-1-5:before{content:"--start:1;"}.box-offset-1-5:after{content:"--cols:5;"}.box-offset-1-6{--start:1;--cols:6;display:block}.box-offset-1-6:before{content:"--start:1;"}.box-offset-1-6:after{content:"--cols:6;"}.box-offset-1-7{--start:1;--cols:7;display:block}.box-offset-1-7:before{content:"--start:1;"}.box-offset-1-7:after{content:"--cols:7;"}.box-offset-1-8{--start:1;--cols:8;display:block}.box-offset-1-8:before{content:"--start:1;"}.box-offset-1-8:after{content:"--cols:8;"}.box-offset-1-9{--start:1;--cols:9;display:block}.box-offset-1-9:before{content:"--start:1;"}.box-offset-1-9:after{content:"--cols:9;"}.box-offset-1-10{--start:1;--cols:10;display:block}.box-offset-1-10:before{content:"--start:1;"}.box-offset-1-10:after{content:"--cols:10;"}.box-offset-1-11{--start:1;--cols:11;display:block}.box-offset-1-11:before{content:"--start:1;"}.box-offset-1-11:after{content:"--cols:11;"}.box-offset-1-12{--start:1;--cols:12;display:block}.box-offset-1-12:before{content:"--start:1;"}.box-offset-1-12:after{content:"--cols:12;"}.box-offset-2-1{--start:2;--cols:1;display:block}.box-offset-2-1:before{content:"--start:2;"}.box-offset-2-1:after{content:"--cols:1;"}.box-offset-2-2{--start:2;--cols:2;display:block}.box-offset-2-2:before{content:"--start:2;"}.box-offset-2-2:after{content:"--cols:2;"}.box-offset-2-3{--start:2;--cols:3;display:block}.box-offset-2-3:before{content:"--start:2;"}.box-offset-2-3:after{content:"--cols:3;"}.box-offset-2-4{--start:2;--cols:4;display:block}.box-offset-2-4:before{content:"--start:2;"}.box-offset-2-4:after{content:"--cols:4;"}.box-offset-2-5{--start:2;--cols:5;display:block}.box-offset-2-5:before{content:"--start:2;"}.box-offset-2-5:after{content:"--cols:5;"}.box-offset-2-6{--start:2;--cols:6;display:block}.box-offset-2-6:before{content:"--start:2;"}.box-offset-2-6:after{content:"--cols:6;"}.box-offset-2-7{--start:2;--cols:7;display:block}.box-offset-2-7:before{content:"--start:2;"}.box-offset-2-7:after{content:"--cols:7;"}.box-offset-2-8{--start:2;--cols:8;display:block}.box-offset-2-8:before{content:"--start:2;"}.box-offset-2-8:after{content:"--cols:8;"}.box-offset-2-9{--start:2;--cols:9;display:block}.box-offset-2-9:before{content:"--start:2;"}.box-offset-2-9:after{content:"--cols:9;"}.box-offset-2-10{--start:2;--cols:10;display:block}.box-offset-2-10:before{content:"--start:2;"}.box-offset-2-10:after{content:"--cols:10;"}.box-offset-2-11{--start:2;--cols:11;display:block}.box-offset-2-11:before{content:"--start:2;"}.box-offset-2-11:after{content:"--cols:11;"}.box-offset-3-1{--start:3;--cols:1;display:block}.box-offset-3-1:before{content:"--start:3;"}.box-offset-3-1:after{content:"--cols:1;"}.box-offset-3-2{--start:3;--cols:2;display:block}.box-offset-3-2:before{content:"--start:3;"}.box-offset-3-2:after{content:"--cols:2;"}.box-offset-3-3{--start:3;--cols:3;display:block}.box-offset-3-3:before{content:"--start:3;"}.box-offset-3-3:after{content:"--cols:3;"}.box-offset-3-4{--start:3;--cols:4;display:block}.box-offset-3-4:before{content:"--start:3;"}.box-offset-3-4:after{content:"--cols:4;"}.box-offset-3-5{--start:3;--cols:5;display:block}.box-offset-3-5:before{content:"--start:3;"}.box-offset-3-5:after{content:"--cols:5;"}.box-offset-3-6{--start:3;--cols:6;display:block}.box-offset-3-6:before{content:"--start:3;"}.box-offset-3-6:after{content:"--cols:6;"}.box-offset-3-7{--start:3;--cols:7;display:block}.box-offset-3-7:before{content:"--start:3;"}.box-offset-3-7:after{content:"--cols:7;"}.box-offset-3-8{--start:3;--cols:8;display:block}.box-offset-3-8:before{content:"--start:3;"}.box-offset-3-8:after{content:"--cols:8;"}.box-offset-3-9{--start:3;--cols:9;display:block}.box-offset-3-9:before{content:"--start:3;"}.box-offset-3-9:after{content:"--cols:9;"}.box-offset-3-10{--start:3;--cols:10;display:block}.box-offset-3-10:before{content:"--start:3;"}.box-offset-3-10:after{content:"--cols:10;"}.box-offset-4-1{--start:4;--cols:1;display:block}.box-offset-4-1:before{content:"--start:4;"}.box-offset-4-1:after{content:"--cols:1;"}.box-offset-4-2{--start:4;--cols:2;display:block}.box-offset-4-2:before{content:"--start:4;"}.box-offset-4-2:after{content:"--cols:2;"}.box-offset-4-3{--start:4;--cols:3;display:block}.box-offset-4-3:before{content:"--start:4;"}.box-offset-4-3:after{content:"--cols:3;"}.box-offset-4-4{--start:4;--cols:4;display:block}.box-offset-4-4:before{content:"--start:4;"}.box-offset-4-4:after{content:"--cols:4;"}.box-offset-4-5{--start:4;--cols:5;display:block}.box-offset-4-5:before{content:"--start:4;"}.box-offset-4-5:after{content:"--cols:5;"}.box-offset-4-6{--start:4;--cols:6;display:block}.box-offset-4-6:before{content:"--start:4;"}.box-offset-4-6:after{content:"--cols:6;"}.box-offset-4-7{--start:4;--cols:7;display:block}.box-offset-4-7:before{content:"--start:4;"}.box-offset-4-7:after{content:"--cols:7;"}.box-offset-4-8{--start:4;--cols:8;display:block}.box-offset-4-8:before{content:"--start:4;"}.box-offset-4-8:after{content:"--cols:8;"}.box-offset-4-9{--start:4;--cols:9;display:block}.box-offset-4-9:before{content:"--start:4;"}.box-offset-4-9:after{content:"--cols:9;"}.box-offset-5-1{--start:5;--cols:1;display:block}.box-offset-5-1:before{content:"--start:5;"}.box-offset-5-1:after{content:"--cols:1;"}.box-offset-5-2{--start:5;--cols:2;display:block}.box-offset-5-2:before{content:"--start:5;"}.box-offset-5-2:after{content:"--cols:2;"}.box-offset-5-3{--start:5;--cols:3;display:block}.box-offset-5-3:before{content:"--start:5;"}.box-offset-5-3:after{content:"--cols:3;"}.box-offset-5-4{--start:5;--cols:4;display:block}.box-offset-5-4:before{content:"--start:5;"}.box-offset-5-4:after{content:"--cols:4;"}.box-offset-5-5{--start:5;--cols:5;display:block}.box-offset-5-5:before{content:"--start:5;"}.box-offset-5-5:after{content:"--cols:5;"}.box-offset-5-6{--start:5;--cols:6;display:block}.box-offset-5-6:before{content:"--start:5;"}.box-offset-5-6:after{content:"--cols:6;"}.box-offset-5-7{--start:5;--cols:7;display:block}.box-offset-5-7:before{content:"--start:5;"}.box-offset-5-7:after{content:"--cols:7;"}.box-offset-5-8{--start:5;--cols:8;display:block}.box-offset-5-8:before{content:"--start:5;"}.box-offset-5-8:after{content:"--cols:8;"}.box-offset-6-1{--start:6;--cols:1;display:block}.box-offset-6-1:before{content:"--start:6;"}.box-offset-6-1:after{content:"--cols:1;"}.box-offset-6-2{--start:6;--cols:2;display:block}.box-offset-6-2:before{content:"--start:6;"}.box-offset-6-2:after{content:"--cols:2;"}.box-offset-6-3{--start:6;--cols:3;display:block}.box-offset-6-3:before{content:"--start:6;"}.box-offset-6-3:after{content:"--cols:3;"}.box-offset-6-4{--start:6;--cols:4;display:block}.box-offset-6-4:before{content:"--start:6;"}.box-offset-6-4:after{content:"--cols:4;"}.box-offset-6-5{--start:6;--cols:5;display:block}.box-offset-6-5:before{content:"--start:6;"}.box-offset-6-5:after{content:"--cols:5;"}.box-offset-6-6{--start:6;--cols:6;display:block}.box-offset-6-6:before{content:"--start:6;"}.box-offset-6-6:after{content:"--cols:6;"}.box-offset-6-7{--start:6;--cols:7;display:block}.box-offset-6-7:before{content:"--start:6;"}.box-offset-6-7:after{content:"--cols:7;"}.box-offset-7-1{--start:7;--cols:1;display:block}.box-offset-7-1:before{content:"--start:7;"}.box-offset-7-1:after{content:"--cols:1;"}.box-offset-7-2{--start:7;--cols:2;display:block}.box-offset-7-2:before{content:"--start:7;"}.box-offset-7-2:after{content:"--cols:2;"}.box-offset-7-3{--start:7;--cols:3;display:block}.box-offset-7-3:before{content:"--start:7;"}.box-offset-7-3:after{content:"--cols:3;"}.box-offset-7-4{--start:7;--cols:4;display:block}.box-offset-7-4:before{content:"--start:7;"}.box-offset-7-4:after{content:"--cols:4;"}.box-offset-7-5{--start:7;--cols:5;display:block}.box-offset-7-5:before{content:"--start:7;"}.box-offset-7-5:after{content:"--cols:5;"}.box-offset-7-6{--start:7;--cols:6;display:block}.box-offset-7-6:before{content:"--start:7;"}.box-offset-7-6:after{content:"--cols:6;"}.box-offset-8-1{--start:8;--cols:1;display:block}.box-offset-8-1:before{content:"--start:8;"}.box-offset-8-1:after{content:"--cols:1;"}.box-offset-8-2{--start:8;--cols:2;display:block}.box-offset-8-2:before{content:"--start:8;"}.box-offset-8-2:after{content:"--cols:2;"}.box-offset-8-3{--start:8;--cols:3;display:block}.box-offset-8-3:before{content:"--start:8;"}.box-offset-8-3:after{content:"--cols:3;"}.box-offset-8-4{--start:8;--cols:4;display:block}.box-offset-8-4:before{content:"--start:8;"}.box-offset-8-4:after{content:"--cols:4;"}.box-offset-8-5{--start:8;--cols:5;display:block}.box-offset-8-5:before{content:"--start:8;"}.box-offset-8-5:after{content:"--cols:5;"}.box-offset-9-1{--start:9;--cols:1;display:block}.box-offset-9-1:before{content:"--start:9;"}.box-offset-9-1:after{content:"--cols:1;"}.box-offset-9-2{--start:9;--cols:2;display:block}.box-offset-9-2:before{content:"--start:9;"}.box-offset-9-2:after{content:"--cols:2;"}.box-offset-9-3{--start:9;--cols:3;display:block}.box-offset-9-3:before{content:"--start:9;"}.box-offset-9-3:after{content:"--cols:3;"}.box-offset-9-4{--start:9;--cols:4;display:block}.box-offset-9-4:before{content:"--start:9;"}.box-offset-9-4:after{content:"--cols:4;"}.box-offset-10-1{--start:10;--cols:1;display:block}.box-offset-10-1:before{content:"--start:10;"}.box-offset-10-1:after{content:"--cols:1;"}.box-offset-10-2{--start:10;--cols:2;display:block}.box-offset-10-2:before{content:"--start:10;"}.box-offset-10-2:after{content:"--cols:2;"}.box-offset-10-3{--start:10;--cols:3;display:block}.box-offset-10-3:before{content:"--start:10;"}.box-offset-10-3:after{content:"--cols:3;"}.box-offset-11-1{--start:11;--cols:1;display:block}.box-offset-11-1:before{content:"--start:11;"}.box-offset-11-1:after{content:"--cols:1;"}.box-offset-11-2{--start:11;--cols:2;display:block}.box-offset-11-2:before{content:"--start:11;"}.box-offset-11-2:after{content:"--cols:2;"}.box-offset-12-1{--start:12;--cols:1;display:block}.box-offset-12-1:before{content:"--start:12;"}.box-offset-12-1:after{content:"--cols:1;"}}
1
+ #storybook-root:has(>.grid){background:hsla(0,0%,79%,.159)}.box{background-color:#fff}.box,.box-card{outline:1px solid #0003}.box-card{padding:1rem}@media (width > 1023px){.box-card{--cols:4}}@media (width > 1279px){.box-card{--cols:3}}@media (width > 1023px){.box-example-1{--cols:8}}@media (width > 1279px){.box-example-1{--cols:9}}@media (width > 1023px){.box-example-2{--cols:4}}@media (width > 1279px){.box-example-2{--cols:3}}.box-half{height:100px}@media (width > 1023px){.box-half{--cols:4}.box-half:last-child{--cols:12}}@media (width > 1279px){.box-half,.box-half:last-child{--cols:6}}.box-custom{display:grid;grid-template-areas:"title title" "content1 content2" "footer footer"}.box-custom h2{grid-area:title}.box-custom .box{padding:1rem}.box-custom .box-content1{grid-area:content1}.box-custom .box-content2{grid-area:content2}.box-custom footer{grid-area:footer;place-content:center;text-align:center}.box-offset{color:var(--color-primary);display:none;font-size:.7rem;height:50px;place-content:center;position:relative;text-align:center}.box-offset:after,.box-offset:before{display:block}.box-offset-1-1{--start:1;--cols:1;display:block}.box-offset-1-1:before{content:"--start:1;"}.box-offset-1-1:after{content:"--cols:1;"}.box-offset-1-2{--start:1;--cols:2;display:block}.box-offset-1-2:before{content:"--start:1;"}.box-offset-1-2:after{content:"--cols:2;"}.box-offset-1-3{--start:1;--cols:3;display:block}.box-offset-1-3:before{content:"--start:1;"}.box-offset-1-3:after{content:"--cols:3;"}.box-offset-1-4{--start:1;--cols:4;display:block}.box-offset-1-4:before{content:"--start:1;"}.box-offset-1-4:after{content:"--cols:4;"}.box-offset-2-1{--start:2;--cols:1;display:block}.box-offset-2-1:before{content:"--start:2;"}.box-offset-2-1:after{content:"--cols:1;"}.box-offset-2-2{--start:2;--cols:2;display:block}.box-offset-2-2:before{content:"--start:2;"}.box-offset-2-2:after{content:"--cols:2;"}.box-offset-2-3{--start:2;--cols:3;display:block}.box-offset-2-3:before{content:"--start:2;"}.box-offset-2-3:after{content:"--cols:3;"}.box-offset-3-1{--start:3;--cols:1;display:block}.box-offset-3-1:before{content:"--start:3;"}.box-offset-3-1:after{content:"--cols:1;"}.box-offset-3-2{--start:3;--cols:2;display:block}.box-offset-3-2:before{content:"--start:3;"}.box-offset-3-2:after{content:"--cols:2;"}.box-offset-4-1{--start:4;--cols:1;display:block}.box-offset-4-1:before{content:"--start:4;"}.box-offset-4-1:after{content:"--cols:1;"}@media (width > 667px){.box-offset-1-1{--start:1;--cols:1;display:block}.box-offset-1-1:before{content:"--start:1;"}.box-offset-1-1:after{content:"--cols:1;"}.box-offset-1-2{--start:1;--cols:2;display:block}.box-offset-1-2:before{content:"--start:1;"}.box-offset-1-2:after{content:"--cols:2;"}.box-offset-1-3{--start:1;--cols:3;display:block}.box-offset-1-3:before{content:"--start:1;"}.box-offset-1-3:after{content:"--cols:3;"}.box-offset-1-4{--start:1;--cols:4;display:block}.box-offset-1-4:before{content:"--start:1;"}.box-offset-1-4:after{content:"--cols:4;"}.box-offset-1-5{--start:1;--cols:5;display:block}.box-offset-1-5:before{content:"--start:1;"}.box-offset-1-5:after{content:"--cols:5;"}.box-offset-1-6{--start:1;--cols:6;display:block}.box-offset-1-6:before{content:"--start:1;"}.box-offset-1-6:after{content:"--cols:6;"}.box-offset-1-7{--start:1;--cols:7;display:block}.box-offset-1-7:before{content:"--start:1;"}.box-offset-1-7:after{content:"--cols:7;"}.box-offset-1-8{--start:1;--cols:8;display:block}.box-offset-1-8:before{content:"--start:1;"}.box-offset-1-8:after{content:"--cols:8;"}.box-offset-2-1{--start:2;--cols:1;display:block}.box-offset-2-1:before{content:"--start:2;"}.box-offset-2-1:after{content:"--cols:1;"}.box-offset-2-2{--start:2;--cols:2;display:block}.box-offset-2-2:before{content:"--start:2;"}.box-offset-2-2:after{content:"--cols:2;"}.box-offset-2-3{--start:2;--cols:3;display:block}.box-offset-2-3:before{content:"--start:2;"}.box-offset-2-3:after{content:"--cols:3;"}.box-offset-2-4{--start:2;--cols:4;display:block}.box-offset-2-4:before{content:"--start:2;"}.box-offset-2-4:after{content:"--cols:4;"}.box-offset-2-5{--start:2;--cols:5;display:block}.box-offset-2-5:before{content:"--start:2;"}.box-offset-2-5:after{content:"--cols:5;"}.box-offset-2-6{--start:2;--cols:6;display:block}.box-offset-2-6:before{content:"--start:2;"}.box-offset-2-6:after{content:"--cols:6;"}.box-offset-2-7{--start:2;--cols:7;display:block}.box-offset-2-7:before{content:"--start:2;"}.box-offset-2-7:after{content:"--cols:7;"}.box-offset-3-1{--start:3;--cols:1;display:block}.box-offset-3-1:before{content:"--start:3;"}.box-offset-3-1:after{content:"--cols:1;"}.box-offset-3-2{--start:3;--cols:2;display:block}.box-offset-3-2:before{content:"--start:3;"}.box-offset-3-2:after{content:"--cols:2;"}.box-offset-3-3{--start:3;--cols:3;display:block}.box-offset-3-3:before{content:"--start:3;"}.box-offset-3-3:after{content:"--cols:3;"}.box-offset-3-4{--start:3;--cols:4;display:block}.box-offset-3-4:before{content:"--start:3;"}.box-offset-3-4:after{content:"--cols:4;"}.box-offset-3-5{--start:3;--cols:5;display:block}.box-offset-3-5:before{content:"--start:3;"}.box-offset-3-5:after{content:"--cols:5;"}.box-offset-3-6{--start:3;--cols:6;display:block}.box-offset-3-6:before{content:"--start:3;"}.box-offset-3-6:after{content:"--cols:6;"}.box-offset-4-1{--start:4;--cols:1;display:block}.box-offset-4-1:before{content:"--start:4;"}.box-offset-4-1:after{content:"--cols:1;"}.box-offset-4-2{--start:4;--cols:2;display:block}.box-offset-4-2:before{content:"--start:4;"}.box-offset-4-2:after{content:"--cols:2;"}.box-offset-4-3{--start:4;--cols:3;display:block}.box-offset-4-3:before{content:"--start:4;"}.box-offset-4-3:after{content:"--cols:3;"}.box-offset-4-4{--start:4;--cols:4;display:block}.box-offset-4-4:before{content:"--start:4;"}.box-offset-4-4:after{content:"--cols:4;"}.box-offset-4-5{--start:4;--cols:5;display:block}.box-offset-4-5:before{content:"--start:4;"}.box-offset-4-5:after{content:"--cols:5;"}.box-offset-5-1{--start:5;--cols:1;display:block}.box-offset-5-1:before{content:"--start:5;"}.box-offset-5-1:after{content:"--cols:1;"}.box-offset-5-2{--start:5;--cols:2;display:block}.box-offset-5-2:before{content:"--start:5;"}.box-offset-5-2:after{content:"--cols:2;"}.box-offset-5-3{--start:5;--cols:3;display:block}.box-offset-5-3:before{content:"--start:5;"}.box-offset-5-3:after{content:"--cols:3;"}.box-offset-5-4{--start:5;--cols:4;display:block}.box-offset-5-4:before{content:"--start:5;"}.box-offset-5-4:after{content:"--cols:4;"}.box-offset-6-1{--start:6;--cols:1;display:block}.box-offset-6-1:before{content:"--start:6;"}.box-offset-6-1:after{content:"--cols:1;"}.box-offset-6-2{--start:6;--cols:2;display:block}.box-offset-6-2:before{content:"--start:6;"}.box-offset-6-2:after{content:"--cols:2;"}.box-offset-6-3{--start:6;--cols:3;display:block}.box-offset-6-3:before{content:"--start:6;"}.box-offset-6-3:after{content:"--cols:3;"}.box-offset-7-1{--start:7;--cols:1;display:block}.box-offset-7-1:before{content:"--start:7;"}.box-offset-7-1:after{content:"--cols:1;"}.box-offset-7-2{--start:7;--cols:2;display:block}.box-offset-7-2:before{content:"--start:7;"}.box-offset-7-2:after{content:"--cols:2;"}.box-offset-8-1{--start:8;--cols:1;display:block}.box-offset-8-1:before{content:"--start:8;"}.box-offset-8-1:after{content:"--cols:1;"}}@media (width > 1023px){.box-offset-1-1{--start:1;--cols:1;display:block}.box-offset-1-1:before{content:"--start:1;"}.box-offset-1-1:after{content:"--cols:1;"}.box-offset-1-2{--start:1;--cols:2;display:block}.box-offset-1-2:before{content:"--start:1;"}.box-offset-1-2:after{content:"--cols:2;"}.box-offset-1-3{--start:1;--cols:3;display:block}.box-offset-1-3:before{content:"--start:1;"}.box-offset-1-3:after{content:"--cols:3;"}.box-offset-1-4{--start:1;--cols:4;display:block}.box-offset-1-4:before{content:"--start:1;"}.box-offset-1-4:after{content:"--cols:4;"}.box-offset-1-5{--start:1;--cols:5;display:block}.box-offset-1-5:before{content:"--start:1;"}.box-offset-1-5:after{content:"--cols:5;"}.box-offset-1-6{--start:1;--cols:6;display:block}.box-offset-1-6:before{content:"--start:1;"}.box-offset-1-6:after{content:"--cols:6;"}.box-offset-1-7{--start:1;--cols:7;display:block}.box-offset-1-7:before{content:"--start:1;"}.box-offset-1-7:after{content:"--cols:7;"}.box-offset-1-8{--start:1;--cols:8;display:block}.box-offset-1-8:before{content:"--start:1;"}.box-offset-1-8:after{content:"--cols:8;"}.box-offset-1-9{--start:1;--cols:9;display:block}.box-offset-1-9:before{content:"--start:1;"}.box-offset-1-9:after{content:"--cols:9;"}.box-offset-1-10{--start:1;--cols:10;display:block}.box-offset-1-10:before{content:"--start:1;"}.box-offset-1-10:after{content:"--cols:10;"}.box-offset-1-11{--start:1;--cols:11;display:block}.box-offset-1-11:before{content:"--start:1;"}.box-offset-1-11:after{content:"--cols:11;"}.box-offset-1-12{--start:1;--cols:12;display:block}.box-offset-1-12:before{content:"--start:1;"}.box-offset-1-12:after{content:"--cols:12;"}.box-offset-2-1{--start:2;--cols:1;display:block}.box-offset-2-1:before{content:"--start:2;"}.box-offset-2-1:after{content:"--cols:1;"}.box-offset-2-2{--start:2;--cols:2;display:block}.box-offset-2-2:before{content:"--start:2;"}.box-offset-2-2:after{content:"--cols:2;"}.box-offset-2-3{--start:2;--cols:3;display:block}.box-offset-2-3:before{content:"--start:2;"}.box-offset-2-3:after{content:"--cols:3;"}.box-offset-2-4{--start:2;--cols:4;display:block}.box-offset-2-4:before{content:"--start:2;"}.box-offset-2-4:after{content:"--cols:4;"}.box-offset-2-5{--start:2;--cols:5;display:block}.box-offset-2-5:before{content:"--start:2;"}.box-offset-2-5:after{content:"--cols:5;"}.box-offset-2-6{--start:2;--cols:6;display:block}.box-offset-2-6:before{content:"--start:2;"}.box-offset-2-6:after{content:"--cols:6;"}.box-offset-2-7{--start:2;--cols:7;display:block}.box-offset-2-7:before{content:"--start:2;"}.box-offset-2-7:after{content:"--cols:7;"}.box-offset-2-8{--start:2;--cols:8;display:block}.box-offset-2-8:before{content:"--start:2;"}.box-offset-2-8:after{content:"--cols:8;"}.box-offset-2-9{--start:2;--cols:9;display:block}.box-offset-2-9:before{content:"--start:2;"}.box-offset-2-9:after{content:"--cols:9;"}.box-offset-2-10{--start:2;--cols:10;display:block}.box-offset-2-10:before{content:"--start:2;"}.box-offset-2-10:after{content:"--cols:10;"}.box-offset-2-11{--start:2;--cols:11;display:block}.box-offset-2-11:before{content:"--start:2;"}.box-offset-2-11:after{content:"--cols:11;"}.box-offset-3-1{--start:3;--cols:1;display:block}.box-offset-3-1:before{content:"--start:3;"}.box-offset-3-1:after{content:"--cols:1;"}.box-offset-3-2{--start:3;--cols:2;display:block}.box-offset-3-2:before{content:"--start:3;"}.box-offset-3-2:after{content:"--cols:2;"}.box-offset-3-3{--start:3;--cols:3;display:block}.box-offset-3-3:before{content:"--start:3;"}.box-offset-3-3:after{content:"--cols:3;"}.box-offset-3-4{--start:3;--cols:4;display:block}.box-offset-3-4:before{content:"--start:3;"}.box-offset-3-4:after{content:"--cols:4;"}.box-offset-3-5{--start:3;--cols:5;display:block}.box-offset-3-5:before{content:"--start:3;"}.box-offset-3-5:after{content:"--cols:5;"}.box-offset-3-6{--start:3;--cols:6;display:block}.box-offset-3-6:before{content:"--start:3;"}.box-offset-3-6:after{content:"--cols:6;"}.box-offset-3-7{--start:3;--cols:7;display:block}.box-offset-3-7:before{content:"--start:3;"}.box-offset-3-7:after{content:"--cols:7;"}.box-offset-3-8{--start:3;--cols:8;display:block}.box-offset-3-8:before{content:"--start:3;"}.box-offset-3-8:after{content:"--cols:8;"}.box-offset-3-9{--start:3;--cols:9;display:block}.box-offset-3-9:before{content:"--start:3;"}.box-offset-3-9:after{content:"--cols:9;"}.box-offset-3-10{--start:3;--cols:10;display:block}.box-offset-3-10:before{content:"--start:3;"}.box-offset-3-10:after{content:"--cols:10;"}.box-offset-4-1{--start:4;--cols:1;display:block}.box-offset-4-1:before{content:"--start:4;"}.box-offset-4-1:after{content:"--cols:1;"}.box-offset-4-2{--start:4;--cols:2;display:block}.box-offset-4-2:before{content:"--start:4;"}.box-offset-4-2:after{content:"--cols:2;"}.box-offset-4-3{--start:4;--cols:3;display:block}.box-offset-4-3:before{content:"--start:4;"}.box-offset-4-3:after{content:"--cols:3;"}.box-offset-4-4{--start:4;--cols:4;display:block}.box-offset-4-4:before{content:"--start:4;"}.box-offset-4-4:after{content:"--cols:4;"}.box-offset-4-5{--start:4;--cols:5;display:block}.box-offset-4-5:before{content:"--start:4;"}.box-offset-4-5:after{content:"--cols:5;"}.box-offset-4-6{--start:4;--cols:6;display:block}.box-offset-4-6:before{content:"--start:4;"}.box-offset-4-6:after{content:"--cols:6;"}.box-offset-4-7{--start:4;--cols:7;display:block}.box-offset-4-7:before{content:"--start:4;"}.box-offset-4-7:after{content:"--cols:7;"}.box-offset-4-8{--start:4;--cols:8;display:block}.box-offset-4-8:before{content:"--start:4;"}.box-offset-4-8:after{content:"--cols:8;"}.box-offset-4-9{--start:4;--cols:9;display:block}.box-offset-4-9:before{content:"--start:4;"}.box-offset-4-9:after{content:"--cols:9;"}.box-offset-5-1{--start:5;--cols:1;display:block}.box-offset-5-1:before{content:"--start:5;"}.box-offset-5-1:after{content:"--cols:1;"}.box-offset-5-2{--start:5;--cols:2;display:block}.box-offset-5-2:before{content:"--start:5;"}.box-offset-5-2:after{content:"--cols:2;"}.box-offset-5-3{--start:5;--cols:3;display:block}.box-offset-5-3:before{content:"--start:5;"}.box-offset-5-3:after{content:"--cols:3;"}.box-offset-5-4{--start:5;--cols:4;display:block}.box-offset-5-4:before{content:"--start:5;"}.box-offset-5-4:after{content:"--cols:4;"}.box-offset-5-5{--start:5;--cols:5;display:block}.box-offset-5-5:before{content:"--start:5;"}.box-offset-5-5:after{content:"--cols:5;"}.box-offset-5-6{--start:5;--cols:6;display:block}.box-offset-5-6:before{content:"--start:5;"}.box-offset-5-6:after{content:"--cols:6;"}.box-offset-5-7{--start:5;--cols:7;display:block}.box-offset-5-7:before{content:"--start:5;"}.box-offset-5-7:after{content:"--cols:7;"}.box-offset-5-8{--start:5;--cols:8;display:block}.box-offset-5-8:before{content:"--start:5;"}.box-offset-5-8:after{content:"--cols:8;"}.box-offset-6-1{--start:6;--cols:1;display:block}.box-offset-6-1:before{content:"--start:6;"}.box-offset-6-1:after{content:"--cols:1;"}.box-offset-6-2{--start:6;--cols:2;display:block}.box-offset-6-2:before{content:"--start:6;"}.box-offset-6-2:after{content:"--cols:2;"}.box-offset-6-3{--start:6;--cols:3;display:block}.box-offset-6-3:before{content:"--start:6;"}.box-offset-6-3:after{content:"--cols:3;"}.box-offset-6-4{--start:6;--cols:4;display:block}.box-offset-6-4:before{content:"--start:6;"}.box-offset-6-4:after{content:"--cols:4;"}.box-offset-6-5{--start:6;--cols:5;display:block}.box-offset-6-5:before{content:"--start:6;"}.box-offset-6-5:after{content:"--cols:5;"}.box-offset-6-6{--start:6;--cols:6;display:block}.box-offset-6-6:before{content:"--start:6;"}.box-offset-6-6:after{content:"--cols:6;"}.box-offset-6-7{--start:6;--cols:7;display:block}.box-offset-6-7:before{content:"--start:6;"}.box-offset-6-7:after{content:"--cols:7;"}.box-offset-7-1{--start:7;--cols:1;display:block}.box-offset-7-1:before{content:"--start:7;"}.box-offset-7-1:after{content:"--cols:1;"}.box-offset-7-2{--start:7;--cols:2;display:block}.box-offset-7-2:before{content:"--start:7;"}.box-offset-7-2:after{content:"--cols:2;"}.box-offset-7-3{--start:7;--cols:3;display:block}.box-offset-7-3:before{content:"--start:7;"}.box-offset-7-3:after{content:"--cols:3;"}.box-offset-7-4{--start:7;--cols:4;display:block}.box-offset-7-4:before{content:"--start:7;"}.box-offset-7-4:after{content:"--cols:4;"}.box-offset-7-5{--start:7;--cols:5;display:block}.box-offset-7-5:before{content:"--start:7;"}.box-offset-7-5:after{content:"--cols:5;"}.box-offset-7-6{--start:7;--cols:6;display:block}.box-offset-7-6:before{content:"--start:7;"}.box-offset-7-6:after{content:"--cols:6;"}.box-offset-8-1{--start:8;--cols:1;display:block}.box-offset-8-1:before{content:"--start:8;"}.box-offset-8-1:after{content:"--cols:1;"}.box-offset-8-2{--start:8;--cols:2;display:block}.box-offset-8-2:before{content:"--start:8;"}.box-offset-8-2:after{content:"--cols:2;"}.box-offset-8-3{--start:8;--cols:3;display:block}.box-offset-8-3:before{content:"--start:8;"}.box-offset-8-3:after{content:"--cols:3;"}.box-offset-8-4{--start:8;--cols:4;display:block}.box-offset-8-4:before{content:"--start:8;"}.box-offset-8-4:after{content:"--cols:4;"}.box-offset-8-5{--start:8;--cols:5;display:block}.box-offset-8-5:before{content:"--start:8;"}.box-offset-8-5:after{content:"--cols:5;"}.box-offset-9-1{--start:9;--cols:1;display:block}.box-offset-9-1:before{content:"--start:9;"}.box-offset-9-1:after{content:"--cols:1;"}.box-offset-9-2{--start:9;--cols:2;display:block}.box-offset-9-2:before{content:"--start:9;"}.box-offset-9-2:after{content:"--cols:2;"}.box-offset-9-3{--start:9;--cols:3;display:block}.box-offset-9-3:before{content:"--start:9;"}.box-offset-9-3:after{content:"--cols:3;"}.box-offset-9-4{--start:9;--cols:4;display:block}.box-offset-9-4:before{content:"--start:9;"}.box-offset-9-4:after{content:"--cols:4;"}.box-offset-10-1{--start:10;--cols:1;display:block}.box-offset-10-1:before{content:"--start:10;"}.box-offset-10-1:after{content:"--cols:1;"}.box-offset-10-2{--start:10;--cols:2;display:block}.box-offset-10-2:before{content:"--start:10;"}.box-offset-10-2:after{content:"--cols:2;"}.box-offset-10-3{--start:10;--cols:3;display:block}.box-offset-10-3:before{content:"--start:10;"}.box-offset-10-3:after{content:"--cols:3;"}.box-offset-11-1{--start:11;--cols:1;display:block}.box-offset-11-1:before{content:"--start:11;"}.box-offset-11-1:after{content:"--cols:1;"}.box-offset-11-2{--start:11;--cols:2;display:block}.box-offset-11-2:before{content:"--start:11;"}.box-offset-11-2:after{content:"--cols:2;"}.box-offset-12-1{--start:12;--cols:1;display:block}.box-offset-12-1:before{content:"--start:12;"}.box-offset-12-1:after{content:"--cols:1;"}}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Grid/Grid-demo-wireframe.scss%23sass","../../src/Grid/Grid-demo-wireframe.scss"],"names":[],"mappings":"AAEA,4BACE,8BCDF,CDIA,KACE,qBCAF,CDIA,eCLA,gCAMA,CDDA,UACE,YCAF,CDGE,wBAJF,UCIE,QACA,CACF,CDCE,wBAPF,UCSE,QACF,CACA,CDEE,wBADF,eCGE,QACA,CACF,CDDE,wBCGF,eDFI,QCIJ,CACA,CDAE,wBADF,eCKE,QACA,CACF,CDFE,wBALF,eCUA,QACE,CACF,CDFA,UACE,YCKF,CDHE,wBAHF,UCSE,QACA,CDJE,qBACE,SCMJ,CACF,CDHE,wBAGE,+BCMJ,QACE,CACF,CDFA,YACE,YAAA,CACA,qECKF,CDAE,eACE,eCEJ,CDCE,iBACE,YCCJ,CDEE,0BACE,kBCAJ,CDGE,0BACE,kBCDJ,CDIE,mBACE,gBAAA,CACA,oBAAA,CACA,iBCFJ,CDMA,YAOE,0BAAA,CCTF,YAAA,CDOE,eAAA,CAFA,WAAA,CCHF,oBAAA,CDCE,iBAAA,CAKA,iBCFF,CDKE,qCAEE,aCJJ,CDaM,gBACE,SAAA,CACA,QAAA,CAEA,aCXR,CDaQ,uBCXR,oBACA,CDcQ,sBACE,mBCZV,CDCM,gBACE,SAAA,CACA,QAAA,CAEA,aCCR,CDCQ,uBACE,oBCCV,CDEQ,sBACE,mBCAV,CDXM,gBACE,SAAA,CACA,QAAA,CCcR,aACA,CDXQ,uBACE,oBCaV,CDVQ,sBCYR,mBACA,CDvBM,gBC0BN,SAAA,CDxBQ,QAAA,CAEA,aCyBR,CDvBQ,uBACE,oBCyBV,CDtBQ,sBACE,mBCwBV,CDnCM,gBACE,SAAA,CACA,QAAA,CAEA,aCqCR,CDnCQ,uBACE,oBCqCV,CDlCQ,sBACE,mBCoCV,CD/CM,gBACE,SAAA,CACA,QAAA,CAEA,aCiDR,CD/CQ,uBACE,oBCiDV,CD9CQ,sBACE,mBCgDV,CD3DM,gBACE,SAAA,CACA,QAAA,CAEA,aC6DR,CD3DQ,uBACE,oBC6DV,CD1DQ,sBACE,mBC4DV,CDvEM,gBACE,SAAA,CACA,QAAA,CAEA,aCyER,CDvEQ,uBACE,oBCyEV,CDtEQ,sBACE,mBCwEV,CDnFM,gBACE,SAAA,CACA,QAAA,CAEA,aCqFR,CDnFQ,uBACE,oBCqFV,CDlFQ,sBACE,mBCoFV,CD/FM,gBACE,SAAA,CACA,QAAA,CAEA,aCiGR,CD/FQ,uBACE,oBCiGV,CD9FQ,sBACE,mBCgGV,CDvFA,uBApBM,gBACE,SAAA,CACA,QAAA,CAEA,aC8GN,CD5GM,uBACE,oBC8GR,CD3GM,sBACE,mBC6GR,CDxHI,gBACE,SAAA,CACA,QAAA,CAEA,aCyHN,CDvHM,uBACE,oBCyHR,CDtHM,sBACE,mBCwHR,CDnII,gBACE,SAAA,CACA,QAAA,CAEA,aCoIN,CDlIM,uBACE,oBCoIR,CDjIM,sBACE,mBCmIR,CD9II,gBACE,SAAA,CACA,QAAA,CAEA,aC+IN,CD7IM,uBACE,oBC+IR,CD5IM,sBACE,mBC8IR,CDzJI,gBACE,SAAA,CACA,QAAA,CAEA,aC0JN,CDxJM,uBACE,oBC0JR,CDvJM,sBACE,mBCyJR,CDpKI,gBACE,SAAA,CACA,QAAA,CAEA,aCqKN,CDnKM,uBACE,oBCqKR,CDlKM,sBACE,mBCoKR,CD/KI,gBACE,SAAA,CACA,QAAA,CAEA,aCgLN,CD9KM,uBACE,oBCgLR,CD7KM,sBACE,mBC+KR,CD1LI,gBACE,SAAA,CACA,QAAA,CAEA,aC2LN,CDzLM,uBACE,oBC2LR,CDxLM,sBACE,mBC0LR,CDrMI,gBACE,SAAA,CACA,QAAA,CAEA,aCsMN,CDpMM,uBACE,oBCsMR,CDnMM,sBACE,mBCqMR,CDhNI,gBACE,SAAA,CACA,QAAA,CAEA,aCiNN,CD/MM,uBACE,oBCiNR,CD9MM,sBACE,mBCgNR,CD3NI,gBACE,SAAA,CACA,QAAA,CAEA,aC4NN,CD1NM,uBACE,oBC4NR,CDzNM,sBACE,mBC2NR,CDtOI,gBACE,SAAA,CACA,QAAA,CAEA,aCuON,CDrOM,uBACE,oBCuOR,CDpOM,sBACE,mBCsOR,CDjPI,gBACE,SAAA,CACA,QAAA,CAEA,aCkPN,CDhPM,uBACE,oBCkPR,CD/OM,sBACE,mBCiPR,CD5PI,gBACE,SAAA,CACA,QAAA,CAEA,aC6PN,CD3PM,uBACE,oBC6PR,CD1PM,sBACE,mBC4PR,CDvQI,gBACE,SAAA,CACA,QAAA,CAEA,aCwQN,CDtQM,uBACE,oBCwQR,CDrQM,sBACE,mBCuQR,CDlRI,gBACE,SAAA,CACA,QAAA,CAEA,aCmRN,CDjRM,uBACE,oBCmRR,CDhRM,sBACE,mBCkRR,CD7RI,gBACE,SAAA,CACA,QAAA,CAEA,aC8RN,CD5RM,uBACE,oBC8RR,CD3RM,sBACE,mBC6RR,CDxSI,gBACE,SAAA,CACA,QAAA,CAEA,aCySN,CDvSM,uBACE,oBCySR,CDtSM,sBACE,mBCwSR,CDnTI,gBACE,SAAA,CACA,QAAA,CAEA,aCoTN,CDlTM,uBACE,oBCoTR,CDjTM,sBACE,mBCmTR,CD9TI,gBACE,SAAA,CACA,QAAA,CAEA,aC+TN,CD7TM,uBACE,oBC+TR,CD5TM,sBACE,mBC8TR,CDzUI,gBACE,SAAA,CACA,QAAA,CAEA,aC0UN,CDxUM,uBACE,oBC0UR,CDvUM,sBACE,mBCyUR,CDpVI,gBACE,SAAA,CACA,QAAA,CAEA,aCqVN,CDnVM,uBACE,oBCqVR,CDlVM,sBACE,mBCoVR,CD/VI,gBACE,SAAA,CACA,QAAA,CAEA,aCgWN,CD9VM,uBACE,oBCgWR,CD7VM,sBACE,mBC+VR,CD1WI,gBACE,SAAA,CACA,QAAA,CAEA,aC2WN,CDzWM,uBACE,oBC2WR,CDxWM,sBACE,mBC0WR,CDrXI,gBACE,SAAA,CACA,QAAA,CAEA,aCsXN,CDpXM,uBACE,oBCsXR,CDnXM,sBACE,mBCqXR,CDhYI,gBACE,SAAA,CACA,QAAA,CAEA,aCiYN,CD/XM,uBACE,oBCiYR,CD9XM,sBACE,mBCgYR,CD3YI,gBACE,SAAA,CACA,QAAA,CAEA,aC4YN,CD1YM,uBACE,oBC4YR,CDzYM,sBACE,mBC2YR,CDtZI,gBACE,SAAA,CACA,QAAA,CAEA,aCuZN,CDrZM,uBACE,oBCuZR,CDpZM,sBACE,mBCsZR,CDjaI,gBACE,SAAA,CACA,QAAA,CAEA,aCkaN,CDhaM,uBACE,oBCkaR,CD/ZM,sBACE,mBCiaR,CD5aI,gBACE,SAAA,CACA,QAAA,CAEA,aC6aN,CD3aM,uBACE,oBC6aR,CD1aM,sBACE,mBC4aR,CDvbI,gBACE,SAAA,CACA,QAAA,CAEA,aCwbN,CDtbM,uBACE,oBCwbR,CDrbM,sBACE,mBCubR,CDlcI,gBACE,SAAA,CACA,QAAA,CAEA,aCmcN,CDjcM,uBACE,oBCmcR,CDhcM,sBACE,mBCkcR,CD7cI,gBACE,SAAA,CACA,QAAA,CAEA,aC8cN,CD5cM,uBACE,oBC8cR,CD3cM,sBACE,mBC6cR,CDxdI,gBACE,SAAA,CACA,QAAA,CAEA,aCydN,CDvdM,uBACE,oBCydR,CDtdM,sBACE,mBCwdR,CDneI,gBACE,SAAA,CACA,QAAA,CAEA,aCoeN,CDleM,uBACE,oBCoeR,CDjeM,sBACE,mBCmeR,CD9eI,gBACE,SAAA,CACA,QAAA,CAEA,aC+eN,CD7eM,uBACE,oBC+eR,CD5eM,sBACE,mBC8eR,CACF,CDleA,wBAxBM,gBACE,SAAA,CACA,QAAA,CAEA,aC4fN,CD1fM,uBACE,oBC4fR,CDzfM,sBACE,mBC2fR,CDtgBI,gBACE,SAAA,CACA,QAAA,CAEA,aCugBN,CDrgBM,uBACE,oBCugBR,CDpgBM,sBACE,mBCsgBR,CDjhBI,gBACE,SAAA,CACA,QAAA,CAEA,aCkhBN,CDhhBM,uBACE,oBCkhBR,CD/gBM,sBACE,mBCihBR,CD5hBI,gBACE,SAAA,CACA,QAAA,CAEA,aC6hBN,CD3hBM,uBACE,oBC6hBR,CD1hBM,sBACE,mBC4hBR,CDviBI,gBACE,SAAA,CACA,QAAA,CAEA,aCwiBN,CDtiBM,uBACE,oBCwiBR,CDriBM,sBACE,mBCuiBR,CDljBI,gBACE,SAAA,CACA,QAAA,CAEA,aCmjBN,CDjjBM,uBACE,oBCmjBR,CDhjBM,sBACE,mBCkjBR,CD7jBI,gBACE,SAAA,CACA,QAAA,CAEA,aC8jBN,CD5jBM,uBACE,oBC8jBR,CD3jBM,sBACE,mBC6jBR,CDxkBI,gBACE,SAAA,CACA,QAAA,CAEA,aCykBN,CDvkBM,uBACE,oBCykBR,CDtkBM,sBACE,mBCwkBR,CDnlBI,gBACE,SAAA,CACA,QAAA,CAEA,aColBN,CDllBM,uBACE,oBColBR,CDjlBM,sBACE,mBCmlBR,CD9lBI,iBACE,SAAA,CACA,SAAA,CAEA,aC+lBN,CD7lBM,wBACE,oBC+lBR,CD5lBM,uBACE,oBC8lBR,CDzmBI,iBACE,SAAA,CACA,SAAA,CAEA,aC0mBN,CDxmBM,wBACE,oBC0mBR,CDvmBM,uBACE,oBCymBR,CDpnBI,iBACE,SAAA,CACA,SAAA,CAEA,aCqnBN,CDnnBM,wBACE,oBCqnBR,CDlnBM,uBACE,oBConBR,CD/nBI,gBACE,SAAA,CACA,QAAA,CAEA,aCgoBN,CD9nBM,uBACE,oBCgoBR,CD7nBM,sBACE,mBC+nBR,CD1oBI,gBACE,SAAA,CACA,QAAA,CAEA,aC2oBN,CDzoBM,uBACE,oBC2oBR,CDxoBM,sBACE,mBC0oBR,CDrpBI,gBACE,SAAA,CACA,QAAA,CAEA,aCspBN,CDppBM,uBACE,oBCspBR,CDnpBM,sBACE,mBCqpBR,CDhqBI,gBACE,SAAA,CACA,QAAA,CAEA,aCiqBN,CD/pBM,uBACE,oBCiqBR,CD9pBM,sBACE,mBCgqBR,CD3qBI,gBACE,SAAA,CACA,QAAA,CAEA,aC4qBN,CD1qBM,uBACE,oBC4qBR,CDzqBM,sBACE,mBC2qBR,CDtrBI,gBACE,SAAA,CACA,QAAA,CAEA,aCurBN,CDrrBM,uBACE,oBCurBR,CDprBM,sBACE,mBCsrBR,CDjsBI,gBACE,SAAA,CACA,QAAA,CAEA,aCksBN,CDhsBM,uBACE,oBCksBR,CD/rBM,sBACE,mBCisBR,CD5sBI,gBACE,SAAA,CACA,QAAA,CAEA,aC6sBN,CD3sBM,uBACE,oBC6sBR,CD1sBM,sBACE,mBC4sBR,CDvtBI,gBACE,SAAA,CACA,QAAA,CAEA,aCwtBN,CDttBM,uBACE,oBCwtBR,CDrtBM,sBACE,mBCutBR,CDluBI,iBACE,SAAA,CACA,SAAA,CAEA,aCmuBN,CDjuBM,wBACE,oBCmuBR,CDhuBM,uBACE,oBCkuBR,CD7uBI,iBACE,SAAA,CACA,SAAA,CAEA,aC8uBN,CD5uBM,wBACE,oBC8uBR,CD3uBM,uBACE,oBC6uBR,CDxvBI,gBACE,SAAA,CACA,QAAA,CAEA,aCyvBN,CDvvBM,uBACE,oBCyvBR,CDtvBM,sBACE,mBCwvBR,CDnwBI,gBACE,SAAA,CACA,QAAA,CAEA,aCowBN,CDlwBM,uBACE,oBCowBR,CDjwBM,sBACE,mBCmwBR,CD9wBI,gBACE,SAAA,CACA,QAAA,CAEA,aC+wBN,CD7wBM,uBACE,oBC+wBR,CD5wBM,sBACE,mBC8wBR,CDzxBI,gBACE,SAAA,CACA,QAAA,CAEA,aC0xBN,CDxxBM,uBACE,oBC0xBR,CDvxBM,sBACE,mBCyxBR,CDpyBI,gBACE,SAAA,CACA,QAAA,CAEA,aCqyBN,CDnyBM,uBACE,oBCqyBR,CDlyBM,sBACE,mBCoyBR,CD/yBI,gBACE,SAAA,CACA,QAAA,CAEA,aCgzBN,CD9yBM,uBACE,oBCgzBR,CD7yBM,sBACE,mBC+yBR,CD1zBI,gBACE,SAAA,CACA,QAAA,CAEA,aC2zBN,CDzzBM,uBACE,oBC2zBR,CDxzBM,sBACE,mBC0zBR,CDr0BI,gBACE,SAAA,CACA,QAAA,CAEA,aCs0BN,CDp0BM,uBACE,oBCs0BR,CDn0BM,sBACE,mBCq0BR,CDh1BI,gBACE,SAAA,CACA,QAAA,CAEA,aCi1BN,CD/0BM,uBACE,oBCi1BR,CD90BM,sBACE,mBCg1BR,CD31BI,iBACE,SAAA,CACA,SAAA,CAEA,aC41BN,CD11BM,wBACE,oBC41BR,CDz1BM,uBACE,oBC21BR,CDt2BI,gBACE,SAAA,CACA,QAAA,CAEA,aCu2BN,CDr2BM,uBACE,oBCu2BR,CDp2BM,sBACE,mBCs2BR,CDj3BI,gBACE,SAAA,CACA,QAAA,CAEA,aCk3BN,CDh3BM,uBACE,oBCk3BR,CD/2BM,sBACE,mBCi3BR,CD53BI,gBACE,SAAA,CACA,QAAA,CAEA,aC63BN,CD33BM,uBACE,oBC63BR,CD13BM,sBACE,mBC43BR,CDv4BI,gBACE,SAAA,CACA,QAAA,CAEA,aCw4BN,CDt4BM,uBACE,oBCw4BR,CDr4BM,sBACE,mBCu4BR,CDl5BI,gBACE,SAAA,CACA,QAAA,CAEA,aCm5BN,CDj5BM,uBACE,oBCm5BR,CDh5BM,sBACE,mBCk5BR,CD75BI,gBACE,SAAA,CACA,QAAA,CAEA,aC85BN,CD55BM,uBACE,oBC85BR,CD35BM,sBACE,mBC65BR,CDx6BI,gBACE,SAAA,CACA,QAAA,CAEA,aCy6BN,CDv6BM,uBACE,oBCy6BR,CDt6BM,sBACE,mBCw6BR,CDn7BI,gBACE,SAAA,CACA,QAAA,CAEA,aCo7BN,CDl7BM,uBACE,oBCo7BR,CDj7BM,sBACE,mBCm7BR,CD97BI,gBACE,SAAA,CACA,QAAA,CAEA,aC+7BN,CD77BM,uBACE,oBC+7BR,CD57BM,sBACE,mBC87BR,CDz8BI,gBACE,SAAA,CACA,QAAA,CAEA,aC08BN,CDx8BM,uBACE,oBC08BR,CDv8BM,sBACE,mBCy8BR,CDp9BI,gBACE,SAAA,CACA,QAAA,CAEA,aCq9BN,CDn9BM,uBACE,oBCq9BR,CDl9BM,sBACE,mBCo9BR,CD/9BI,gBACE,SAAA,CACA,QAAA,CAEA,aCg+BN,CD99BM,uBACE,oBCg+BR,CD79BM,sBACE,mBC+9BR,CD1+BI,gBACE,SAAA,CACA,QAAA,CAEA,aC2+BN,CDz+BM,uBACE,oBC2+BR,CDx+BM,sBACE,mBC0+BR,CDr/BI,gBACE,SAAA,CACA,QAAA,CAEA,aCs/BN,CDp/BM,uBACE,oBCs/BR,CDn/BM,sBACE,mBCq/BR,CDhgCI,gBACE,SAAA,CACA,QAAA,CAEA,aCigCN,CD//BM,uBACE,oBCigCR,CD9/BM,sBACE,mBCggCR,CD3gCI,gBACE,SAAA,CACA,QAAA,CAEA,aC4gCN,CD1gCM,uBACE,oBC4gCR,CDzgCM,sBACE,mBC2gCR,CDthCI,gBACE,SAAA,CACA,QAAA,CAEA,aCuhCN,CDrhCM,uBACE,oBCuhCR,CDphCM,sBACE,mBCshCR,CDjiCI,gBACE,SAAA,CACA,QAAA,CAEA,aCkiCN,CDhiCM,uBACE,oBCkiCR,CD/hCM,sBACE,mBCiiCR,CD5iCI,gBACE,SAAA,CACA,QAAA,CAEA,aC6iCN,CD3iCM,uBACE,oBC6iCR,CD1iCM,sBACE,mBC4iCR,CDvjCI,gBACE,SAAA,CACA,QAAA,CAEA,aCwjCN,CDtjCM,uBACE,oBCwjCR,CDrjCM,sBACE,mBCujCR,CDlkCI,gBACE,SAAA,CACA,QAAA,CAEA,aCmkCN,CDjkCM,uBACE,oBCmkCR,CDhkCM,sBACE,mBCkkCR,CD7kCI,gBACE,SAAA,CACA,QAAA,CAEA,aC8kCN,CD5kCM,uBACE,oBC8kCR,CD3kCM,sBACE,mBC6kCR,CDxlCI,gBACE,SAAA,CACA,QAAA,CAEA,aCylCN,CDvlCM,uBACE,oBCylCR,CDtlCM,sBACE,mBCwlCR,CDnmCI,gBACE,SAAA,CACA,QAAA,CAEA,aComCN,CDlmCM,uBACE,oBComCR,CDjmCM,sBACE,mBCmmCR,CD9mCI,gBACE,SAAA,CACA,QAAA,CAEA,aC+mCN,CD7mCM,uBACE,oBC+mCR,CD5mCM,sBACE,mBC8mCR,CDznCI,gBACE,SAAA,CACA,QAAA,CAEA,aC0nCN,CDxnCM,uBACE,oBC0nCR,CDvnCM,sBACE,mBCynCR,CDpoCI,gBACE,SAAA,CACA,QAAA,CAEA,aCqoCN,CDnoCM,uBACE,oBCqoCR,CDloCM,sBACE,mBCooCR,CD/oCI,gBACE,SAAA,CACA,QAAA,CAEA,aCgpCN,CD9oCM,uBACE,oBCgpCR,CD7oCM,sBACE,mBC+oCR,CD1pCI,gBACE,SAAA,CACA,QAAA,CAEA,aC2pCN,CDzpCM,uBACE,oBC2pCR,CDxpCM,sBACE,mBC0pCR,CDrqCI,gBACE,SAAA,CACA,QAAA,CAEA,aCsqCN,CDpqCM,uBACE,oBCsqCR,CDnqCM,sBACE,mBCqqCR,CDhrCI,gBACE,SAAA,CACA,QAAA,CAEA,aCirCN,CD/qCM,uBACE,oBCirCR,CD9qCM,sBACE,mBCgrCR,CD3rCI,gBACE,SAAA,CACA,QAAA,CAEA,aC4rCN,CD1rCM,uBACE,oBC4rCR,CDzrCM,sBACE,mBC2rCR,CDtsCI,gBACE,SAAA,CACA,QAAA,CAEA,aCusCN,CDrsCM,uBACE,oBCusCR,CDpsCM,sBACE,mBCssCR,CDjtCI,gBACE,SAAA,CACA,QAAA,CAEA,aCktCN,CDhtCM,uBACE,oBCktCR,CD/sCM,sBACE,mBCitCR,CD5tCI,gBACE,SAAA,CACA,QAAA,CAEA,aC6tCN,CD3tCM,uBACE,oBC6tCR,CD1tCM,sBACE,mBC4tCR,CDvuCI,gBACE,SAAA,CACA,QAAA,CAEA,aCwuCN,CDtuCM,uBACE,oBCwuCR,CDruCM,sBACE,mBCuuCR,CDlvCI,gBACE,SAAA,CACA,QAAA,CAEA,aCmvCN,CDjvCM,uBACE,oBCmvCR,CDhvCM,sBACE,mBCkvCR,CD7vCI,gBACE,SAAA,CACA,QAAA,CAEA,aC8vCN,CD5vCM,uBACE,oBC8vCR,CD3vCM,sBACE,mBC6vCR,CDxwCI,gBACE,SAAA,CACA,QAAA,CAEA,aCywCN,CDvwCM,uBACE,oBCywCR,CDtwCM,sBACE,mBCwwCR,CDnxCI,iBACE,UAAA,CACA,QAAA,CAEA,aCoxCN,CDlxCM,wBACE,qBCoxCR,CDjxCM,uBACE,mBCmxCR,CD9xCI,iBACE,UAAA,CACA,QAAA,CAEA,aC+xCN,CD7xCM,wBACE,qBC+xCR,CD5xCM,uBACE,mBC8xCR,CDzyCI,iBACE,UAAA,CACA,QAAA,CAEA,aC0yCN,CDxyCM,wBACE,qBC0yCR,CDvyCM,uBACE,mBCyyCR,CDpzCI,iBACE,UAAA,CACA,QAAA,CAEA,aCqzCN,CDnzCM,wBACE,qBCqzCR,CDlzCM,uBACE,mBCozCR,CD/zCI,iBACE,UAAA,CACA,QAAA,CAEA,aCg0CN,CD9zCM,wBACE,qBCg0CR,CD7zCM,uBACE,mBC+zCR,CD10CI,iBACE,UAAA,CACA,QAAA,CAEA,aC20CN,CDz0CM,wBACE,qBC20CR,CDx0CM,uBACE,mBC00CR,CACF","file":"Grid-demo-wireframe.css","sourcesContent":["@use \"../common/common.scss\" as common;\n\n#storybook-root:has(> .grid) {\n background: hsla(0deg, 0%, 79%, 15.9%);\n}\n\n.box {\n background-color: white;\n outline: hsla(0deg, 0%, 0%, 20%) solid 1px;\n}\n\n.box-card {\n padding: 1rem;\n outline: hsla(0deg, 0%, 0%, 20%) solid 1px;\n\n @media (width > #{common.$breakpoint-md}) {\n --cols: 4;\n }\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 3;\n }\n}\n\n.box-example-1 {\n @media (width > #{common.$breakpoint-md}) {\n --cols: 8;\n }\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 9;\n }\n}\n\n.box-example-2 {\n @media (width > #{common.$breakpoint-md}) {\n --cols: 4;\n }\n\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 3;\n }\n}\n\n.box-half {\n height: 100px;\n\n @media (width > #{common.$breakpoint-md}) {\n --cols: 4;\n\n &:last-child {\n --cols: 12;\n }\n }\n\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 6;\n\n &:last-child {\n --cols: 6;\n }\n }\n}\n\n.box-custom {\n display: grid;\n grid-template-areas:\n \"title title\"\n \"content1 content2\"\n \"footer footer\";\n\n h2 {\n grid-area: title;\n }\n\n .box {\n padding: 1rem;\n }\n\n .box-content1 {\n grid-area: content1;\n }\n\n .box-content2 {\n grid-area: content2;\n }\n\n footer {\n grid-area: footer;\n place-content: center;\n text-align: center;\n }\n}\n\n.box-offset {\n position: relative;\n display: none;\n height: 50px;\n place-content: center;\n font-size: 0.7rem;\n text-align: center;\n color: var(--color-primary);\n\n &::before,\n &::after {\n display: block;\n }\n}\n\n@mixin generateStyleBox($max-offset) {\n @for $i from 1 through $max-offset {\n $max-cols: $max-offset - $i + 1;\n\n @for $j from 1 through $max-cols {\n .box-offset-#{$i}-#{$j} {\n --start: #{$i};\n --cols: #{$j};\n\n display: block;\n\n &::before {\n content: \"--start:#{$i};\";\n }\n\n &::after {\n content: \"--cols:#{$j};\";\n }\n }\n }\n }\n}\n\n@include generateStyleBox(4);\n\n@media (width > #{common.$breakpoint-sm}) {\n @include generateStyleBox(8);\n}\n\n@media (width > #{common.$breakpoint-md}) {\n @include generateStyleBox(12);\n}\n","@use \"../common/common.scss\" as common;\n\n#storybook-root:has(> .grid) {\n background: hsla(0deg, 0%, 79%, 15.9%);\n}\n\n.box {\n background-color: white;\n outline: hsla(0deg, 0%, 0%, 20%) solid 1px;\n}\n\n.box-card {\n padding: 1rem;\n outline: hsla(0deg, 0%, 0%, 20%) solid 1px;\n\n @media (width > #{common.$breakpoint-md}) {\n --cols: 4;\n }\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 3;\n }\n}\n\n.box-example-1 {\n @media (width > #{common.$breakpoint-md}) {\n --cols: 8;\n }\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 9;\n }\n}\n\n.box-example-2 {\n @media (width > #{common.$breakpoint-md}) {\n --cols: 4;\n }\n\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 3;\n }\n}\n\n.box-half {\n height: 100px;\n\n @media (width > #{common.$breakpoint-md}) {\n --cols: 4;\n\n &:last-child {\n --cols: 12;\n }\n }\n\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 6;\n\n &:last-child {\n --cols: 6;\n }\n }\n}\n\n.box-custom {\n display: grid;\n grid-template-areas:\n \"title title\"\n \"content1 content2\"\n \"footer footer\";\n\n h2 {\n grid-area: title;\n }\n\n .box {\n padding: 1rem;\n }\n\n .box-content1 {\n grid-area: content1;\n }\n\n .box-content2 {\n grid-area: content2;\n }\n\n footer {\n grid-area: footer;\n place-content: center;\n text-align: center;\n }\n}\n\n.box-offset {\n position: relative;\n display: none;\n height: 50px;\n place-content: center;\n font-size: 0.7rem;\n text-align: center;\n color: var(--color-primary);\n\n &::before,\n &::after {\n display: block;\n }\n}\n\n@mixin generateStyleBox($max-offset) {\n @for $i from 1 through $max-offset {\n $max-cols: $max-offset - $i + 1;\n\n @for $j from 1 through $max-cols {\n .box-offset-#{$i}-#{$j} {\n --start: #{$i};\n --cols: #{$j};\n\n display: block;\n\n &::before {\n content: \"--start:#{$i};\";\n }\n\n &::after {\n content: \"--cols:#{$j};\";\n }\n }\n }\n }\n}\n\n@include generateStyleBox(4);\n\n@media (width > #{common.$breakpoint-sm}) {\n @include generateStyleBox(8);\n}\n\n@media (width > #{common.$breakpoint-md}) {\n @include generateStyleBox(12);\n}\n"]}
1
+ {"version":3,"sources":["../../src/Grid/Grid-demo-wireframe.scss%23sass","../../src/Grid/Grid-demo-wireframe.scss"],"names":[],"mappings":"AAEA,4BACE,8BCDF,CDIA,KACE,qBCAF,CDIA,eCLA,uBAMA,CDDA,UACE,YCAF,CDGE,wBAJF,UCIE,QACA,CACF,CDCE,wBAPF,UCSE,QACF,CACA,CDEE,wBADF,eCGE,QACA,CACF,CDDE,wBCGF,eDFI,QCIJ,CACA,CDAE,wBADF,eCKE,QACA,CACF,CDFE,wBALF,eCUA,QACE,CACF,CDFA,UACE,YCKF,CDHE,wBAHF,UCSE,QACA,CDJE,qBACE,SCMJ,CACF,CDHE,wBAGE,+BCMJ,QACE,CACF,CDFA,YACE,YAAA,CACA,qECKF,CDAE,eACE,eCEJ,CDCE,iBACE,YCCJ,CDEE,0BACE,kBCAJ,CDGE,0BACE,kBCDJ,CDIE,mBACE,gBAAA,CACA,oBAAA,CACA,iBCFJ,CDMA,YAOE,0BAAA,CCTF,YAAA,CDOE,eAAA,CAFA,WAAA,CCHF,oBAAA,CDCE,iBAAA,CAKA,iBCFF,CDKE,qCAEE,aCJJ,CDaM,gBACE,SAAA,CACA,QAAA,CAEA,aCXR,CDaQ,uBCXR,oBACA,CDcQ,sBACE,mBCZV,CDCM,gBACE,SAAA,CACA,QAAA,CAEA,aCCR,CDCQ,uBACE,oBCCV,CDEQ,sBACE,mBCAV,CDXM,gBACE,SAAA,CACA,QAAA,CCcR,aACA,CDXQ,uBACE,oBCaV,CDVQ,sBCYR,mBACA,CDvBM,gBC0BN,SAAA,CDxBQ,QAAA,CAEA,aCyBR,CDvBQ,uBACE,oBCyBV,CDtBQ,sBACE,mBCwBV,CDnCM,gBACE,SAAA,CACA,QAAA,CAEA,aCqCR,CDnCQ,uBACE,oBCqCV,CDlCQ,sBACE,mBCoCV,CD/CM,gBACE,SAAA,CACA,QAAA,CAEA,aCiDR,CD/CQ,uBACE,oBCiDV,CD9CQ,sBACE,mBCgDV,CD3DM,gBACE,SAAA,CACA,QAAA,CAEA,aC6DR,CD3DQ,uBACE,oBC6DV,CD1DQ,sBACE,mBC4DV,CDvEM,gBACE,SAAA,CACA,QAAA,CAEA,aCyER,CDvEQ,uBACE,oBCyEV,CDtEQ,sBACE,mBCwEV,CDnFM,gBACE,SAAA,CACA,QAAA,CAEA,aCqFR,CDnFQ,uBACE,oBCqFV,CDlFQ,sBACE,mBCoFV,CD/FM,gBACE,SAAA,CACA,QAAA,CAEA,aCiGR,CD/FQ,uBACE,oBCiGV,CD9FQ,sBACE,mBCgGV,CDvFA,uBApBM,gBACE,SAAA,CACA,QAAA,CAEA,aC8GN,CD5GM,uBACE,oBC8GR,CD3GM,sBACE,mBC6GR,CDxHI,gBACE,SAAA,CACA,QAAA,CAEA,aCyHN,CDvHM,uBACE,oBCyHR,CDtHM,sBACE,mBCwHR,CDnII,gBACE,SAAA,CACA,QAAA,CAEA,aCoIN,CDlIM,uBACE,oBCoIR,CDjIM,sBACE,mBCmIR,CD9II,gBACE,SAAA,CACA,QAAA,CAEA,aC+IN,CD7IM,uBACE,oBC+IR,CD5IM,sBACE,mBC8IR,CDzJI,gBACE,SAAA,CACA,QAAA,CAEA,aC0JN,CDxJM,uBACE,oBC0JR,CDvJM,sBACE,mBCyJR,CDpKI,gBACE,SAAA,CACA,QAAA,CAEA,aCqKN,CDnKM,uBACE,oBCqKR,CDlKM,sBACE,mBCoKR,CD/KI,gBACE,SAAA,CACA,QAAA,CAEA,aCgLN,CD9KM,uBACE,oBCgLR,CD7KM,sBACE,mBC+KR,CD1LI,gBACE,SAAA,CACA,QAAA,CAEA,aC2LN,CDzLM,uBACE,oBC2LR,CDxLM,sBACE,mBC0LR,CDrMI,gBACE,SAAA,CACA,QAAA,CAEA,aCsMN,CDpMM,uBACE,oBCsMR,CDnMM,sBACE,mBCqMR,CDhNI,gBACE,SAAA,CACA,QAAA,CAEA,aCiNN,CD/MM,uBACE,oBCiNR,CD9MM,sBACE,mBCgNR,CD3NI,gBACE,SAAA,CACA,QAAA,CAEA,aC4NN,CD1NM,uBACE,oBC4NR,CDzNM,sBACE,mBC2NR,CDtOI,gBACE,SAAA,CACA,QAAA,CAEA,aCuON,CDrOM,uBACE,oBCuOR,CDpOM,sBACE,mBCsOR,CDjPI,gBACE,SAAA,CACA,QAAA,CAEA,aCkPN,CDhPM,uBACE,oBCkPR,CD/OM,sBACE,mBCiPR,CD5PI,gBACE,SAAA,CACA,QAAA,CAEA,aC6PN,CD3PM,uBACE,oBC6PR,CD1PM,sBACE,mBC4PR,CDvQI,gBACE,SAAA,CACA,QAAA,CAEA,aCwQN,CDtQM,uBACE,oBCwQR,CDrQM,sBACE,mBCuQR,CDlRI,gBACE,SAAA,CACA,QAAA,CAEA,aCmRN,CDjRM,uBACE,oBCmRR,CDhRM,sBACE,mBCkRR,CD7RI,gBACE,SAAA,CACA,QAAA,CAEA,aC8RN,CD5RM,uBACE,oBC8RR,CD3RM,sBACE,mBC6RR,CDxSI,gBACE,SAAA,CACA,QAAA,CAEA,aCySN,CDvSM,uBACE,oBCySR,CDtSM,sBACE,mBCwSR,CDnTI,gBACE,SAAA,CACA,QAAA,CAEA,aCoTN,CDlTM,uBACE,oBCoTR,CDjTM,sBACE,mBCmTR,CD9TI,gBACE,SAAA,CACA,QAAA,CAEA,aC+TN,CD7TM,uBACE,oBC+TR,CD5TM,sBACE,mBC8TR,CDzUI,gBACE,SAAA,CACA,QAAA,CAEA,aC0UN,CDxUM,uBACE,oBC0UR,CDvUM,sBACE,mBCyUR,CDpVI,gBACE,SAAA,CACA,QAAA,CAEA,aCqVN,CDnVM,uBACE,oBCqVR,CDlVM,sBACE,mBCoVR,CD/VI,gBACE,SAAA,CACA,QAAA,CAEA,aCgWN,CD9VM,uBACE,oBCgWR,CD7VM,sBACE,mBC+VR,CD1WI,gBACE,SAAA,CACA,QAAA,CAEA,aC2WN,CDzWM,uBACE,oBC2WR,CDxWM,sBACE,mBC0WR,CDrXI,gBACE,SAAA,CACA,QAAA,CAEA,aCsXN,CDpXM,uBACE,oBCsXR,CDnXM,sBACE,mBCqXR,CDhYI,gBACE,SAAA,CACA,QAAA,CAEA,aCiYN,CD/XM,uBACE,oBCiYR,CD9XM,sBACE,mBCgYR,CD3YI,gBACE,SAAA,CACA,QAAA,CAEA,aC4YN,CD1YM,uBACE,oBC4YR,CDzYM,sBACE,mBC2YR,CDtZI,gBACE,SAAA,CACA,QAAA,CAEA,aCuZN,CDrZM,uBACE,oBCuZR,CDpZM,sBACE,mBCsZR,CDjaI,gBACE,SAAA,CACA,QAAA,CAEA,aCkaN,CDhaM,uBACE,oBCkaR,CD/ZM,sBACE,mBCiaR,CD5aI,gBACE,SAAA,CACA,QAAA,CAEA,aC6aN,CD3aM,uBACE,oBC6aR,CD1aM,sBACE,mBC4aR,CDvbI,gBACE,SAAA,CACA,QAAA,CAEA,aCwbN,CDtbM,uBACE,oBCwbR,CDrbM,sBACE,mBCubR,CDlcI,gBACE,SAAA,CACA,QAAA,CAEA,aCmcN,CDjcM,uBACE,oBCmcR,CDhcM,sBACE,mBCkcR,CD7cI,gBACE,SAAA,CACA,QAAA,CAEA,aC8cN,CD5cM,uBACE,oBC8cR,CD3cM,sBACE,mBC6cR,CDxdI,gBACE,SAAA,CACA,QAAA,CAEA,aCydN,CDvdM,uBACE,oBCydR,CDtdM,sBACE,mBCwdR,CDneI,gBACE,SAAA,CACA,QAAA,CAEA,aCoeN,CDleM,uBACE,oBCoeR,CDjeM,sBACE,mBCmeR,CD9eI,gBACE,SAAA,CACA,QAAA,CAEA,aC+eN,CD7eM,uBACE,oBC+eR,CD5eM,sBACE,mBC8eR,CACF,CDleA,wBAxBM,gBACE,SAAA,CACA,QAAA,CAEA,aC4fN,CD1fM,uBACE,oBC4fR,CDzfM,sBACE,mBC2fR,CDtgBI,gBACE,SAAA,CACA,QAAA,CAEA,aCugBN,CDrgBM,uBACE,oBCugBR,CDpgBM,sBACE,mBCsgBR,CDjhBI,gBACE,SAAA,CACA,QAAA,CAEA,aCkhBN,CDhhBM,uBACE,oBCkhBR,CD/gBM,sBACE,mBCihBR,CD5hBI,gBACE,SAAA,CACA,QAAA,CAEA,aC6hBN,CD3hBM,uBACE,oBC6hBR,CD1hBM,sBACE,mBC4hBR,CDviBI,gBACE,SAAA,CACA,QAAA,CAEA,aCwiBN,CDtiBM,uBACE,oBCwiBR,CDriBM,sBACE,mBCuiBR,CDljBI,gBACE,SAAA,CACA,QAAA,CAEA,aCmjBN,CDjjBM,uBACE,oBCmjBR,CDhjBM,sBACE,mBCkjBR,CD7jBI,gBACE,SAAA,CACA,QAAA,CAEA,aC8jBN,CD5jBM,uBACE,oBC8jBR,CD3jBM,sBACE,mBC6jBR,CDxkBI,gBACE,SAAA,CACA,QAAA,CAEA,aCykBN,CDvkBM,uBACE,oBCykBR,CDtkBM,sBACE,mBCwkBR,CDnlBI,gBACE,SAAA,CACA,QAAA,CAEA,aColBN,CDllBM,uBACE,oBColBR,CDjlBM,sBACE,mBCmlBR,CD9lBI,iBACE,SAAA,CACA,SAAA,CAEA,aC+lBN,CD7lBM,wBACE,oBC+lBR,CD5lBM,uBACE,oBC8lBR,CDzmBI,iBACE,SAAA,CACA,SAAA,CAEA,aC0mBN,CDxmBM,wBACE,oBC0mBR,CDvmBM,uBACE,oBCymBR,CDpnBI,iBACE,SAAA,CACA,SAAA,CAEA,aCqnBN,CDnnBM,wBACE,oBCqnBR,CDlnBM,uBACE,oBConBR,CD/nBI,gBACE,SAAA,CACA,QAAA,CAEA,aCgoBN,CD9nBM,uBACE,oBCgoBR,CD7nBM,sBACE,mBC+nBR,CD1oBI,gBACE,SAAA,CACA,QAAA,CAEA,aC2oBN,CDzoBM,uBACE,oBC2oBR,CDxoBM,sBACE,mBC0oBR,CDrpBI,gBACE,SAAA,CACA,QAAA,CAEA,aCspBN,CDppBM,uBACE,oBCspBR,CDnpBM,sBACE,mBCqpBR,CDhqBI,gBACE,SAAA,CACA,QAAA,CAEA,aCiqBN,CD/pBM,uBACE,oBCiqBR,CD9pBM,sBACE,mBCgqBR,CD3qBI,gBACE,SAAA,CACA,QAAA,CAEA,aC4qBN,CD1qBM,uBACE,oBC4qBR,CDzqBM,sBACE,mBC2qBR,CDtrBI,gBACE,SAAA,CACA,QAAA,CAEA,aCurBN,CDrrBM,uBACE,oBCurBR,CDprBM,sBACE,mBCsrBR,CDjsBI,gBACE,SAAA,CACA,QAAA,CAEA,aCksBN,CDhsBM,uBACE,oBCksBR,CD/rBM,sBACE,mBCisBR,CD5sBI,gBACE,SAAA,CACA,QAAA,CAEA,aC6sBN,CD3sBM,uBACE,oBC6sBR,CD1sBM,sBACE,mBC4sBR,CDvtBI,gBACE,SAAA,CACA,QAAA,CAEA,aCwtBN,CDttBM,uBACE,oBCwtBR,CDrtBM,sBACE,mBCutBR,CDluBI,iBACE,SAAA,CACA,SAAA,CAEA,aCmuBN,CDjuBM,wBACE,oBCmuBR,CDhuBM,uBACE,oBCkuBR,CD7uBI,iBACE,SAAA,CACA,SAAA,CAEA,aC8uBN,CD5uBM,wBACE,oBC8uBR,CD3uBM,uBACE,oBC6uBR,CDxvBI,gBACE,SAAA,CACA,QAAA,CAEA,aCyvBN,CDvvBM,uBACE,oBCyvBR,CDtvBM,sBACE,mBCwvBR,CDnwBI,gBACE,SAAA,CACA,QAAA,CAEA,aCowBN,CDlwBM,uBACE,oBCowBR,CDjwBM,sBACE,mBCmwBR,CD9wBI,gBACE,SAAA,CACA,QAAA,CAEA,aC+wBN,CD7wBM,uBACE,oBC+wBR,CD5wBM,sBACE,mBC8wBR,CDzxBI,gBACE,SAAA,CACA,QAAA,CAEA,aC0xBN,CDxxBM,uBACE,oBC0xBR,CDvxBM,sBACE,mBCyxBR,CDpyBI,gBACE,SAAA,CACA,QAAA,CAEA,aCqyBN,CDnyBM,uBACE,oBCqyBR,CDlyBM,sBACE,mBCoyBR,CD/yBI,gBACE,SAAA,CACA,QAAA,CAEA,aCgzBN,CD9yBM,uBACE,oBCgzBR,CD7yBM,sBACE,mBC+yBR,CD1zBI,gBACE,SAAA,CACA,QAAA,CAEA,aC2zBN,CDzzBM,uBACE,oBC2zBR,CDxzBM,sBACE,mBC0zBR,CDr0BI,gBACE,SAAA,CACA,QAAA,CAEA,aCs0BN,CDp0BM,uBACE,oBCs0BR,CDn0BM,sBACE,mBCq0BR,CDh1BI,gBACE,SAAA,CACA,QAAA,CAEA,aCi1BN,CD/0BM,uBACE,oBCi1BR,CD90BM,sBACE,mBCg1BR,CD31BI,iBACE,SAAA,CACA,SAAA,CAEA,aC41BN,CD11BM,wBACE,oBC41BR,CDz1BM,uBACE,oBC21BR,CDt2BI,gBACE,SAAA,CACA,QAAA,CAEA,aCu2BN,CDr2BM,uBACE,oBCu2BR,CDp2BM,sBACE,mBCs2BR,CDj3BI,gBACE,SAAA,CACA,QAAA,CAEA,aCk3BN,CDh3BM,uBACE,oBCk3BR,CD/2BM,sBACE,mBCi3BR,CD53BI,gBACE,SAAA,CACA,QAAA,CAEA,aC63BN,CD33BM,uBACE,oBC63BR,CD13BM,sBACE,mBC43BR,CDv4BI,gBACE,SAAA,CACA,QAAA,CAEA,aCw4BN,CDt4BM,uBACE,oBCw4BR,CDr4BM,sBACE,mBCu4BR,CDl5BI,gBACE,SAAA,CACA,QAAA,CAEA,aCm5BN,CDj5BM,uBACE,oBCm5BR,CDh5BM,sBACE,mBCk5BR,CD75BI,gBACE,SAAA,CACA,QAAA,CAEA,aC85BN,CD55BM,uBACE,oBC85BR,CD35BM,sBACE,mBC65BR,CDx6BI,gBACE,SAAA,CACA,QAAA,CAEA,aCy6BN,CDv6BM,uBACE,oBCy6BR,CDt6BM,sBACE,mBCw6BR,CDn7BI,gBACE,SAAA,CACA,QAAA,CAEA,aCo7BN,CDl7BM,uBACE,oBCo7BR,CDj7BM,sBACE,mBCm7BR,CD97BI,gBACE,SAAA,CACA,QAAA,CAEA,aC+7BN,CD77BM,uBACE,oBC+7BR,CD57BM,sBACE,mBC87BR,CDz8BI,gBACE,SAAA,CACA,QAAA,CAEA,aC08BN,CDx8BM,uBACE,oBC08BR,CDv8BM,sBACE,mBCy8BR,CDp9BI,gBACE,SAAA,CACA,QAAA,CAEA,aCq9BN,CDn9BM,uBACE,oBCq9BR,CDl9BM,sBACE,mBCo9BR,CD/9BI,gBACE,SAAA,CACA,QAAA,CAEA,aCg+BN,CD99BM,uBACE,oBCg+BR,CD79BM,sBACE,mBC+9BR,CD1+BI,gBACE,SAAA,CACA,QAAA,CAEA,aC2+BN,CDz+BM,uBACE,oBC2+BR,CDx+BM,sBACE,mBC0+BR,CDr/BI,gBACE,SAAA,CACA,QAAA,CAEA,aCs/BN,CDp/BM,uBACE,oBCs/BR,CDn/BM,sBACE,mBCq/BR,CDhgCI,gBACE,SAAA,CACA,QAAA,CAEA,aCigCN,CD//BM,uBACE,oBCigCR,CD9/BM,sBACE,mBCggCR,CD3gCI,gBACE,SAAA,CACA,QAAA,CAEA,aC4gCN,CD1gCM,uBACE,oBC4gCR,CDzgCM,sBACE,mBC2gCR,CDthCI,gBACE,SAAA,CACA,QAAA,CAEA,aCuhCN,CDrhCM,uBACE,oBCuhCR,CDphCM,sBACE,mBCshCR,CDjiCI,gBACE,SAAA,CACA,QAAA,CAEA,aCkiCN,CDhiCM,uBACE,oBCkiCR,CD/hCM,sBACE,mBCiiCR,CD5iCI,gBACE,SAAA,CACA,QAAA,CAEA,aC6iCN,CD3iCM,uBACE,oBC6iCR,CD1iCM,sBACE,mBC4iCR,CDvjCI,gBACE,SAAA,CACA,QAAA,CAEA,aCwjCN,CDtjCM,uBACE,oBCwjCR,CDrjCM,sBACE,mBCujCR,CDlkCI,gBACE,SAAA,CACA,QAAA,CAEA,aCmkCN,CDjkCM,uBACE,oBCmkCR,CDhkCM,sBACE,mBCkkCR,CD7kCI,gBACE,SAAA,CACA,QAAA,CAEA,aC8kCN,CD5kCM,uBACE,oBC8kCR,CD3kCM,sBACE,mBC6kCR,CDxlCI,gBACE,SAAA,CACA,QAAA,CAEA,aCylCN,CDvlCM,uBACE,oBCylCR,CDtlCM,sBACE,mBCwlCR,CDnmCI,gBACE,SAAA,CACA,QAAA,CAEA,aComCN,CDlmCM,uBACE,oBComCR,CDjmCM,sBACE,mBCmmCR,CD9mCI,gBACE,SAAA,CACA,QAAA,CAEA,aC+mCN,CD7mCM,uBACE,oBC+mCR,CD5mCM,sBACE,mBC8mCR,CDznCI,gBACE,SAAA,CACA,QAAA,CAEA,aC0nCN,CDxnCM,uBACE,oBC0nCR,CDvnCM,sBACE,mBCynCR,CDpoCI,gBACE,SAAA,CACA,QAAA,CAEA,aCqoCN,CDnoCM,uBACE,oBCqoCR,CDloCM,sBACE,mBCooCR,CD/oCI,gBACE,SAAA,CACA,QAAA,CAEA,aCgpCN,CD9oCM,uBACE,oBCgpCR,CD7oCM,sBACE,mBC+oCR,CD1pCI,gBACE,SAAA,CACA,QAAA,CAEA,aC2pCN,CDzpCM,uBACE,oBC2pCR,CDxpCM,sBACE,mBC0pCR,CDrqCI,gBACE,SAAA,CACA,QAAA,CAEA,aCsqCN,CDpqCM,uBACE,oBCsqCR,CDnqCM,sBACE,mBCqqCR,CDhrCI,gBACE,SAAA,CACA,QAAA,CAEA,aCirCN,CD/qCM,uBACE,oBCirCR,CD9qCM,sBACE,mBCgrCR,CD3rCI,gBACE,SAAA,CACA,QAAA,CAEA,aC4rCN,CD1rCM,uBACE,oBC4rCR,CDzrCM,sBACE,mBC2rCR,CDtsCI,gBACE,SAAA,CACA,QAAA,CAEA,aCusCN,CDrsCM,uBACE,oBCusCR,CDpsCM,sBACE,mBCssCR,CDjtCI,gBACE,SAAA,CACA,QAAA,CAEA,aCktCN,CDhtCM,uBACE,oBCktCR,CD/sCM,sBACE,mBCitCR,CD5tCI,gBACE,SAAA,CACA,QAAA,CAEA,aC6tCN,CD3tCM,uBACE,oBC6tCR,CD1tCM,sBACE,mBC4tCR,CDvuCI,gBACE,SAAA,CACA,QAAA,CAEA,aCwuCN,CDtuCM,uBACE,oBCwuCR,CDruCM,sBACE,mBCuuCR,CDlvCI,gBACE,SAAA,CACA,QAAA,CAEA,aCmvCN,CDjvCM,uBACE,oBCmvCR,CDhvCM,sBACE,mBCkvCR,CD7vCI,gBACE,SAAA,CACA,QAAA,CAEA,aC8vCN,CD5vCM,uBACE,oBC8vCR,CD3vCM,sBACE,mBC6vCR,CDxwCI,gBACE,SAAA,CACA,QAAA,CAEA,aCywCN,CDvwCM,uBACE,oBCywCR,CDtwCM,sBACE,mBCwwCR,CDnxCI,iBACE,UAAA,CACA,QAAA,CAEA,aCoxCN,CDlxCM,wBACE,qBCoxCR,CDjxCM,uBACE,mBCmxCR,CD9xCI,iBACE,UAAA,CACA,QAAA,CAEA,aC+xCN,CD7xCM,wBACE,qBC+xCR,CD5xCM,uBACE,mBC8xCR,CDzyCI,iBACE,UAAA,CACA,QAAA,CAEA,aC0yCN,CDxyCM,wBACE,qBC0yCR,CDvyCM,uBACE,mBCyyCR,CDpzCI,iBACE,UAAA,CACA,QAAA,CAEA,aCqzCN,CDnzCM,wBACE,qBCqzCR,CDlzCM,uBACE,mBCozCR,CD/zCI,iBACE,UAAA,CACA,QAAA,CAEA,aCg0CN,CD9zCM,wBACE,qBCg0CR,CD7zCM,uBACE,mBC+zCR,CD10CI,iBACE,UAAA,CACA,QAAA,CAEA,aC20CN,CDz0CM,wBACE,qBC20CR,CDx0CM,uBACE,mBC00CR,CACF","file":"Grid-demo-wireframe.css","sourcesContent":["@use \"../common/common.scss\" as common;\n\n#storybook-root:has(> .grid) {\n background: hsla(0deg, 0%, 79%, 15.9%);\n}\n\n.box {\n background-color: white;\n outline: hsla(0deg, 0%, 0%, 20%) solid 1px;\n}\n\n.box-card {\n padding: 1rem;\n outline: hsla(0deg, 0%, 0%, 20%) solid 1px;\n\n @media (width > #{common.$breakpoint-md}) {\n --cols: 4;\n }\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 3;\n }\n}\n\n.box-example-1 {\n @media (width > #{common.$breakpoint-md}) {\n --cols: 8;\n }\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 9;\n }\n}\n\n.box-example-2 {\n @media (width > #{common.$breakpoint-md}) {\n --cols: 4;\n }\n\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 3;\n }\n}\n\n.box-half {\n height: 100px;\n\n @media (width > #{common.$breakpoint-md}) {\n --cols: 4;\n\n &:last-child {\n --cols: 12;\n }\n }\n\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 6;\n\n &:last-child {\n --cols: 6;\n }\n }\n}\n\n.box-custom {\n display: grid;\n grid-template-areas:\n \"title title\"\n \"content1 content2\"\n \"footer footer\";\n\n h2 {\n grid-area: title;\n }\n\n .box {\n padding: 1rem;\n }\n\n .box-content1 {\n grid-area: content1;\n }\n\n .box-content2 {\n grid-area: content2;\n }\n\n footer {\n grid-area: footer;\n place-content: center;\n text-align: center;\n }\n}\n\n.box-offset {\n position: relative;\n display: none;\n height: 50px;\n place-content: center;\n font-size: 0.7rem;\n text-align: center;\n color: var(--color-primary);\n\n &::before,\n &::after {\n display: block;\n }\n}\n\n@mixin generateStyleBox($max-offset) {\n @for $i from 1 through $max-offset {\n $max-cols: $max-offset - $i + 1;\n\n @for $j from 1 through $max-cols {\n .box-offset-#{$i}-#{$j} {\n --start: #{$i};\n --cols: #{$j};\n\n display: block;\n\n &::before {\n content: \"--start:#{$i};\";\n }\n\n &::after {\n content: \"--cols:#{$j};\";\n }\n }\n }\n }\n}\n\n@include generateStyleBox(4);\n\n@media (width > #{common.$breakpoint-sm}) {\n @include generateStyleBox(8);\n}\n\n@media (width > #{common.$breakpoint-md}) {\n @include generateStyleBox(12);\n}\n","@use \"../common/common.scss\" as common;\n\n#storybook-root:has(> .grid) {\n background: hsla(0deg, 0%, 79%, 15.9%);\n}\n\n.box {\n background-color: white;\n outline: hsla(0deg, 0%, 0%, 20%) solid 1px;\n}\n\n.box-card {\n padding: 1rem;\n outline: hsla(0deg, 0%, 0%, 20%) solid 1px;\n\n @media (width > #{common.$breakpoint-md}) {\n --cols: 4;\n }\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 3;\n }\n}\n\n.box-example-1 {\n @media (width > #{common.$breakpoint-md}) {\n --cols: 8;\n }\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 9;\n }\n}\n\n.box-example-2 {\n @media (width > #{common.$breakpoint-md}) {\n --cols: 4;\n }\n\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 3;\n }\n}\n\n.box-half {\n height: 100px;\n\n @media (width > #{common.$breakpoint-md}) {\n --cols: 4;\n\n &:last-child {\n --cols: 12;\n }\n }\n\n @media (width > #{common.$breakpoint-lg}) {\n --cols: 6;\n\n &:last-child {\n --cols: 6;\n }\n }\n}\n\n.box-custom {\n display: grid;\n grid-template-areas:\n \"title title\"\n \"content1 content2\"\n \"footer footer\";\n\n h2 {\n grid-area: title;\n }\n\n .box {\n padding: 1rem;\n }\n\n .box-content1 {\n grid-area: content1;\n }\n\n .box-content2 {\n grid-area: content2;\n }\n\n footer {\n grid-area: footer;\n place-content: center;\n text-align: center;\n }\n}\n\n.box-offset {\n position: relative;\n display: none;\n height: 50px;\n place-content: center;\n font-size: 0.7rem;\n text-align: center;\n color: var(--color-primary);\n\n &::before,\n &::after {\n display: block;\n }\n}\n\n@mixin generateStyleBox($max-offset) {\n @for $i from 1 through $max-offset {\n $max-cols: $max-offset - $i + 1;\n\n @for $j from 1 through $max-cols {\n .box-offset-#{$i}-#{$j} {\n --start: #{$i};\n --cols: #{$j};\n\n display: block;\n\n &::before {\n content: \"--start:#{$i};\";\n }\n\n &::after {\n content: \"--cols:#{$j};\";\n }\n }\n }\n }\n}\n\n@include generateStyleBox(4);\n\n@media (width > #{common.$breakpoint-sm}) {\n @include generateStyleBox(8);\n}\n\n@media (width > #{common.$breakpoint-md}) {\n @include generateStyleBox(12);\n}\n"]}
@@ -1 +1 @@
1
- .af-icon-bg{background-color:var(--color-white);border-radius:.75rem;display:grid;height:-moz-min-content;height:min-content;padding:.75rem;width:-moz-min-content;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}}
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}}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/IconBg/IconBg.scss%23sass","../../src/IconBg/IconBg.scss"],"names":[],"mappings":"AAEA,YAME,mCAAA,CADA,oBAAA,CAJA,YAAA,CAEA,uBAAA,CAAA,kBAAA,CACA,cAAA,CCJF,sBAAA,CAAA,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"]}
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"]}
@@ -1 +1 @@
1
- .af-footer{background-color:var(--color-ocean-blue);color:var(--color-white);display:flex;flex-direction:column;justify-content:space-around;text-transform:uppercase;z-index:100}.af-footer__menuLinks{background:transparent;height:0;overflow:hidden;padding:0;transition:background 0s,padding 0s}.af-footer__menuLinks--display{height:auto;padding:0 2rem;transition:background .25s,padding 125ms}.af-footer__iconTrigger{align-self:center;justify-content:center;transform:rotate3d(var(--rotate-x,0),0,0,180deg)!important;transition:transform .25s ease-in-out!important}.af-footer__iconTrigger--display{--rotate-x:1}.af-footer__linkItem{color:var(--color-white);display:block;padding:1.2rem var(--spacing-u3);text-decoration:none}.af-footer__linkItem:hover{color:var(--color-blue-1)}.af-footer__footerMenuIcons{border:1px solid hsla(0,0%,100%,.2);border-width:1px 0;display:flex;flex-direction:row;gap:var(--spacing-u3);justify-content:center;padding:var(--spacing-u2) var(--spacing-u1)}.af-footer__menuIconLinks{align-self:center;color:var(--color-white);fill:var(--color-white)}.af-footer__menuIconLinks:hover{color:var(--color-blue-1);fill:var(--color-blue-1)}.af-footer__menuAboutTrigger{all:unset;box-sizing:border-box;display:flex;justify-content:space-between;padding:var(--spacing-u2) var(--spacing-u4);width:100%}.af-footer__menuAboutTriggerText{color:var(--color-white);font-weight:700}.af-footer__footerBottom{padding:var(--spacing-u1)}.af-footer__textCopyright{font-size:.875rem}.af-footer__icon{align-self:center;height:16px;width:16px;fill:var(--color-white)}@media only screen and (width >= 1024px){.af-footer__menuLinks{background:transparent;display:flex;flex-direction:row;height:auto;justify-content:space-between;padding:1.2rem 0}.af-footer__menuLinks :first-child{border-left:unset}.af-footer__linkItem{align-self:center;border-left:1px solid hsla(0,0%,100%,.2);color:var(--color-white);padding:0 var(--spacing-u2)}.af-footer__footerMenuIcons{border:none;gap:var(--spacing-u2);padding:var(--spacing-u2) var(--spacing-u4) var(--spacing-u2) var(--spacing-u1)}.af-footer__footerTop{margin:0 auto;max-width:128rem;width:100%}.af-footer__footerTop,.af-footer__menuTop{display:flex;flex-direction:row;justify-content:space-between}.af-footer__menuTop{padding:var(--spacing-u1);text-decoration:none}.af-footer__menuAboutTrigger{display:none;padding:var(--spacing-u2) var(--spacing-u2) var(--spacing-u2) var(--spacing-u4)}.af-footer__footerBottom{border-top:1px solid hsla(0,0%,100%,.2);padding:0;text-align:right}.af-footer__footerBottomWidth{margin:0 auto;max-width:128rem;width:100%}.af-footer__textCopyright{display:flex;justify-content:flex-end;padding:var(--spacing-u1) var(--spacing-u4) var(--spacing-u1) 0}}
1
+ .af-footer{background-color:var(--color-ocean-blue);color:var(--color-white);display:flex;flex-direction:column;justify-content:space-around;text-transform:uppercase;z-index:100}.af-footer__menuLinks{background:#0000;height:0;overflow:hidden;padding:0;transition:background 0s,padding 0s}.af-footer__menuLinks--display{height:auto;padding:0 2rem;transition:background .25s,padding 125ms}.af-footer__iconTrigger{align-self:center;justify-content:center;transform:rotate3d(var(--rotate-x,0),0,0,180deg)!important;transition:transform .25s ease-in-out!important}.af-footer__iconTrigger--display{--rotate-x:1}.af-footer__linkItem{color:var(--color-white);display:block;padding:1.2rem var(--spacing-u3);text-decoration:none}.af-footer__linkItem:hover{color:var(--color-blue-1)}.af-footer__footerMenuIcons{border:1px solid #fff3;border-width:1px 0;display:flex;flex-direction:row;gap:var(--spacing-u3);justify-content:center;padding:var(--spacing-u2) var(--spacing-u1)}.af-footer__menuIconLinks{align-self:center;color:var(--color-white);fill:var(--color-white)}.af-footer__menuIconLinks:hover{color:var(--color-blue-1);fill:var(--color-blue-1)}.af-footer__menuAboutTrigger{all:unset;box-sizing:border-box;display:flex;justify-content:space-between;padding:var(--spacing-u2) var(--spacing-u4);width:100%}.af-footer__menuAboutTriggerText{color:var(--color-white);font-weight:700}.af-footer__footerBottom{padding:var(--spacing-u1)}.af-footer__textCopyright{font-size:.875rem}.af-footer__icon{align-self:center;height:16px;width:16px;fill:var(--color-white)}@media only screen and (width >= 1024px){.af-footer__menuLinks{background:#0000;display:flex;flex-direction:row;height:auto;justify-content:space-between;padding:1.2rem 0}.af-footer__menuLinks :first-child{border-left:unset}.af-footer__linkItem{align-self:center;border-left:1px solid #fff3;color:var(--color-white);padding:0 var(--spacing-u2)}.af-footer__footerMenuIcons{border:none;gap:var(--spacing-u2);padding:var(--spacing-u2) var(--spacing-u4) var(--spacing-u2) var(--spacing-u1)}.af-footer__footerTop{margin:0 auto;max-width:128rem;width:100%}.af-footer__footerTop,.af-footer__menuTop{display:flex;flex-direction:row;justify-content:space-between}.af-footer__menuTop{padding:var(--spacing-u1);text-decoration:none}.af-footer__menuAboutTrigger{display:none;padding:var(--spacing-u2) var(--spacing-u2) var(--spacing-u2) var(--spacing-u4)}.af-footer__footerBottom{border-top:1px solid #fff3;padding:0;text-align:right}.af-footer__footerBottomWidth{margin:0 auto;max-width:128rem;width:100%}.af-footer__textCopyright{display:flex;justify-content:flex-end;padding:var(--spacing-u1) var(--spacing-u4) var(--spacing-u1) 0}}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Layout/Footer/Footer.scss%23sass","../../../src/Layout/Footer/Footer.scss"],"names":[],"mappings":"AAEA,WAOE,wCAAA,CADA,wBAAA,CCNF,YAAA,CDGE,qBAAA,CACA,4BAAA,CACA,wBAAA,CAJA,WCKF,CDGE,sBAIE,sBAAA,CAHA,QAAA,CAEA,eAAA,CADA,SAAA,CAGA,mCCDJ,CDKI,+BACE,WAAA,CACA,cAAA,CACA,wCCHN,CDSE,wBACE,iBAAA,CACA,sBAAA,CACA,0DAAA,CACA,+CCPJ,CDSI,iCACE,YCPN,CDWE,qBAIE,wBAAA,CAHA,aAAA,CACA,gCAAA,CACA,oBCRJ,CDWI,2BACE,yBCTN,CDaE,4BAIE,mCAAA,CAAA,kBAAA,CAHA,YAAA,CAIA,kBAAA,CAEA,qBAAA,CADA,sBAAA,CAJA,2CCNJ,CDcE,0BACE,iBAAA,CACA,wBAAA,CACA,uBCZJ,CDcI,gCACE,yBAAA,CACA,wBCZN,CDgBE,6BACE,SAAA,CAEA,qBAAA,CADA,YAAA,CAIA,6BAAA,CADA,2CAAA,CADA,UCZJ,CDiBE,iCAEE,wBAAA,CADA,eCdJ,CDkBE,yBACE,yBChBJ,CDmBE,0BACE,iBCjBJ,CDoBE,iBAGE,iBAAA,CADA,WAAA,CADA,UAAA,CAGA,uBClBJ,CDsBA,yCAEI,sBAME,sBAAA,CC1BJ,YAAA,CDwBI,kBAAA,CAFA,WAAA,CClBJ,6BAAA,CAFA,gBAIA,CDsBI,mCCpBJ,iBACA,CDwBE,qBAGE,iBAAA,CADA,wCAAA,CAEA,wBAAA,CAHA,2BCnBJ,CACF,4BAEA,WAAA,CACE,qBAAA,CDsBI,+ECrBJ,CD2BE,sBAIE,aAAA,CADA,gBAAA,CADA,UCrBJ,CD4BE,0CARE,YAAA,CAIA,kBAAA,CACA,6BClBJ,CDqBE,oBAEE,yBAAA,CAGA,oBC1BJ,CD6BE,6BACE,YAAA,CACA,+EC3BJ,CD+BE,yBAEE,uCAAA,CADA,SAAA,CAEA,gBC7BJ,CDgCE,8BAGE,aAAA,CADA,gBAAA,CADA,UC5BJ,CDiCE,0BACE,YAAA,CAEA,wBAAA,CADA,+DC9BJ,CACF","file":"Footer.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-footer {\n z-index: 100;\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n text-transform: uppercase;\n color: var(--color-white);\n background-color: var(--color-ocean-blue);\n\n &__menuLinks {\n height: 0;\n padding: 0;\n overflow: hidden;\n background: transparent;\n transition:\n background 0ms,\n padding 0ms;\n\n &--display {\n height: auto;\n padding: 0 2rem;\n transition:\n background 250ms,\n padding 125ms;\n }\n }\n\n &__iconTrigger {\n align-self: center;\n justify-content: center;\n transform: rotate3d(var(--rotate-x, 0), 0, 0, 180deg) !important;\n transition: transform 250ms ease-in-out !important;\n\n &--display {\n --rotate-x: 1;\n }\n }\n\n &__linkItem {\n display: block;\n padding: 1.2rem var(--spacing-u3);\n text-decoration: none;\n color: var(--color-white);\n\n &:hover {\n color: var(--color-blue-1);\n }\n }\n\n &__footerMenuIcons {\n display: flex;\n padding: var(--spacing-u2) var(--spacing-u1);\n border: 1px solid rgba(255, 255, 255, 20%);\n border-width: 1px 0;\n flex-direction: row;\n justify-content: center;\n gap: var(--spacing-u3);\n }\n\n &__menuIconLinks {\n align-self: center;\n color: var(--color-white);\n fill: var(--color-white);\n\n &:hover {\n color: var(--color-blue-1);\n fill: var(--color-blue-1);\n }\n }\n\n &__menuAboutTrigger {\n all: unset;\n display: flex;\n box-sizing: border-box;\n width: 100%;\n padding: var(--spacing-u2) var(--spacing-u4);\n justify-content: space-between;\n }\n\n &__menuAboutTriggerText {\n font-weight: bold;\n color: var(--color-white);\n }\n\n &__footerBottom {\n padding: var(--spacing-u1);\n }\n\n &__textCopyright {\n font-size: 0.875rem;\n }\n\n &__icon {\n width: 16px;\n height: 16px;\n align-self: center;\n fill: var(--color-white);\n }\n}\n\n@media only screen and (width >= #{common.$screen-size-m}) {\n .af-footer {\n &__menuLinks {\n display: flex;\n height: auto;\n padding: 1.2rem 0;\n flex-direction: row;\n justify-content: space-between;\n background: transparent;\n\n & :first-child {\n border-left: unset;\n }\n }\n\n &__linkItem {\n padding: 0 var(--spacing-u2);\n border-left: 1px solid rgba(255, 255, 255, 20%);\n align-self: center;\n color: var(--color-white);\n }\n\n &__footerMenuIcons {\n padding: var(--spacing-u2) var(--spacing-u4) var(--spacing-u2)\n var(--spacing-u1);\n border: none;\n gap: var(--spacing-u2);\n }\n\n &__footerTop {\n display: flex;\n width: 100%;\n max-width: 128rem;\n margin: 0 auto;\n flex-direction: row;\n justify-content: space-between;\n }\n\n &__menuTop {\n display: flex;\n padding: var(--spacing-u1);\n flex-direction: row;\n justify-content: space-between;\n text-decoration: none;\n }\n\n &__menuAboutTrigger {\n display: none;\n padding: var(--spacing-u2) var(--spacing-u2) var(--spacing-u2)\n var(--spacing-u4);\n }\n\n &__footerBottom {\n padding: 0;\n border-top: 1px solid rgba(255, 255, 255, 20%);\n text-align: right;\n }\n\n &__footerBottomWidth {\n width: 100%;\n max-width: 128rem;\n margin: 0 auto;\n }\n\n &__textCopyright {\n display: flex;\n padding: var(--spacing-u1) var(--spacing-u4) var(--spacing-u1) 0;\n justify-content: flex-end;\n }\n }\n}\n","@use \"../../common/common\" as common;\n\n.af-footer {\n z-index: 100;\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n text-transform: uppercase;\n color: var(--color-white);\n background-color: var(--color-ocean-blue);\n\n &__menuLinks {\n height: 0;\n padding: 0;\n overflow: hidden;\n background: transparent;\n transition:\n background 0ms,\n padding 0ms;\n\n &--display {\n height: auto;\n padding: 0 2rem;\n transition:\n background 250ms,\n padding 125ms;\n }\n }\n\n &__iconTrigger {\n align-self: center;\n justify-content: center;\n transform: rotate3d(var(--rotate-x, 0), 0, 0, 180deg) !important;\n transition: transform 250ms ease-in-out !important;\n\n &--display {\n --rotate-x: 1;\n }\n }\n\n &__linkItem {\n display: block;\n padding: 1.2rem var(--spacing-u3);\n text-decoration: none;\n color: var(--color-white);\n\n &:hover {\n color: var(--color-blue-1);\n }\n }\n\n &__footerMenuIcons {\n display: flex;\n padding: var(--spacing-u2) var(--spacing-u1);\n border: 1px solid rgba(255, 255, 255, 20%);\n border-width: 1px 0;\n flex-direction: row;\n justify-content: center;\n gap: var(--spacing-u3);\n }\n\n &__menuIconLinks {\n align-self: center;\n color: var(--color-white);\n fill: var(--color-white);\n\n &:hover {\n color: var(--color-blue-1);\n fill: var(--color-blue-1);\n }\n }\n\n &__menuAboutTrigger {\n all: unset;\n display: flex;\n box-sizing: border-box;\n width: 100%;\n padding: var(--spacing-u2) var(--spacing-u4);\n justify-content: space-between;\n }\n\n &__menuAboutTriggerText {\n font-weight: bold;\n color: var(--color-white);\n }\n\n &__footerBottom {\n padding: var(--spacing-u1);\n }\n\n &__textCopyright {\n font-size: 0.875rem;\n }\n\n &__icon {\n width: 16px;\n height: 16px;\n align-self: center;\n fill: var(--color-white);\n }\n}\n\n@media only screen and (width >= #{common.$screen-size-m}) {\n .af-footer {\n &__menuLinks {\n display: flex;\n height: auto;\n padding: 1.2rem 0;\n flex-direction: row;\n justify-content: space-between;\n background: transparent;\n\n & :first-child {\n border-left: unset;\n }\n }\n\n &__linkItem {\n padding: 0 var(--spacing-u2);\n border-left: 1px solid rgba(255, 255, 255, 20%);\n align-self: center;\n color: var(--color-white);\n }\n\n &__footerMenuIcons {\n padding: var(--spacing-u2) var(--spacing-u4) var(--spacing-u2)\n var(--spacing-u1);\n border: none;\n gap: var(--spacing-u2);\n }\n\n &__footerTop {\n display: flex;\n width: 100%;\n max-width: 128rem;\n margin: 0 auto;\n flex-direction: row;\n justify-content: space-between;\n }\n\n &__menuTop {\n display: flex;\n padding: var(--spacing-u1);\n flex-direction: row;\n justify-content: space-between;\n text-decoration: none;\n }\n\n &__menuAboutTrigger {\n display: none;\n padding: var(--spacing-u2) var(--spacing-u2) var(--spacing-u2)\n var(--spacing-u4);\n }\n\n &__footerBottom {\n padding: 0;\n border-top: 1px solid rgba(255, 255, 255, 20%);\n text-align: right;\n }\n\n &__footerBottomWidth {\n width: 100%;\n max-width: 128rem;\n margin: 0 auto;\n }\n\n &__textCopyright {\n display: flex;\n padding: var(--spacing-u1) var(--spacing-u4) var(--spacing-u1) 0;\n justify-content: flex-end;\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["../../../src/Layout/Footer/Footer.scss%23sass","../../../src/Layout/Footer/Footer.scss"],"names":[],"mappings":"AAEA,WAOE,wCAAA,CADA,wBAAA,CCNF,YAAA,CDGE,qBAAA,CACA,4BAAA,CACA,wBAAA,CAJA,WCKF,CDGE,sBAIE,gBAAA,CAHA,QAAA,CAEA,eAAA,CADA,SAAA,CAGA,mCCDJ,CDKI,+BACE,WAAA,CACA,cAAA,CACA,wCCHN,CDSE,wBACE,iBAAA,CACA,sBAAA,CACA,0DAAA,CACA,+CCPJ,CDSI,iCACE,YCPN,CDWE,qBAIE,wBAAA,CAHA,aAAA,CACA,gCAAA,CACA,oBCRJ,CDWI,2BACE,yBCTN,CDaE,4BAIE,sBAAA,CAAA,kBAAA,CAHA,YAAA,CAIA,kBAAA,CAEA,qBAAA,CADA,sBAAA,CAJA,2CCNJ,CDcE,0BACE,iBAAA,CACA,wBAAA,CACA,uBCZJ,CDcI,gCACE,yBAAA,CACA,wBCZN,CDgBE,6BACE,SAAA,CAEA,qBAAA,CADA,YAAA,CAIA,6BAAA,CADA,2CAAA,CADA,UCZJ,CDiBE,iCAEE,wBAAA,CADA,eCdJ,CDkBE,yBACE,yBChBJ,CDmBE,0BACE,iBCjBJ,CDoBE,iBAGE,iBAAA,CADA,WAAA,CADA,UAAA,CAGA,uBClBJ,CDsBA,yCAEI,sBAME,gBAAA,CC1BJ,YAAA,CDwBI,kBAAA,CAFA,WAAA,CClBJ,6BAAA,CAFA,gBAIA,CDsBI,mCCpBJ,iBACA,CDwBE,qBAGE,iBAAA,CADA,2BAAA,CAEA,wBAAA,CAHA,2BCnBJ,CACF,4BAEA,WAAA,CACE,qBAAA,CDsBI,+ECrBJ,CD2BE,sBAIE,aAAA,CADA,gBAAA,CADA,UCrBJ,CD4BE,0CARE,YAAA,CAIA,kBAAA,CACA,6BClBJ,CDqBE,oBAEE,yBAAA,CAGA,oBC1BJ,CD6BE,6BACE,YAAA,CACA,+EC3BJ,CD+BE,yBAEE,0BAAA,CADA,SAAA,CAEA,gBC7BJ,CDgCE,8BAGE,aAAA,CADA,gBAAA,CADA,UC5BJ,CDiCE,0BACE,YAAA,CAEA,wBAAA,CADA,+DC9BJ,CACF","file":"Footer.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-footer {\n z-index: 100;\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n text-transform: uppercase;\n color: var(--color-white);\n background-color: var(--color-ocean-blue);\n\n &__menuLinks {\n height: 0;\n padding: 0;\n overflow: hidden;\n background: transparent;\n transition:\n background 0ms,\n padding 0ms;\n\n &--display {\n height: auto;\n padding: 0 2rem;\n transition:\n background 250ms,\n padding 125ms;\n }\n }\n\n &__iconTrigger {\n align-self: center;\n justify-content: center;\n transform: rotate3d(var(--rotate-x, 0), 0, 0, 180deg) !important;\n transition: transform 250ms ease-in-out !important;\n\n &--display {\n --rotate-x: 1;\n }\n }\n\n &__linkItem {\n display: block;\n padding: 1.2rem var(--spacing-u3);\n text-decoration: none;\n color: var(--color-white);\n\n &:hover {\n color: var(--color-blue-1);\n }\n }\n\n &__footerMenuIcons {\n display: flex;\n padding: var(--spacing-u2) var(--spacing-u1);\n border: 1px solid rgba(255, 255, 255, 20%);\n border-width: 1px 0;\n flex-direction: row;\n justify-content: center;\n gap: var(--spacing-u3);\n }\n\n &__menuIconLinks {\n align-self: center;\n color: var(--color-white);\n fill: var(--color-white);\n\n &:hover {\n color: var(--color-blue-1);\n fill: var(--color-blue-1);\n }\n }\n\n &__menuAboutTrigger {\n all: unset;\n display: flex;\n box-sizing: border-box;\n width: 100%;\n padding: var(--spacing-u2) var(--spacing-u4);\n justify-content: space-between;\n }\n\n &__menuAboutTriggerText {\n font-weight: bold;\n color: var(--color-white);\n }\n\n &__footerBottom {\n padding: var(--spacing-u1);\n }\n\n &__textCopyright {\n font-size: 0.875rem;\n }\n\n &__icon {\n width: 16px;\n height: 16px;\n align-self: center;\n fill: var(--color-white);\n }\n}\n\n@media only screen and (width >= #{common.$screen-size-m}) {\n .af-footer {\n &__menuLinks {\n display: flex;\n height: auto;\n padding: 1.2rem 0;\n flex-direction: row;\n justify-content: space-between;\n background: transparent;\n\n & :first-child {\n border-left: unset;\n }\n }\n\n &__linkItem {\n padding: 0 var(--spacing-u2);\n border-left: 1px solid rgba(255, 255, 255, 20%);\n align-self: center;\n color: var(--color-white);\n }\n\n &__footerMenuIcons {\n padding: var(--spacing-u2) var(--spacing-u4) var(--spacing-u2)\n var(--spacing-u1);\n border: none;\n gap: var(--spacing-u2);\n }\n\n &__footerTop {\n display: flex;\n width: 100%;\n max-width: 128rem;\n margin: 0 auto;\n flex-direction: row;\n justify-content: space-between;\n }\n\n &__menuTop {\n display: flex;\n padding: var(--spacing-u1);\n flex-direction: row;\n justify-content: space-between;\n text-decoration: none;\n }\n\n &__menuAboutTrigger {\n display: none;\n padding: var(--spacing-u2) var(--spacing-u2) var(--spacing-u2)\n var(--spacing-u4);\n }\n\n &__footerBottom {\n padding: 0;\n border-top: 1px solid rgba(255, 255, 255, 20%);\n text-align: right;\n }\n\n &__footerBottomWidth {\n width: 100%;\n max-width: 128rem;\n margin: 0 auto;\n }\n\n &__textCopyright {\n display: flex;\n padding: var(--spacing-u1) var(--spacing-u4) var(--spacing-u1) 0;\n justify-content: flex-end;\n }\n }\n}\n","@use \"../../common/common\" as common;\n\n.af-footer {\n z-index: 100;\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n text-transform: uppercase;\n color: var(--color-white);\n background-color: var(--color-ocean-blue);\n\n &__menuLinks {\n height: 0;\n padding: 0;\n overflow: hidden;\n background: transparent;\n transition:\n background 0ms,\n padding 0ms;\n\n &--display {\n height: auto;\n padding: 0 2rem;\n transition:\n background 250ms,\n padding 125ms;\n }\n }\n\n &__iconTrigger {\n align-self: center;\n justify-content: center;\n transform: rotate3d(var(--rotate-x, 0), 0, 0, 180deg) !important;\n transition: transform 250ms ease-in-out !important;\n\n &--display {\n --rotate-x: 1;\n }\n }\n\n &__linkItem {\n display: block;\n padding: 1.2rem var(--spacing-u3);\n text-decoration: none;\n color: var(--color-white);\n\n &:hover {\n color: var(--color-blue-1);\n }\n }\n\n &__footerMenuIcons {\n display: flex;\n padding: var(--spacing-u2) var(--spacing-u1);\n border: 1px solid rgba(255, 255, 255, 20%);\n border-width: 1px 0;\n flex-direction: row;\n justify-content: center;\n gap: var(--spacing-u3);\n }\n\n &__menuIconLinks {\n align-self: center;\n color: var(--color-white);\n fill: var(--color-white);\n\n &:hover {\n color: var(--color-blue-1);\n fill: var(--color-blue-1);\n }\n }\n\n &__menuAboutTrigger {\n all: unset;\n display: flex;\n box-sizing: border-box;\n width: 100%;\n padding: var(--spacing-u2) var(--spacing-u4);\n justify-content: space-between;\n }\n\n &__menuAboutTriggerText {\n font-weight: bold;\n color: var(--color-white);\n }\n\n &__footerBottom {\n padding: var(--spacing-u1);\n }\n\n &__textCopyright {\n font-size: 0.875rem;\n }\n\n &__icon {\n width: 16px;\n height: 16px;\n align-self: center;\n fill: var(--color-white);\n }\n}\n\n@media only screen and (width >= #{common.$screen-size-m}) {\n .af-footer {\n &__menuLinks {\n display: flex;\n height: auto;\n padding: 1.2rem 0;\n flex-direction: row;\n justify-content: space-between;\n background: transparent;\n\n & :first-child {\n border-left: unset;\n }\n }\n\n &__linkItem {\n padding: 0 var(--spacing-u2);\n border-left: 1px solid rgba(255, 255, 255, 20%);\n align-self: center;\n color: var(--color-white);\n }\n\n &__footerMenuIcons {\n padding: var(--spacing-u2) var(--spacing-u4) var(--spacing-u2)\n var(--spacing-u1);\n border: none;\n gap: var(--spacing-u2);\n }\n\n &__footerTop {\n display: flex;\n width: 100%;\n max-width: 128rem;\n margin: 0 auto;\n flex-direction: row;\n justify-content: space-between;\n }\n\n &__menuTop {\n display: flex;\n padding: var(--spacing-u1);\n flex-direction: row;\n justify-content: space-between;\n text-decoration: none;\n }\n\n &__menuAboutTrigger {\n display: none;\n padding: var(--spacing-u2) var(--spacing-u2) var(--spacing-u2)\n var(--spacing-u4);\n }\n\n &__footerBottom {\n padding: 0;\n border-top: 1px solid rgba(255, 255, 255, 20%);\n text-align: right;\n }\n\n &__footerBottomWidth {\n width: 100%;\n max-width: 128rem;\n margin: 0 auto;\n }\n\n &__textCopyright {\n display: flex;\n padding: var(--spacing-u1) var(--spacing-u4) var(--spacing-u1) 0;\n justify-content: flex-end;\n }\n }\n}\n"]}
@@ -1 +1 @@
1
- .af-header{background-color:var(--color-white);position:sticky;top:0;z-index:100}.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:72px;justify-content:space-between;padding:0 1rem;width:100%}.af-header-container .af-btn-client{min-width:0;min-width:auto}.af-header-container .af-btn-client>svg{display:none}.af-logo{align-self:center;height:40px;width:40px}.af-header-left-item>nav{display:none}.af-header-right-item{align-items:center;display:flex;flex-direction:row;gap:var(--spacing-u1);margin:0 var(--spacing-u1)}@media only screen and (width >= 1023px){.af-header-container{border-top:2px solid var(--color-axa);height:80px;padding:0 3.75rem;width:auto}.af-header-container .af-btn-client>svg{display:block}.af-logo{height:56px;width:56px}.af-header-left-item{align-items:center;display:flex;flex-direction:row;gap:1.5rem;height:5rem}.af-header-left-item>nav{display:block}.af-header-right-item{gap:var(--spacing-u2);margin:0}}
1
+ .af-header{background-color:var(--color-white);position:sticky;top:0;z-index:100}.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:72px;justify-content:space-between;padding:0 1rem;width:100%}.af-header-container .af-btn-client{min-width:auto}.af-header-container .af-btn-client>svg{display:none}.af-logo{align-self:center;height:40px;width:40px}.af-header-left-item>nav{display:none}.af-header-right-item{align-items:center;display:flex;flex-direction:row;gap:var(--spacing-u1);margin:0 var(--spacing-u1)}@media only screen and (width >= 1023px){.af-header-container{border-top:2px solid var(--color-axa);height:80px;padding:0 3.75rem;width:auto}.af-header-container .af-btn-client>svg{display:block}.af-logo{height:56px;width:56px}.af-header-left-item{align-items:center;display:flex;flex-direction:row;gap:1.5rem;height:5rem}.af-header-left-item>nav{display:block}.af-header-right-item{gap:var(--spacing-u2);margin:0}}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Layout/Header/Header.scss%23sass","../../../src/Layout/Header/Header.scss"],"names":[],"mappings":"AAEA,WAIE,mCAAA,CAHA,eAAA,CAEA,KAAA,CCHF,WAGA,CDIA,qBAQE,kBAAA,CAFA,6CAAA,CADA,qCAAA,CAQA,sBAAA,CAZA,YAAA,CAMA,kBAAA,CAGA,yCAAA,CACA,iBAAA,CACA,eAAA,CATA,WAAA,CAMA,6BAAA,CALA,cAAA,CCJF,UAYA,CDGE,oCACE,WAAA,CAAA,cCDJ,CDGI,wCACE,YCDN,CDMA,SAGE,iBAAA,CCLF,WAAA,CDGE,UCDF,CDMA,yBACE,YCHF,CDMA,sBCAA,kBAAA,CDCE,YAAA,CAEA,kBAAA,CAEA,qBAAA,CCPF,0BAIA,CDMA,yCACE,qBCAA,qCAAA,CDEE,WAAA,CCHJ,iBAAA,CAFA,UAIE,CDKE,wCACE,aCHJ,CDOA,SAEE,WAAA,CADA,UCJF,CDQA,qBAIE,kBAAA,CAHA,YAAA,CAEA,kBAAA,CCLF,UAAA,CAHA,WAIA,CDQE,yBACE,aCNJ,CDUA,sBAEE,qBAAA,CADA,QCPF,CACF","file":"Header.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-header {\n position: sticky;\n z-index: 100;\n top: 0;\n background-color: var(--color-white);\n}\n\n.af-header-container {\n display: flex;\n width: 100%;\n height: 72px;\n padding: 0 1rem;\n border-top: 2px solid var(--color-axa);\n border-bottom: 1px solid var(--color-gray-300);\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n font-family: var(--font-family-sans-serif);\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--color-axa);\n\n & .af-btn-client {\n min-width: initial;\n\n & > svg {\n display: none;\n }\n }\n}\n\n.af-logo {\n width: 40px;\n height: 40px;\n align-self: center;\n}\n\n.af-header-left-item > nav {\n display: none;\n}\n\n.af-header-right-item {\n display: flex;\n margin: 0 var(--spacing-u1);\n flex-direction: row;\n align-items: center;\n gap: var(--spacing-u1);\n}\n\n@media only screen and (width >= #{common.$breakpoint-md}) {\n .af-header-container {\n width: auto;\n height: 80px;\n padding: 0 3.75rem;\n border-top: 2px solid var(--color-axa);\n\n & .af-btn-client > svg {\n display: block;\n }\n }\n\n .af-logo {\n width: 56px;\n height: 56px;\n }\n\n .af-header-left-item {\n display: flex;\n height: 5rem;\n flex-direction: row;\n align-items: center;\n gap: 1.5rem;\n\n & > nav {\n display: block;\n }\n }\n\n .af-header-right-item {\n margin: 0;\n gap: var(--spacing-u2);\n }\n}\n","@use \"../../common/common\" as common;\n\n.af-header {\n position: sticky;\n z-index: 100;\n top: 0;\n background-color: var(--color-white);\n}\n\n.af-header-container {\n display: flex;\n width: 100%;\n height: 72px;\n padding: 0 1rem;\n border-top: 2px solid var(--color-axa);\n border-bottom: 1px solid var(--color-gray-300);\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n font-family: var(--font-family-sans-serif);\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--color-axa);\n\n & .af-btn-client {\n min-width: initial;\n\n & > svg {\n display: none;\n }\n }\n}\n\n.af-logo {\n width: 40px;\n height: 40px;\n align-self: center;\n}\n\n.af-header-left-item > nav {\n display: none;\n}\n\n.af-header-right-item {\n display: flex;\n margin: 0 var(--spacing-u1);\n flex-direction: row;\n align-items: center;\n gap: var(--spacing-u1);\n}\n\n@media only screen and (width >= #{common.$breakpoint-md}) {\n .af-header-container {\n width: auto;\n height: 80px;\n padding: 0 3.75rem;\n border-top: 2px solid var(--color-axa);\n\n & .af-btn-client > svg {\n display: block;\n }\n }\n\n .af-logo {\n width: 56px;\n height: 56px;\n }\n\n .af-header-left-item {\n display: flex;\n height: 5rem;\n flex-direction: row;\n align-items: center;\n gap: 1.5rem;\n\n & > nav {\n display: block;\n }\n }\n\n .af-header-right-item {\n margin: 0;\n gap: var(--spacing-u2);\n }\n}\n"]}
1
+ {"version":3,"sources":["../../../src/Layout/Header/Header.scss%23sass","../../../src/Layout/Header/Header.scss"],"names":[],"mappings":"AAEA,WAIE,mCAAA,CAHA,eAAA,CAEA,KAAA,CCHF,WAGA,CDIA,qBAQE,kBAAA,CAFA,6CAAA,CADA,qCAAA,CAQA,sBAAA,CAZA,YAAA,CAMA,kBAAA,CAGA,yCAAA,CACA,iBAAA,CACA,eAAA,CATA,WAAA,CAMA,6BAAA,CALA,cAAA,CCJF,UAYA,CDGE,oCACE,cCDJ,CDGI,wCACE,YCDN,CDMA,SAGE,iBAAA,CCLF,WAAA,CDGE,UCDF,CDMA,yBACE,YCHF,CDMA,sBCAA,kBAAA,CDCE,YAAA,CAEA,kBAAA,CAEA,qBAAA,CCPF,0BAIA,CDMA,yCACE,qBCAA,qCAAA,CDEE,WAAA,CCHJ,iBAAA,CAFA,UAIE,CDKE,wCACE,aCHJ,CDOA,SAEE,WAAA,CADA,UCJF,CDQA,qBAIE,kBAAA,CAHA,YAAA,CAEA,kBAAA,CCLF,UAAA,CAHA,WAIA,CDQE,yBACE,aCNJ,CDUA,sBAEE,qBAAA,CADA,QCPF,CACF","file":"Header.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-header {\n position: sticky;\n z-index: 100;\n top: 0;\n background-color: var(--color-white);\n}\n\n.af-header-container {\n display: flex;\n width: 100%;\n height: 72px;\n padding: 0 1rem;\n border-top: 2px solid var(--color-axa);\n border-bottom: 1px solid var(--color-gray-300);\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n font-family: var(--font-family-sans-serif);\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--color-axa);\n\n & .af-btn-client {\n min-width: initial;\n\n & > svg {\n display: none;\n }\n }\n}\n\n.af-logo {\n width: 40px;\n height: 40px;\n align-self: center;\n}\n\n.af-header-left-item > nav {\n display: none;\n}\n\n.af-header-right-item {\n display: flex;\n margin: 0 var(--spacing-u1);\n flex-direction: row;\n align-items: center;\n gap: var(--spacing-u1);\n}\n\n@media only screen and (width >= #{common.$breakpoint-md}) {\n .af-header-container {\n width: auto;\n height: 80px;\n padding: 0 3.75rem;\n border-top: 2px solid var(--color-axa);\n\n & .af-btn-client > svg {\n display: block;\n }\n }\n\n .af-logo {\n width: 56px;\n height: 56px;\n }\n\n .af-header-left-item {\n display: flex;\n height: 5rem;\n flex-direction: row;\n align-items: center;\n gap: 1.5rem;\n\n & > nav {\n display: block;\n }\n }\n\n .af-header-right-item {\n margin: 0;\n gap: var(--spacing-u2);\n }\n}\n","@use \"../../common/common\" as common;\n\n.af-header {\n position: sticky;\n z-index: 100;\n top: 0;\n background-color: var(--color-white);\n}\n\n.af-header-container {\n display: flex;\n width: 100%;\n height: 72px;\n padding: 0 1rem;\n border-top: 2px solid var(--color-axa);\n border-bottom: 1px solid var(--color-gray-300);\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n font-family: var(--font-family-sans-serif);\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--color-axa);\n\n & .af-btn-client {\n min-width: initial;\n\n & > svg {\n display: none;\n }\n }\n}\n\n.af-logo {\n width: 40px;\n height: 40px;\n align-self: center;\n}\n\n.af-header-left-item > nav {\n display: none;\n}\n\n.af-header-right-item {\n display: flex;\n margin: 0 var(--spacing-u1);\n flex-direction: row;\n align-items: center;\n gap: var(--spacing-u1);\n}\n\n@media only screen and (width >= #{common.$breakpoint-md}) {\n .af-header-container {\n width: auto;\n height: 80px;\n padding: 0 3.75rem;\n border-top: 2px solid var(--color-axa);\n\n & .af-btn-client > svg {\n display: block;\n }\n }\n\n .af-logo {\n width: 56px;\n height: 56px;\n }\n\n .af-header-left-item {\n display: flex;\n height: 5rem;\n flex-direction: row;\n align-items: center;\n gap: 1.5rem;\n\n & > nav {\n display: block;\n }\n }\n\n .af-header-right-item {\n margin: 0;\n gap: var(--spacing-u2);\n }\n}\n"]}
@@ -1 +1 @@
1
- .af-link{align-items:center;color:var(--color-axa);display:inline-flex;font-family:var(--font-family-base);gap:.25rem;height:-moz-fit-content;height:fit-content;text-decoration:underline;width:-moz-fit-content;width:fit-content;fill:var(--color-axa)}.af-link svg{aspect-ratio:1;height:1.25rem;width:1.25rem}.af-link--openInNewTab{font-weight:600}.af-link:has(svg){text-decoration:none}.af-link:active,.af-link:focus{color:var(--color-blue-1);fill:var(--color-blue-1)}.af-link:focus-visible{outline:2px solid var(--color-blue-3);outline-offset:3px}.af-link:hover{color:var(--color-blue-1);fill:var(--color-blue-1)}.af-link:hover:has(svg){text-decoration:none}
1
+ .af-link{align-items:center;color:var(--color-axa);display:inline-flex;font-family:var(--font-family-base);gap:.25rem;height:fit-content;text-decoration:underline;width:fit-content;fill:var(--color-axa)}.af-link svg{aspect-ratio:1;height:1.25rem;width:1.25rem}.af-link--openInNewTab{font-weight:600}.af-link:has(svg){text-decoration:none}.af-link:active,.af-link:focus{color:var(--color-blue-1);fill:var(--color-blue-1)}.af-link:focus-visible{outline:2px solid var(--color-blue-3);outline-offset:3px}.af-link:hover{color:var(--color-blue-1);fill:var(--color-blue-1)}.af-link:hover:has(svg){text-decoration:none}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Link/Link.scss%23sass","../../src/Link/Link.scss"],"names":[],"mappings":"AAEA,SAIE,kBAAA,CAIA,sBAAA,CAPA,mBAAA,CAKA,mCAAA,CADA,UAAA,CAFA,uBAAA,CAAA,kBAAA,CAIA,yBAAA,CCPF,sBAAA,CAAA,iBAAA,CDSE,qBCDF,CDGE,aAGE,cAAA,CADA,cAAA,CADA,aCCJ,CDIE,uBACE,eCFJ,CDKE,kBACE,oBCHJ,CDME,+BAEE,yBAAA,CACA,wBCLJ,CDQE,uBACE,qCAAA,CACA,kBCNJ,CDSE,eACE,yBAAA,CACA,wBCPJ,CDSI,wBACE,oBCPN","file":"Link.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-link {\n display: inline-flex;\n width: fit-content;\n height: fit-content;\n align-items: center;\n gap: common.rem(4);\n font-family: var(--font-family-base);\n text-decoration: underline;\n color: var(--color-axa);\n fill: var(--color-axa);\n\n svg {\n width: common.rem(20);\n height: common.rem(20);\n aspect-ratio: 1;\n }\n\n &--openInNewTab {\n font-weight: 600;\n }\n\n &:has(svg) {\n text-decoration: none;\n }\n\n &:active,\n &:focus {\n color: var(--color-blue-1);\n fill: var(--color-blue-1);\n }\n\n &:focus-visible {\n outline: 2px solid var(--color-blue-3);\n outline-offset: 3px;\n }\n\n &:hover {\n color: var(--color-blue-1);\n fill: var(--color-blue-1);\n\n &:has(svg) {\n text-decoration: none;\n }\n }\n}\n","@use \"../common/common\" as common;\n\n.af-link {\n display: inline-flex;\n width: fit-content;\n height: fit-content;\n align-items: center;\n gap: common.rem(4);\n font-family: var(--font-family-base);\n text-decoration: underline;\n color: var(--color-axa);\n fill: var(--color-axa);\n\n svg {\n width: common.rem(20);\n height: common.rem(20);\n aspect-ratio: 1;\n }\n\n &--openInNewTab {\n font-weight: 600;\n }\n\n &:has(svg) {\n text-decoration: none;\n }\n\n &:active,\n &:focus {\n color: var(--color-blue-1);\n fill: var(--color-blue-1);\n }\n\n &:focus-visible {\n outline: 2px solid var(--color-blue-3);\n outline-offset: 3px;\n }\n\n &:hover {\n color: var(--color-blue-1);\n fill: var(--color-blue-1);\n\n &:has(svg) {\n text-decoration: none;\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["../../src/Link/Link.scss%23sass","../../src/Link/Link.scss"],"names":[],"mappings":"AAEA,SAIE,kBAAA,CAIA,sBAAA,CAPA,mBAAA,CAKA,mCAAA,CADA,UAAA,CAFA,kBAAA,CAIA,yBAAA,CCPF,iBAAA,CDSE,qBCDF,CDGE,aAGE,cAAA,CADA,cAAA,CADA,aCCJ,CDIE,uBACE,eCFJ,CDKE,kBACE,oBCHJ,CDME,+BAEE,yBAAA,CACA,wBCLJ,CDQE,uBACE,qCAAA,CACA,kBCNJ,CDSE,eACE,yBAAA,CACA,wBCPJ,CDSI,wBACE,oBCPN","file":"Link.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-link {\n display: inline-flex;\n width: fit-content;\n height: fit-content;\n align-items: center;\n gap: common.rem(4);\n font-family: var(--font-family-base);\n text-decoration: underline;\n color: var(--color-axa);\n fill: var(--color-axa);\n\n svg {\n width: common.rem(20);\n height: common.rem(20);\n aspect-ratio: 1;\n }\n\n &--openInNewTab {\n font-weight: 600;\n }\n\n &:has(svg) {\n text-decoration: none;\n }\n\n &:active,\n &:focus {\n color: var(--color-blue-1);\n fill: var(--color-blue-1);\n }\n\n &:focus-visible {\n outline: 2px solid var(--color-blue-3);\n outline-offset: 3px;\n }\n\n &:hover {\n color: var(--color-blue-1);\n fill: var(--color-blue-1);\n\n &:has(svg) {\n text-decoration: none;\n }\n }\n}\n","@use \"../common/common\" as common;\n\n.af-link {\n display: inline-flex;\n width: fit-content;\n height: fit-content;\n align-items: center;\n gap: common.rem(4);\n font-family: var(--font-family-base);\n text-decoration: underline;\n color: var(--color-axa);\n fill: var(--color-axa);\n\n svg {\n width: common.rem(20);\n height: common.rem(20);\n aspect-ratio: 1;\n }\n\n &--openInNewTab {\n font-weight: 600;\n }\n\n &:has(svg) {\n text-decoration: none;\n }\n\n &:active,\n &:focus {\n color: var(--color-blue-1);\n fill: var(--color-blue-1);\n }\n\n &:focus-visible {\n outline: 2px solid var(--color-blue-3);\n outline-offset: 3px;\n }\n\n &:hover {\n color: var(--color-blue-1);\n fill: var(--color-blue-1);\n\n &:has(svg) {\n text-decoration: none;\n }\n }\n}\n"]}
@@ -1 +1 @@
1
- *,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{background-color:#fff;color:#333;font-family:Source Sans Pro,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{background-color:transparent;color:#00008f;text-decoration:none}a:hover{color:#000043;text-decoration:underline}a:not([href],[tabindex]),a:not([href],[tabindex]):focus,a:not([href],[tabindex]):hover{color:inherit;text-decoration:none}a:not([href],[tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}pre{margin-bottom:1rem;margin-top:0;overflow:auto}figure{margin:0 0 1rem}img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden}table{border-collapse:collapse}caption{caption-side:bottom;color:#6c757d;padding-bottom:.5rem;padding-top:.5rem;text-align:left}th{text-align:inherit}button{border-radius:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;-moz-appearance:button;appearance:button}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox;-moz-appearance:listbox;appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5rem;line-height:inherit;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}output{display:inline-block}summary{cursor:pointer;display:list-item}template{display:none}[hidden]{display:none!important}.af-click-item{align-items:center;background:none;border:none;border-radius:var(--default-border-radius);cursor:pointer;display:flex;gap:.5rem;padding:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.af-click-item:active,.af-click-item:focus,.af-click-item:focus-visible{outline:none}.af-click-item:hover{text-decoration:none}.af-click-item:focus-visible{border:2px solid var(--color-focus)}.af-click-item__content{align-items:center;display:flex;gap:.75rem}.af-click-item__action svg,.af-click-item__icon svg{height:1.5rem;width:1.5rem;fill:var(--color-axa)}.af-click-item__label,.af-click-item__subtitle,.af-click-item__title{font-size:1.125rem;line-height:1.4rem}.af-click-item__secondary,.af-click-item__subtitle,.af-click-item__title{margin:0}.af-click-item__label{color:var(--color-gray-900);text-align:left}.af-click-item__title{color:var(--color-gray-900);font-weight:600}.af-click-item__secondary,.af-click-item__subtitle{color:var(--color-gray-700);font-weight:400}.af-click-item__secondary{font-size:.875rem;line-height:1.1rem}.af-click-item__action{margin-left:auto}.af-click-item--small .af-click-item__label{font-size:1rem;line-height:1.25rem}.af-click-item--large .af-click-item__label{font-weight:600}.af-click-item.af-click-item--disabled{pointer-events:none}.af-click-item.af-click-item--disabled .af-click-item__action svg,.af-click-item.af-click-item--disabled .af-click-item__icon svg{fill:var(--color-gray-500)}.af-click-item.af-click-item--disabled .af-click-item__label,.af-click-item.af-click-item--disabled .af-click-item__secondary,.af-click-item.af-click-item--disabled .af-click-item__subtitle,.af-click-item.af-click-item--disabled .af-click-item__title{color:var(--color-gray-500)}.af-click-item:not(.af-click-item--disabled):hover{box-shadow:0 4px 8px 0 rgba(16,24,65,.08)}.af-click-item:not(.af-click-item--disabled):active{box-shadow:inset 0 2px 8px 0 rgba(0,0,0,.15)}@media (width <= 667px){.af-click-item:focus-visible{border:none;border:1px solid var(--color-focus)}.af-click-item__label,.af-click-item__subtitle,.af-click-item__title{font-size:1rem;line-height:1.25rem}.af-click-item--small .af-click-item__label{font-size:.875rem;line-height:1.1rem}.af-click-item:not(.af-click-item--disabled),.af-click-item:not(.af-click-item--disabled):hover{box-shadow:none}.af-click-item:not(.af-click-item--disabled):hover .af-click-item__label,.af-click-item:not(.af-click-item--disabled):hover .af-click-item__secondary,.af-click-item:not(.af-click-item--disabled):hover .af-click-item__subtitle,.af-click-item:not(.af-click-item--disabled):hover .af-click-item__title{color:var(--color-axa)}.af-click-item:not(.af-click-item--disabled):active{box-shadow:none}.af-click-item:not(.af-click-item--disabled):active .af-click-item__label,.af-click-item:not(.af-click-item--disabled):active .af-click-item__secondary,.af-click-item:not(.af-click-item--disabled):active .af-click-item__subtitle,.af-click-item:not(.af-click-item--disabled):active .af-click-item__title{color:var(--color-blue-1)}}
1
+ *,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{background-color:#fff;color:#333;font-family:Source Sans Pro,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}a{background-color:initial;color:#00008f;text-decoration:none}a:hover{color:#000043;text-decoration:underline}a:not([href],[tabindex]),a:not([href],[tabindex]):focus,a:not([href],[tabindex]):hover{color:inherit;text-decoration:none}a:not([href],[tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}pre{margin-bottom:1rem;margin-top:0;overflow:auto}figure{margin:0 0 1rem}img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden}table{border-collapse:collapse}caption{caption-side:bottom;color:#6c757d;padding-bottom:.5rem;padding-top:.5rem;text-align:left}th{text-align:inherit}button{border-radius:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;appearance:button}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox;appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5rem;line-height:inherit;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;appearance:none;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}output{display:inline-block}summary{cursor:pointer;display:list-item}template{display:none}[hidden]{display:none!important}.af-click-item{align-items:center;background:none;border:none;border-radius:var(--default-border-radius);cursor:pointer;display:flex;gap:.5rem;padding:1rem;-webkit-user-select:none;user-select:none;width:100%}.af-click-item:active,.af-click-item:focus,.af-click-item:focus-visible{outline:none}.af-click-item:hover{text-decoration:none}.af-click-item:focus-visible{border:2px solid var(--color-focus)}.af-click-item__content{align-items:center;display:flex;gap:.75rem}.af-click-item__action svg,.af-click-item__icon svg{height:1.5rem;width:1.5rem;fill:var(--color-axa)}.af-click-item__label,.af-click-item__subtitle,.af-click-item__title{font-size:1.125rem;line-height:1.4rem}.af-click-item__secondary,.af-click-item__subtitle,.af-click-item__title{margin:0}.af-click-item__label{color:var(--color-gray-900);text-align:left}.af-click-item__title{color:var(--color-gray-900);font-weight:600}.af-click-item__secondary,.af-click-item__subtitle{color:var(--color-gray-700);font-weight:400}.af-click-item__secondary{font-size:.875rem;line-height:1.1rem}.af-click-item__action{margin-left:auto}.af-click-item--small .af-click-item__label{font-size:1rem;line-height:1.25rem}.af-click-item--large .af-click-item__label{font-weight:600}.af-click-item.af-click-item--disabled{pointer-events:none}.af-click-item.af-click-item--disabled .af-click-item__action svg,.af-click-item.af-click-item--disabled .af-click-item__icon svg{fill:var(--color-gray-500)}.af-click-item.af-click-item--disabled .af-click-item__label,.af-click-item.af-click-item--disabled .af-click-item__secondary,.af-click-item.af-click-item--disabled .af-click-item__subtitle,.af-click-item.af-click-item--disabled .af-click-item__title{color:var(--color-gray-500)}.af-click-item:not(.af-click-item--disabled):hover{box-shadow:0 4px 8px 0 #10184114}.af-click-item:not(.af-click-item--disabled):active{box-shadow:inset 0 2px 8px 0 #00000026}@media (width <= 667px){.af-click-item:focus-visible{border:none;border:1px solid var(--color-focus)}.af-click-item__label,.af-click-item__subtitle,.af-click-item__title{font-size:1rem;line-height:1.25rem}.af-click-item--small .af-click-item__label{font-size:.875rem;line-height:1.1rem}.af-click-item:not(.af-click-item--disabled),.af-click-item:not(.af-click-item--disabled):hover{box-shadow:none}.af-click-item:not(.af-click-item--disabled):hover .af-click-item__label,.af-click-item:not(.af-click-item--disabled):hover .af-click-item__secondary,.af-click-item:not(.af-click-item--disabled):hover .af-click-item__subtitle,.af-click-item:not(.af-click-item--disabled):hover .af-click-item__title{color:var(--color-axa)}.af-click-item:not(.af-click-item--disabled):active{box-shadow:none}.af-click-item:not(.af-click-item--disabled):active .af-click-item__label,.af-click-item:not(.af-click-item--disabled):active .af-click-item__secondary,.af-click-item:not(.af-click-item--disabled):active .af-click-item__subtitle,.af-click-item:not(.af-click-item--disabled):active .af-click-item__title{color:var(--color-blue-1)}}