@mcf/lib-ui 2.4.33 → 2.4.35

package/dist/main.css

@@ -1,1275 +1,209 @@
-/* basic button styles */
-._3OKdKl7jHH8-q7AomaA9CE {
-  border-width: 1px;
-  border-style: solid;
-  outline: none;
-}
-._3OKdKl7jHH8-q7AomaA9CE:disabled {
-  opacity: 0.3;
-  cursor: not-allowed;
-}
-._2WJqAI4BYETEuin5wc5eVn {
-  background: var(--primary);
-  background: var(--primary);
-  border-color: var(--primary);
-  border-color: var(--primary);
-  color: var(--white);
-  color: var(--white);
-  font-weight: 600
-}
-._2WJqAI4BYETEuin5wc5eVn:hover {
-    background: var(--dark-primary);
-    background: var(--dark-primary);
-  }
-._2WJqAI4BYETEuin5wc5eVn:active {
-    -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
-            box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
-  }
-._3gAV9ICQV_NRwaeJZccT04 {
-  background: var(--secondary);
-  background: var(--secondary);
-  border-color: var(--secondary);
-  border-color: var(--secondary);
-  color: var(--white);
-  color: var(--white);
-  font-weight: 600
-}
-._3gAV9ICQV_NRwaeJZccT04:hover {
-    background: var(--dark-secondary);
-    background: var(--dark-secondary);
-  }
-._3gAV9ICQV_NRwaeJZccT04:active {
-    -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
-            box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
-  }
-._3G6oG5u33dFeHr5nNAwtj4 {
-  background: var(--danger);
-  background: var(--danger);
-  border-color: var(--danger);
-  border-color: var(--danger);
-  color: var(--white);
-  color: var(--white);
-  font-weight: 600
-}
-._3G6oG5u33dFeHr5nNAwtj4:hover {
-    background: var(--bright-danger);
-    background: var(--bright-danger);
-  }
-._3G6oG5u33dFeHr5nNAwtj4:active {
-    -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
-            box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
-  }
-._33wPuWOVfi5kRhazFdOLXm {
-  background: var(--white);
-  background: var(--white);
-  border-color: var(--primary);
-  border-color: var(--primary);
-  border-width: 1.5px;
-  color: var(--primary);
-  color: var(--primary);
-  font-weight: 600
-}
-._33wPuWOVfi5kRhazFdOLXm:hover {
-    background: var(--lighter-primary);
-    background: var(--lighter-primary);
-  }
-._33wPuWOVfi5kRhazFdOLXm:active {
-    background: var(--light-primary);
-    background: var(--light-primary);
-  }
-
-/* Customize the label */
-._2rwv3sZWQbAVDjq1Niq0yd {
-  display: block;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-/* Create a custom checkbox */
-._3NE08Cw1zoY2WD8gzkb_KU {
-  margin-top: 1px;
-  height: 12px;
-  width: 12px;
-  border: 2px solid #ccc;
-  border-radius: 1px;
-  background-color: white;
-  cursor: pointer;
-}
-/* When the checkbox is on focus, add a blue border */
-._1b5w4pKuru_pFmdLM7ObOY input:focus ~ ._3NE08Cw1zoY2WD8gzkb_KU {
-  border: 2px solid blue;
-}
-/* When the checkbox is checked, add background color */
-._1b5w4pKuru_pFmdLM7ObOY input:checked ~ ._3NE08Cw1zoY2WD8gzkb_KU {
-  background-color: var(--secondary);
-  background-color: var(--secondary);
-  border-color: var(--secondary);
-  border-color: var(--secondary);
-  opacity: 0.7;
-}
-/* Create the checkmark/indicator (hidden when not checked) */
-._3NE08Cw1zoY2WD8gzkb_KU:after {
-  content: "";
-  position: absolute;
-  display: none;
-}
-/* Show the checkmark when checked */
-._1b5w4pKuru_pFmdLM7ObOY input:checked ~ ._3NE08Cw1zoY2WD8gzkb_KU:after {
-  display: block;
-}
-._1b5w4pKuru_pFmdLM7ObOY input:disabled ~ ._3NE08Cw1zoY2WD8gzkb_KU {
-  cursor: not-allowed;
-  background-color: #fff;
-  opacity: 0.4;
-}
-/* Style the checkmark/indicator */
-._3NE08Cw1zoY2WD8gzkb_KU:after {
-  position: relative;
-  left: 3px;
-  width: 3px;
-  height: 7px;
-  border: solid white;
-  border-width: 0 3px 3px 0;
-  -webkit-transform: rotate(45deg);
-  transform: rotate(45deg);
-}
-._2rwv3sZWQbAVDjq1Niq0yd.erQ6ohAlYn9FC_Cf0mW7j {
-  cursor: not-allowed;
-  opacity: 0.4;
-}
-._3Fqi49KS4XWSJlImOpGiS2{
-  opacity: 0.01;
-  position: absolute;
-  cursor: pointer;
-}
-
-._1i5aGp9rWPFzM4X5YLIuDb{
-  width:100%;
-  max-width: 500px;
-  font-size: 18px;
-}
-
-
-._27HW22sla7tMMw9t9SgCDZ {
-  /* react-select-plus customization */
-}
-
-._27HW22sla7tMMw9t9SgCDZ .Select-control {
-    font-size: var(--font-size-4-5);
-    font-size: var(--font-size-4-5);
-    border-radius: 0;
-    min-height: 50px;
-    font-weight: 400;
-    border: var(--borderstyle);
-    border: var(--borderstyle);
-    margin-top: 6px;
-    margin-bottom: var(--input-margin-bottom);
-    margin-bottom: var(--input-margin-bottom)
-  }
-
-._27HW22sla7tMMw9t9SgCDZ .Select-control .Select-placeholder {
-      display: -webkit-box;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-align: center;
-          -ms-flex-align: center;
-              align-items: center;
-    }
-
-._27HW22sla7tMMw9t9SgCDZ .Select-control .Select-input > input {
-        height: 100%;
-        color: var(--black-70);
-        color: var(--black-70);
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-align: center;
-            -ms-flex-align: center;
-                align-items: center;
-      }
-
-._27HW22sla7tMMw9t9SgCDZ .Select-control .Select-input > input::-ms-clear, ._27HW22sla7tMMw9t9SgCDZ .Select-control .Select-input .input::-ms-reveal {
-        display: none;
-        width: 0;
-        height: 0;
-      }
-
-._27HW22sla7tMMw9t9SgCDZ .Select-control .Select-multi-value-wrapper {
-      height:100%;
-    }
-
-._27HW22sla7tMMw9t9SgCDZ .Select-control .Select-value {
-      margin-top: 10px;
-    }
-
-._27HW22sla7tMMw9t9SgCDZ .Select-option {
-    color: var(--black-60);
-    color: var(--black-60);
-  }
-
-._27HW22sla7tMMw9t9SgCDZ .Select-option.is-focused {
-    background: var(--light-primary);
-    background: var(--light-primary);
-    color: var(--black-80);
-    color: var(--black-80);
-  }
-
-._27HW22sla7tMMw9t9SgCDZ .Select-option.is-selected {
-    background: var(--primary);
-    background: var(--primary);
-    color: var(--white);
-    color: var(--white);
-  }
-
-._27HW22sla7tMMw9t9SgCDZ .Select.is-focused.is-open > .Select-control, ._27HW22sla7tMMw9t9SgCDZ .Select.is-focused:not(.is-open) > .Select-control {
-    border: 1px solid var(--light-silver);
-    border: 1px solid var(--light-silver);
-    -webkit-box-shadow: 0 0 20px 5px rgba(255, 255, 255, 0.6);
-            box-shadow: 0 0 20px 5px rgba(255, 255, 255, 0.6)
-  }
-
-._27HW22sla7tMMw9t9SgCDZ .Select-arrow {
-    border-color: var(--black-60) transparent transparent;
-    border-color: var(--black-60) transparent transparent
-  }
-
-._27HW22sla7tMMw9t9SgCDZ.error .Select-control {
-    border-color: var(--red);
-    border-color: var(--red);
-  }
-
-._1bQlEF_kdKGO7PjF_U4VbR {
-  display: inline-block;
-  color: var(--red);
-  color: var(--red);
-  font-size: medium;
-  font-size: initial;
-}
-
-._2u5sxPJsjbB5qQDTFwxR_p {
-    position: fixed !important;
-    top: -100px;
-    -webkit-transform: translateY(100px);
-            transform: translateY(100px);
-    -webkit-transition: height .3s ease-in-out, -webkit-transform 1s ease-in-out;
-    transition: height .3s ease-in-out, -webkit-transform 1s ease-in-out;
-    transition: transform 1s ease-in-out, height .3s ease-in-out;
-    transition: transform 1s ease-in-out, height .3s ease-in-out, -webkit-transform 1s ease-in-out;
-}
-
-._3TcX59D_14XsgJ-DNJ6Vl7 {
-    -webkit-transform: translateY(0);
-            transform: translateY(0);
-    position: relative;
-}
-
-._1SyYNM3JizvuOBiOqiGfiu {
-  font-family: "Open sans", Helvetica, Arial, sans-serif;
-  width: 100%;
-  resize: none;
-  border-color: rgba(0, 0, 0, 0.2);
-  margin-top: var(--spacing-small);
-  margin-top: var(--spacing-small);
-  outline: none
-}
-._1SyYNM3JizvuOBiOqiGfiu::-webkit-input-placeholder {
-    font-family: "Open sans", Helvetica, Arial, sans-serif;
-    color: var(--light-silver);
-    color: var(--light-silver);
-    font-weight:400; 
-  }
-._1SyYNM3JizvuOBiOqiGfiu::-moz-placeholder {
-    font-family: "Open sans", Helvetica, Arial, sans-serif;
-    color: var(--light-silver);
-    color: var(--light-silver);
-    font-weight:400; 
-  }
-._1SyYNM3JizvuOBiOqiGfiu::-ms-input-placeholder {
-    font-family: "Open sans", Helvetica, Arial, sans-serif;
-    color: var(--light-silver);
-    color: var(--light-silver);
-    font-weight:400; 
-  }
-._1SyYNM3JizvuOBiOqiGfiu::placeholder {
-    font-family: "Open sans", Helvetica, Arial, sans-serif;
-    color: var(--light-silver);
-    color: var(--light-silver);
-    font-weight:400; 
-  }
-
-.RvT_BDQG3Lnz66umZEfJu {
-  color: var(--black-80);
-  color: var(--black-80);
-  font-size: var(--font-size-4-5);
+@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800');:root {
+  --gray: gray;
+  --white: white;
+  --lighter-primary: #EFEAF6; /* lightness(90%)) */
+  --light-primary: #E3D7F4;
+  --primary: #5D2CA4;
+  --dark-primary: #552895; /* shade(10%) */
+  --primary-dark: #290074;
+  --generic: #1263CB;
+  --hover-generic: #00449E;
+  --secondary: #D6008F;
+  --dark-secondary: #C10081; /* shade(10%) */
+  --danger: #CE030D;
+  --bright-danger: #EB142A;
+  --dark-danger: #B0030B;
+  --light-danger: #FFDFDF;
+  --green: #118159;
+  --gray-50: #F2F2F2;
+  --gray-200: #CCCCCC;
+  --washed-yellow: #fffceb;
+}:root {
+  --borderstyle: 1px solid var(--black-20);
+  --borderstyle: 1px solid var(--black-20)
+}:root input:global(.error) {
+    /* needs !important here to avoid being overwritten by TypeAhead.scss */
+    border-color: var(--red) !important;
+    border-color: var(--red) !important; 
+  }:root {
+  --font-size-1: 3rem;
+  --font-size-2: 2.25rem;
+  --font-size-3: 1.5rem;
+  --font-size-4: 1.25rem;
+  --font-size-5: 1rem;
+  --font-size-6: .875rem;
+  --font-size-7: .75rem;
+  --font-size-8: .6rem;
+  --font-size-2-5: calc(((2.25rem + 1.5rem) / 2));
+  --font-size-2-5: calc(((var(--font-size-2) + var(--font-size-3)) / 2));
+  --font-size-3-5: calc(((1.25rem + 1.5rem) / 2));
+  --font-size-3-5: calc(((var(--font-size-4) + var(--font-size-3)) / 2));
+  --font-size-4-5: calc(((1.25rem + 1rem) / 2));
+  --font-size-4-5: calc(((var(--font-size-4) + var(--font-size-5)) / 2));
+  --font-size-5-5: calc(((1rem + .875rem) / 2));
+  --font-size-5-5: calc(((var(--font-size-5) + var(--font-size-6)) / 2));
+  --iconsize: 40px;
+  --icongap: 0px;
+  --radio-button-outer-circle: 16px;
+  --radio-button-inner-circle: 8px;
+  --input-margin-bottom: 3px;
+}* {
+  font-family: 'Open Sans', sans-serif;
+}.mcf-text-display-01,
+.mcf-text-display-02,
+.mcf-text-display-03,
+.mcf-text-display-03-light,
+.mcf-text-display-04,
+.mcf-text-display-04-reg {
+  line-height: 1.25;
+  font-weight: 600;
+}.mcf-text-display-03-light {
+  font-weight: 300;
+}.mcf-text-display-04-reg {
+  font-weight: 400;
+}.mcf-text-display-01 {
+  font-size: 2.25rem;
+  font-size: var(--font-size-2);
+}.mcf-text-display-02 {
+  font-size: calc(((2.25rem + 1.5rem) / 2));
+  font-size: var(--font-size-2-5);
+}.mcf-text-display-03,
+.mcf-text-display-03-light {
+  font-size: 1.5rem;
+  font-size: var(--font-size-3);
+}.mcf-text-display-04,
+.mcf-text-display-04-reg {
+  font-size: calc(((1.25rem + 1.5rem) / 2));
+  font-size: var(--font-size-3-5);
+}.mcf-text-heading-01,
+.mcf-text-heading-02,
+.mcf-text-heading-02-bold,
+.mcf-text-heading-02-tight,
+.mcf-text-heading-03,
+.mcf-text-heading-03-bold,
+.mcf-text-heading-04,
+.mcf-text-heading-04-bold,
+.mcf-text-heading-05,
+.mcf-text-heading-05-bold,
+.mcf-text-heading-06-bold {
+  line-height: 1.25;
+  font-weight: 600;
+}.mcf-text-heading-02-bold,
+.mcf-text-heading-03-bold,
+.mcf-text-heading-04-bold,
+.mcf-text-heading-05-bold,
+.mcf-text-heading-06-bold {
+  font-weight: 700;
+}.mcf-text-heading-02-tight {
+  line-height: 1;
+}.mcf-text-heading-04,
+.mcf-text-heading-04-bold,
+.mcf-text-heading-05,
+.mcf-text-heading-05-bold,
+.mcf-text-heading-06-bold {
+  line-height: 1.5;
+}.mcf-text-heading-01 {
+  font-size: 1.5rem;
+  font-size: var(--font-size-3);
+}.mcf-text-heading-02,
+.mcf-text-heading-02-bold,
+.mcf-text-heading-02-tight {
+  font-size: 1.25rem;
+  font-size: var(--font-size-4);
+}.mcf-text-heading-03,
+.mcf-text-heading-03-bold {
+  font-size: calc(((1.25rem + 1rem) / 2));
   font-size: var(--font-size-4-5);
-  width: 100%;
-  outline: none;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  cursor: text;
-  height: 50px;
-  border: var(--borderstyle);
-  border: var(--borderstyle);
-  margin-top: 6px;
-  margin-bottom: var(--input-margin-bottom);
-  margin-bottom: var(--input-margin-bottom);
-  padding: .5rem;
-  display: block
-}
-
-.RvT_BDQG3Lnz66umZEfJu::-webkit-input-placeholder {
-    color: var(--black-60);
-    color: var(--black-60);
-    font-weight: 400;
-    font-size: var(--font-size-4-5);
-    font-size: var(--font-size-4-5);
-  }
-
-.RvT_BDQG3Lnz66umZEfJu::-moz-placeholder {
-    color: var(--black-60);
-    color: var(--black-60);
-    font-weight: 400;
-    font-size: var(--font-size-4-5);
-    font-size: var(--font-size-4-5);
-  }
-
-.RvT_BDQG3Lnz66umZEfJu::-ms-input-placeholder {
-    color: var(--black-60);
-    color: var(--black-60);
-    font-weight: 400;
-    font-size: var(--font-size-4-5);
-    font-size: var(--font-size-4-5);
-  }
-
-.RvT_BDQG3Lnz66umZEfJu::placeholder {
-    color: var(--black-60);
-    color: var(--black-60);
-    font-weight: 400;
-    font-size: var(--font-size-4-5);
-    font-size: var(--font-size-4-5);
-  }
-
-._3DCJaN2CQSAjgqlF7l7tYF {
-  display: block;
-  font-size: var(--font-size-5-5);
-  font-size: var(--font-size-5-5);
+}.mcf-text-heading-04,
+.mcf-text-heading-04-bold {
+  font-size: 1rem;
+  font-size: var(--font-size-5);
+}.mcf-text-heading-05,
+.mcf-text-heading-05-bold {
+  font-size: .875rem;
+  font-size: var(--font-size-6);
+}.mcf-text-heading-06-bold {
+  font-size: .75rem;
+  font-size: var(--font-size-7);
+}.mcf-text-body-01,
+.mcf-text-body-01-italic,
+.mcf-text-body-01-underline,
+.mcf-text-body-02,
+.mcf-text-body-02-italic,
+.mcf-text-body-02-underline,
+.mcf-text-body-03,
+.mcf-text-body-03-italic,
+.mcf-text-body-03-underline,
+.mcf-text-body-03-tight,
+.mcf-text-body-04,
+.mcf-text-body-04-italic {
   font-weight: 400;
-  color: var(--red);
-  color: var(--red);
-}
-
-/* The switch - the box around the slider */
-._32uGIZDRSYhw5aAhFeOExE {
-  position: relative;
-  display: inline-block;
-  width: 60px;
-  height: 34px;
-}
-/* Hide default HTML checkbox */
-._32uGIZDRSYhw5aAhFeOExE input {display:none;}
-/* The slider */
-._3da38-c0AC0veXkJ8cboip {
-  border-radius: 34px;
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: #ccc;
-  -webkit-transition: .4s;
-  transition: .4s;
-}
-._3da38-c0AC0veXkJ8cboip:before {
-  border-radius: 50%;
-  position: absolute;
-  content: "";
-  height: 26px;
-  width: 26px;
-  left: 4px;
-  bottom: 4px;
-  background-color: white;
-  -webkit-transition: .4s;
-  transition: .4s;
-}
-input:checked + ._3da38-c0AC0veXkJ8cboip {
-  background-color: #2196F3;
-}
-input:focus + ._3da38-c0AC0veXkJ8cboip {
-  -webkit-box-shadow: 0 0 1px #2196F3;
-          box-shadow: 0 0 1px #2196F3;
-}
-input:checked + ._3da38-c0AC0veXkJ8cboip:before {
-  -webkit-transform: translateX(26px);
-  transform: translateX(26px);
-}
-
-
-
-  .tiP0_LevYAc6bss4jep4K .react-autosuggest__input {
-    width: 100%;
-    height: 50px;
-    padding: 10px;
-    line-height: 50px;
-    border: none;
-    border: var(--borderstyle);
-    border: var(--borderstyle);
-    font-size: var(--font-size-4-5);
-    font-size: var(--font-size-4-5);
-    color: var(--black-80);
-    color: var(--black-80);
-    outline: 0;
-    -webkit-appearance: none;
-    margin-bottom: var(--input-margin-bottom);
-    margin-bottom: var(--input-margin-bottom)
-  }
-
-.tiP0_LevYAc6bss4jep4K .react-autosuggest__input::-webkit-input-placeholder {
-      color: var(--black-60);
-      color: var(--black-60);
-      font-family: "Open sans", Helvetica, Arial, sans-serif;
-      font-weight: 400;
-      font-size: var(--font-size-4-5);
-      font-size: var(--font-size-4-5);
-    }
-
-.tiP0_LevYAc6bss4jep4K .react-autosuggest__input::-moz-placeholder {
-      color: var(--black-60);
-      color: var(--black-60);
-      font-family: "Open sans", Helvetica, Arial, sans-serif;
-      font-weight: 400;
-      font-size: var(--font-size-4-5);
-      font-size: var(--font-size-4-5);
-    }
-
-.tiP0_LevYAc6bss4jep4K .react-autosuggest__input::-ms-input-placeholder {
-      color: var(--black-60);
-      color: var(--black-60);
-      font-family: "Open sans", Helvetica, Arial, sans-serif;
-      font-weight: 400;
-      font-size: var(--font-size-4-5);
-      font-size: var(--font-size-4-5);
-    }
-
-.tiP0_LevYAc6bss4jep4K .react-autosuggest__input::placeholder {
-      color: var(--black-60);
-      color: var(--black-60);
-      font-family: "Open sans", Helvetica, Arial, sans-serif;
-      font-weight: 400;
-      font-size: var(--font-size-4-5);
-      font-size: var(--font-size-4-5);
-    }
-
-.tiP0_LevYAc6bss4jep4K .react-autosuggest__input--open {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
-.tiP0_LevYAc6bss4jep4K .react-autosuggest__container {
-    position: relative;
-  }
-
-.tiP0_LevYAc6bss4jep4K .react-autosuggest__suggestions-container {
-    z-index: 2; /* to be above element using position relative */
-    max-height: 180px;
-    overflow-y: auto;
-  }
-
-.tiP0_LevYAc6bss4jep4K .react-autosuggest__suggestions-container--open {
-    display: block;
-    position: absolute;
-    top: 100%;
-    left: 1px;
-    right: 1px;
-    background: var(--white);
-    background: var(--white);
-    width: auto;
-    list-style-type: none;
-    -webkit-box-shadow: 0 0 1px 1px var(--moon-gray);
-            box-shadow: 0 0 1px 1px var(--moon-gray);
-    box-shadow: 0 0 1px 1px var(--moon-gray);
-  }
-
-.tiP0_LevYAc6bss4jep4K .react-autosuggest__suggestions-list {
-    padding: 0;
-    margin: 0
-  }
-
-.tiP0_LevYAc6bss4jep4K .react-autosuggest__suggestions-list li {
-      color: var(--black-70);
-      color: var(--black-70);
-      display: block;
-      padding: 12px 10px;
-      text-indent: inherit;
-      margin: 0;
-      cursor: pointer;
-    }
-
-.tiP0_LevYAc6bss4jep4K .react-autosuggest__suggestion--highlighted {
-    background-color: var(--light-primary);
-    background-color: var(--light-primary);
-    color: var(--black);
-    color: var(--black)
-  }
-
-.tiP0_LevYAc6bss4jep4K .react-autosuggest__suggestion--selected {
-    background-color: var(--light-primary);
-    background-color: var(--light-primary);
-    color: var(--black);
-    color: var(--black)
-  }
-
-.tiP0_LevYAc6bss4jep4K {
-
-  /* fix IE11 bug showing height = -0.01px issue */
-}
-
-.tiP0_LevYAc6bss4jep4K #react-autowhatever-1:empty {
-      height: 0;
-    }
-
-._1FhuT1K3AehWZKGWlXX9Jq {
-  display: block;
-  font-size: var(--font-size-5-5);
-  font-size: var(--font-size-5-5);
+  line-height: 1.5;
+  letter-spacing: 0px;
+}.mcf-text-body-03-tight {
+  line-height: 1.25;
+}.mcf-text-body-01-italic,
+.mcf-text-body-02-italic,
+.mcf-text-body-03-italic,
+.mcf-text-body-04-italic {
+  font-style: italic;
+}.mcf-text-body-01-underline,
+.mcf-text-body-02-underline,
+.mcf-text-body-03-underline,
+.mcf-text-body-04-underline {
+  -webkit-text-decoration-line: underline;
+          text-decoration-line: underline;
+}.mcf-text-body-01,
+.mcf-text-body-01-italic,
+.mcf-text-body-01-underline {
+  font-size: calc(((1.25rem + 1rem) / 2));
+  font-size: var(--font-size-4-5);
+}.mcf-text-body-02,
+.mcf-text-body-02-italic,
+.mcf-text-body-02-underline {
+  font-size: 1rem;
+  font-size: var(--font-size-5);
+}.mcf-text-body-03,
+.mcf-text-body-03-italic,
+.mcf-text-body-03-underline,
+.mcf-text-body-03-tight{
+  font-size: .875rem;
+  font-size: var(--font-size-6);
+}.mcf-text-body-04,
+.mcf-text-body-04-italic {
+  font-size: .75rem;
+  font-size: var(--font-size-7);
+}.mcf-text-field-01 {
+  font-size: calc(((1.25rem + 1rem) / 2));
+  font-size: var(--font-size-4-5);
   font-weight: 400;
-  color: var(--red);
-  color: var(--red);
-}
-
-
-._3rUIhcbn_T0frv2sifh_ct {
-  position: relative;
-  display: inline-block;
-}
-
-._1tvvjpJ8eDZDa99QiKQNhM {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  grid-gap: 8px;
-  gap: 8px;
-  border-radius: 4px;
-  font-size: 16px;
-  height: 52px;
-  padding: 16px 32px;
-  border: none;
-  cursor: pointer;
-  min-width: 165px;
-}
-
-._1tekloy53PQcy3-85Oarm4 {
-  position: absolute;
-  background: var(--danger);
-  background: var(--danger);
-  top: 5px;
-  right: 5px;
-  padding: 4px 6px;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-}
-
-.WqZCAKXE-YIbHJR2RElGn {
-  font-size: 14px;
-  height: 38px;
-  padding: 10px 16px;
-  min-width: 119px;
-}
-
-._3EwpxcL2z2X58i98PLOl68 {
-  font-size: 14px;
-  padding: 12px 16px;
-  min-width: 112px;
+  line-height: 1.25;
+}.mcf-text-button-01,
+.mcf-text-button-02,
+.mcf-text-button-02-bold {
+  line-height: 1.25;
+  font-weight: 600;
+}.mcf-text-button-02-bold {
+  font-weight: 700;
+}.mcf-text-button-01 {
+  font-size: 1rem;
+  font-size: var(--font-size-5);
+}.mcf-text-button-02,
+.mcf-text-button-02-bold {
+  font-size: .875rem;
+  font-size: var(--font-size-6);
+}.mcf-text-pill-01,
+.mcf-text-pill-02 {
+  line-height: 1;
+  font-weight: 600;
+  letter-spacing: 0.5px;
+  text-transform: uppercase;
+}.mcf-text-pill-01 {
+  font-size: .75rem;
+  font-size: var(--font-size-7);
+}.mcf-text-pill-02 {
+  font-size: .6rem;
+  font-size: var(--font-size-8);
 }
 
-._1sF26XJITJLH1X00LMkQvS {
-  font-size: 16px;
-  padding: 14px 16px;
-  min-width: 123px;
-}
-
-._1tvvjpJ8eDZDa99QiKQNhM:disabled, .-V7gnkZp7Rv5Zg0RcYWSf:disabled ._2VOIuqLz5xwNDhi3wBU5kt:disabled {
-  opacity: 0.3;
-  cursor: not-allowed;
-}
-
-._1YWN0FCOC9lbfEWN5UDvs4 {
-  border-radius: 19px;
-}
-
-._3uOUr47VUTw3DMmB2TW7Nt {
-  background: var(--primary);
-  background: var(--primary);
-  border-color: var(--primary);
-  border-color: var(--primary);
-  color: var(--white);
-  color: var(--white);
-  font-weight: 600
-}
-
-._3uOUr47VUTw3DMmB2TW7Nt:hover {
-    background: var(--primary-dark);
-    background: var(--primary-dark);
-  }
-
-._3uOUr47VUTw3DMmB2TW7Nt:active {
-    -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
-            box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
-  }
-
-._29XavJ3rqh33-UbcuWsDor {
-  background: var(--generic);
-  background: var(--generic);
-  border-color: var(--generic);
-  border-color: var(--generic);
-  color: var(--white);
-  color: var(--white);
-  font-weight: 600
-}
-
-._29XavJ3rqh33-UbcuWsDor:hover {
-    background: var(--hover-generic);
-    background: var(--hover-generic);
-  }
-
-._29XavJ3rqh33-UbcuWsDor:active {
-    -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
-            box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
-  }
-
-._3z_-njDN1Q44LHpug5VtX1 {
-  background: var(--danger);
-  background: var(--danger);
-  border-color: var(--danger);
-  border-color: var(--danger);
-  color: var(--white);
-  color: var(--white);
-  font-weight: 600
-}
-
-._3z_-njDN1Q44LHpug5VtX1:hover {
-    background: var(--dark-danger);
-    background: var(--dark-danger);
-  }
-
-._3z_-njDN1Q44LHpug5VtX1:active {
-    -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
-            box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
-  }
-
-._3AoQz9H0hZ-rJUIpx29BXf {
-  border: 1px solid;
-  background: var(--white);
-  background: var(--white);
-  border-color: var(--primary);
-  border-color: var(--primary);
-  color: var(--primary);
-  color: var(--primary);
-  font-weight: 600
-}
-
-._3AoQz9H0hZ-rJUIpx29BXf:hover {
-    background: var(--light-primary);
-    background: var(--light-primary);
-  }
-
-._3AoQz9H0hZ-rJUIpx29BXf:active {
-    -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1) inset;
-            box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1) inset;
-  }
-
-._20z6MAYck6zyvEnP-4dZ7V {
-  border: 1px solid;
-  border-color: var(--danger);
-  border-color: var(--danger);
-  background: var(--white);
-  background: var(--white);
-  color: var(--danger);
-  color: var(--danger)
-}
-
-._20z6MAYck6zyvEnP-4dZ7V:hover {
-    background: var(--light-danger);
-    background: var(--light-danger);
-  }
-
-._20z6MAYck6zyvEnP-4dZ7V:active {
-    -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1) inset;
-            box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1) inset;
-  }
-
-.-V7gnkZp7Rv5Zg0RcYWSf {
-  border: none;
-  background: none;
-  color: var(--generic);
-  color: var(--generic)
-}
-
-.-V7gnkZp7Rv5Zg0RcYWSf:hover {
-    color: var(--hover-generic);
-    color: var(--hover-generic);
-  }
-
-._2VOIuqLz5xwNDhi3wBU5kt {
-  padding: 0;
-  margin: 0;
-  height: 0;
-  background: none;
-  border: none;
-  color: var(--generic);
-  color: var(--generic)
-}
 
