@axa-fr/design-system-slash-css 1.2.1-alpha.98 → 2.0.0-RC.1

package/dist/Alert/Alert.css

@@ -1 +1 @@
-.af-alert{background-color:var(--alert-background-color);border:1px solid var(--alert-border-color);color:var(--alert-sidebar-color);display:flex;flex-direction:row;gap:1.25rem}.af-alert,.af-alert--error{--alert-sidebar-color:var(--red30);--alert-background-color:var(--red10);--alert-border-color:var(--red20)}.af-alert--success{--alert-sidebar-color:var(--green40);--alert-background-color:var(--green10);--alert-border-color:var(--green20)}.af-alert--info{--alert-sidebar-color:var(--cyan40);--alert-background-color:var(--cyan10);--alert-border-color:var(--cyan30)}.af-alert--warning{--alert-sidebar-color:var(--orange40);--alert-background-color:var(--orange10);--alert-border-color:var(--orange30)}.af-alert__title{font-weight:700}.af-alert__content{flex-grow:1;padding:.75rem}.af-alert__icon{position:relative;transform:translateX(-.625rem);fill:var(--white)}.af-alert__indicator{align-items:center;clip-path:polygon(0 0,76% 0,100% 50%,76% 100%,0 100%);display:flex;height:3rem;justify-content:center;width:5.25rem}.af-alert__indicator,.af-alert__sidebar{background-color:var(--alert-sidebar-color)}.af-alert__sidebar{width:4rem}.af-alert__close-button{background:none;border:none;display:flex;height:fit-content;padding:1rem}.af-alert__close-icon{height:.875rem;width:.875rem;fill:var(--alert-sidebar-color)}
+.af-alert{background-color:var(--alert-background-color);border:1px solid var(--alert-border-color);color:var(--alert-sidebar-color);display:flex;flex-direction:row;gap:1.25rem}.af-alert,.af-alert--error{--alert-sidebar-color:var(--red30);--alert-background-color:var(--red10);--alert-border-color:var(--red20)}.af-alert--success{--alert-sidebar-color:var(--green30);--alert-background-color:var(--green10);--alert-border-color:var(--green20)}.af-alert--info{--alert-sidebar-color:var(--cyan40);--alert-background-color:var(--cyan10);--alert-border-color:var(--cyan30)}.af-alert--warning{--alert-sidebar-color:var(--orange40);--alert-background-color:var(--orange10);--alert-border-color:var(--orange30)}.af-alert__title{font-weight:700}.af-alert__content{flex-grow:1;padding:.75rem}.af-alert__icon{position:relative;transform:translateX(-.625rem);fill:var(--white)}.af-alert__indicator{align-items:center;clip-path:polygon(0 0,76% 0,100% 50%,76% 100%,0 100%);display:flex;height:3rem;justify-content:center;width:5.25rem}.af-alert__indicator,.af-alert__sidebar{background-color:var(--alert-sidebar-color)}.af-alert__sidebar{width:4rem}.af-alert__close-button{background:none;border:none;display:flex;height:fit-content;padding:1rem}.af-alert__close-icon{height:.875rem;width:.875rem;fill:var(--alert-sidebar-color)}

