@bgord/design 0.27.3 → 0.27.8

package/dist/main.css

@@ -2155,11 +2155,29 @@
 *[data-transform='capitalize'] {
   text-transform: capitalize;
 }
+*[data-transform='truncate'] {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 *[data-transform='none'] {
   text-transform: none;
 }
 /* ===================== */
 
+/* Overflows */
+
+*[data-overflow='auto'] {
+  overflow: auto;
+}
+*[data-overflow='scroll'] {
+  overflow: scroll;
+}
+*[data-overflow='hidden'] {
+  overflow: hidden;
+}
+/* ===================== */
+
 /* Button component */
 
 /* Attributes that are non-modifiable */
@@ -2416,3 +2434,60 @@
 }
 
 /* ===================== */
+/* Checkbox component */
+
+@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
+  .c-checkbox {
+    position: relative;
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+    outline: none;
+
+    min-height: 24px;
+    min-width: 24px;
+    background: white;
+    border: 1px solid #d1d5db;
+  }
+
+  .c-checkbox:hover,
+  .c-checkbox:checked {
+    border-color: #9ca3af;
+    cursor: pointer;
+
+    -webkit-transition: border-color 400ms;
+
+    transition: border-color 400ms;
+  }
+
+  .c-checkbox:checked:hover {
+    border-color: #d1d5db;
+    cursor: pointer;
+
+    -webkit-transition: border-color 400ms;
+
+    transition: border-color 400ms;
+  }
+
+  .c-checkbox:checked::after,
+  .c-checkbox:hover::after {
+    position: absolute;
+    content: '';
+
+    top: 5px;
+    left: 6px;
+    height: 6px;
+    width: 10px;
+    border: 2px solid #374151;
+    border-top: 0;
+    border-right: 0;
+    -webkit-transform: rotate(-45deg);
+            transform: rotate(-45deg);
+  }
+
+  .c-checkbox:hover::after {
+    border-color: #9ca3af;
+  }
+}
+
+/* ===================== */

package/dist/main.min.css

