@axa-fr/design-system-slash-css 2.0.0-RC.3 → 2.0.0-RC.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Accordion/Accordion.css +1 -1
- package/dist/Accordion/Accordion.css.map +1 -1
- package/dist/Accordion/Accordion.scss +41 -38
- package/dist/Card/Card.css +18 -0
- package/dist/Form/Checkbox/Checkbox.css +1 -1
- package/dist/Form/Checkbox/Checkbox.css.map +1 -1
- package/dist/Form/Checkbox/Checkbox.scss +1 -0
- package/dist/Form/Radio/Radio.css +1 -1
- package/dist/Form/Radio/Radio.css.map +1 -1
- package/dist/Form/Radio/Radio.scss +6 -0
- package/dist/Form/Radio/RadioCardGroup.css +1 -0
- package/dist/Layout/Footer/Footer.css +1 -1
- package/dist/slash.css +1 -1
- package/dist/slash.css.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-accordion{font-family:Source Sans Pro,arial,sans-serif}.af-accordion__item-header{align-items:center;background-color:var(--axablue80);color:var(--white);cursor:pointer;display:flex;justify-content:space-between;list-style-type:none;min-height:3rem;padding:0 1.25rem}.af-
|
|
1
|
+
.af-accordion{font-family:Source Sans Pro,arial,sans-serif}.af-accordion__item-header{align-items:center;background-color:var(--axablue80);color:var(--white);cursor:pointer;display:flex;justify-content:space-between;list-style-type:none;min-height:3rem;padding:0 1.25rem}.af-accordion__item-header-icon{height:2rem;order:2;transition:transform .5s;width:2rem;fill:currentcolor}.af-accordion__details{margin-bottom:1px}.af-accordion__item-title{font-size:1.25rem;margin:0;order:1}.af-accordion__content{box-shadow:0 0 9px 0 #0000002e;padding:1rem}.af-accordion__details[open] .af-accordion__item-header-icon{transform:rotate(180deg)}.af-accordion__header-right{align-items:center;display:flex;gap:1rem}.af-accordion--light .af-accordion__item-header{background:#0000;display:block;padding:0}.af-accordion--light .af-accordion__item-header svg{margin:0 1rem 0 0;order:0}.af-accordion--light .af-accordion__item-header button{margin:0 4px}.af-accordion--light .af-accordion__item-header button:first-of-type{margin-left:1rem}.af-accordion--light .af-accordion__item-header button svg{margin:0}.af-accordion--light .af-accordion__content{box-shadow:none;padding:0}.af-accordion--light .af-accordion__details{position:relative}.af-accordion--white{background:var(--white)}.af-accordion--white .af-accordion__item-header{background:var(--white);border-bottom:1px solid var(--axablue80);box-shadow:0 0 9px 0 #0000002e;color:var(--axablue80);min-height:5rem}.af-accordion--white .af-accordion__content{background:var(--gray10);border-bottom:1px solid var(--axablue80);box-shadow:0 0 9px 0 #0000002e;padding:1.5rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Accordion/Accordion.scss%23sass","../../src/Accordion/Accordion.scss"],"names":[],"mappings":"AAKA,cCJA,4CACA,CDME,2BAIE,kBAAA,CAGA,iCAAA,CADA,kBAAA,CAEA,cAAA,CAPA,YAAA,CAIA,6BAAA,CAIA,oBAAA,CCZJ,eAAA,CDMI,iBCEJ,
|
|
1
|
+
{"version":3,"sources":["../../src/Accordion/Accordion.scss%23sass","../../src/Accordion/Accordion.scss"],"names":[],"mappings":"AAKA,cCJA,4CACA,CDME,2BAIE,kBAAA,CAGA,iCAAA,CADA,kBAAA,CAEA,cAAA,CAPA,YAAA,CAIA,6BAAA,CAIA,oBAAA,CCZJ,eAAA,CDMI,iBCEJ,CDMI,gCAEE,WAAA,CACA,OAAA,CACA,wBAAA,CAHA,UAAA,CAIA,iBCJN,CDQE,uBACE,iBCNJ,CDSE,0BAGE,iBAAA,CAFA,QAAA,CACA,OCNJ,CDUE,uBAEE,8BAAA,CADA,YCPJ,CDWE,6DACE,wBCTJ,CDYE,4BAEE,kBAAA,CADA,YAAA,CAEA,QCVJ,CDeE,gDAGE,gBAAA,CAFA,aAAA,CACA,SCXJ,CDcI,oDAEE,iBAAA,CACA,OCZN,CDeI,uDACE,YCbN,CDeM,qEACE,gBCbR,CDgBM,2DACE,QCdR,CDmBE,4CAEE,eAAA,CADA,SChBJ,CDoBE,4CACE,iBClBJ,CDwBA,qBACE,uBCrBF,CDuBE,gDAIE,uBAAA,CAFA,wCAAA,CAGA,8BAAA,CAFA,sBAAA,CAFA,eCjBJ,CDwBE,4CAGE,wBAAA,CADA,wCAAA,CAEA,8BAAA,CAHA,cCnBJ","file":"Accordion.css","sourcesContent":["@use \"sass:color\";\n@use \"../common/common.scss\" as common;\n\n$minHeight: 3rem;\n\n.af-accordion {\n font-family: common.$font-family-sans-serif;\n\n &__item-header {\n display: flex;\n min-height: $minHeight;\n padding: 0 1.25rem;\n align-items: center;\n justify-content: space-between;\n color: var(--white);\n background-color: var(--axablue80);\n cursor: pointer;\n list-style-type: none;\n\n &-icon {\n width: 2rem;\n height: 2rem;\n order: 2;\n transition: transform 0.5s;\n fill: currentcolor;\n }\n }\n\n &__details {\n margin-bottom: 1px;\n }\n\n &__item-title {\n margin: 0;\n order: 1;\n font-size: calc(20rem / 16);\n }\n\n &__content {\n padding: 1rem;\n box-shadow: 0 0 9px 0 rgba(0, 0, 0, 18%);\n }\n\n &__details[open] &__item-header-icon {\n transform: rotate(180deg);\n }\n\n &__header-right {\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n}\n\n.af-accordion--light {\n .af-accordion__item-header {\n display: block;\n padding: 0;\n background: transparent;\n\n svg {\n margin: 0;\n margin-right: 1rem;\n order: 0;\n }\n\n button {\n margin: 0 4px;\n\n &:first-of-type {\n margin-left: 1rem;\n }\n\n svg {\n margin: 0;\n }\n }\n }\n\n & .af-accordion__content {\n padding: 0;\n box-shadow: none;\n }\n\n .af-accordion__details {\n position: relative;\n }\n\n $minHeightLight: 30px;\n}\n\n.af-accordion--white {\n background: var(--white);\n\n .af-accordion__item-header {\n min-height: 5rem;\n border-bottom: 1px solid var(--axablue80);\n color: var(--axablue80);\n background: var(--white);\n box-shadow: 0 0 9px 0 rgba(0, 0, 0, 18%);\n }\n\n .af-accordion__content {\n padding: 1.5rem;\n border-bottom: 1px solid var(--axablue80);\n background: var(--gray10);\n box-shadow: 0 0 9px 0 rgba(0, 0, 0, 18%);\n }\n}\n","@use \"sass:color\";\n@use \"../common/common.scss\" as common;\n\n$minHeight: 3rem;\n\n.af-accordion {\n font-family: common.$font-family-sans-serif;\n\n &__item-header {\n display: flex;\n min-height: $minHeight;\n padding: 0 1.25rem;\n align-items: center;\n justify-content: space-between;\n color: var(--white);\n background-color: var(--axablue80);\n cursor: pointer;\n list-style-type: none;\n\n &-icon {\n width: 2rem;\n height: 2rem;\n order: 2;\n transition: transform 0.5s;\n fill: currentcolor;\n }\n }\n\n &__details {\n margin-bottom: 1px;\n }\n\n &__item-title {\n margin: 0;\n order: 1;\n font-size: calc(20rem / 16);\n }\n\n &__content {\n padding: 1rem;\n box-shadow: 0 0 9px 0 rgba(0, 0, 0, 18%);\n }\n\n &__details[open] &__item-header-icon {\n transform: rotate(180deg);\n }\n\n &__header-right {\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n}\n\n.af-accordion--light {\n .af-accordion__item-header {\n display: block;\n padding: 0;\n background: transparent;\n\n svg {\n margin: 0;\n margin-right: 1rem;\n order: 0;\n }\n\n button {\n margin: 0 4px;\n\n &:first-of-type {\n margin-left: 1rem;\n }\n\n svg {\n margin: 0;\n }\n }\n }\n\n & .af-accordion__content {\n padding: 0;\n box-shadow: none;\n }\n\n .af-accordion__details {\n position: relative;\n }\n\n $minHeightLight: 30px;\n}\n\n.af-accordion--white {\n background: var(--white);\n\n .af-accordion__item-header {\n min-height: 5rem;\n border-bottom: 1px solid var(--axablue80);\n color: var(--axablue80);\n background: var(--white);\n box-shadow: 0 0 9px 0 rgba(0, 0, 0, 18%);\n }\n\n .af-accordion__content {\n padding: 1.5rem;\n border-bottom: 1px solid var(--axablue80);\n background: var(--gray10);\n box-shadow: 0 0 9px 0 rgba(0, 0, 0, 18%);\n }\n}\n"]}
|
|
@@ -16,19 +16,20 @@ $minHeight: 3rem;
|
|
|
16
16
|
background-color: var(--axablue80);
|
|
17
17
|
cursor: pointer;
|
|
18
18
|
list-style-type: none;
|
|
19
|
+
|
|
20
|
+
&-icon {
|
|
21
|
+
width: 2rem;
|
|
22
|
+
height: 2rem;
|
|
23
|
+
order: 2;
|
|
24
|
+
transition: transform 0.5s;
|
|
25
|
+
fill: currentcolor;
|
|
26
|
+
}
|
|
19
27
|
}
|
|
20
28
|
|
|
21
29
|
&__details {
|
|
22
30
|
margin-bottom: 1px;
|
|
23
31
|
}
|
|
24
32
|
|
|
25
|
-
.glyphicon {
|
|
26
|
-
width: 17px;
|
|
27
|
-
order: 2;
|
|
28
|
-
font-size: 14px;
|
|
29
|
-
transition: transform 0.5s;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
33
|
&__item-title {
|
|
33
34
|
margin: 0;
|
|
34
35
|
order: 1;
|
|
@@ -40,15 +41,44 @@ $minHeight: 3rem;
|
|
|
40
41
|
box-shadow: 0 0 9px 0 rgba(0, 0, 0, 18%);
|
|
41
42
|
}
|
|
42
43
|
|
|
43
|
-
&__details[open] {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
44
|
+
&__details[open] &__item-header-icon {
|
|
45
|
+
transform: rotate(180deg);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
&__header-right {
|
|
49
|
+
display: flex;
|
|
50
|
+
align-items: center;
|
|
51
|
+
gap: 1rem;
|
|
47
52
|
}
|
|
48
53
|
}
|
|
49
54
|
|
|
50
55
|
.af-accordion--light {
|
|
56
|
+
.af-accordion__item-header {
|
|
57
|
+
display: block;
|
|
58
|
+
padding: 0;
|
|
59
|
+
background: transparent;
|
|
60
|
+
|
|
61
|
+
svg {
|
|
62
|
+
margin: 0;
|
|
63
|
+
margin-right: 1rem;
|
|
64
|
+
order: 0;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
button {
|
|
68
|
+
margin: 0 4px;
|
|
69
|
+
|
|
70
|
+
&:first-of-type {
|
|
71
|
+
margin-left: 1rem;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
svg {
|
|
75
|
+
margin: 0;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
|
|
51
80
|
& .af-accordion__content {
|
|
81
|
+
padding: 0;
|
|
52
82
|
box-shadow: none;
|
|
53
83
|
}
|
|
54
84
|
|
|
@@ -57,33 +87,6 @@ $minHeight: 3rem;
|
|
|
57
87
|
}
|
|
58
88
|
|
|
59
89
|
$minHeightLight: 30px;
|
|
60
|
-
|
|
61
|
-
.af-accordion__item-header {
|
|
62
|
-
display: flex;
|
|
63
|
-
width: fit-content;
|
|
64
|
-
min-height: $minHeightLight;
|
|
65
|
-
padding: 0 3rem 0 1rem;
|
|
66
|
-
align-items: center;
|
|
67
|
-
justify-content: left;
|
|
68
|
-
gap: 1rem;
|
|
69
|
-
color: common.$color-mine-shaft;
|
|
70
|
-
background-color: var(--gray10);
|
|
71
|
-
|
|
72
|
-
&::before {
|
|
73
|
-
position: absolute;
|
|
74
|
-
z-index: -1;
|
|
75
|
-
top: calc($minHeightLight / 2);
|
|
76
|
-
display: block;
|
|
77
|
-
width: 100%;
|
|
78
|
-
height: 1px;
|
|
79
|
-
background-color: #ccc;
|
|
80
|
-
content: "";
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.glyphicon {
|
|
84
|
-
order: 0;
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
90
|
}
|
|
88
91
|
|
|
89
92
|
.af-accordion--white {
|
package/dist/Card/Card.css
CHANGED
|
@@ -82,3 +82,21 @@
|
|
|
82
82
|
--card-text-color: var(--red30);
|
|
83
83
|
--card-icon-color: var(--red30);
|
|
84
84
|
}
|
|
85
|
+
|
|
86
|
+
.af-card--active {
|
|
87
|
+
--card-text-color: var(--white);
|
|
88
|
+
--card-icon-color: var(--white);
|
|
89
|
+
--card-background-color: var(--axablue80);
|
|
90
|
+
|
|
91
|
+
&:hover {
|
|
92
|
+
--card-text-color: var(--gray80);
|
|
93
|
+
--card-icon-color: var(--axablue80);
|
|
94
|
+
--card-background-color: var(--white);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
&:disabled:hover {
|
|
98
|
+
--card-text-color: var(--gray40);
|
|
99
|
+
--card-icon-color: var(--gray40);
|
|
100
|
+
--card-background-color: var(--axablue80);
|
|
101
|
+
}
|
|
102
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-form{background:#f5f5f5;padding:1rem}.af-form__group{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:3rem}.af-form__group--label-top{align-items:flex-start}.af-form__group-label{font-size:1rem;font-weight:400;margin:0}.af-form__group-label--required:after{color:var(--error-color);content:" *"}.af-form__message,.af-form__text{align-items:center;display:flex}.af-form__message{flex-wrap:wrap;justify-content:flex-start;margin:.2rem 0;min-height:1.6em;position:absolute}.af-form__message .glyphicon{margin-right:.4rem;width:17px}.af-form__message--error{color:var(--error-color)}.af-form__message--warning{color:var(--warning-color)}.af-form__help{bottom:-20px;color:var(--help-color);display:block;font-size:.8125em;position:absolute}.af-form__input-cmplt{display:inline-flex;margin-left:1rem}.af-form__fields-inline{align-items:flex-start;display:flex;justify-content:flex-start}.af-form__fields-inline .af-form__text{padding:0}.af-form__input-inline{margin-right:1rem}.af-form__label{align-items:center;cursor:pointer;display:flex;font-weight:400;margin:0;padding:1rem 0}.af-form__description{padding-left:1.8rem}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}@media (width >= 576px){.container{max-width:540px}}@media (width >= 768px){.container{max-width:720px}}@media (width >= 992px){.container{max-width:960px}}@media (width >= 1200px){.container{max-width:1440px}}.container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.no-gutters{margin-left:0;margin-right:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-left:15px;padding-right:15px;position:relative;width:100%}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;max-width:100%;width:auto}.col-1{flex:0 0 8.3333%;max-width:8.3333%}.col-2{flex:0 0 16.6667%;max-width:16.6667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333%;max-width:33.3333%}.col-5{flex:0 0 41.6667%;max-width:41.6667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333%;max-width:58.3333%}.col-8{flex:0 0 66.6667%;max-width:66.6667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333%;max-width:83.3333%}.col-11{flex:0 0 91.6667%;max-width:91.6667%}.col-12{flex:0 0 100%;max-width:100%}.no-gutters>.col,.no-gutters>[class*=col-]{padding-left:0;padding-right:0}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.3333%}.offset-2{margin-left:16.6667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333%}.offset-5{margin-left:41.6667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333%}.offset-8{margin-left:66.6667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333%}.offset-11{margin-left:91.6667%}@media (width >= 576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;max-width:100%;width:auto}.col-sm-1{flex:0 0 8.3333%;max-width:8.3333%}.col-sm-2{flex:0 0 16.6667%;max-width:16.6667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333%;max-width:33.3333%}.col-sm-5{flex:0 0 41.6667%;max-width:41.6667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333%;max-width:58.3333%}.col-sm-8{flex:0 0 66.6667%;max-width:66.6667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333%;max-width:83.3333%}.col-sm-11{flex:0 0 91.6667%;max-width:91.6667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333%}.offset-sm-2{margin-left:16.6667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333%}.offset-sm-5{margin-left:41.6667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333%}.offset-sm-8{margin-left:66.6667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333%}.offset-sm-11{margin-left:91.6667%}}@media (width >= 768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;max-width:100%;width:auto}.col-md-1{flex:0 0 8.3333%;max-width:8.3333%}.col-md-2{flex:0 0 16.6667%;max-width:16.6667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333%;max-width:33.3333%}.col-md-5{flex:0 0 41.6667%;max-width:41.6667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333%;max-width:58.3333%}.col-md-8{flex:0 0 66.6667%;max-width:66.6667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333%;max-width:83.3333%}.col-md-11{flex:0 0 91.6667%;max-width:91.6667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333%}.offset-md-2{margin-left:16.6667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333%}.offset-md-5{margin-left:41.6667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333%}.offset-md-8{margin-left:66.6667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333%}.offset-md-11{margin-left:91.6667%}}@media (width >= 992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;max-width:100%;width:auto}.col-lg-1{flex:0 0 8.3333%;max-width:8.3333%}.col-lg-2{flex:0 0 16.6667%;max-width:16.6667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333%;max-width:33.3333%}.col-lg-5{flex:0 0 41.6667%;max-width:41.6667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333%;max-width:58.3333%}.col-lg-8{flex:0 0 66.6667%;max-width:66.6667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333%;max-width:83.3333%}.col-lg-11{flex:0 0 91.6667%;max-width:91.6667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333%}.offset-lg-2{margin-left:16.6667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333%}.offset-lg-5{margin-left:41.6667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333%}.offset-lg-8{margin-left:66.6667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333%}.offset-lg-11{margin-left:91.6667%}}@media (width >= 1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;max-width:100%;width:auto}.col-xl-1{flex:0 0 8.3333%;max-width:8.3333%}.col-xl-2{flex:0 0 16.6667%;max-width:16.6667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333%;max-width:33.3333%}.col-xl-5{flex:0 0 41.6667%;max-width:41.6667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333%;max-width:58.3333%}.col-xl-8{flex:0 0 66.6667%;max-width:66.6667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333%;max-width:83.3333%}.col-xl-11{flex:0 0 91.6667%;max-width:91.6667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333%}.offset-xl-2{margin-left:16.6667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333%}.offset-xl-5{margin-left:41.6667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333%}.offset-xl-8{margin-left:66.6667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333%}.offset-xl-11{margin-left:91.6667%}}.af-form__checkbox-container{display:flex}.af-form__checkbox-container:has(.af-form__checkbox){flex-direction:column}.af-form__checkbox .af-form__indicator,.af-form__checkbox-custom .af-form__indicator,.af-form__checkbox-inline .af-form__indicator,.af-form__checkbox-toggle .af-form__indicator{align-items:center;background-color:var(--white);border:1px solid var(--input-border-color);display:flex;height:1rem;justify-content:center;width:1rem;fill:none}.af-form__checkbox .af-form__indicator .ok-icon,.af-form__checkbox-custom .af-form__indicator .ok-icon,.af-form__checkbox-inline .af-form__indicator .ok-icon,.af-form__checkbox-toggle .af-form__indicator .ok-icon{display:none;height:.8rem;width:.8rem;fill:var(--white)}.af-form__checkbox--disabled .af-form__label,.af-form__checkbox-custom--disabled .af-form__label,.af-form__checkbox-inline--disabled .af-form__label,.af-form__checkbox-toggle--disabled .af-form__label{cursor:not-allowed;opacity:.4}.af-form__checkbox--error .af-form__label,.af-form__checkbox-custom--error .af-form__label,.af-form__checkbox-inline--error .af-form__label,.af-form__checkbox-toggle--error .af-form__label{color:var(--error-color)}.af-form__checkbox--error .af-form__indicator,.af-form__checkbox-custom--error .af-form__indicator,.af-form__checkbox-inline--error .af-form__indicator,.af-form__checkbox-toggle--error .af-form__indicator{border-color:var(--error-color)}.af-form__checkbox--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator,.af-form__checkbox-custom--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator,.af-form__checkbox-inline--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator,.af-form__checkbox-toggle--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator{background-color:var(--error-color);border-color:var(--error-color)}.af-form__checkbox--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon,.af-form__checkbox-custom--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon,.af-form__checkbox-inline--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon,.af-form__checkbox-toggle--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon{display:block}.af-form__checkbox--warning .af-form__label,.af-form__checkbox-custom--warning .af-form__label,.af-form__checkbox-inline--warning .af-form__label,.af-form__checkbox-toggle--warning .af-form__label{color:var(--warning-color)}.af-form__checkbox--warning .af-form__indicator,.af-form__checkbox-custom--warning .af-form__indicator,.af-form__checkbox-inline--warning .af-form__indicator,.af-form__checkbox-toggle--warning .af-form__indicator{border-color:var(--warning-color)}.af-form__input-checkbox{opacity:0;position:absolute}.af-form__input-checkbox:checked+.af-form__label .af-form__indicator{background-color:var(--button-primary-default);border-color:var(--button-primary-default)}.af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon{display:block}.af-form__input-checkbox:focus+.af-form__label{outline:2px solid var(--button-primary-default);outline-offset:2px}.af-form__checkbox{align-items:center;border-bottom:1px solid var(--disabled-color);display:flex;position:relative}.af-form__checkbox:last-child{border-bottom:none}.af-form__checkbox-inline{align-items:center;display:inline-flex;margin-right:1rem;position:relative}.af-form__checkbox-inline .af-form__label{padding:0}.af-form__checkbox-inline .af-form__description{padding-left:.5rem}.af-form__checkbox-custom{align-items:center;display:inline-flex;margin:0 .3rem .3rem 0;position:relative;text-align:center}.af-form__checkbox-custom .af-form__label{background:var(--gray20);box-shadow:inset 0 -2px 0 0 var(--gray50);cursor:pointer;font-weight:400;margin:0;padding:.5rem 2rem}.af-form__checkbox-custom .af-form__indicator{background-color:var(--white);border:1px solid var(--input-border-color);height:20px;margin-left:.5rem;width:20px;fill:var(--button-primary-default)}.af-form__checkbox-custom .af-form__description{padding-left:.5rem}.af-form__checkbox-custom .af-form__input-checkbox:checked+.af-form__label{background-color:var(--button-primary-default);box-shadow:inset 0 -2px 0 0 var(--axablue90);color:var(--white)}.af-form__checkbox-custom .af-form__input-checkbox:checked+.af-form__label .af-form__indicator{background:var(--white);border-color:var(--button-primary-default)}.af-form__checkbox-custom .af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon{display:block;height:29px;width:29px;fill:var(--button-primary-default);stroke-width:10px}.af-form__checkbox-custom .af-form__input-checkbox:focus+.af-form__label{outline:2px solid var(--button-primary-default);outline-offset:2px}.af-form__checkbox-custom .af-form__input-checkbox:disabled+.af-form__label{background-color:var(--gray20);box-shadow:inset 0 -2px 0 0 var(--disabled-color);cursor:not-allowed}.af-form__checkbox-custom .af-form__input-checkbox:disabled+.af-form__label .af-form__description{color:var(--disabled-color)}.af-form__checkbox-custom .af-form__input-checkbox:disabled+.af-form__label .af-form__indicator{background:var(--white);border:1px solid var(--gray50)}.af-form__checkbox-custom .af-form__input-checkbox:disabled+.af-form__label .af-form__indicator .ok-icon{fill:var(--gray50)}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]+.af-form__label{background-color:var(--red10);box-shadow:inset 0 -2px 0 0 var(--error-color);color:var(--error-color)}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]+.af-form__label .af-form__indicator{border-color:var(--error-color)}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]+.af-form__label .af-form__indicator .ok-icon{fill:var(--error-color)}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]:focus+.af-form__label{outline:2px solid var(--button-primary-default);outline-offset:2px}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]:disabled+.af-form__label{background-color:var(--gray20);box-shadow:inset 0 -2px 0 0 var(--error-color);cursor:not-allowed}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]:disabled+.af-form__label .af-form__description{color:var(--disabled-color)}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]:disabled+.af-form__label .af-form__indicator{border-color:var(--disabled-color)}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]:disabled+.af-form__label .af-form__indicator .ok-icon{fill:var(--disabled-color)}.af-form__checkbox-custom:hover .af-form__label{background-color:var(--button-primary-default);border-color:var(--button-primary-default);box-shadow:inset 0 -2px 0 0 var(--axablue90);color:var(--white)}.af-form__checkbox-toggle{align-items:center;display:inline-flex;position:relative}.af-form__checkbox-toggle .af-form__label{background-color:var(--input-border-color);border:none;border-radius:50px;cursor:pointer;height:24px;margin:0 .2rem;padding:0;width:48px}.af-form__checkbox-toggle .af-form__label .ok-icon{height:2rem;transform:translateX(-22px);width:2rem}.af-form__checkbox-toggle .af-form__indicator{background-color:var(--white);border:none;border-radius:50%;height:20px;margin:2px;transition:transform .4s ease;width:20px}@media (prefers-reduced-motion:reduce){.af-form__checkbox-toggle .af-form__indicator{transition:none}}.af-form__checkbox-toggle .af-form__description,.af-form__checkbox-toggle .af-form__indicator .ok-icon{display:none}.af-form__checkbox-toggle .af-form__input-checkbox:checked+.af-form__label{background-color:var(--button-primary-default)}.af-form__checkbox-toggle .af-form__input-checkbox:checked+.af-form__label .af-form__indicator{background-color:var(--white);transform:translateX(24px)}.af-form__checkbox-toggle .af-form__input-checkbox:focus+.af-form__label{outline:3px solid var(--button-primary-default);outline-offset:2px}.af-form__checkbox-toggle .af-form__input-checkbox:disabled+.af-form__label{background-color:var(--disabled-color);cursor:not-allowed}.af-form__checkbox-toggle .af-form__input-checkbox:disabled+.af-form__label .af-form__indicator{background-color:var(--inactive-button-border-color)}.af-form__checkbox-toggle .af-form__input-checkbox:disabled+.af-form__label .ok-icon{display:none}.af-form__checkbox-toggle--error .af-form__label{background-color:var(--error-color)}.af-form__checkbox-toggle:hover .af-form__input-checkbox:disabled+.af-form__label{outline:none}
|
|
1
|
+
.af-form{background:#f5f5f5;padding:1rem}.af-form__group{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:3rem}.af-form__group--label-top{align-items:flex-start}.af-form__group-label{font-size:1rem;font-weight:400;margin:0}.af-form__group-label--required:after{color:var(--error-color);content:" *"}.af-form__message,.af-form__text{align-items:center;display:flex}.af-form__message{flex-wrap:wrap;justify-content:flex-start;margin:.2rem 0;min-height:1.6em;position:absolute}.af-form__message .glyphicon{margin-right:.4rem;width:17px}.af-form__message--error{color:var(--error-color)}.af-form__message--warning{color:var(--warning-color)}.af-form__help{bottom:-20px;color:var(--help-color);display:block;font-size:.8125em;position:absolute}.af-form__input-cmplt{display:inline-flex;margin-left:1rem}.af-form__fields-inline{align-items:flex-start;display:flex;justify-content:flex-start}.af-form__fields-inline .af-form__text{padding:0}.af-form__input-inline{margin-right:1rem}.af-form__label{align-items:center;cursor:pointer;display:flex;font-weight:400;margin:0;padding:1rem 0}.af-form__description{padding-left:1.8rem}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}@media (width >= 576px){.container{max-width:540px}}@media (width >= 768px){.container{max-width:720px}}@media (width >= 992px){.container{max-width:960px}}@media (width >= 1200px){.container{max-width:1440px}}.container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.no-gutters{margin-left:0;margin-right:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-left:15px;padding-right:15px;position:relative;width:100%}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;max-width:100%;width:auto}.col-1{flex:0 0 8.3333%;max-width:8.3333%}.col-2{flex:0 0 16.6667%;max-width:16.6667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333%;max-width:33.3333%}.col-5{flex:0 0 41.6667%;max-width:41.6667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333%;max-width:58.3333%}.col-8{flex:0 0 66.6667%;max-width:66.6667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333%;max-width:83.3333%}.col-11{flex:0 0 91.6667%;max-width:91.6667%}.col-12{flex:0 0 100%;max-width:100%}.no-gutters>.col,.no-gutters>[class*=col-]{padding-left:0;padding-right:0}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.3333%}.offset-2{margin-left:16.6667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333%}.offset-5{margin-left:41.6667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333%}.offset-8{margin-left:66.6667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333%}.offset-11{margin-left:91.6667%}@media (width >= 576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;max-width:100%;width:auto}.col-sm-1{flex:0 0 8.3333%;max-width:8.3333%}.col-sm-2{flex:0 0 16.6667%;max-width:16.6667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333%;max-width:33.3333%}.col-sm-5{flex:0 0 41.6667%;max-width:41.6667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333%;max-width:58.3333%}.col-sm-8{flex:0 0 66.6667%;max-width:66.6667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333%;max-width:83.3333%}.col-sm-11{flex:0 0 91.6667%;max-width:91.6667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333%}.offset-sm-2{margin-left:16.6667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333%}.offset-sm-5{margin-left:41.6667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333%}.offset-sm-8{margin-left:66.6667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333%}.offset-sm-11{margin-left:91.6667%}}@media (width >= 768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;max-width:100%;width:auto}.col-md-1{flex:0 0 8.3333%;max-width:8.3333%}.col-md-2{flex:0 0 16.6667%;max-width:16.6667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333%;max-width:33.3333%}.col-md-5{flex:0 0 41.6667%;max-width:41.6667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333%;max-width:58.3333%}.col-md-8{flex:0 0 66.6667%;max-width:66.6667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333%;max-width:83.3333%}.col-md-11{flex:0 0 91.6667%;max-width:91.6667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333%}.offset-md-2{margin-left:16.6667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333%}.offset-md-5{margin-left:41.6667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333%}.offset-md-8{margin-left:66.6667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333%}.offset-md-11{margin-left:91.6667%}}@media (width >= 992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;max-width:100%;width:auto}.col-lg-1{flex:0 0 8.3333%;max-width:8.3333%}.col-lg-2{flex:0 0 16.6667%;max-width:16.6667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333%;max-width:33.3333%}.col-lg-5{flex:0 0 41.6667%;max-width:41.6667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333%;max-width:58.3333%}.col-lg-8{flex:0 0 66.6667%;max-width:66.6667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333%;max-width:83.3333%}.col-lg-11{flex:0 0 91.6667%;max-width:91.6667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333%}.offset-lg-2{margin-left:16.6667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333%}.offset-lg-5{margin-left:41.6667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333%}.offset-lg-8{margin-left:66.6667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333%}.offset-lg-11{margin-left:91.6667%}}@media (width >= 1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;max-width:100%;width:auto}.col-xl-1{flex:0 0 8.3333%;max-width:8.3333%}.col-xl-2{flex:0 0 16.6667%;max-width:16.6667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333%;max-width:33.3333%}.col-xl-5{flex:0 0 41.6667%;max-width:41.6667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333%;max-width:58.3333%}.col-xl-8{flex:0 0 66.6667%;max-width:66.6667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333%;max-width:83.3333%}.col-xl-11{flex:0 0 91.6667%;max-width:91.6667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333%}.offset-xl-2{margin-left:16.6667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333%}.offset-xl-5{margin-left:41.6667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333%}.offset-xl-8{margin-left:66.6667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333%}.offset-xl-11{margin-left:91.6667%}}.af-form__checkbox-container{display:flex;flex-flow:row wrap}.af-form__checkbox-container:has(.af-form__checkbox){flex-direction:column}.af-form__checkbox .af-form__indicator,.af-form__checkbox-custom .af-form__indicator,.af-form__checkbox-inline .af-form__indicator,.af-form__checkbox-toggle .af-form__indicator{align-items:center;background-color:var(--white);border:1px solid var(--input-border-color);display:flex;height:1rem;justify-content:center;width:1rem;fill:none}.af-form__checkbox .af-form__indicator .ok-icon,.af-form__checkbox-custom .af-form__indicator .ok-icon,.af-form__checkbox-inline .af-form__indicator .ok-icon,.af-form__checkbox-toggle .af-form__indicator .ok-icon{display:none;height:.8rem;width:.8rem;fill:var(--white)}.af-form__checkbox--disabled .af-form__label,.af-form__checkbox-custom--disabled .af-form__label,.af-form__checkbox-inline--disabled .af-form__label,.af-form__checkbox-toggle--disabled .af-form__label{cursor:not-allowed;opacity:.4}.af-form__checkbox--error .af-form__label,.af-form__checkbox-custom--error .af-form__label,.af-form__checkbox-inline--error .af-form__label,.af-form__checkbox-toggle--error .af-form__label{color:var(--error-color)}.af-form__checkbox--error .af-form__indicator,.af-form__checkbox-custom--error .af-form__indicator,.af-form__checkbox-inline--error .af-form__indicator,.af-form__checkbox-toggle--error .af-form__indicator{border-color:var(--error-color)}.af-form__checkbox--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator,.af-form__checkbox-custom--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator,.af-form__checkbox-inline--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator,.af-form__checkbox-toggle--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator{background-color:var(--error-color);border-color:var(--error-color)}.af-form__checkbox--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon,.af-form__checkbox-custom--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon,.af-form__checkbox-inline--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon,.af-form__checkbox-toggle--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon{display:block}.af-form__checkbox--warning .af-form__label,.af-form__checkbox-custom--warning .af-form__label,.af-form__checkbox-inline--warning .af-form__label,.af-form__checkbox-toggle--warning .af-form__label{color:var(--warning-color)}.af-form__checkbox--warning .af-form__indicator,.af-form__checkbox-custom--warning .af-form__indicator,.af-form__checkbox-inline--warning .af-form__indicator,.af-form__checkbox-toggle--warning .af-form__indicator{border-color:var(--warning-color)}.af-form__input-checkbox{opacity:0;position:absolute}.af-form__input-checkbox:checked+.af-form__label .af-form__indicator{background-color:var(--button-primary-default);border-color:var(--button-primary-default)}.af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon{display:block}.af-form__input-checkbox:focus+.af-form__label{outline:2px solid var(--button-primary-default);outline-offset:2px}.af-form__checkbox{align-items:center;border-bottom:1px solid var(--disabled-color);display:flex;position:relative}.af-form__checkbox:last-child{border-bottom:none}.af-form__checkbox-inline{align-items:center;display:inline-flex;margin-right:1rem;position:relative}.af-form__checkbox-inline .af-form__label{padding:0}.af-form__checkbox-inline .af-form__description{padding-left:.5rem}.af-form__checkbox-custom{align-items:center;display:inline-flex;margin:0 .3rem .3rem 0;position:relative;text-align:center}.af-form__checkbox-custom .af-form__label{background:var(--gray20);box-shadow:inset 0 -2px 0 0 var(--gray50);cursor:pointer;font-weight:400;margin:0;padding:.5rem 2rem}.af-form__checkbox-custom .af-form__indicator{background-color:var(--white);border:1px solid var(--input-border-color);height:20px;margin-left:.5rem;width:20px;fill:var(--button-primary-default)}.af-form__checkbox-custom .af-form__description{padding-left:.5rem}.af-form__checkbox-custom .af-form__input-checkbox:checked+.af-form__label{background-color:var(--button-primary-default);box-shadow:inset 0 -2px 0 0 var(--axablue90);color:var(--white)}.af-form__checkbox-custom .af-form__input-checkbox:checked+.af-form__label .af-form__indicator{background:var(--white);border-color:var(--button-primary-default)}.af-form__checkbox-custom .af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon{display:block;height:29px;width:29px;fill:var(--button-primary-default);stroke-width:10px}.af-form__checkbox-custom .af-form__input-checkbox:focus+.af-form__label{outline:2px solid var(--button-primary-default);outline-offset:2px}.af-form__checkbox-custom .af-form__input-checkbox:disabled+.af-form__label{background-color:var(--gray20);box-shadow:inset 0 -2px 0 0 var(--disabled-color);cursor:not-allowed}.af-form__checkbox-custom .af-form__input-checkbox:disabled+.af-form__label .af-form__description{color:var(--disabled-color)}.af-form__checkbox-custom .af-form__input-checkbox:disabled+.af-form__label .af-form__indicator{background:var(--white);border:1px solid var(--gray50)}.af-form__checkbox-custom .af-form__input-checkbox:disabled+.af-form__label .af-form__indicator .ok-icon{fill:var(--gray50)}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]+.af-form__label{background-color:var(--red10);box-shadow:inset 0 -2px 0 0 var(--error-color);color:var(--error-color)}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]+.af-form__label .af-form__indicator{border-color:var(--error-color)}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]+.af-form__label .af-form__indicator .ok-icon{fill:var(--error-color)}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]:focus+.af-form__label{outline:2px solid var(--button-primary-default);outline-offset:2px}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]:disabled+.af-form__label{background-color:var(--gray20);box-shadow:inset 0 -2px 0 0 var(--error-color);cursor:not-allowed}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]:disabled+.af-form__label .af-form__description{color:var(--disabled-color)}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]:disabled+.af-form__label .af-form__indicator{border-color:var(--disabled-color)}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]:disabled+.af-form__label .af-form__indicator .ok-icon{fill:var(--disabled-color)}.af-form__checkbox-custom:hover .af-form__label{background-color:var(--button-primary-default);border-color:var(--button-primary-default);box-shadow:inset 0 -2px 0 0 var(--axablue90);color:var(--white)}.af-form__checkbox-toggle{align-items:center;display:inline-flex;position:relative}.af-form__checkbox-toggle .af-form__label{background-color:var(--input-border-color);border:none;border-radius:50px;cursor:pointer;height:24px;margin:0 .2rem;padding:0;width:48px}.af-form__checkbox-toggle .af-form__label .ok-icon{height:2rem;transform:translateX(-22px);width:2rem}.af-form__checkbox-toggle .af-form__indicator{background-color:var(--white);border:none;border-radius:50%;height:20px;margin:2px;transition:transform .4s ease;width:20px}@media (prefers-reduced-motion:reduce){.af-form__checkbox-toggle .af-form__indicator{transition:none}}.af-form__checkbox-toggle .af-form__description,.af-form__checkbox-toggle .af-form__indicator .ok-icon{display:none}.af-form__checkbox-toggle .af-form__input-checkbox:checked+.af-form__label{background-color:var(--button-primary-default)}.af-form__checkbox-toggle .af-form__input-checkbox:checked+.af-form__label .af-form__indicator{background-color:var(--white);transform:translateX(24px)}.af-form__checkbox-toggle .af-form__input-checkbox:focus+.af-form__label{outline:3px solid var(--button-primary-default);outline-offset:2px}.af-form__checkbox-toggle .af-form__input-checkbox:disabled+.af-form__label{background-color:var(--disabled-color);cursor:not-allowed}.af-form__checkbox-toggle .af-form__input-checkbox:disabled+.af-form__label .af-form__indicator{background-color:var(--inactive-button-border-color)}.af-form__checkbox-toggle .af-form__input-checkbox:disabled+.af-form__label .ok-icon{display:none}.af-form__checkbox-toggle--error .af-form__label{background-color:var(--error-color)}.af-form__checkbox-toggle:hover .af-form__input-checkbox:disabled+.af-form__label{outline:none}
|