package/dist/Alert/Alert.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Message/Message.css","../../src/Alert/Alert.scss"],"names":[],"mappings":"AAAA,UAUE,8CAAA,CAJA,0CAAA,CAGA,gCAAA,CAJA,YAAA,CAEA,kBAAA,CACA,WCKF,CDAA,2BCTA,kCDHE,CACA,qCAAA,CACA,iCCgBF,CDAA,mBACE,oCAAA,CACA,uCAAA,CACA,mCCGF,CDAA,gBACE,mCAAA,CACA,sCAAA,CACA,kCCGF,CDAA,mBACE,qCAAA,CACA,wCAAA,CACA,oCCGF,CDAA,iBACE,eCGF,CDAA,mBAEE,WAAA,CADA,cCIF,CDAA,gBACE,iBAAA,CACA,8BAAA,CAIA,iBCAF,CDGA,qBAIE,kBAAA,CAGA,qDAAA,CANA,YAAA,CAEA,WAAA,CAEA,sBAAA,CAHA,aCKF,CDGA,wCAJE,2CCMF,CDFA,mBACE,UCCF,CDGA,wBAKE,eAAA,CADA,WAAA,CAHA,YAAA,CACA,kBAAA,CACA,YCEF,CDGA,sBAEE,cAAA,CADA,aAAA,CAEA,+BCAF","file":"Alert.css","sourcesContent":[".af-alert {\n  --alert-sidebar-color: var(--red30);\n  --alert-background-color: var(--red10);\n  --alert-border-color: var(--red20);\n\n  display: flex;\n  border: 1px solid var(--alert-border-color);\n  flex-direction: row;\n  gap: calc(20rem / 16);\n  color: var(--alert-sidebar-color);\n  background-color: var(--alert-background-color);\n}\n\n.af-alert--error {\n  --alert-sidebar-color: var(--red30);\n  --alert-background-color: var(--red10);\n  --alert-border-color: var(--red20);\n}\n\n.af-alert--success {\n  --alert-sidebar-color: var(--green40);\n  --alert-background-color: var(--green10);\n  --alert-border-color: var(--green20);\n}\n\n.af-alert--info {\n  --alert-sidebar-color: var(--cyan40);\n  --alert-background-color: var(--cyan10);\n  --alert-border-color: var(--cyan30);\n}\n\n.af-alert--warning {\n  --alert-sidebar-color: var(--orange40);\n  --alert-background-color: var(--orange10);\n  --alert-border-color: var(--orange30);\n}\n\n.af-alert__title {\n  font-weight: bold;\n}\n\n.af-alert__content {\n  padding: calc(12rem / 16);\n  flex-grow: 1;\n}\n\n.af-alert__icon {\n  position: relative;\n  transform: translateX(\n    calc(-10rem / 16)\n  ); /* remove half the length of the arrow */\n\n  fill: var(--white);\n}\n\n.af-alert__indicator {\n  display: flex;\n  width: calc(84rem / 16);\n  height: calc(48rem / 16);\n  align-items: center;\n  justify-content: center;\n  background-color: var(--alert-sidebar-color);\n  clip-path: polygon(0% 0%, 76% 0, 100% 50%, 76% 100%, 0% 100%);\n}\n\n.af-alert__sidebar {\n  width: calc(64rem / 16);\n  background-color: var(--alert-sidebar-color);\n}\n\n.af-alert__close-button {\n  display: flex;\n  height: fit-content;\n  padding: 1rem;\n  border: none;\n  background: none;\n}\n\n.af-alert__close-icon {\n  width: calc(14rem / 16);\n  height: calc(14rem / 16);\n  fill: var(--alert-sidebar-color);\n}\n","/**\n This file is kept for backward compatibility only.\n*/\n\n@use \"../Message/Message.css\";\n"]}
+{"version":3,"sources":["../../src/Message/Message.css","../../src/Alert/Alert.scss"],"names":[],"mappings":"AAAA,UAUE,8CAAA,CAJA,0CAAA,CAGA,gCAAA,CAJA,YAAA,CAEA,kBAAA,CACA,WCKF,CDAA,2BCTA,kCDHE,CACA,qCAAA,CACA,iCCgBF,CDAA,mBACE,oCAAA,CACA,uCAAA,CACA,mCCGF,CDAA,gBACE,mCAAA,CACA,sCAAA,CACA,kCCGF,CDAA,mBACE,qCAAA,CACA,wCAAA,CACA,oCCGF,CDAA,iBACE,eCGF,CDAA,mBAEE,WAAA,CADA,cCIF,CDAA,gBACE,iBAAA,CACA,8BAAA,CAIA,iBCAF,CDGA,qBAIE,kBAAA,CAGA,qDAAA,CANA,YAAA,CAEA,WAAA,CAEA,sBAAA,CAHA,aCKF,CDGA,wCAJE,2CCMF,CDFA,mBACE,UCCF,CDGA,wBAKE,eAAA,CADA,WAAA,CAHA,YAAA,CACA,kBAAA,CACA,YCEF,CDGA,sBAEE,cAAA,CADA,aAAA,CAEA,+BCAF","file":"Alert.css","sourcesContent":[".af-alert {\n  --alert-sidebar-color: var(--red30);\n  --alert-background-color: var(--red10);\n  --alert-border-color: var(--red20);\n\n  display: flex;\n  border: 1px solid var(--alert-border-color);\n  flex-direction: row;\n  gap: calc(20rem / 16);\n  color: var(--alert-sidebar-color);\n  background-color: var(--alert-background-color);\n}\n\n.af-alert--error {\n  --alert-sidebar-color: var(--red30);\n  --alert-background-color: var(--red10);\n  --alert-border-color: var(--red20);\n}\n\n.af-alert--success {\n  --alert-sidebar-color: var(--green30);\n  --alert-background-color: var(--green10);\n  --alert-border-color: var(--green20);\n}\n\n.af-alert--info {\n  --alert-sidebar-color: var(--cyan40);\n  --alert-background-color: var(--cyan10);\n  --alert-border-color: var(--cyan30);\n}\n\n.af-alert--warning {\n  --alert-sidebar-color: var(--orange40);\n  --alert-background-color: var(--orange10);\n  --alert-border-color: var(--orange30);\n}\n\n.af-alert__title {\n  font-weight: bold;\n}\n\n.af-alert__content {\n  padding: calc(12rem / 16);\n  flex-grow: 1;\n}\n\n.af-alert__icon {\n  position: relative;\n  transform: translateX(\n    calc(-10rem / 16)\n  ); /* remove half the length of the arrow */\n\n  fill: var(--white);\n}\n\n.af-alert__indicator {\n  display: flex;\n  width: calc(84rem / 16);\n  height: calc(48rem / 16);\n  align-items: center;\n  justify-content: center;\n  background-color: var(--alert-sidebar-color);\n  clip-path: polygon(0% 0%, 76% 0, 100% 50%, 76% 100%, 0% 100%);\n}\n\n.af-alert__sidebar {\n  width: calc(64rem / 16);\n  background-color: var(--alert-sidebar-color);\n}\n\n.af-alert__close-button {\n  display: flex;\n  height: fit-content;\n  padding: 1rem;\n  border: none;\n  background: none;\n}\n\n.af-alert__close-icon {\n  width: calc(14rem / 16);\n  height: calc(14rem / 16);\n  fill: var(--alert-sidebar-color);\n}\n","/**\n This file is kept for backward compatibility only.\n*/\n\n@use \"../Message/Message.css\";\n"]}