@@ -1 +1 @@
-[data-m='0']{margin:0}[data-m='3']{margin:3px}[data-m='6']{margin:6px}[data-m='12']{margin:12px}[data-m='24']{margin:24px}[data-m='36']{margin:36px}[data-m='48']{margin:48px}[data-m='72']{margin:72px}[data-m=auto]{margin:auto}[data-m=unset]{margin:unset}[data-mx='0']{margin-left:0;margin-right:0}[data-mx='3']{margin-left:3px;margin-right:3px}[data-mx='6']{margin-left:6px;margin-right:6px}[data-mx='12']{margin-left:12px;margin-right:12px}[data-mx='24']{margin-left:24px;margin-right:24px}[data-mx='36']{margin-left:36px;margin-right:36px}[data-mx='48']{margin-left:48px;margin-right:48px}[data-mx='72']{margin-left:72px;margin-right:72px}[data-mx=auto]{margin-left:auto;margin-right:auto}[data-mx=unset]{margin-left:unset;margin-right:unset}[data-my='0']{margin-top:0;margin-bottom:0}[data-my='3']{margin-top:3px;margin-bottom:3px}[data-my='6']{margin-top:6px;margin-bottom:6px}[data-my='12']{margin-top:12px;margin-bottom:12px}[data-my='24']{margin-top:24px;margin-bottom:24px}[data-my='36']{margin-top:36px;margin-bottom:36px}[data-my='48']{margin-top:48px;margin-bottom:48px}[data-my='72']{margin-top:72px;margin-bottom:72px}[data-my=auto]{margin-top:auto;margin-bottom:auto}[data-my=unset]{margin-top:unset;margin-bottom:unset}[data-mt='0']{margin-top:0}[data-mt='3']{margin-top:3px}[data-mt='6']{margin-top:6px}[data-mt='12']{margin-top:12px}[data-mt='24']{margin-top:24px}[data-mt='36']{margin-top:36px}[data-mt='48']{margin-top:48px}[data-mt='72']{margin-top:72px}[data-mt=auto]{margin-top:auto}[data-mt=unset]{margin-top:unset}[data-mr='0']{margin-right:0}[data-mr='3']{margin-right:3px}[data-mr='6']{margin-right:6px}[data-mr='12']{margin-right:12px}[data-mr='24']{margin-right:24px}[data-mr='36']{margin-right:36px}[data-mr='48']{margin-right:48px}[data-mr='72']{margin-right:72px}[data-mr=auto]{margin-right:auto}[data-mr=unset]{margin-right:unset}[data-mb='0']{margin-bottom:0}[data-mb='3']{margin-bottom:3px}[data-mb='6']{margin-bottom:6px}[data-mb='12']{margin-bottom:12px}[data-mb='24']{margin-bottom:24px}[data-mb='36']{margin-bottom:36px}[data-mb='48']{margin-bottom:48px}[data-mb='72']{margin-bottom:72px}[data-mb=auto]{margin-bottom:auto}[data-mb=unset]{margin-bottom:unset}[data-ml='0']{margin-left:0}[data-ml='3']{margin-left:3px}[data-ml='6']{margin-left:6px}[data-ml='12']{margin-left:12px}[data-ml='24']{margin-left:24px}[data-ml='36']{margin-left:36px}[data-ml='48']{margin-left:48px}[data-ml='72']{margin-left:72px}[data-ml=auto]{margin-left:auto}[data-ml=unset]{margin-left:unset}@media (max-width:768px){[data-md-m='0']{margin:0}[data-md-m='3']{margin:3px}[data-md-m='6']{margin:6px}[data-md-m='12']{margin:12px}[data-md-m='24']{margin:24px}[data-md-m='36']{margin:36px}[data-md-m='48']{margin:48px}[data-md-m='72']{margin:72px}[data-md-m=auto]{margin:auto}[data-md-m=unset]{margin:unset}[data-md-mx='0']{margin-left:0;margin-right:0}[data-md-mx='3']{margin-left:3px;margin-right:3px}[data-md-mx='6']{margin-left:6px;margin-right:6px}[data-md-mx='12']{margin-left:12px;margin-right:12px}[data-md-mx='24']{margin-left:24px;margin-right:24px}[data-md-mx='36']{margin-left:36px;margin-right:36px}[data-md-mx='48']{margin-left:48px;margin-right:48px}[data-md-mx='72']{margin-left:72px;margin-right:72px}[data-md-mx=auto]{margin-left:auto;margin-right:auto}[data-md-mx=unset]{margin-left:unset;margin-right:unset}[data-md-my='0']{margin-top:0;margin-bottom:0}[data-md-my='3']{margin-top:3px;margin-bottom:3px}[data-md-my='6']{margin-top:6px;margin-bottom:6px}[data-md-my='12']{margin-top:12px;margin-bottom:12px}[data-md-my='24']{margin-top:24px;margin-bottom:24px}[data-md-my='36']{margin-top:36px;margin-bottom:36px}[data-md-my='48']{margin-top:48px;margin-bottom:48px}[data-md-my='72']{margin-top:72px;margin-bottom:72px}[data-md-my=auto]{margin-top:auto;margin-bottom:auto}[data-md-my=unset]{margin-top:unset;margin-bottom:unset}[data-md-mt='0']{margin-top:0}[data-md-mt='3']{margin-top:3px}[data-md-mt='6']{margin-top:6px}[data-md-mt='12']{margin-top:12px}[data-md-mt='24']{margin-top:24px}[data-md-mt='36']{margin-top:36px}[data-md-mt='48']{margin-top:48px}[data-md-mt='72']{margin-top:72px}[data-md-mt=auto]{margin-top:auto}[data-md-mt=unset]{margin-top:unset}[data-md-mr='0']{margin-right:0}[data-md-mr='3']{margin-right:3px}[data-md-mr='6']{margin-right:6px}[data-md-mr='12']{margin-right:12px}[data-md-mr='24']{margin-right:24px}[data-md-mr='36']{margin-right:36px}[data-md-mr='48']{margin-right:48px}[data-md-mr='72']{margin-right:72px}[data-md-mr=auto]{margin-right:auto}[data-md-mr=unset]{margin-right:unset}[data-md-mb='0']{margin-bottom:0}[data-md-mb='3']{margin-bottom:3px}[data-md-mb='6']{margin-bottom:6px}[data-md-mb='12']{margin-bottom:12px}[data-md-mb='24']{margin-bottom:24px}[data-md-mb='36']{margin-bottom:36px}[data-md-mb='48']{margin-bottom:48px}[data-md-mb='72']{margin-bottom:72px}[data-md-mb=auto]{margin-bottom:auto}[data-md-mb=unset]{margin-bottom:unset}[data-md-ml='0']{margin-left:0}[data-md-ml='3']{margin-left:3px}[data-md-ml='6']{margin-left:6px}[data-md-ml='12']{margin-left:12px}[data-md-ml='24']{margin-left:24px}[data-md-ml='36']{margin-left:36px}[data-md-ml='48']{margin-left:48px}[data-md-ml='72']{margin-left:72px}[data-md-ml=auto]{margin-left:auto}[data-md-ml=unset]{margin-left:unset}}[data-p='0']{padding:0}[data-p='3']{padding:3px}[data-p='6']{padding:6px}[data-p='12']{padding:12px}[data-p='24']{padding:24px}[data-p='36']{padding:36px}[data-p='48']{padding:48px}[data-p='72']{padding:72px}[data-p=auto]{padding:auto}[data-p=unset]{padding:unset}[data-px='0']{padding-left:0;padding-right:0}[data-px='3']{padding-left:3px;padding-right:3px}[data-px='6']{padding-left:6px;padding-right:6px}[data-px='12']{padding-left:12px;padding-right:12px}[data-px='24']{padding-left:24px;padding-right:24px}[data-px='36']{padding-left:36px;padding-right:36px}[data-px='48']{padding-left:48px;padding-right:48px}[data-px='72']{padding-left:72px;padding-right:72px}[data-px=auto]{padding-left:auto;padding-right:auto}[data-px=unset]{padding-left:unset;padding-right:unset}[data-py='0']{padding-top:0;padding-bottom:0}[data-py='3']{padding-top:3px;padding-bottom:3px}[data-py='6']{padding-top:6px;padding-bottom:6px}[data-py='12']{padding-top:12px;padding-bottom:12px}[data-py='24']{padding-top:24px;padding-bottom:24px}[data-py='36']{padding-top:36px;padding-bottom:36px}[data-py='48']{padding-top:48px;padding-bottom:48px}[data-py='72']{padding-top:72px;padding-bottom:72px}[data-py=auto]{padding-top:auto;padding-bottom:auto}[data-py=unset]{padding-top:unset;padding-bottom:unset}[data-pt='0']{padding-top:0}[data-pt='3']{padding-top:3px}[data-pt='6']{padding-top:6px}[data-pt='12']{padding-top:12px}[data-pt='24']{padding-top:24px}[data-pt='36']{padding-top:36px}[data-pt='48']{padding-top:48px}[data-pt='72']{padding-top:72px}[data-pt=auto]{padding-top:auto}[data-pt=unset]{padding-top:unset}[data-pr='0']{padding-right:0}[data-pr='3']{padding-right:3px}[data-pr='6']{padding-right:6px}[data-pr='12']{padding-right:12px}[data-pr='24']{padding-right:24px}[data-pr='36']{padding-right:36px}[data-pr='48']{padding-right:48px}[data-pr='72']{padding-right:72px}[data-pr=auto]{padding-right:auto}[data-pr=unset]{padding-right:unset}[data-pb='0']{padding-bottom:0}[data-pb='3']{padding-bottom:3px}[data-pb='6']{padding-bottom:6px}[data-pb='12']{padding-bottom:12px}[data-pb='24']{padding-bottom:24px}[data-pb='36']{padding-bottom:36px}[data-pb='48']{padding-bottom:48px}[data-pb='72']{padding-bottom:72px}[data-pb=auto]{padding-bottom:auto}[data-pb=unset]{padding-bottom:unset}[data-pl='0']{padding-left:0}[data-pl='3']{padding-left:3px}[data-pl='6']{padding-left:6px}[data-pl='12']{padding-left:12px}[data-pl='24']{padding-left:24px}[data-pl='36']{padding-left:36px}[data-pl='48']{padding-left:48px}[data-pl='72']{padding-left:72px}[data-pl=auto]{padding-left:auto}[data-pl=unset]{padding-left:unset}@media (max-width:768px){[data-md-p='0']{padding:0}[data-md-p='3']{padding:3px}[data-md-p='6']{padding:6px}[data-md-p='12']{padding:12px}[data-md-p='24']{padding:24px}[data-md-p='36']{padding:36px}[data-md-p='48']{padding:48px}[data-md-p='72']{padding:72px}[data-md-p=auto]{padding:auto}[data-md-p=unset]{padding:unset}[data-md-px='0']{padding-left:0;padding-right:0}[data-md-px='3']{padding-left:3px;padding-right:3px}[data-md-px='6']{padding-left:6px;padding-right:6px}[data-md-px='12']{padding-left:12px;padding-right:12px}[data-md-px='24']{padding-left:24px;padding-right:24px}[data-md-px='36']{padding-left:36px;padding-right:36px}[data-md-px='48']{padding-left:48px;padding-right:48px}[data-md-px='72']{padding-left:72px;padding-right:72px}[data-md-px=auto]{padding-left:auto;padding-right:auto}[data-md-px=unset]{padding-left:unset;padding-right:unset}[data-md-py='0']{padding-top:0;padding-bottom:0}[data-md-py='3']{padding-top:3px;padding-bottom:3px}[data-md-py='6']{padding-top:6px;padding-bottom:6px}[data-md-py='12']{padding-top:12px;padding-bottom:12px}[data-md-py='24']{padding-top:24px;padding-bottom:24px}[data-md-py='36']{padding-top:36px;padding-bottom:36px}[data-md-py='48']{padding-top:48px;padding-bottom:48px}[data-md-py='72']{padding-top:72px;padding-bottom:72px}[data-md-py=auto]{padding-top:auto;padding-bottom:auto}[data-md-py=unset]{padding-top:unset;padding-bottom:unset}[data-md-pt='0']{padding-top:0}[data-md-pt='3']{padding-top:3px}[data-md-pt='6']{padding-top:6px}[data-md-pt='12']{padding-top:12px}[data-md-pt='24']{padding-top:24px}[data-md-pt='36']{padding-top:36px}[data-md-pt='48']{padding-top:48px}[data-md-pt='72']{padding-top:72px}[data-md-pt=auto]{padding-top:auto}[data-md-pt=unset]{padding-top:unset}[data-md-pr='0']{padding-right:0}[data-md-pr='3']{padding-right:3px}[data-md-pr='6']{padding-right:6px}[data-md-pr='12']{padding-right:12px}[data-md-pr='24']{padding-right:24px}[data-md-pr='36']{padding-right:36px}[data-md-pr='48']{padding-right:48px}[data-md-pr='72']{padding-right:72px}[data-md-pr=auto]{padding-right:auto}[data-md-pr=unset]{padding-right:unset}[data-md-pb='0']{padding-bottom:0}[data-md-pb='3']{padding-bottom:3px}[data-md-pb='6']{padding-bottom:6px}[data-md-pb='12']{padding-bottom:12px}[data-md-pb='24']{padding-bottom:24px}[data-md-pb='36']{padding-bottom:36px}[data-md-pb='48']{padding-bottom:48px}[data-md-pb='72']{padding-bottom:72px}[data-md-pb=auto]{padding-bottom:auto}[data-md-pb=unset]{padding-bottom:unset}[data-md-pl='0']{padding-left:0}[data-md-pl='3']{padding-left:3px}[data-md-pl='6']{padding-left:6px}[data-md-pl='12']{padding-left:12px}[data-md-pl='24']{padding-left:24px}[data-md-pl='36']{padding-left:36px}[data-md-pl='48']{padding-left:48px}[data-md-pl='72']{padding-left:72px}[data-md-pl=auto]{padding-left:auto}[data-md-pl=unset]{padding-left:unset}}[data-display=flex]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}[data-display=block]{display:block}[data-display=inline-block]{display:inline-block}[data-display=none]{display:none}[data-main=start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[data-main=end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[data-main=between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[data-main=center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[data-main=baseline]{-webkit-box-pack:baseline;-ms-flex-pack:baseline;justify-content:baseline}[data-cross=start]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}[data-cross=end]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[data-cross=between]{-webkit-box-align:space-between;-ms-flex-align:space-between;align-items:space-between}[data-cross=center]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}[data-cross=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}@media (max-width:768px){[data-md-main=start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[data-md-main=end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[data-md-main=between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[data-md-main=center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[data-md-main=baseline]{-webkit-box-pack:baseline;-ms-flex-pack:baseline;justify-content:baseline}[data-md-cross=start]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}[data-md-cross=end]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[data-md-cross=between]{-webkit-box-align:space-between;-ms-flex-align:space-between;align-items:space-between}[data-md-cross=center]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}[data-md-cross=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}[data-wrap=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[data-wrap=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[data-wrap=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[data-wrap=unset]{-ms-flex-wrap:unset;flex-wrap:unset}[data-direction=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[data-direction=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[data-direction=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[data-direction=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@media (max-width:768px){[data-md-direction=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[data-md-direction=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[data-md-direction=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[data-md-direction=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}[data-grow='1']{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[data-grow=unset]{-webkit-box-flex:unset;-ms-flex-positive:unset;flex-grow:unset}@media (max-width:768px){[data-md-grow='1']{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[data-md-grow=unset]{-webkit-box-flex:unset;-ms-flex-positive:unset;flex-grow:unset}}[data-width='100%']{width:100%}[data-width=auto]{width:auto}[data-width=unset]{width:unset}@media (max-width:768px){[data-md-width='100%']{width:100%}[data-md-width=auto]{width:auto}[data-md-width=unset]{width:unset}}[data-position=static]{position:static}[data-position=relative]{position:relative}[data-position=absolute]{position:absolute}[data-position=fixed]{position:fixed}[data-position=sticky]{position:sticky}[data-position=unset]{position:unset}[data-z='0']{z-index:0}[data-z='1']{z-index:1}[data-z='2']{z-index:2}[data-z='3']{z-index:3}[data-fs='12']{font-size:12px}[data-fs='14']{font-size:14px}[data-fs='16']{font-size:16px}[data-fs='20']{font-size:20px}[data-fs='24']{font-size:24px}[data-fs='32']{font-size:32px}[data-fs='36']{font-size:36px}@media (max-width:768px){[data-md-fs='12']{font-size:12px}[data-md-fs='14']{font-size:14px}[data-md-fs='16']{font-size:16px}[data-md-fs='20']{font-size:20px}[data-md-fs='24']{font-size:24px}[data-md-fs='32']{font-size:32px}[data-md-fs='36']{font-size:36px}}[data-fw='300']{font-weight:300}[data-fw='400']{font-weight:400}[data-fw='500']{font-weight:500}[data-fw='700']{font-weight:700}[data-fw='900']{font-weight:900}[data-fw=unset]{font-weight:unset}[data-color=white]{color:#f9fafb}[data-color=gray-100]{color:#f3f4f6}[data-color=gray-200]{color:#e5e7eb}[data-color=gray-300]{color:#d1d5db}[data-color=gray-400]{color:#9ca3af}[data-color=gray-500]{color:#6b7280}[data-color=gray-600]{color:#4b5563}[data-color=gray-700]{color:#374151}[data-color=gray-800]{color:#1f2937}[data-color=black]{color:#111827}[data-color=green-100]{color:#caebc5}[data-color=green-200]{color:#a7df9f}[data-color=green-300]{color:#85d279}[data-color=green-400]{color:#62c552}[data-color=green-500]{color:#48ac39}[data-color=green-600]{color:#38852c}[data-color=green-700]{color:#285f1f}[data-color=green-800]{color:#204c19}[data-color=red-100]{color:#f9d4d1}[data-color=red-200]{color:#f6b6b0}[data-color=red-300]{color:hsl(5,80%,72.5%)}[data-color=red-400]{color:hsl(5,80%,62.5%)}[data-color=red-500]{color:hsl(5,80%,52.5%)}[data-color=red-600]{color:#c02315}[data-color=red-700]{color:hsl(5,80%,32.5%)}[data-color=red-800]{color:hsl(5,80%,22.5%)}[data-color=orange-100]{color:#fad3b7}[data-color=orange-200]{color:#f7b587}[data-color=orange-300]{color:#f49857}[data-color=orange-400]{color:#f17b27}[data-color=orange-500]{color:#d7610d}[data-color=orange-600]{color:hsl(25,88%,37.5%)}[data-color=orange-700]{color:hsl(25,88%,27.5%)}[data-color=orange-800]{color:#5f2b06}[data-lh='12']{line-height:12px}[data-lh='16']{line-height:16px}[data-lh='20']{line-height:20px}[data-lh='24']{line-height:24px}[data-lh='32']{line-height:32px}[data-lh='36']{line-height:36px}[data-lh=unset]{line-height:unsetpx}[data-ls='1']{letter-spacing:1px}[data-ls='2']{letter-spacing:2px}[data-ls='0.5']{letter-spacing:.5px}[data-ls='1.5']{letter-spacing:1.5px}[data-bg=white]{background-color:#f9fafb}[data-bg=gray-100]{background-color:#f3f4f6}[data-bg=gray-200]{background-color:#e5e7eb}[data-bg=gray-300]{background-color:#d1d5db}[data-bg=gray-400]{background-color:#9ca3af}[data-bg=gray-500]{background-color:#6b7280}[data-bg=gray-600]{background-color:#4b5563}[data-bg=gray-700]{background-color:#374151}[data-bg=gray-800]{background-color:#1f2937}[data-bg=black]{background-color:#111827}[data-bg=green-100]{background-color:#caebc5}[data-bg=green-200]{background-color:#a7df9f}[data-bg=green-300]{background-color:#85d279}[data-bg=green-400]{background-color:#62c552}[data-bg=green-500]{background-color:#48ac39}[data-bg=green-600]{background-color:#38852c}[data-bg=green-700]{background-color:#285f1f}[data-bg=green-800]{background-color:#204c19}[data-bg=red-100]{background-color:#f9d4d1}[data-bg=red-200]{background-color:#f6b6b0}[data-bg=red-300]{background-color:hsl(5,80%,72.5%)}[data-bg=red-400]{background-color:hsl(5,80%,62.5%)}[data-bg=red-500]{background-color:hsl(5,80%,52.5%)}[data-bg=red-600]{background-color:#c02315}[data-bg=red-700]{background-color:hsl(5,80%,32.5%)}[data-bg=red-800]{background-color:hsl(5,80%,22.5%)}[data-bg=orange-100]{background-color:#fad3b7}[data-bg=orange-200]{background-color:#f7b587}[data-bg=orange-300]{background-color:#f49857}[data-bg=orange-400]{background-color:#f17b27}[data-bg=orange-500]{background-color:#d7610d}[data-bg=orange-600]{background-color:hsl(25,88%,37.5%)}[data-bg=orange-700]{background-color:hsl(25,88%,27.5%)}[data-bg=orange-800]{background-color:#5f2b06}[data-bw='1']{border-width:1px}[data-bw='2']{border-width:2px}[data-bw='4']{border-width:4px}[data-bw='6']{border-width:6px}[data-bw='12']{border-width:12px}[data-bwx='1']{border-left-width:1px;border-right-width:1px}[data-bwx='2']{border-left-width:2px;border-right-width:2px}[data-bwx='4']{border-left-width:4px;border-right-width:4px}[data-bwx='6']{border-left-width:6px;border-right-width:6px}[data-bwx='12']{border-left-width:12px;border-right-width:12px}[data-bwy='1']{border-top-width:1px;border-bottom-width:1px}[data-bwy='2']{border-top-width:2px;border-bottom-width:2px}[data-bwy='4']{border-top-width:4px;border-bottom-width:4px}[data-bwy='6']{border-top-width:6px;border-bottom-width:6px}[data-bwy='12']{border-top-width:12px;border-bottom-width:12px}[data-bwt='1']{border-top-width:1px}[data-bwt='2']{border-top-width:2px}[data-bwt='4']{border-top-width:4px}[data-bwt='6']{border-top-width:6px}[data-bwt='12']{border-top-width:12px}[data-bwr='1']{border-right-width:1px}[data-bwr='2']{border-right-width:2px}[data-bwr='4']{border-right-width:4px}[data-bwr='6']{border-right-width:6px}[data-bwr='12']{border-right-width:12px}[data-bwb='1']{border-bottom-width:1px}[data-bwb='2']{border-bottom-width:2px}[data-bwb='4']{border-bottom-width:4px}[data-bwb='6']{border-bottom-width:6px}[data-bwb='12']{border-bottom-width:12px}[data-bwl='1']{border-left-width:1px}[data-bwl='2']{border-left-width:2px}[data-bwl='4']{border-left-width:4px}[data-bwl='6']{border-left-width:6px}[data-bwl='12']{border-left-width:12px}[data-bc=white]{border-color:#f9fafb;border-style:solid}[data-bc=gray-100]{border-color:#f3f4f6;border-style:solid}[data-bc=gray-200]{border-color:#e5e7eb;border-style:solid}[data-bc=gray-300]{border-color:#d1d5db;border-style:solid}[data-bc=gray-400]{border-color:#9ca3af;border-style:solid}[data-bc=gray-500]{border-color:#6b7280;border-style:solid}[data-bc=gray-600]{border-color:#4b5563;border-style:solid}[data-bc=gray-700]{border-color:#374151;border-style:solid}[data-bc=gray-800]{border-color:#1f2937;border-style:solid}[data-bc=black]{border-color:#111827;border-style:solid}[data-bc=transparent]{border-color:transparent;border-style:solid}[data-bc=green-100]{border-color:#caebc5;border-style:solid}[data-bc=green-200]{border-color:#a7df9f;border-style:solid}[data-bc=green-300]{border-color:#85d279;border-style:solid}[data-bc=green-400]{border-color:#62c552;border-style:solid}[data-bc=green-500]{border-color:#48ac39;border-style:solid}[data-bc=green-600]{border-color:#38852c;border-style:solid}[data-bc=green-700]{border-color:#285f1f;border-style:solid}[data-bc=green-800]{border-color:#204c19;border-style:solid}[data-bc=orange-100]{border-color:#fad3b7;border-style:solid}[data-bc=orange-200]{border-color:#f7b587;border-style:solid}[data-bc=orange-300]{border-color:#f49857;border-style:solid}[data-bc=orange-400]{border-color:#f17b27;border-style:solid}[data-bc=orange-500]{border-color:#d7610d;border-style:solid}[data-bc=orange-600]{border-color:hsl(25,88%,37.5%);border-style:solid}[data-bc=orange-700]{border-color:hsl(25,88%,27.5%);border-style:solid}[data-bc=orange-800]{border-color:#5f2b06;border-style:solid}[data-bc=red-100]{border-color:#f9d4d1;border-style:solid}[data-bc=red-200]{border-color:#f6b6b0;border-style:solid}[data-bc=red-300]{border-color:hsl(5,80%,72.5%);border-style:solid}[data-bc=red-400]{border-color:hsl(5,80%,62.5%);border-style:solid}[data-bc=red-500]{border-color:hsl(5,80%,52.5%);border-style:solid}[data-bc=red-600]{border-color:#c02315;border-style:solid}[data-bc=red-700]{border-color:hsl(5,80%,32.5%);border-style:solid}[data-bc=red-800]{border-color:hsl(5,80%,22.5%);border-style:solid}[data-bcx=white]{border-right-color:#f9fafb;border-left-color:#f9fafb;border-right-style:solid;border-left-style:solid}[data-bcx=gray-100]{border-right-color:#f3f4f6;border-left-color:#f3f4f6;border-right-style:solid;border-left-style:solid}[data-bcx=gray-200]{border-right-color:#e5e7eb;border-left-color:#e5e7eb;border-right-style:solid;border-left-style:solid}[data-bcx=gray-300]{border-right-color:#d1d5db;border-left-color:#d1d5db;border-right-style:solid;border-left-style:solid}[data-bcx=gray-400]{border-right-color:#9ca3af;border-left-color:#9ca3af;border-right-style:solid;border-left-style:solid}[data-bcx=gray-500]{border-right-color:#6b7280;border-left-color:#6b7280;border-right-style:solid;border-left-style:solid}[data-bcx=gray-600]{border-right-color:#4b5563;border-left-color:#4b5563;border-right-style:solid;border-left-style:solid}[data-bcx=gray-700]{border-right-color:#374151;border-left-color:#374151;border-right-style:solid;border-left-style:solid}[data-bcx=gray-800]{border-right-color:#1f2937;border-left-color:#1f2937;border-right-style:solid;border-left-style:solid}[data-bcx=black]{border-right-color:#111827;border-left-color:#111827;border-right-style:solid;border-left-style:solid}[data-bcx=transparent]{border-right-color:transparent;border-left-color:transparent;border-right-style:solid;border-left-style:solid}[data-bcy=white]{border-top-color:#f9fafb;border-bottom-color:#f9fafb;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-100]{border-top-color:#f3f4f6;border-bottom-color:#f3f4f6;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-200]{border-top-color:#e5e7eb;border-bottom-color:#e5e7eb;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-300]{border-top-color:#d1d5db;border-bottom-color:#d1d5db;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-400]{border-top-color:#9ca3af;border-bottom-color:#9ca3af;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-500]{border-top-color:#6b7280;border-bottom-color:#6b7280;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-600]{border-top-color:#4b5563;border-bottom-color:#4b5563;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-700]{border-top-color:#374151;border-bottom-color:#374151;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-800]{border-top-color:#1f2937;border-bottom-color:#1f2937;border-top-style:solid;border-bottom-style:solid}[data-bcy=black]{border-top-color:#111827;border-bottom-color:#111827;border-top-style:solid;border-bottom-style:solid}[data-bcy=transparent]{border-top-color:transparent;border-bottom-color:transparent;border-top-style:solid;border-bottom-style:solid}[data-bct=white]{border-top-color:#f9fafb;border-top-style:solid}[data-bct=gray-100]{border-top-color:#f3f4f6;border-top-style:solid}[data-bct=gray-200]{border-top-color:#e5e7eb;border-top-style:solid}[data-bct=gray-300]{border-top-color:#d1d5db;border-top-style:solid}[data-bct=gray-400]{border-top-color:#9ca3af;border-top-style:solid}[data-bct=gray-500]{border-top-color:#6b7280;border-top-style:solid}[data-bct=gray-600]{border-top-color:#4b5563;border-top-style:solid}[data-bct=gray-700]{border-top-color:#374151;border-top-style:solid}[data-bct=gray-800]{border-top-color:#1f2937;border-top-style:solid}[data-bct=black]{border-top-color:#111827;border-top-style:solid}[data-bct=transparent]{border-top-color:transparent;border-top-style:solid}[data-bcr=white]{border-right-color:#f9fafb;border-right-style:solid}[data-bcr=gray-100]{border-right-color:#f3f4f6;border-right-style:solid}[data-bcr=gray-200]{border-right-color:#e5e7eb;border-right-style:solid}[data-bcr=gray-300]{border-right-color:#d1d5db;border-right-style:solid}[data-bcr=gray-400]{border-right-color:#9ca3af;border-right-style:solid}[data-bcr=gray-500]{border-right-color:#6b7280;border-right-style:solid}[data-bcr=gray-600]{border-right-color:#4b5563;border-right-style:solid}[data-bcr=gray-700]{border-right-color:#374151;border-right-style:solid}[data-bcr=gray-800]{border-right-color:#1f2937;border-right-style:solid}[data-bcr=black]{border-right-color:#111827;border-right-style:solid}[data-bcr=transparent]{border-right-color:transparent;border-right-style:solid}[data-bcb=white]{border-bottom-color:#f9fafb;border-bottom-style:solid}[data-bcb=gray-100]{border-bottom-color:#f3f4f6;border-bottom-style:solid}[data-bcb=gray-200]{border-bottom-color:#e5e7eb;border-bottom-style:solid}[data-bcb=gray-300]{border-bottom-color:#d1d5db;border-bottom-style:solid}[data-bcb=gray-400]{border-bottom-color:#9ca3af;border-bottom-style:solid}[data-bcb=gray-500]{border-bottom-color:#6b7280;border-bottom-style:solid}[data-bcb=gray-600]{border-bottom-color:#4b5563;border-bottom-style:solid}[data-bcb=gray-700]{border-bottom-color:#374151;border-bottom-style:solid}[data-bcb=gray-800]{border-bottom-color:#1f2937;border-bottom-style:solid}[data-bcb=black]{border-bottom-color:#111827;border-bottom-style:solid}[data-bcb=transparent]{border-bottom-color:transparent;border-bottom-style:solid}[data-bcl=white]{border-left-color:#f9fafb;border-left-style:solid}[data-bcl=gray-100]{border-left-color:#f3f4f6;border-left-style:solid}[data-bcl=gray-200]{border-left-color:#e5e7eb;border-left-style:solid}[data-bcl=gray-300]{border-left-color:#d1d5db;border-left-style:solid}[data-bcl=gray-400]{border-left-color:#9ca3af;border-left-style:solid}[data-bcl=gray-500]{border-left-color:#6b7280;border-left-style:solid}[data-bcl=gray-600]{border-left-color:#4b5563;border-left-style:solid}[data-bcl=gray-700]{border-left-color:#374151;border-left-style:solid}[data-bcl=gray-800]{border-left-color:#1f2937;border-left-style:solid}[data-bcl=black]{border-left-color:#111827;border-left-style:solid}[data-bcl=transparent]{border-left-color:transparent;border-left-style:solid}[data-br='0']{border-radius:0}[data-br='1']{border-radius:1px}[data-br='2']{border-radius:2px}[data-br='4']{border-radius:4px}[data-br='50%']{border-radius:50%}[data-max-width='768']{max-width:768px}[data-max-width='100%']{max-width:100%}[data-max-width=unset]{max-width:unset}[data-transform=uppercase]{text-transform:uppercase}[data-transform=lowercase]{text-transform:lowercase}[data-transform=capitalize]{text-transform:capitalize}[data-transform=none]{text-transform:none}.c-button{height:36px;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;-webkit-transition:border-radius .3s,opacity .4s;transition:border-radius .3s,opacity .4s}.c-button[data-variant=bare],.c-button[data-variant=primary],.c-button[data-variant=secondary],.c-button[data-variant=with-icon]{padding:0 8px;font-size:12px;font-weight:600;letter-spacing:.5px;border-radius:4px;border:2px solid transparent;background-color:transparent}.c-button:active,.c-button:focus,.c-button:hover{cursor:pointer;opacity:.75;border-radius:0;-webkit-transition:border-radius .3s,opacity .4s;transition:border-radius .3s,opacity .4s}.c-button:active{border:2px solid transparent!important}.c-button:disabled{opacity:.5;-webkit-transition:opacity .3s;transition:opacity .3s}.c-button:disabled:hover{cursor:auto}.c-button[data-variant=primary]{background-color:#374151;color:#e5e7eb;letter-spacing:.75px}.c-button[data-variant=secondary]{background-color:#d1d5db;color:#1f2937;letter-spacing:.5px}.c-button[data-variant=bare],.c-button[data-variant=with-icon]{background-color:transparent;color:#1f2937;letter-spacing:.5px}.c-button[data-variant=with-icon]{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}.c-input{height:36px;font-size:12px;line-height:24px;color:#374151;padding:0 0 0 6px;background:#fff;border:1px solid #d1d5db;border-radius:4px;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:border-radius .3s,border-color .4s;transition:border-radius .3s,border-color .4s}.c-input:active,.c-input:focus,.c-input:hover{border-color:#9ca3af;border-radius:0;-webkit-transition:border-radius .3s,border-color .4s;transition:border-radius .3s,border-color .4s}.c-input:disabled{opacity:.75;background:#e5e7eb;border-color:#d1d5db}.c-input:-moz-placeholder-shown{color:#4b5563}.c-input:-ms-input-placeholder{color:#4b5563}.c-input:placeholder-shown{color:#4b5563}.c-input:invalid:not(:-moz-placeholder-shown){border-color:#b31940}.c-input:invalid:not(:-ms-input-placeholder){border-color:#b31940}.c-input:invalid:not(:placeholder-shown){border-color:#b31940}@media not all and (min-resolution:0.001dpcm){.c-input{font-size:16px}}.c-label{line-height:24px;font-size:12px;text-transform:uppercase;font-weight:500;letter-spacing:1.5px;color:#4b5563}.c-label[data-variant=optional]::after{margin-left:6px;text-transform:lowercase;content:'(optional)'}.c-link{text-underline-offset:4px;letter-spacing:.5px}.c-link:hover{opacity:.75;-webkit-transition:opacity .3s;transition:opacity .3s}.c-link[data-variant=bare]{text-decoration:none}@supports ((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)){.c-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:24px;margin:0;padding:0 24px 0 6px;height:36px;width:150px;font-size:12px;background:#fff;border:1px solid #d1d5db;color:#374151;text-overflow:ellipsis;outline:0}.c-select:focus,.c-select:hover{cursor:pointer;border:1px solid #9ca3af}.c-select-wrapper{position:relative}.c-select-wrapper::after{position:absolute;content:'';top:12px;right:8px;height:8px;width:8px;border:2px solid #1f2937;border-left:none;border-top:none;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@media not all and (min-resolution:0.001dpcm){.c-select{font-size:16px}}
+[data-m='0']{margin:0}[data-m='3']{margin:3px}[data-m='6']{margin:6px}[data-m='12']{margin:12px}[data-m='24']{margin:24px}[data-m='36']{margin:36px}[data-m='48']{margin:48px}[data-m='72']{margin:72px}[data-m=auto]{margin:auto}[data-m=unset]{margin:unset}[data-mx='0']{margin-left:0;margin-right:0}[data-mx='3']{margin-left:3px;margin-right:3px}[data-mx='6']{margin-left:6px;margin-right:6px}[data-mx='12']{margin-left:12px;margin-right:12px}[data-mx='24']{margin-left:24px;margin-right:24px}[data-mx='36']{margin-left:36px;margin-right:36px}[data-mx='48']{margin-left:48px;margin-right:48px}[data-mx='72']{margin-left:72px;margin-right:72px}[data-mx=auto]{margin-left:auto;margin-right:auto}[data-mx=unset]{margin-left:unset;margin-right:unset}[data-my='0']{margin-top:0;margin-bottom:0}[data-my='3']{margin-top:3px;margin-bottom:3px}[data-my='6']{margin-top:6px;margin-bottom:6px}[data-my='12']{margin-top:12px;margin-bottom:12px}[data-my='24']{margin-top:24px;margin-bottom:24px}[data-my='36']{margin-top:36px;margin-bottom:36px}[data-my='48']{margin-top:48px;margin-bottom:48px}[data-my='72']{margin-top:72px;margin-bottom:72px}[data-my=auto]{margin-top:auto;margin-bottom:auto}[data-my=unset]{margin-top:unset;margin-bottom:unset}[data-mt='0']{margin-top:0}[data-mt='3']{margin-top:3px}[data-mt='6']{margin-top:6px}[data-mt='12']{margin-top:12px}[data-mt='24']{margin-top:24px}[data-mt='36']{margin-top:36px}[data-mt='48']{margin-top:48px}[data-mt='72']{margin-top:72px}[data-mt=auto]{margin-top:auto}[data-mt=unset]{margin-top:unset}[data-mr='0']{margin-right:0}[data-mr='3']{margin-right:3px}[data-mr='6']{margin-right:6px}[data-mr='12']{margin-right:12px}[data-mr='24']{margin-right:24px}[data-mr='36']{margin-right:36px}[data-mr='48']{margin-right:48px}[data-mr='72']{margin-right:72px}[data-mr=auto]{margin-right:auto}[data-mr=unset]{margin-right:unset}[data-mb='0']{margin-bottom:0}[data-mb='3']{margin-bottom:3px}[data-mb='6']{margin-bottom:6px}[data-mb='12']{margin-bottom:12px}[data-mb='24']{margin-bottom:24px}[data-mb='36']{margin-bottom:36px}[data-mb='48']{margin-bottom:48px}[data-mb='72']{margin-bottom:72px}[data-mb=auto]{margin-bottom:auto}[data-mb=unset]{margin-bottom:unset}[data-ml='0']{margin-left:0}[data-ml='3']{margin-left:3px}[data-ml='6']{margin-left:6px}[data-ml='12']{margin-left:12px}[data-ml='24']{margin-left:24px}[data-ml='36']{margin-left:36px}[data-ml='48']{margin-left:48px}[data-ml='72']{margin-left:72px}[data-ml=auto]{margin-left:auto}[data-ml=unset]{margin-left:unset}@media (max-width:768px){[data-md-m='0']{margin:0}[data-md-m='3']{margin:3px}[data-md-m='6']{margin:6px}[data-md-m='12']{margin:12px}[data-md-m='24']{margin:24px}[data-md-m='36']{margin:36px}[data-md-m='48']{margin:48px}[data-md-m='72']{margin:72px}[data-md-m=auto]{margin:auto}[data-md-m=unset]{margin:unset}[data-md-mx='0']{margin-left:0;margin-right:0}[data-md-mx='3']{margin-left:3px;margin-right:3px}[data-md-mx='6']{margin-left:6px;margin-right:6px}[data-md-mx='12']{margin-left:12px;margin-right:12px}[data-md-mx='24']{margin-left:24px;margin-right:24px}[data-md-mx='36']{margin-left:36px;margin-right:36px}[data-md-mx='48']{margin-left:48px;margin-right:48px}[data-md-mx='72']{margin-left:72px;margin-right:72px}[data-md-mx=auto]{margin-left:auto;margin-right:auto}[data-md-mx=unset]{margin-left:unset;margin-right:unset}[data-md-my='0']{margin-top:0;margin-bottom:0}[data-md-my='3']{margin-top:3px;margin-bottom:3px}[data-md-my='6']{margin-top:6px;margin-bottom:6px}[data-md-my='12']{margin-top:12px;margin-bottom:12px}[data-md-my='24']{margin-top:24px;margin-bottom:24px}[data-md-my='36']{margin-top:36px;margin-bottom:36px}[data-md-my='48']{margin-top:48px;margin-bottom:48px}[data-md-my='72']{margin-top:72px;margin-bottom:72px}[data-md-my=auto]{margin-top:auto;margin-bottom:auto}[data-md-my=unset]{margin-top:unset;margin-bottom:unset}[data-md-mt='0']{margin-top:0}[data-md-mt='3']{margin-top:3px}[data-md-mt='6']{margin-top:6px}[data-md-mt='12']{margin-top:12px}[data-md-mt='24']{margin-top:24px}[data-md-mt='36']{margin-top:36px}[data-md-mt='48']{margin-top:48px}[data-md-mt='72']{margin-top:72px}[data-md-mt=auto]{margin-top:auto}[data-md-mt=unset]{margin-top:unset}[data-md-mr='0']{margin-right:0}[data-md-mr='3']{margin-right:3px}[data-md-mr='6']{margin-right:6px}[data-md-mr='12']{margin-right:12px}[data-md-mr='24']{margin-right:24px}[data-md-mr='36']{margin-right:36px}[data-md-mr='48']{margin-right:48px}[data-md-mr='72']{margin-right:72px}[data-md-mr=auto]{margin-right:auto}[data-md-mr=unset]{margin-right:unset}[data-md-mb='0']{margin-bottom:0}[data-md-mb='3']{margin-bottom:3px}[data-md-mb='6']{margin-bottom:6px}[data-md-mb='12']{margin-bottom:12px}[data-md-mb='24']{margin-bottom:24px}[data-md-mb='36']{margin-bottom:36px}[data-md-mb='48']{margin-bottom:48px}[data-md-mb='72']{margin-bottom:72px}[data-md-mb=auto]{margin-bottom:auto}[data-md-mb=unset]{margin-bottom:unset}[data-md-ml='0']{margin-left:0}[data-md-ml='3']{margin-left:3px}[data-md-ml='6']{margin-left:6px}[data-md-ml='12']{margin-left:12px}[data-md-ml='24']{margin-left:24px}[data-md-ml='36']{margin-left:36px}[data-md-ml='48']{margin-left:48px}[data-md-ml='72']{margin-left:72px}[data-md-ml=auto]{margin-left:auto}[data-md-ml=unset]{margin-left:unset}}[data-p='0']{padding:0}[data-p='3']{padding:3px}[data-p='6']{padding:6px}[data-p='12']{padding:12px}[data-p='24']{padding:24px}[data-p='36']{padding:36px}[data-p='48']{padding:48px}[data-p='72']{padding:72px}[data-p=auto]{padding:auto}[data-p=unset]{padding:unset}[data-px='0']{padding-left:0;padding-right:0}[data-px='3']{padding-left:3px;padding-right:3px}[data-px='6']{padding-left:6px;padding-right:6px}[data-px='12']{padding-left:12px;padding-right:12px}[data-px='24']{padding-left:24px;padding-right:24px}[data-px='36']{padding-left:36px;padding-right:36px}[data-px='48']{padding-left:48px;padding-right:48px}[data-px='72']{padding-left:72px;padding-right:72px}[data-px=auto]{padding-left:auto;padding-right:auto}[data-px=unset]{padding-left:unset;padding-right:unset}[data-py='0']{padding-top:0;padding-bottom:0}[data-py='3']{padding-top:3px;padding-bottom:3px}[data-py='6']{padding-top:6px;padding-bottom:6px}[data-py='12']{padding-top:12px;padding-bottom:12px}[data-py='24']{padding-top:24px;padding-bottom:24px}[data-py='36']{padding-top:36px;padding-bottom:36px}[data-py='48']{padding-top:48px;padding-bottom:48px}[data-py='72']{padding-top:72px;padding-bottom:72px}[data-py=auto]{padding-top:auto;padding-bottom:auto}[data-py=unset]{padding-top:unset;padding-bottom:unset}[data-pt='0']{padding-top:0}[data-pt='3']{padding-top:3px}[data-pt='6']{padding-top:6px}[data-pt='12']{padding-top:12px}[data-pt='24']{padding-top:24px}[data-pt='36']{padding-top:36px}[data-pt='48']{padding-top:48px}[data-pt='72']{padding-top:72px}[data-pt=auto]{padding-top:auto}[data-pt=unset]{padding-top:unset}[data-pr='0']{padding-right:0}[data-pr='3']{padding-right:3px}[data-pr='6']{padding-right:6px}[data-pr='12']{padding-right:12px}[data-pr='24']{padding-right:24px}[data-pr='36']{padding-right:36px}[data-pr='48']{padding-right:48px}[data-pr='72']{padding-right:72px}[data-pr=auto]{padding-right:auto}[data-pr=unset]{padding-right:unset}[data-pb='0']{padding-bottom:0}[data-pb='3']{padding-bottom:3px}[data-pb='6']{padding-bottom:6px}[data-pb='12']{padding-bottom:12px}[data-pb='24']{padding-bottom:24px}[data-pb='36']{padding-bottom:36px}[data-pb='48']{padding-bottom:48px}[data-pb='72']{padding-bottom:72px}[data-pb=auto]{padding-bottom:auto}[data-pb=unset]{padding-bottom:unset}[data-pl='0']{padding-left:0}[data-pl='3']{padding-left:3px}[data-pl='6']{padding-left:6px}[data-pl='12']{padding-left:12px}[data-pl='24']{padding-left:24px}[data-pl='36']{padding-left:36px}[data-pl='48']{padding-left:48px}[data-pl='72']{padding-left:72px}[data-pl=auto]{padding-left:auto}[data-pl=unset]{padding-left:unset}@media (max-width:768px){[data-md-p='0']{padding:0}[data-md-p='3']{padding:3px}[data-md-p='6']{padding:6px}[data-md-p='12']{padding:12px}[data-md-p='24']{padding:24px}[data-md-p='36']{padding:36px}[data-md-p='48']{padding:48px}[data-md-p='72']{padding:72px}[data-md-p=auto]{padding:auto}[data-md-p=unset]{padding:unset}[data-md-px='0']{padding-left:0;padding-right:0}[data-md-px='3']{padding-left:3px;padding-right:3px}[data-md-px='6']{padding-left:6px;padding-right:6px}[data-md-px='12']{padding-left:12px;padding-right:12px}[data-md-px='24']{padding-left:24px;padding-right:24px}[data-md-px='36']{padding-left:36px;padding-right:36px}[data-md-px='48']{padding-left:48px;padding-right:48px}[data-md-px='72']{padding-left:72px;padding-right:72px}[data-md-px=auto]{padding-left:auto;padding-right:auto}[data-md-px=unset]{padding-left:unset;padding-right:unset}[data-md-py='0']{padding-top:0;padding-bottom:0}[data-md-py='3']{padding-top:3px;padding-bottom:3px}[data-md-py='6']{padding-top:6px;padding-bottom:6px}[data-md-py='12']{padding-top:12px;padding-bottom:12px}[data-md-py='24']{padding-top:24px;padding-bottom:24px}[data-md-py='36']{padding-top:36px;padding-bottom:36px}[data-md-py='48']{padding-top:48px;padding-bottom:48px}[data-md-py='72']{padding-top:72px;padding-bottom:72px}[data-md-py=auto]{padding-top:auto;padding-bottom:auto}[data-md-py=unset]{padding-top:unset;padding-bottom:unset}[data-md-pt='0']{padding-top:0}[data-md-pt='3']{padding-top:3px}[data-md-pt='6']{padding-top:6px}[data-md-pt='12']{padding-top:12px}[data-md-pt='24']{padding-top:24px}[data-md-pt='36']{padding-top:36px}[data-md-pt='48']{padding-top:48px}[data-md-pt='72']{padding-top:72px}[data-md-pt=auto]{padding-top:auto}[data-md-pt=unset]{padding-top:unset}[data-md-pr='0']{padding-right:0}[data-md-pr='3']{padding-right:3px}[data-md-pr='6']{padding-right:6px}[data-md-pr='12']{padding-right:12px}[data-md-pr='24']{padding-right:24px}[data-md-pr='36']{padding-right:36px}[data-md-pr='48']{padding-right:48px}[data-md-pr='72']{padding-right:72px}[data-md-pr=auto]{padding-right:auto}[data-md-pr=unset]{padding-right:unset}[data-md-pb='0']{padding-bottom:0}[data-md-pb='3']{padding-bottom:3px}[data-md-pb='6']{padding-bottom:6px}[data-md-pb='12']{padding-bottom:12px}[data-md-pb='24']{padding-bottom:24px}[data-md-pb='36']{padding-bottom:36px}[data-md-pb='48']{padding-bottom:48px}[data-md-pb='72']{padding-bottom:72px}[data-md-pb=auto]{padding-bottom:auto}[data-md-pb=unset]{padding-bottom:unset}[data-md-pl='0']{padding-left:0}[data-md-pl='3']{padding-left:3px}[data-md-pl='6']{padding-left:6px}[data-md-pl='12']{padding-left:12px}[data-md-pl='24']{padding-left:24px}[data-md-pl='36']{padding-left:36px}[data-md-pl='48']{padding-left:48px}[data-md-pl='72']{padding-left:72px}[data-md-pl=auto]{padding-left:auto}[data-md-pl=unset]{padding-left:unset}}[data-display=flex]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}[data-display=block]{display:block}[data-display=inline-block]{display:inline-block}[data-display=none]{display:none}[data-main=start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[data-main=end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[data-main=between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[data-main=center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[data-main=baseline]{-webkit-box-pack:baseline;-ms-flex-pack:baseline;justify-content:baseline}[data-cross=start]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}[data-cross=end]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[data-cross=between]{-webkit-box-align:space-between;-ms-flex-align:space-between;align-items:space-between}[data-cross=center]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}[data-cross=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}@media (max-width:768px){[data-md-main=start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[data-md-main=end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[data-md-main=between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[data-md-main=center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[data-md-main=baseline]{-webkit-box-pack:baseline;-ms-flex-pack:baseline;justify-content:baseline}[data-md-cross=start]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}[data-md-cross=end]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[data-md-cross=between]{-webkit-box-align:space-between;-ms-flex-align:space-between;align-items:space-between}[data-md-cross=center]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}[data-md-cross=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}[data-wrap=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[data-wrap=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[data-wrap=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[data-wrap=unset]{-ms-flex-wrap:unset;flex-wrap:unset}[data-direction=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[data-direction=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[data-direction=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[data-direction=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@media (max-width:768px){[data-md-direction=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[data-md-direction=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[data-md-direction=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[data-md-direction=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}[data-grow='1']{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[data-grow=unset]{-webkit-box-flex:unset;-ms-flex-positive:unset;flex-grow:unset}@media (max-width:768px){[data-md-grow='1']{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[data-md-grow=unset]{-webkit-box-flex:unset;-ms-flex-positive:unset;flex-grow:unset}}[data-width='100%']{width:100%}[data-width=auto]{width:auto}[data-width=unset]{width:unset}@media (max-width:768px){[data-md-width='100%']{width:100%}[data-md-width=auto]{width:auto}[data-md-width=unset]{width:unset}}[data-position=static]{position:static}[data-position=relative]{position:relative}[data-position=absolute]{position:absolute}[data-position=fixed]{position:fixed}[data-position=sticky]{position:sticky}[data-position=unset]{position:unset}[data-z='0']{z-index:0}[data-z='1']{z-index:1}[data-z='2']{z-index:2}[data-z='3']{z-index:3}[data-fs='12']{font-size:12px}[data-fs='14']{font-size:14px}[data-fs='16']{font-size:16px}[data-fs='20']{font-size:20px}[data-fs='24']{font-size:24px}[data-fs='32']{font-size:32px}[data-fs='36']{font-size:36px}@media (max-width:768px){[data-md-fs='12']{font-size:12px}[data-md-fs='14']{font-size:14px}[data-md-fs='16']{font-size:16px}[data-md-fs='20']{font-size:20px}[data-md-fs='24']{font-size:24px}[data-md-fs='32']{font-size:32px}[data-md-fs='36']{font-size:36px}}[data-fw='300']{font-weight:300}[data-fw='400']{font-weight:400}[data-fw='500']{font-weight:500}[data-fw='700']{font-weight:700}[data-fw='900']{font-weight:900}[data-fw=unset]{font-weight:unset}[data-color=white]{color:#f9fafb}[data-color=gray-100]{color:#f3f4f6}[data-color=gray-200]{color:#e5e7eb}[data-color=gray-300]{color:#d1d5db}[data-color=gray-400]{color:#9ca3af}[data-color=gray-500]{color:#6b7280}[data-color=gray-600]{color:#4b5563}[data-color=gray-700]{color:#374151}[data-color=gray-800]{color:#1f2937}[data-color=black]{color:#111827}[data-color=green-100]{color:#caebc5}[data-color=green-200]{color:#a7df9f}[data-color=green-300]{color:#85d279}[data-color=green-400]{color:#62c552}[data-color=green-500]{color:#48ac39}[data-color=green-600]{color:#38852c}[data-color=green-700]{color:#285f1f}[data-color=green-800]{color:#204c19}[data-color=red-100]{color:#f9d4d1}[data-color=red-200]{color:#f6b6b0}[data-color=red-300]{color:hsl(5,80%,72.5%)}[data-color=red-400]{color:hsl(5,80%,62.5%)}[data-color=red-500]{color:hsl(5,80%,52.5%)}[data-color=red-600]{color:#c02315}[data-color=red-700]{color:hsl(5,80%,32.5%)}[data-color=red-800]{color:hsl(5,80%,22.5%)}[data-color=orange-100]{color:#fad3b7}[data-color=orange-200]{color:#f7b587}[data-color=orange-300]{color:#f49857}[data-color=orange-400]{color:#f17b27}[data-color=orange-500]{color:#d7610d}[data-color=orange-600]{color:hsl(25,88%,37.5%)}[data-color=orange-700]{color:hsl(25,88%,27.5%)}[data-color=orange-800]{color:#5f2b06}[data-lh='12']{line-height:12px}[data-lh='16']{line-height:16px}[data-lh='20']{line-height:20px}[data-lh='24']{line-height:24px}[data-lh='32']{line-height:32px}[data-lh='36']{line-height:36px}[data-lh=unset]{line-height:unsetpx}[data-ls='1']{letter-spacing:1px}[data-ls='2']{letter-spacing:2px}[data-ls='0.5']{letter-spacing:.5px}[data-ls='1.5']{letter-spacing:1.5px}[data-bg=white]{background-color:#f9fafb}[data-bg=gray-100]{background-color:#f3f4f6}[data-bg=gray-200]{background-color:#e5e7eb}[data-bg=gray-300]{background-color:#d1d5db}[data-bg=gray-400]{background-color:#9ca3af}[data-bg=gray-500]{background-color:#6b7280}[data-bg=gray-600]{background-color:#4b5563}[data-bg=gray-700]{background-color:#374151}[data-bg=gray-800]{background-color:#1f2937}[data-bg=black]{background-color:#111827}[data-bg=green-100]{background-color:#caebc5}[data-bg=green-200]{background-color:#a7df9f}[data-bg=green-300]{background-color:#85d279}[data-bg=green-400]{background-color:#62c552}[data-bg=green-500]{background-color:#48ac39}[data-bg=green-600]{background-color:#38852c}[data-bg=green-700]{background-color:#285f1f}[data-bg=green-800]{background-color:#204c19}[data-bg=red-100]{background-color:#f9d4d1}[data-bg=red-200]{background-color:#f6b6b0}[data-bg=red-300]{background-color:hsl(5,80%,72.5%)}[data-bg=red-400]{background-color:hsl(5,80%,62.5%)}[data-bg=red-500]{background-color:hsl(5,80%,52.5%)}[data-bg=red-600]{background-color:#c02315}[data-bg=red-700]{background-color:hsl(5,80%,32.5%)}[data-bg=red-800]{background-color:hsl(5,80%,22.5%)}[data-bg=orange-100]{background-color:#fad3b7}[data-bg=orange-200]{background-color:#f7b587}[data-bg=orange-300]{background-color:#f49857}[data-bg=orange-400]{background-color:#f17b27}[data-bg=orange-500]{background-color:#d7610d}[data-bg=orange-600]{background-color:hsl(25,88%,37.5%)}[data-bg=orange-700]{background-color:hsl(25,88%,27.5%)}[data-bg=orange-800]{background-color:#5f2b06}[data-bw='1']{border-width:1px}[data-bw='2']{border-width:2px}[data-bw='4']{border-width:4px}[data-bw='6']{border-width:6px}[data-bw='12']{border-width:12px}[data-bwx='1']{border-left-width:1px;border-right-width:1px}[data-bwx='2']{border-left-width:2px;border-right-width:2px}[data-bwx='4']{border-left-width:4px;border-right-width:4px}[data-bwx='6']{border-left-width:6px;border-right-width:6px}[data-bwx='12']{border-left-width:12px;border-right-width:12px}[data-bwy='1']{border-top-width:1px;border-bottom-width:1px}[data-bwy='2']{border-top-width:2px;border-bottom-width:2px}[data-bwy='4']{border-top-width:4px;border-bottom-width:4px}[data-bwy='6']{border-top-width:6px;border-bottom-width:6px}[data-bwy='12']{border-top-width:12px;border-bottom-width:12px}[data-bwt='1']{border-top-width:1px}[data-bwt='2']{border-top-width:2px}[data-bwt='4']{border-top-width:4px}[data-bwt='6']{border-top-width:6px}[data-bwt='12']{border-top-width:12px}[data-bwr='1']{border-right-width:1px}[data-bwr='2']{border-right-width:2px}[data-bwr='4']{border-right-width:4px}[data-bwr='6']{border-right-width:6px}[data-bwr='12']{border-right-width:12px}[data-bwb='1']{border-bottom-width:1px}[data-bwb='2']{border-bottom-width:2px}[data-bwb='4']{border-bottom-width:4px}[data-bwb='6']{border-bottom-width:6px}[data-bwb='12']{border-bottom-width:12px}[data-bwl='1']{border-left-width:1px}[data-bwl='2']{border-left-width:2px}[data-bwl='4']{border-left-width:4px}[data-bwl='6']{border-left-width:6px}[data-bwl='12']{border-left-width:12px}[data-bc=white]{border-color:#f9fafb;border-style:solid}[data-bc=gray-100]{border-color:#f3f4f6;border-style:solid}[data-bc=gray-200]{border-color:#e5e7eb;border-style:solid}[data-bc=gray-300]{border-color:#d1d5db;border-style:solid}[data-bc=gray-400]{border-color:#9ca3af;border-style:solid}[data-bc=gray-500]{border-color:#6b7280;border-style:solid}[data-bc=gray-600]{border-color:#4b5563;border-style:solid}[data-bc=gray-700]{border-color:#374151;border-style:solid}[data-bc=gray-800]{border-color:#1f2937;border-style:solid}[data-bc=black]{border-color:#111827;border-style:solid}[data-bc=transparent]{border-color:transparent;border-style:solid}[data-bc=green-100]{border-color:#caebc5;border-style:solid}[data-bc=green-200]{border-color:#a7df9f;border-style:solid}[data-bc=green-300]{border-color:#85d279;border-style:solid}[data-bc=green-400]{border-color:#62c552;border-style:solid}[data-bc=green-500]{border-color:#48ac39;border-style:solid}[data-bc=green-600]{border-color:#38852c;border-style:solid}[data-bc=green-700]{border-color:#285f1f;border-style:solid}[data-bc=green-800]{border-color:#204c19;border-style:solid}[data-bc=orange-100]{border-color:#fad3b7;border-style:solid}[data-bc=orange-200]{border-color:#f7b587;border-style:solid}[data-bc=orange-300]{border-color:#f49857;border-style:solid}[data-bc=orange-400]{border-color:#f17b27;border-style:solid}[data-bc=orange-500]{border-color:#d7610d;border-style:solid}[data-bc=orange-600]{border-color:hsl(25,88%,37.5%);border-style:solid}[data-bc=orange-700]{border-color:hsl(25,88%,27.5%);border-style:solid}[data-bc=orange-800]{border-color:#5f2b06;border-style:solid}[data-bc=red-100]{border-color:#f9d4d1;border-style:solid}[data-bc=red-200]{border-color:#f6b6b0;border-style:solid}[data-bc=red-300]{border-color:hsl(5,80%,72.5%);border-style:solid}[data-bc=red-400]{border-color:hsl(5,80%,62.5%);border-style:solid}[data-bc=red-500]{border-color:hsl(5,80%,52.5%);border-style:solid}[data-bc=red-600]{border-color:#c02315;border-style:solid}[data-bc=red-700]{border-color:hsl(5,80%,32.5%);border-style:solid}[data-bc=red-800]{border-color:hsl(5,80%,22.5%);border-style:solid}[data-bcx=white]{border-right-color:#f9fafb;border-left-color:#f9fafb;border-right-style:solid;border-left-style:solid}[data-bcx=gray-100]{border-right-color:#f3f4f6;border-left-color:#f3f4f6;border-right-style:solid;border-left-style:solid}[data-bcx=gray-200]{border-right-color:#e5e7eb;border-left-color:#e5e7eb;border-right-style:solid;border-left-style:solid}[data-bcx=gray-300]{border-right-color:#d1d5db;border-left-color:#d1d5db;border-right-style:solid;border-left-style:solid}[data-bcx=gray-400]{border-right-color:#9ca3af;border-left-color:#9ca3af;border-right-style:solid;border-left-style:solid}[data-bcx=gray-500]{border-right-color:#6b7280;border-left-color:#6b7280;border-right-style:solid;border-left-style:solid}[data-bcx=gray-600]{border-right-color:#4b5563;border-left-color:#4b5563;border-right-style:solid;border-left-style:solid}[data-bcx=gray-700]{border-right-color:#374151;border-left-color:#374151;border-right-style:solid;border-left-style:solid}[data-bcx=gray-800]{border-right-color:#1f2937;border-left-color:#1f2937;border-right-style:solid;border-left-style:solid}[data-bcx=black]{border-right-color:#111827;border-left-color:#111827;border-right-style:solid;border-left-style:solid}[data-bcx=transparent]{border-right-color:transparent;border-left-color:transparent;border-right-style:solid;border-left-style:solid}[data-bcy=white]{border-top-color:#f9fafb;border-bottom-color:#f9fafb;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-100]{border-top-color:#f3f4f6;border-bottom-color:#f3f4f6;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-200]{border-top-color:#e5e7eb;border-bottom-color:#e5e7eb;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-300]{border-top-color:#d1d5db;border-bottom-color:#d1d5db;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-400]{border-top-color:#9ca3af;border-bottom-color:#9ca3af;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-500]{border-top-color:#6b7280;border-bottom-color:#6b7280;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-600]{border-top-color:#4b5563;border-bottom-color:#4b5563;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-700]{border-top-color:#374151;border-bottom-color:#374151;border-top-style:solid;border-bottom-style:solid}[data-bcy=gray-800]{border-top-color:#1f2937;border-bottom-color:#1f2937;border-top-style:solid;border-bottom-style:solid}[data-bcy=black]{border-top-color:#111827;border-bottom-color:#111827;border-top-style:solid;border-bottom-style:solid}[data-bcy=transparent]{border-top-color:transparent;border-bottom-color:transparent;border-top-style:solid;border-bottom-style:solid}[data-bct=white]{border-top-color:#f9fafb;border-top-style:solid}[data-bct=gray-100]{border-top-color:#f3f4f6;border-top-style:solid}[data-bct=gray-200]{border-top-color:#e5e7eb;border-top-style:solid}[data-bct=gray-300]{border-top-color:#d1d5db;border-top-style:solid}[data-bct=gray-400]{border-top-color:#9ca3af;border-top-style:solid}[data-bct=gray-500]{border-top-color:#6b7280;border-top-style:solid}[data-bct=gray-600]{border-top-color:#4b5563;border-top-style:solid}[data-bct=gray-700]{border-top-color:#374151;border-top-style:solid}[data-bct=gray-800]{border-top-color:#1f2937;border-top-style:solid}[data-bct=black]{border-top-color:#111827;border-top-style:solid}[data-bct=transparent]{border-top-color:transparent;border-top-style:solid}[data-bcr=white]{border-right-color:#f9fafb;border-right-style:solid}[data-bcr=gray-100]{border-right-color:#f3f4f6;border-right-style:solid}[data-bcr=gray-200]{border-right-color:#e5e7eb;border-right-style:solid}[data-bcr=gray-300]{border-right-color:#d1d5db;border-right-style:solid}[data-bcr=gray-400]{border-right-color:#9ca3af;border-right-style:solid}[data-bcr=gray-500]{border-right-color:#6b7280;border-right-style:solid}[data-bcr=gray-600]{border-right-color:#4b5563;border-right-style:solid}[data-bcr=gray-700]{border-right-color:#374151;border-right-style:solid}[data-bcr=gray-800]{border-right-color:#1f2937;border-right-style:solid}[data-bcr=black]{border-right-color:#111827;border-right-style:solid}[data-bcr=transparent]{border-right-color:transparent;border-right-style:solid}[data-bcb=white]{border-bottom-color:#f9fafb;border-bottom-style:solid}[data-bcb=gray-100]{border-bottom-color:#f3f4f6;border-bottom-style:solid}[data-bcb=gray-200]{border-bottom-color:#e5e7eb;border-bottom-style:solid}[data-bcb=gray-300]{border-bottom-color:#d1d5db;border-bottom-style:solid}[data-bcb=gray-400]{border-bottom-color:#9ca3af;border-bottom-style:solid}[data-bcb=gray-500]{border-bottom-color:#6b7280;border-bottom-style:solid}[data-bcb=gray-600]{border-bottom-color:#4b5563;border-bottom-style:solid}[data-bcb=gray-700]{border-bottom-color:#374151;border-bottom-style:solid}[data-bcb=gray-800]{border-bottom-color:#1f2937;border-bottom-style:solid}[data-bcb=black]{border-bottom-color:#111827;border-bottom-style:solid}[data-bcb=transparent]{border-bottom-color:transparent;border-bottom-style:solid}[data-bcl=white]{border-left-color:#f9fafb;border-left-style:solid}[data-bcl=gray-100]{border-left-color:#f3f4f6;border-left-style:solid}[data-bcl=gray-200]{border-left-color:#e5e7eb;border-left-style:solid}[data-bcl=gray-300]{border-left-color:#d1d5db;border-left-style:solid}[data-bcl=gray-400]{border-left-color:#9ca3af;border-left-style:solid}[data-bcl=gray-500]{border-left-color:#6b7280;border-left-style:solid}[data-bcl=gray-600]{border-left-color:#4b5563;border-left-style:solid}[data-bcl=gray-700]{border-left-color:#374151;border-left-style:solid}[data-bcl=gray-800]{border-left-color:#1f2937;border-left-style:solid}[data-bcl=black]{border-left-color:#111827;border-left-style:solid}[data-bcl=transparent]{border-left-color:transparent;border-left-style:solid}[data-br='0']{border-radius:0}[data-br='1']{border-radius:1px}[data-br='2']{border-radius:2px}[data-br='4']{border-radius:4px}[data-br='50%']{border-radius:50%}[data-max-width='768']{max-width:768px}[data-max-width='100%']{max-width:100%}[data-max-width=unset]{max-width:unset}[data-transform=uppercase]{text-transform:uppercase}[data-transform=lowercase]{text-transform:lowercase}[data-transform=capitalize]{text-transform:capitalize}[data-transform=truncate]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[data-transform=none]{text-transform:none}[data-overflow=auto]{overflow:auto}[data-overflow=scroll]{overflow:scroll}[data-overflow=hidden]{overflow:hidden}.c-button{height:36px;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;-webkit-transition:border-radius .3s,opacity .4s;transition:border-radius .3s,opacity .4s}.c-button[data-variant=bare],.c-button[data-variant=primary],.c-button[data-variant=secondary],.c-button[data-variant=with-icon]{padding:0 8px;font-size:12px;font-weight:600;letter-spacing:.5px;border-radius:4px;border:2px solid transparent;background-color:transparent}.c-button:active,.c-button:focus,.c-button:hover{cursor:pointer;opacity:.75;border-radius:0;-webkit-transition:border-radius .3s,opacity .4s;transition:border-radius .3s,opacity .4s}.c-button:active{border:2px solid transparent!important}.c-button:disabled{opacity:.5;-webkit-transition:opacity .3s;transition:opacity .3s}.c-button:disabled:hover{cursor:auto}.c-button[data-variant=primary]{background-color:#374151;color:#e5e7eb;letter-spacing:.75px}.c-button[data-variant=secondary]{background-color:#d1d5db;color:#1f2937;letter-spacing:.5px}.c-button[data-variant=bare],.c-button[data-variant=with-icon]{background-color:transparent;color:#1f2937;letter-spacing:.5px}.c-button[data-variant=with-icon]{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}.c-input{height:36px;font-size:12px;line-height:24px;color:#374151;padding:0 0 0 6px;background:#fff;border:1px solid #d1d5db;border-radius:4px;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:border-radius .3s,border-color .4s;transition:border-radius .3s,border-color .4s}.c-input:active,.c-input:focus,.c-input:hover{border-color:#9ca3af;border-radius:0;-webkit-transition:border-radius .3s,border-color .4s;transition:border-radius .3s,border-color .4s}.c-input:disabled{opacity:.75;background:#e5e7eb;border-color:#d1d5db}.c-input:-moz-placeholder-shown{color:#4b5563}.c-input:-ms-input-placeholder{color:#4b5563}.c-input:placeholder-shown{color:#4b5563}.c-input:invalid:not(:-moz-placeholder-shown){border-color:#b31940}.c-input:invalid:not(:-ms-input-placeholder){border-color:#b31940}.c-input:invalid:not(:placeholder-shown){border-color:#b31940}@media not all and (min-resolution:0.001dpcm){.c-input{font-size:16px}}.c-label{line-height:24px;font-size:12px;text-transform:uppercase;font-weight:500;letter-spacing:1.5px;color:#4b5563}.c-label[data-variant=optional]::after{margin-left:6px;text-transform:lowercase;content:'(optional)'}.c-link{text-underline-offset:4px;letter-spacing:.5px}.c-link:hover{opacity:.75;-webkit-transition:opacity .3s;transition:opacity .3s}.c-link[data-variant=bare]{text-decoration:none}@supports ((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)){.c-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:24px;margin:0;padding:0 24px 0 6px;height:36px;width:150px;font-size:12px;background:#fff;border:1px solid #d1d5db;color:#374151;text-overflow:ellipsis;outline:0}.c-select:focus,.c-select:hover{cursor:pointer;border:1px solid #9ca3af}.c-select-wrapper{position:relative}.c-select-wrapper::after{position:absolute;content:'';top:12px;right:8px;height:8px;width:8px;border:2px solid #1f2937;border-left:none;border-top:none;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@media not all and (min-resolution:0.001dpcm){.c-select{font-size:16px}}@supports ((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)){.c-checkbox{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;min-height:24px;min-width:24px;background:#fff;border:1px solid #d1d5db}.c-checkbox:checked,.c-checkbox:hover{border-color:#9ca3af;cursor:pointer;-webkit-transition:border-color .4s;transition:border-color .4s}.c-checkbox:checked:hover{border-color:#d1d5db;cursor:pointer;-webkit-transition:border-color .4s;transition:border-color .4s}.c-checkbox:checked::after,.c-checkbox:hover::after{position:absolute;content:'';top:5px;left:6px;height:6px;width:10px;border:2px solid #374151;border-top:0;border-right:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.c-checkbox:hover::after{border-color:#9ca3af}}

package/dist/normalize.css

@@ -20,7 +20,8 @@ html {
  */
 
 * {
-  box-sizing: border-box; /* 1 */
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box; /* 1 */
   line-height: 24px; /* 2 */
   padding: 0; /* 3 */
   margin: 0; /* 3 */
@@ -66,7 +67,8 @@ h1 {
  */
 
 hr {
-  box-sizing: content-box; /* 1 */
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box; /* 1 */
   height: 0; /* 1 */
   overflow: visible; /* 2 */
 }
@@ -100,7 +102,8 @@ a {
 abbr[title] {
   border-bottom: none; /* 1 */
   text-decoration: underline; /* 2 */
-  text-decoration: underline dotted; /* 2 */
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted; /* 2 */
 }
 
 /**
@@ -229,6 +232,23 @@ button::-moz-focus-inner,
   padding: 0;
 }
 
+/**
+ * Remove step arrows from the numeric input
+ */
+input[type='number']::-webkit-outer-spin-button,
+input[type='number']::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+          appearance: none;
+  margin: 0;
+}
+
+/* Firefox */
+input[type='number'] {
+  -webkit-appearance: textfield;
+     -moz-appearance: textfield;
+          appearance: textfield;
+}
+
 /**
  * Restore the focus styles unset by the previous rule.
  */
@@ -256,7 +276,8 @@ fieldset {
  */
 
 legend {
-  box-sizing: border-box; /* 1 */
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box; /* 1 */
   color: inherit; /* 2 */
   display: table; /* 1 */
   max-width: 100%; /* 1 */
@@ -287,7 +308,8 @@ textarea {
 
 [type='checkbox'],
 [type='radio'] {
-  box-sizing: border-box; /* 1 */
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box; /* 1 */
   padding: 0; /* 2 */
 }
 

package/dist/normalize.min.css

@@ -1 +1 @@
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}*{box-sizing:border-box;line-height:24px;padding:0;margin:0}body{margin:0;font-family:sans-serif;font-size:16px}main{display:block}h1{font-size:2em;margin:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{display:block;font-size:12px}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}*{-webkit-box-sizing:border-box;box-sizing:border-box;line-height:24px;padding:0;margin:0}body{margin:0;font-family:sans-serif;font-size:16px}main{display:block}h1{font-size:2em;margin:0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{display:block;font-size:12px}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

package/dist/overflows-generator.d.ts

@@ -0,0 +1,8 @@
+import { GeneratorInterface, GeneratorConfigType } from './generator';
+export declare class OverflowsGenerator implements GeneratorInterface {
+    overflows: GeneratorConfigType['overflows'];
+    constructor(config: GeneratorConfigType);
+    generateHeader(): string;
+    generateCss(): string;
+    generateFooter(): string;
+}

package/dist/tokens.d.ts

@@ -42,6 +42,8 @@ declare type BorderRadiusType = '0' | '1' | '2' | '4' | '50%';
 export declare const BorderRadiuses: Record<BorderRadiusType, string>;
 declare type MaxWidthType = '100%' | '768' | 'unset';
 export declare const MaxWidths: Record<MaxWidthType, string>;
-declare type TransformType = 'uppercase' | 'lowercase' | 'capitalize' | 'none';
+declare type TransformType = 'uppercase' | 'lowercase' | 'capitalize' | 'truncate' | 'none';
 export declare const Transforms: Record<TransformType, string>;
+declare type OverflowType = 'auto' | 'scroll' | 'hidden';
+export declare const Overflows: Record<OverflowType, string>;
 export {};

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.27.3",
+  "version": "0.27.8",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/generate-css.ts

@@ -22,6 +22,7 @@ import { BorderColorsGenerator } from './border-colors-generator';
 import { BorderRadiusesGenerator } from './border-radiuses-generator';
 import { MaxWidthsGenerator } from './max-widths-generator';
 import { TransformsGenerator } from './transforms-generator';
+import { OverflowsGenerator } from './overflows-generator';
 
 import {
   Spacing,
@@ -47,6 +48,7 @@ import {
   BorderRadiuses,
   MaxWidths,
   Transforms,
+  Overflows,
 } from './tokens';
 
 class GeneratorProcessor {
@@ -64,6 +66,7 @@ class GeneratorProcessor {
     output += await new File('src/ui/label.css').read();
     output += await new File('src/ui/link.css').read();
     output += await new File('src/ui/select.css').read();
+    output += await new File('src/ui/checkbox.css').read();
 
     await new File('dist/main.css').save(output);
   }
@@ -94,6 +97,7 @@ export async function main() {
     borderRadiuses: BorderRadiuses,
     maxWidths: MaxWidths,
     transforms: Transforms,
+    overflows: Overflows,
   };
 
   await new GeneratorProcessor().process([
@@ -123,5 +127,6 @@ export async function main() {
     new BorderRadiusesGenerator(config),
     new MaxWidthsGenerator(config),
     new TransformsGenerator(config),
+    new OverflowsGenerator(config),
   ]);
 }

package/src/generator.ts

@@ -22,6 +22,7 @@ import {
   BorderRadiuses,
   MaxWidths,
   Transforms,
+  Overflows,
 } from './tokens';
 
 export interface GeneratorInterface {
@@ -54,4 +55,5 @@ export type GeneratorConfigType = {
   borderRadiuses: typeof BorderRadiuses;
   maxWidths: typeof MaxWidths;
   transforms: typeof Transforms;
+  overflows: typeof Overflows;
 };

package/src/normalize.css

@@ -229,6 +229,20 @@ button::-moz-focus-inner,
   padding: 0;
 }
 
+/**
+ * Remove step arrows from the numeric input
+ */
+input[type='number']::-webkit-outer-spin-button,
+input[type='number']::-webkit-inner-spin-button {
+  appearance: none;
+  margin: 0;
+}
+
+/* Firefox */
+input[type='number'] {
+  appearance: textfield;
+}
+
 /**
  * Restore the focus styles unset by the previous rule.
  */

package/src/overflows-generator.ts

@@ -0,0 +1,28 @@
+import { GeneratorInterface, GeneratorConfigType } from './generator';
+
+export class OverflowsGenerator implements GeneratorInterface {
+  overflows: GeneratorConfigType['overflows'];
+
+  constructor(config: GeneratorConfigType) {
+    this.overflows = config.overflows;
+  }
+
+  generateHeader(): string {
+    return '/* Overflows */\n\n';
+  }
+
+  generateCss(): string {
+    let output = '';
+
+    // Regular display: data-overflow="*"
+    for (const [key, value] of Object.entries(this.overflows)) {
+      output += `*[data-overflow='${key}'] {\n  overflow: ${value};\n}\n`;
+    }
+
+    return output;
+  }
+
+  generateFooter(): string {
+    return '/* ===================== */\n\n';
+  }
+}

package/src/tokens.ts

@@ -274,11 +274,25 @@ export const MaxWidths: Record<MaxWidthType, string> = {
   unset: 'unset',
 };
 
-type TransformType = 'uppercase' | 'lowercase' | 'capitalize' | 'none';
+type TransformType =
+  | 'uppercase'
+  | 'lowercase'
+  | 'capitalize'
+  | 'truncate'
+  | 'none';
 
 export const Transforms: Record<TransformType, string> = {
   uppercase: 'uppercase',
   lowercase: 'lowercase',
   capitalize: 'capitalize',
+  truncate: 'truncate',
   none: 'none',
 };
+
+type OverflowType = 'auto' | 'scroll' | 'hidden';
+
+export const Overflows: Record<OverflowType, string> = {
+  auto: 'auto',
+  scroll: 'scroll',
+  hidden: 'hidden',
+};

package/src/transforms-generator.ts

@@ -1,4 +1,4 @@
-import { GeneratorInterface, GeneratorConfigType } from './generator';
+import {GeneratorInterface, GeneratorConfigType} from './generator';
 
 export class TransformsGenerator implements GeneratorInterface {
   transforms: GeneratorConfigType['transforms'];
@@ -16,6 +16,10 @@ export class TransformsGenerator implements GeneratorInterface {
 
     // Regular display: data-transform="*"
     for (const [key, value] of Object.entries(this.transforms)) {
+      if (key === 'truncate') {
+        output += `*[data-transform='${key}'] {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n`;
+        continue;
+      }
       output += `*[data-transform='${key}'] {\n  text-transform: ${value};\n}\n`;
     }
 

package/src/ui/checkbox.css

@@ -0,0 +1,50 @@
+/* Checkbox component */
+
+@supports (appearance: none) {
+  .c-checkbox {
+    position: relative;
+    appearance: none;
+    outline: none;
+
+    min-height: 24px;
+    min-width: 24px;
+    background: white;
+    border: 1px solid #d1d5db;
+  }
+
+  .c-checkbox:hover,
+  .c-checkbox:checked {
+    border-color: #9ca3af;
+    cursor: pointer;
+
+    transition: border-color 400ms;
+  }
+
+  .c-checkbox:checked:hover {
+    border-color: #d1d5db;
+    cursor: pointer;
+
+    transition: border-color 400ms;
+  }
+
+  .c-checkbox:checked::after,
+  .c-checkbox:hover::after {
+    position: absolute;
+    content: '';
+
+    top: 5px;
+    left: 6px;
+    height: 6px;
+    width: 10px;
+    border: 2px solid #374151;
+    border-top: 0;
+    border-right: 0;
+    transform: rotate(-45deg);
+  }
+
+  .c-checkbox:hover::after {
+    border-color: #9ca3af;
+  }
+}
+
+/* ===================== */