-._2VOIuqLz5xwNDhi3wBU5kt:hover {
-    color: var(--hover-generic);
-    color: var(--hover-generic);
-  }
-
-._3inLNsY075noRAFW5ehtuh {
-  background: var(--white);
-  background: var(--white);
-  border: 1px solid var(--black-20);
-  border: 1px solid var(--black-20);
-  color: var(--black-80);
-  color: var(--black-80)
-}
-
-._3inLNsY075noRAFW5ehtuh:hover {
-    background: var(--black-05);
-    background: var(--black-05);
-  }
-
-._3inLNsY075noRAFW5ehtuh:active {
-    background: var(--light-primary);
-    background: var(--light-primary);
-    border: 1px solid var(--primary);
-    border: 1px solid var(--primary)
-  }
-
-._3Ea2fJhNzdasHc0qfu_rdm {
-  background: var(--light-primary);
-  background: var(--light-primary);
-  border: 1px solid var(--primary);
-  border: 1px solid var(--primary)
-}
-
-._2z9TJcsOW4oQrmrRXOOWnA {
-        button:first-child {
-            border-radius: 4px 0px 0px 4px;
-        }
-        button:last-child {
-            border-radius: 0px 4px 4px 0px;
-        }
-}
-._1-cDNsP0wUX9X2n45JB7R3 {
-        div:first-child {
-            button {
-                border-radius: 4px 0px 0px 4px;
-            }
-        }
-        div:last-child {
-            button {
-                border-radius: 0px 4px 4px 0px;
-            }
-        }
-    div {
-        button {
-            cursor: pointer;
-        }
-    }
-}
-.bDmgC0U0CCP1igYFHbAGY {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-}
-
-._2A3fdWKtaQnnL8elvBJBCX {
-    padding-bottom: 12px;
-}
-
-._3zHknBRV6n1lZFzthOk2F- {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-}
-
-._1YPJ6fhrY2wd7lDJHMdlSw {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: baseline;
-        -ms-flex-align: baseline;
-            align-items: baseline;
-}
-
-._1ZXPlym1AT3kGfsv4gmtdl {
-    padding-left: 24px;
-}
-
-input[type=checkbox][readonly] {
-    display: none;
-}
-
-input[type=checkbox] {
-    width: 16px;
-    height: 16px;
-    accent-color: var(--generic);
-    accent-color: var(--generic);
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
-}
-
-input[type=checkbox]:indeterminate::before {
-    content: "";
-    display: block;
-    color: white;
-    width: 16px;
-    height: 16px;
-    background-color: var(--generic);
-    background-color: var(--generic);
-    border-radius: 2px;
-}
-
-input[type=checkbox]:indeterminate::after {
-    content: "";
-    display: block;
-    width: 10px;
-    height: 10px;
-    border: solid var(--white);
-    border: solid var(--white);
-    border-width: 3px 0 0 0;
-    position: relative;
-    bottom: 9px;
-    left: 3px;
-}
-
-.nOhe69VPjAIKuMKmW9YIi {
-    margin-left: 8px;
-    color: rgba(0, 0, 0, 0.80);
-    color: var(--black-black-40, rgba(0, 0, 0, 0.80));
-    display: -webkit-inline-box;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    word-wrap: break-word;
-}
-
-._1qVK2oLa8N8mwbqjXG-Gkb {
-    padding-left: 24px;
-    margin-left: 0px;
-}
-
-.wws0bMzNGEDnkn0zYu8W1 {
-    padding-left: 24px;
-    padding-top: 4px;
-    color: rgba(0, 0, 0, 0.80);
-    color: var(--black-black-40, rgba(0, 0, 0, 0.80));
-    word-wrap: break-word;
-}
-
-._3ymOYE_FKCoaHw_hlLk09E {
-    color: rgba(0, 0, 0, 0.40);
-    color: var(--black-black-40, rgba(0, 0, 0, 0.40));
-}
-
-._1RA7QeZxLKvxUFWTt26jmr {
-    padding-left: 24px;
-    padding-top: 4px;
-    color: rgba(0, 0, 0, 0.80);
-    color: var(--black-black-80, rgba(0, 0, 0, 0.80));
-}
-
-._3IwZug-pS7vJFb7h6EUJou {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    color: var(--danger);
-    color: var(--danger);
-    padding-top: 4px;
-}
-
-.YBxO1gXlhaur3xQASRSSa {
-    margin-right: 8px;
-    color: var(--danger);
-    color: var(--danger);
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
-}
-
-._1p-BBycqkq_9hFjDDYPBDm {
-    cursor: pointer;
-}
-._3fTC772QlgBLo_MKX_o9H2 {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    padding-bottom: 4px
-}
-
-._7GqGFkGpdCbTDkshJZQVB {
-    display:list-item;
-    list-style-type: none;
-}
-
-._3o__BOJEufC3FvXzzaPc6P {
-    padding-right: 24px;
-}
-
-.xJSAx3FV6pG9dALqoZ0Pn {
-    padding-bottom: 4px;
-}
-
-.QmSESxFXquiBVokWmMwPp {
-    padding-bottom: 4px
-}
-
-._2Bl2gdvgrIEakbGwktXzzP {
-    color: rgba(0, 0, 0, 0.60);
-    color: var(--black-black-60, rgba(0, 0, 0, 0.60));
-    margin-bottom: 4px
-}
-
-._1DggCP75YWyoHYckeZaHXV {
-    margin-bottom: 8px;
-}
-
-._2dF1eLaLH1mAzpRI8hQUkh {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    color: var(--danger);
-    color: var(--danger);
-    padding-top: 4px;
-}
-
-._1s-sNyLToB3E3nviPz6XNO {
-    margin-right: 8px;
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
-}
-
-._2kq0XfpXHD-uaqebrTDFIF {
-    padding-left: 24px;
-}
-._3L3EnDicSCV6D1BpqJjMBK {
-  padding: 16px;
-  top: 0;
-}
-
-.RhPAA8SZ1zg2K4DM_Z3fi {
-  margin-left: auto;
-  padding-left: 12px;
-  cursor: pointer;
-}
-
-._1IUV2SVtVlivn7A690WVEl {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: var(--black-40);
-  background-color: var(--black-40);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-
-.ioJ3_Ci4N4yj1bSrZTCtF {
-  background-color: var(--white);
-  background-color: var(--white);
-  border-bottom: 1px solid var(--black-10);
-  border-bottom: 1px solid var(--black-10);
-  padding: 1.5rem;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  grid-gap: 1.5rem;
-  gap: 1.5rem;
-  max-width: 640px;
-}
-
-._1a9og6EqKVm6WSyZl2Hn6L {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  color: var(--black-80);
-  color: var(--black-80);
-  grid-gap: 1.5rem;
-  gap: 1.5rem;
-}
-
-._9BkB5nUMnNb3w6oj1noJH {
-  stroke: var(--black-60);
-  stroke: var(--black-60);
-  cursor: pointer;
-}
-
-._2JQ0REvlq0BR_6x6-RLP-3, .TJO1SajAZRfwUAQxQZzVJ {
-  margin-top: 1.5rem
-}
-
-._2JQ0REvlq0BR_6x6-RLP-3 > *, .TJO1SajAZRfwUAQxQZzVJ > * {
-    -webkit-box-flex: 1;
-        -ms-flex: 1;
-            flex: 1;
-  }
-
-.TJO1SajAZRfwUAQxQZzVJ {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  grid-gap: 1rem;
-  gap: 1rem;
-}
-
-._2tyW0jFUzXBqki_4H92ebb {
-  color: var(--black-60);
-  color: var(--black-60);
-  padding: 1rem 2rem;
-  cursor: pointer;
-}
-
-._3LQNgcWlqvjN4RrLUy-7t1 {
-  color: var(--primary);
-  color: var(--primary);
-  border-bottom: 1px solid var(--primary);
-  border-bottom: 1px solid var(--primary);
-  cursor: default;
-}
-
-._2QjM7hPX5Y7a5L9GAE-7F2 {
-  position: -webkit-sticky;
-  position: sticky;
-  top: 0;
-  background: var(--white);
-  background: var(--white);
-}
-
-._3qnJfgZC_2gTTqt2FHd-9C {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    -webkit-box-align: start;
-        -ms-flex-align: start;
-            align-items: flex-start;
-    grid-gap: 0.25rem;
-    gap: 0.25rem;
-}
-
-._3yf9UBL_lZHuNSCVmLsjnk {    
-    position: relative;
-    width: 100%;
-}
-
-._2OcH70BslNDT8MzpwB-Zcd {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    color: var(--danger);
-    color: var(--danger);
-}
-
-._17hvc29iMio7gsFX-kS0XB {
-    margin-right: .5rem;
-    color: var(--danger);
-    color: var(--danger);
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
-}
-
-._2XW5uLA9MvkzgMchx95HZP {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    border: var(--borderstyle);
-    border: var(--borderstyle);
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    border-radius: 4px;
-    height: 52px;
-    width: 100%;
-    outline: none;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    cursor: text;
-    padding: .5rem;
-    padding: 14px 16px;
-    -ms-flex-item-align: stretch;
-        align-self: stretch   
-}
-
-._2XW5uLA9MvkzgMchx95HZP::-webkit-input-placeholder {
-        color: var(--black-60);
-        color: var(--black-60);
-    }
-
-._2XW5uLA9MvkzgMchx95HZP::-moz-placeholder {
-        color: var(--black-60);
-        color: var(--black-60);
-    }
-
-._2XW5uLA9MvkzgMchx95HZP::-ms-input-placeholder {
-        color: var(--black-60);
-        color: var(--black-60);
-    }
-
-._2XW5uLA9MvkzgMchx95HZP::placeholder {
-        color: var(--black-60);
-        color: var(--black-60);
-    }
-
-._2XW5uLA9MvkzgMchx95HZP:focus {
-        border-color: #1263CB;
-        -webkit-box-shadow: 0px 0px 2px 0px rgba(18, 99, 203, 0.20);
-                box-shadow: 0px 0px 2px 0px rgba(18, 99, 203, 0.20);
-    }
-
-._3leBQPy96g3Id0K52pQZnq,
-._3leBQPy96g3Id0K52pQZnq:focus {
-    border-color: var(--danger);
-    border-color: var(--danger);
-}
-
-._29ubSpiLP2S8_uI5Jvnjk5 {
-    background: var(--gray-50);
-    background: var(--gray-50);
-}
-
-._2TMf9Ix4iyP3AsqGd8KIMi {
-    position: absolute;
-    right: 0px;
-    top: 25%;
-    background: none;
-    border: none;
-    cursor: pointer;
-}
-  
-._3quRz8YfuozK5PL3np689M {
-  min-width: 100%;
-}
-
-._3U4AS1u3HPWd2zApsmb__n {
-  height: auto;
-  color: var(--blue);
-  color: var(--blue);
-  grid-gap: 4px;
-  gap: 4px;
-  padding: 0;
-  margin-left: auto
-}
-
-._3U4AS1u3HPWd2zApsmb__n span {
-    font-weight: 400;
-  }
-
-._1e-Rmk7mHCz3kG0xbKBPao {
-  width: 204px;
-}
-
-._2GoqqmX5QAsc8AnHXjkegY {
-  border: none;
-  border-left: solid var(--black-10) 2px;
-  border-left: solid var(--black-10) 2px;
-  padding: 12px 16px;
-  min-height: 45px;
-  background: var(--white);
-  background: var(--white);
-  text-align: left;
-  cursor: pointer
-}
-
-._2GoqqmX5QAsc8AnHXjkegY:before {
-    margin-left: 24px;
-  }
-
-._2GoqqmX5QAsc8AnHXjkegY:hover {
-    background: rgba(0, 0, 0, 0.05);
-    background: var(--black-black-05, rgba(0, 0, 0, 0.05));
- 
-  }
-
-._1a_Cjq5KyzNNHV8pPy3yzR {
-  font-style: bold;
-  color: var(--primary);
-  color: var(--primary);
-  border-left: solid var(--primary) 2px;
-  border-left: solid var(--primary) 2px;
-}
-
-._117N4Oik57T19beaJSp7lW {
-  background-color: var(--black-05);
-  background-color: var(--black-05);
-}
-._1q0u7uJG5BgRDSJUXBBmsj {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-}
-
-._3_Q8fHT1WHC6EojAADtfh- {
-  color: var(--danger);
-  color: var(--danger);
-  margin: 0;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}