package/dist/Button/Button.css

@@ -1 +1,139 @@
-.af-btn{background-color:var(--axablue80);border:0;border-radius:0;box-shadow:inset 0 -3px var(--axablue100);color:var(--white);cursor:pointer;font-family:Source Sans Pro,arial,sans-serif;font-size:1rem;font-weight:700;height:3rem;line-height:1rem;padding:.75rem 1rem;position:relative;transition:all .2s linear}.af-btn:focus,.af-btn:hover{background-color:var(--axablue100);color:var(--white)}.af-btn:focus{box-shadow:0 0 3px 3px #aaabf9}.af-btn--auto{background-color:#a70d26;border-radius:0;box-shadow:inset 0 -3px #480610;color:#fff;cursor:pointer;font-size:1em;min-width:10rem;transition:all .2s linear}.af-btn--auto:hover{background-color:#480610;box-shadow:inset 0 -3px #480610}.af-btn--habitation{background-color:#ec4d33;border-radius:0;box-shadow:inset 0 -3px #a92510;color:#fff;cursor:pointer;font-size:1em;min-width:10rem;transition:all .2s linear}.af-btn--habitation:hover{background-color:#a92510;box-shadow:inset 0 -3px #a92510}.af-btn--loisirs{background-color:#00af8f;border-radius:0;box-shadow:inset 0 -3px #00493c;color:#fff;cursor:pointer;font-size:1em;min-width:10rem;transition:all .2s linear}.af-btn--loisirs:hover{background-color:#00493c;box-shadow:inset 0 -3px #00493c}.af-btn--sante{background-color:#1cc578;border-radius:0;box-shadow:inset 0 -3px #0f6c42;color:#fff;cursor:pointer;font-size:1em;min-width:10rem;transition:all .2s linear}.af-btn--sante:hover{background-color:#0f6c42;box-shadow:inset 0 -3px #0f6c42}.af-btn--banque{background-color:#51aad3;border-radius:0;box-shadow:inset 0 -3px #267498;color:#fff;cursor:pointer;font-size:1em;min-width:10rem;transition:all .2s linear}.af-btn--banque:hover{background-color:#267498;box-shadow:inset 0 -3px #267498}.af-btn--epargne{background-color:#6377ba;border-radius:0;box-shadow:inset 0 -3px #38487f;color:#fff;cursor:pointer;font-size:1em;min-width:10rem;transition:all .2s linear}.af-btn--epargne:hover{background-color:#38487f;box-shadow:inset 0 -3px #38487f}.af-btn--entreprise{background-color:#5e3778;border-radius:0;box-shadow:inset 0 -3px #271732;color:#fff;cursor:pointer;font-size:1em;min-width:10rem;transition:all .2s linear}.af-btn--entreprise:hover{background-color:#271732;box-shadow:inset 0 -3px #271732}.af-btn--collective{background-color:#49bdca;border-radius:0;box-shadow:inset 0 -3px #277c86;color:#fff;cursor:pointer;font-size:1em;min-width:10rem;transition:all .2s linear}.af-btn--collective:hover{background-color:#277c86;box-shadow:inset 0 -3px #277c86}.af-btn--iard{background-color:#42145f;border-radius:0;box-shadow:inset 0 -3px #07020b;color:#fff;cursor:pointer;font-size:1em;min-width:10rem;transition:all .2s linear}.af-btn--iard:hover{background-color:#07020b;box-shadow:inset 0 -3px #07020b}.af-btn--patrimonial{background-color:#c5a57f;border-radius:0;box-shadow:inset 0 -3px #997345;color:#fff;cursor:pointer;font-size:1em;min-width:10rem;transition:all .2s linear}.af-btn--patrimonial:hover{background-color:#997345;box-shadow:inset 0 -3px #997345}.af-btn--pros{background-color:#738b9c;border-radius:0;box-shadow:inset 0 -3px #465763;color:#fff;cursor:pointer;font-size:1em;min-width:10rem;transition:all .2s linear}.af-btn--pros:hover{background-color:#465763;box-shadow:inset 0 -3px #465763}.af-btn--assurbanque{background-color:#ff1821;border-radius:0;box-shadow:inset 0 -3px #b10007;color:#fff;cursor:pointer;font-size:1em;min-width:10rem;transition:all .2s linear}.af-btn--assurbanque:hover{background-color:#b10007;box-shadow:inset 0 -3px #b10007}.af-btn--hasIconLeft,.af-btn--hasiconLeft{align-items:center;display:flex}.af-btn--hasIconLeft :first-child,.af-btn--hasiconLeft :first-child{margin-right:1rem}.af-btn--hasIconRight,.af-btn--hasiconRight{align-items:center;display:flex;flex-direction:row-reverse}.af-btn--hasIconRight :first-child,.af-btn--hasiconRight :first-child{margin-left:1rem}.af-btn--success{background-color:var(--green40);box-shadow:inset 0 -2px var(--green50)}.af-btn--success:hover{box-shadow:none}.af-btn--success:focus,.af-btn--success:hover{background-color:var(--green50)}.af-btn--danger{background-color:var(--red30);box-shadow:inset 0 -2px var(--red40)}.af-btn--danger:hover{box-shadow:none}.af-btn--danger:focus,.af-btn--danger:hover{background-color:var(--red40)}.af-btn--reverse{background-color:var(--white);border:2px solid var(--axablue80);border-bottom:none;box-shadow:inset 0 -3px var(--axablue80);color:var(--axablue80)}.af-btn--reverse:focus,.af-btn--reverse:hover{background-color:var(--axablue100);border-color:var(--axablue100);box-shadow:inset 0 -3px var(--axablue100);color:#fff}.af-btn--reverse:focus{box-shadow:0 0 3px 3px #aaabf9}.af-btn--reverse.af-btn--disabled{background-color:var(--white);border-color:var(--gray40);border-bottom:none;box-shadow:inset 0 -3px var(--gray40);color:var(--gray40);cursor:not-allowed}.af-btn--reverse.af-btn--hasIconLeft,.af-btn--reverse.af-btn--hasiconLeft{align-items:center;display:flex;padding-right:1.2rem}.af-btn--reverse.af-btn--hasIconLeft :first-child,.af-btn--reverse.af-btn--hasiconLeft :first-child{margin-right:1rem}.af-btn--reverse.af-btn--hasIconRight,.af-btn--reverse.af-btn--hasiconRight{align-items:center;display:flex;flex-direction:row-reverse;padding-left:1.2rem}.af-btn--reverse.af-btn--hasIconRight :first-child,.af-btn--reverse.af-btn--hasiconRight :first-child{margin-left:1rem}.af-btn--small{height:2.5rem;padding:.75rem 1rem}.af-btn--circle,.af-btn--circle-small{background:#3032c1;border:1px solid #fff;border-radius:50%;box-sizing:border-box;color:#fff;display:inline-block;height:2rem;min-width:0;padding:0;position:relative;text-align:center;width:2rem}.af-btn--circle-small:hover,.af-btn--circle:hover{background-color:#fff;border-color:#00008f;color:#00008f}.af-btn--circle-small:focus,.af-btn--circle:focus{color:#fff;outline:none}.af-btn--circle-small:focus:hover,.af-btn--circle:focus:hover{color:#00008f}.af-btn--circle-small{cursor:pointer;font-size:.625rem;height:1.5rem;width:1.5rem}.af-btn--circle-small .glyphicon{width:10px}.af-btn--circle-small .af-more-help{font-weight:900}.af-btn__wrapper{align-items:center;display:flex;justify-content:center;line-height:1}.af-btn--circle-reverse{background:#fff;border-color:#00008f;color:#00008f}.af-btn--circle-reverse:hover{background:#00008f;color:#fff}.af-btn--circle-reverse:focus{box-shadow:0 0 0 .2rem #0275d840;color:#00008f;outline:none}.af-btn--circle-reverse:focus:hover{color:#fff}@media (max-width:767.98px){.af-btn--circle-menu{background:#0000;border-color:#fff;color:#fff;height:35px;line-height:35px;width:35px}.af-btn--circle-menu:hover{background:#fff;color:#00008f}}.af-btn--disabled{cursor:not-allowed}.af-btn--disabled,.af-btn--disabled:focus,.af-btn--disabled:hover{background-color:var(--white);box-shadow:inset 0 -3px var(--gray40);color:var(--gray40)}.af-btn--table-sorting{align-items:center;box-shadow:inherit;color:#fff;cursor:pointer;display:flex;font-weight:200;height:100%;justify-content:space-between;padding:.881em 1rem;text-align:inherit;width:100%}.af-btn--table-sorting:focus,.af-btn--table-sorting:hover{box-shadow:none}.af-btn--table-sorting:hover{background-color:#20a892}.af-btn--table-sorting--active{background:#20a892}.af-btn--table-sorting--active:focus{background-color:#20a892}.af-btn .af-badge{margin-left:2rem}
+.af-btn {
+  --button-color-background: var(--axablue80);
+  --button-color-border: var(--axablue100);
+  --button-padding-horizontal: calc(16rem / 16);
+  --button-padding-vertical: calc(14rem / 16);
+  --button-color-label: var(--white);
+
+  display: inline-flex;
+  padding: var(--button-padding-vertical) var(--button-padding-horizontal);
+  border: 0 solid var(--button-color-border);
+  border-radius: 0;
+  align-items: center;
+  justify-content: center;
+  gap: calc(16rem / 16);
+  font-family: "Source Sans Pro", arial, sans-serif;
+  font-size: calc(16rem / 16);
+  font-weight: 700;
+  line-height: calc(20rem / 16);
+  text-align: center;
+  color: var(--button-color-label);
+  background-color: var(--button-color-background);
+  box-shadow: inset 0 -2px var(--button-color-border);
+  transition: all 0.2s linear;
+  cursor: pointer;
+
+  & > svg {
+    height: calc(20rem / 16);
+    fill: currentcolor;
+  }
+
+  &:hover {
+    --button-color-background: var(--axablue100);
+
+    border-color: var(--button-color-border);
+  }
+
+  &:focus {
+    outline: unset;
+  }
+
+  &:focus-visible {
+    outline: calc(2rem / 16) solid var(--axablue80);
+    outline-offset: calc(2rem / 16);
+  }
+
+  &.af-btn--secondary {
+    --button-color-background: var(--white);
+    --button-color-label: var(--axablue80);
+    --button-color-border: var(--axablue80);
+
+    border-width: calc(1rem / 16);
+    border-bottom-width: 0;
+
+    &:hover {
+      --button-color-background: var(--axablue100);
+      --button-color-border: var(--axablue100);
+      --button-color-label: var(--white);
+    }
+
+    &:disabled {
+      --button-color-border: var(--gray40);
+      --button-color-label: var(--gray40);
+    }
+  }
+
+  &.af-btn--validated {
+    --button-color-background: var(--green30);
+    --button-color-border: var(--green40);
+
+    &:hover {
+      --button-color-background: var(--green40);
+    }
+  }
+
+  &.af-btn--danger {
+    --button-color-background: var(--red30);
+    --button-color-border: var(--red40);
+
+    &:hover {
+      --button-color-background: var(--red40);
+    }
+  }
+
+  &:disabled {
+    --button-color-background: var(--white);
+    --button-color-label: var(--gray40);
+    --button-color-border: var(--gray40);
+
+    cursor: not-allowed;
+
+    &:hover {
+      --button-color-background: var(--white);
+    }
+  }
+
+  &.af-btn--small {
+    --button-padding-vertical: calc(10rem / 16);
+  }
+
+  &.af-btn--ghost {
+    --button-color-label: var(--axablue90);
+  }
+
+  &.af-btn--ghost-reverse {
+    --button-color-label: var(--white);
+  }
+
+  &.af-btn--ghost,
+  &.af-btn--ghost-reverse {
+    --button-padding-vertical: calc(4rem / 16);
+    --button-padding-horizontal: calc(8rem / 16);
+    --button-color-background: transparent;
+
+    border: unset;
+    gap: calc(8rem / 16);
+    font-weight: 400;
+    text-decoration: underline;
+    box-shadow: unset;
+
+    &:hover {
+      --button-color-background: transparent;
+
+      text-decoration: none;
+    }
+
+    &:disabled {
+      --button-color-background: transparent;
+      --button-color-label: var(--gray40);
+
+      text-decoration: underline;
+    }
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .af-btn {
+    transition-duration: 0.01ms !important;
+  }
+}

package/dist/Card/Card.css

@@ -15,6 +15,7 @@
   border-radius: var(--card-border-radius);
   flex-flow: column nowrap;
   align-items: center;
+  justify-content: center;
   line-height: 1.25rem;
   text-align: center;
   color: var(--card-text-color);
@@ -64,10 +65,10 @@
   min-height: 6rem;
   padding-right: 0;
   flex-direction: row;
+  justify-content: flex-start;
 
   &:not(:has(svg)) {
     min-width: 11.25rem;
-    justify-content: flex-start;
   }
 
   svg {

package/dist/CardData/CardData.css

@@ -0,0 +1,102 @@
+.af-card-data {
+  --card-data-border-radius: 4px;
+
+  border-radius: var(--card-data-border-radius);
+  background-color: var(--white);
+  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 18%);
+
+  .af-card-data-content {
+    padding: 1rem 1.5rem 1.5rem 3.5rem;
+  }
+
+  .af-card-data-content--max-size {
+    margin: 0;
+  }
+}
+
+.af-card-data-header {
+  --icon-size: 2rem;
+  --icon-background-color: var(--axablue80);
+
+  display: flex;
+  padding: 1rem;
+  border-top-left-radius: var(--card-data-border-radius);
+  border-top-right-radius: var(--card-data-border-radius);
+  align-items: center;
+  gap: 0.5rem;
+  background-color: var(--white);
+
+  .af-title {
+    display: flex;
+    margin: 0;
+    flex-direction: column;
+    line-height: 1.2rem;
+    align-items: flex-start;
+
+    &::after {
+      content: none;
+    }
+
+    .af-card-data-header-subtitle {
+      font-size: 1rem;
+      color: var(--gray60);
+      margin-left: 0;
+    }
+
+    .af-card-data-header-description {
+      padding-top: 4px;
+      font-size: 1rem;
+      font-weight: normal;
+      margin-left: 0;
+    }
+  }
+
+  .af-card-data-header-icon {
+    display: flex;
+    width: var(--icon-size);
+    height: var(--icon-size);
+    border-radius: var(--card-data-border-radius);
+    align-items: center;
+    justify-content: center;
+    background-color: var(--icon-background-color);
+
+    svg {
+      width: auto;
+      height: calc(var(--icon-size) / 2);
+      fill: var(--white);
+    }
+  }
+
+  .af-card-data-header-icon--error {
+    --icon-background-color: var(--red30);
+  }
+
+  .af-card-data-header-icon--warning {
+    --icon-background-color: var(--orange40);
+  }
+
+  .af-card-data-header-icon--information {
+    --icon-background-color: var(--cyan40);
+  }
+
+  .af-card-data-header-icon--success {
+    --icon-background-color: var(--green40);
+  }
+
+  .af-card-data-header-icon--dark {
+    --icon-background-color: var(--gray80);
+  }
+
+  .af-card-data-header-icon--gray {
+    --icon-background-color: var(--gray50);
+  }
+
+  .af-card-data-header-icon--purple {
+    --icon-background-color: var(--purpletarif40);
+  }
+
+  .af-card-data-header-rightcontent {
+    margin-left: auto;
+    padding-left: 1rem;
+  }
+}

package/dist/Divider/Divider.css

@@ -1,15 +1,14 @@
 .af-divider {
-  display: block;
   margin: 0;
-  border-color: var(--gray40);
+  border: 0;
 }
 
 .af-divider--vertical {
   height: inherit;
-  border-left: none;
+  border-left: 1px solid var(--gray40);
 }
 
 .af-divider--horizontal {
   width: 100%;
-  border-bottom: none;
+  border-top: 1px solid var(--gray40);
 }

package/dist/Form/Checkbox/Checkbox.css

@@ -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{align-items:center;display:flex;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 .af-form__indicator,.af-form__checkbox-inline .af-form__indicator{background-color:var(--white);border:1px solid var(--input-border-color);display:flex;height:1rem;width:1rem;fill:none}.af-form__checkbox .af-form__indicator .ok-icon,.af-form__checkbox-inline .af-form__indicator .ok-icon{display:none;fill:var(--white)}.af-form__checkbox--disabled .af-form__label,.af-form__checkbox-inline--disabled .af-form__label{cursor:not-allowed;opacity:.4}.af-form__checkbox--error .af-form__label,.af-form__checkbox-inline--error .af-form__label{color:var(--error-color)}.af-form__checkbox--error .af-form__indicator,.af-form__checkbox-inline--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-inline--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 .ok-icon,.af-form__checkbox-inline--error .af-form__input-checkbox:checked+.af-form__label .ok-icon{display:block}.af-form__checkbox--warning .af-form__label,.af-form__checkbox-inline--warning .af-form__label{color:var(--warning-color)}.af-form__checkbox--warning .af-form__indicator,.af-form__checkbox-inline--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);color:var(--white)}.af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon{display:block}.af-form__input-checkbox:focus+.af-form__label{color:var(--brand-primary)}.af-form__input-checkbox:focus+.af-form__label .af-form__indicator{border-color:var(--brand-primary)}.af-form__checkbox{align-items:center;border-bottom:1px solid var(--disabled-color);display:block;position:relative}.af-form__checkbox:last-child{border-bottom:0}.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-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);display:flex;height:1rem;left:1rem;width:1rem}.af-form__checkbox-custom .af-form__indicator .ok-icon{display:none}.af-form__checkbox-custom .af-form__description{padding-left:.5em}.af-form__checkbox-custom .af-form__input-checkbox{opacity:0;position:absolute}.af-form__checkbox-custom .af-form__input-checkbox:checked+.af-form__label{background-color:var(--brand-primary);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(--brand-primary)}.af-form__checkbox-custom .af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon{fill:var(--brand-primary)}.af-form__checkbox-custom .af-form__input-checkbox:focus+.af-form__label{background-color:var(--brand-primary);box-shadow:0 0 5px var(--brand-primary);color:var(--white)}.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{box-shadow:none;outline:2px solid var(--button-primary-default);outline-offset:0}.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{color:var(--disabled-color)}.af-form__checkbox-custom:hover .af-form__label{background-color:var(--brand-primary);border-color:var(--brand-primary);box-shadow:inset 0 -2px 0 0 var(--axablue90);color:var(--white)}.af-form__checkbox-toggle{display:inline-flex;position:relative}.af-form__checkbox-toggle .af-form__label{background-color:var(--input-border-color);border:none;border-radius:50px;height:24px;padding:0;width:48px}.af-form__checkbox-toggle .af-form__indicator{background-color:var(--white);border:0;border-radius:100%;height:20px;margin:0 2px;transition:.4s;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);color:var(--white)}.af-form__checkbox-toggle .af-form__input-checkbox:checked+.af-form__label .af-form__indicator{background:var(--white);color:var(--text-color);transform:translateX(24px)}.af-form__checkbox-toggle .af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon{animation:show-ok-icon .4s linear;display:block;height:100%;left:-22px;position:absolute;width:18px;fill:var(--white)}@media (prefers-reduced-motion:reduce){.af-form__checkbox-toggle .af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon{animation:none}}.af-form__checkbox-toggle .af-form__input-checkbox:focus+.af-form__label{outline:3px solid var(--button-primary-default);outline-offset:-1px}.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 .af-form__indicator .ok-icon{display:none}.af-form__checkbox-toggle:hover .af-form__label{outline:3px solid var(--button-primary-default);outline-offset:-1px}.af-form__checkbox-toggle:hover .af-form__input-checkbox:disabled+.af-form__label{outline:none}.af-form__checkbox-toggle--error .af-form__label{background-color:var(--error-color)}@keyframes show-ok-icon{0%{opacity:0}50%{opacity:0}to{opacity: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{align-items:center;display:flex;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{color:var(--brand-primary)}.af-form__input-checkbox:focus+.af-form__label .af-form__indicator{border-color:var(--brand-primary)}.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-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);margin-left:.5rem}.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(--brand-primary);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(--brand-primary)}.af-form__checkbox-custom .af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon{display:block;fill:var(--brand-primary)}.af-form__checkbox-custom .af-form__input-checkbox:focus+.af-form__label{background-color:var(--brand-primary);box-shadow:0 0 5px var(--brand-primary);color:var(--white)}.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{box-shadow:none;outline:2px solid var(--button-primary-default);outline-offset:0}.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(--brand-primary);border-color:var(--brand-primary);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}