@bgord/design 0.23.0 → 0.24.0

package/dist/main.css

@@ -1860,6 +1860,25 @@
 }
 /* ===================== */
 
+/* Border radiuses */
+
+*[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%;
+}
+/* ===================== */
+
 /* Button component */
 
 .c-button {

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}[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-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-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-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}.c-button{height:36px;padding:0 8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;border-radius:4px;border:2px solid transparent;background-color:transparent;-webkit-transition:border-radius .3s,opacity .4s;transition:border-radius .3s,opacity .4s}.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}[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-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-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-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%}.c-button{height:36px;padding:0 8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;border-radius:4px;border:2px solid transparent;background-color:transparent;-webkit-transition:border-radius .3s,opacity .4s;transition:border-radius .3s,opacity .4s}.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}}

package/dist/tokens.d.ts

@@ -32,4 +32,6 @@ declare type BorderWidthType = '1' | '2' | '4' | '6' | '12';
 export declare const BorderWidths: Record<BorderWidthType, number>;
 declare type BorderColorType = ColorsType | 'transparent';
 export declare const BorderColors: Record<BorderColorType, string>;
+declare type BorderRadiusType = '0' | '1' | '2' | '4' | '50%';
+export declare const BorderRadiuses: Record<BorderRadiusType, string>;
 export {};

package/package.json

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

package/src/border-radiuses-generator.ts

@@ -0,0 +1,27 @@
+import { GeneratorInterface, GeneratorConfigType } from './generator';
+
+export class BorderRadiusesGenerator implements GeneratorInterface {
+  borderRadiuses: GeneratorConfigType['borderRadiuses'];
+
+  constructor(config: GeneratorConfigType) {
+    this.borderRadiuses = config.borderRadiuses;
+  }
+
+  generateHeader(): string {
+    return '/* Border radiuses */\n\n';
+  }
+
+  generateCss(): string {
+    let output = '';
+
+    for (const [key, value] of Object.entries(this.borderRadiuses)) {
+      output += `*[data-br='${key}'] {\n  border-radius: ${value};\n}\n`;
+    }
+
+    return output;
+  }
+
+  generateFooter(): string {
+    return '/* ===================== */\n\n';
+  }
+}

package/src/generate-css.ts

@@ -19,6 +19,7 @@ import { LetterSpacingsGenerator } from './letter-spacings-generator';
 import { FlexGrowsGenerator } from './flex-grows-generator';
 import { BorderWidthsGenerator } from './border-widths-generator';
 import { BorderColorsGenerator } from './border-colors-generator';
+import { BorderRadiusesGenerator } from './border-radiuses-generator';
 
 import {
   Spacing,
@@ -38,6 +39,7 @@ import {
   FlexGrows,
   BorderWidths,
   BorderColors,
+  BorderRadiuses,
 } from './tokens';
 
 class GeneratorProcessor {
@@ -79,6 +81,7 @@ export async function main() {
     flexGrows: FlexGrows,
     borderWidths: BorderWidths,
     borderColors: BorderColors,
+    borderRadiuses: BorderRadiuses,
   };
 
   await new GeneratorProcessor().process([
@@ -105,5 +108,6 @@ export async function main() {
 
     new BorderWidthsGenerator(config),
     new BorderColorsGenerator(config),
+    new BorderRadiusesGenerator(config),
   ]);
 }

package/src/generator.ts

@@ -16,6 +16,7 @@ import {
   FlexGrows,
   BorderWidths,
   BorderColors,
+  BorderRadiuses,
 } from './tokens';
 
 export interface GeneratorInterface {
@@ -42,4 +43,5 @@ export type GeneratorConfigType = {
   flexGrows: typeof FlexGrows;
   borderWidths: typeof BorderWidths;
   borderColors: typeof BorderColors;
+  borderRadiuses: typeof BorderRadiuses;
 };

package/src/tokens.ts

@@ -192,3 +192,13 @@ export const BorderColors: Record<BorderColorType, string> = {
   ...Colors,
   transparent: 'transparent',
 };
+
+type BorderRadiusType = '0' | '1' | '2' | '4' | '50%';
+
+export const BorderRadiuses: Record<BorderRadiusType, string> = {
+  '0': '0',
+  '1': '1px',
+  '2': '2px',
+  '4': '4px',
+  '50%': '50%',
+};