@bgord/design 0.27.39 → 0.27.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/README.md +24 -8
  2. package/dist/cursors-generator.d.ts +7 -0
  3. package/dist/design.cjs.development.js +84 -13
  4. package/dist/design.cjs.development.js.map +1 -1
  5. package/dist/design.cjs.production.min.js +1 -1
  6. package/dist/design.cjs.production.min.js.map +1 -1
  7. package/dist/design.esm.js +82 -13
  8. package/dist/design.esm.js.map +1 -1
  9. package/dist/generator.d.ts +2 -1
  10. package/dist/main.css +54 -0
  11. package/dist/main.min.css +1 -1
  12. package/dist/main.min.css.br +0 -0
  13. package/dist/main.min.css.gz +0 -0
  14. package/dist/tokens.d.ts +2 -0
  15. package/package.json +4 -2
  16. package/src/axis-placements-generator.ts +14 -0
  17. package/src/cursors-generator.ts +34 -0
  18. package/src/generate-css.ts +4 -0
  19. package/src/generator.ts +2 -0
  20. package/src/tokens.ts +9 -0
package/dist/generator.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { Spacing, Displays, AxisPlacements, Positions, FlexWraps, ZIndexes, Widths, FontSizes, FlexDirections, FontWeights, LineHeights, Grayscale, Greens, Reds, Oranges, Breakpoints, LetterSpacings, FlexGrows, BorderWidths, BorderColors, BorderRadiuses, MaxWidths, Transforms, Overflows, Heights } from './tokens';
1
+ import { Spacing, Displays, AxisPlacements, Positions, FlexWraps, ZIndexes, Widths, FontSizes, FlexDirections, FontWeights, LineHeights, Grayscale, Greens, Reds, Oranges, Breakpoints, LetterSpacings, FlexGrows, BorderWidths, BorderColors, BorderRadiuses, MaxWidths, Transforms, Overflows, Heights, Cursors } from './tokens';
2
2
  export declare abstract class AbstractGenerator {
3
3
  name: string;
4
4
  constructor(name: string);
@@ -32,4 +32,5 @@ export declare type GeneratorConfigType = {
32
32
  transforms: typeof Transforms;
33
33
  overflows: typeof Overflows;
34
34
  heights: typeof Heights;
35
+ cursors: typeof Cursors;
35
36
  };
package/dist/main.css CHANGED
@@ -1006,6 +1006,18 @@ flex-wrap: wrap;
1006
1006
  *[data-cross='baseline'] {
1007
1007
  align-items: baseline;
1008
1008
  }
1009
+ *[data-self='start'] {
1010
+ align-self: flex-start;
1011
+ }
1012
+ *[data-self='end'] {
1013
+ align-self: flex-end;
1014
+ }
1015
+ *[data-self='center'] {
1016
+ align-self: center;
1017
+ }
1018
+ *[data-self='baseline'] {
1019
+ align-self: baseline;
1020
+ }
1009
1021
  @media (max-width: 768px) {
1010
1022
  *[data-md-main='start'] {
1011
1023
  justify-content: flex-start;
@@ -1049,6 +1061,18 @@ flex-wrap: wrap;
1049
1061
  *[data-md-cross='baseline'] {
1050
1062
  align-items: baseline;
1051
1063
  }
1064
+ *[data-md-self='start'] {
1065
+ align-self: flex-start;
1066
+ }
1067
+ *[data-md-self='end'] {
1068
+ align-self: flex-end;
1069
+ }
1070
+ *[data-md-self='center'] {
1071
+ align-self: center;
1072
+ }
1073
+ *[data-md-self='baseline'] {
1074
+ align-self: baseline;
1075
+ }
1052
1076
  }
1053
1077
  /* ===================== */
1054
1078
 
@@ -2325,6 +2349,36 @@ flex-wrap: wrap;
2325
2349
  }
2326
2350
  /* ===================== */
2327
2351
 
2352
+ /* Cursors */
2353
+
2354
+ *[data-cursor='wait'] {
2355
+ cursor: wait;
2356
+ }
2357
+ *[data-cursor='auto'] {
2358
+ cursor: auto;
2359
+ }
2360
+ *[data-cursor='pointer'] {
2361
+ cursor: pointer;
2362
+ }
2363
+ *[data-cursor='not-allowed'] {
2364
+ cursor: not-allowed;
2365
+ }
2366
+ @media (max-width: 768px) {
2367
+ *[data-md-cursor='wait'] {
2368
+ cursor: wait;
2369
+ }
2370
+ *[data-md-cursor='auto'] {
2371
+ cursor: auto;
2372
+ }
2373
+ *[data-md-cursor='pointer'] {
2374
+ cursor: pointer;
2375
+ }
2376
+ *[data-md-cursor='not-allowed'] {
2377
+ cursor: not-allowed;
2378
+ }
2379
+ }
2380
+ /* ===================== */
2381
+
2328
2382
  /* Button component */
2329
2383
 
2330
2384
  /* Attributes that are non-modifiable */
package/dist/main.min.css CHANGED
@@ -1 +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:flex;flex-wrap:wrap}[data-display=block]{display:block}[data-display=inline-block]{display:inline-block}[data-display=none]{display:none}@media (max-width:768px){[data-md-display=flex]{display:flex;flex-wrap:wrap}[data-md-display=block]{display:block}[data-md-display=inline-block]{display:inline-block}[data-md-display=none]{display:none}}[data-main=start]{justify-content:flex-start}[data-main=end]{justify-content:flex-end}[data-main=around]{justify-content:space-around}[data-main=evenly]{justify-content:space-evenly}[data-main=between]{justify-content:space-between}[data-main=center]{justify-content:center}[data-main=baseline]{justify-content:baseline}[data-cross=start]{align-items:flex-start}[data-cross=end]{align-items:flex-end}[data-cross=around]{align-items:space-around}[data-cross=evenly]{align-items:space-evenly}[data-cross=between]{align-items:space-between}[data-cross=center]{align-items:center}[data-cross=baseline]{align-items:baseline}@media (max-width:768px){[data-md-main=start]{justify-content:flex-start}[data-md-main=end]{justify-content:flex-end}[data-md-main=around]{justify-content:space-around}[data-md-main=evenly]{justify-content:space-evenly}[data-md-main=between]{justify-content:space-between}[data-md-main=center]{justify-content:center}[data-md-main=baseline]{justify-content:baseline}[data-md-cross=start]{align-items:flex-start}[data-md-cross=end]{align-items:flex-end}[data-md-cross=around]{align-items:space-around}[data-md-cross=evenly]{align-items:space-evenly}[data-md-cross=between]{align-items:space-between}[data-md-cross=center]{align-items:center}[data-md-cross=baseline]{align-items:baseline}}[data-wrap=nowrap]{flex-wrap:nowrap}[data-wrap=wrap]{flex-wrap:wrap}[data-wrap=wrap-reverse]{flex-wrap:wrap-reverse}[data-wrap=unset]{flex-wrap:unset}@media (max-width:768px){[data-md-wrap=nowrap]{flex-wrap:nowrap}[data-md-wrap=wrap]{flex-wrap:wrap}[data-md-wrap=wrap-reverse]{flex-wrap:wrap-reverse}[data-md-wrap=unset]{flex-wrap:unset}}[data-direction=row]{flex-direction:row}[data-direction=row-reverse]{flex-direction:row-reverse}[data-direction=column]{flex-direction:column}[data-direction=column-reverse]{flex-direction:column-reverse}@media (max-width:768px){[data-md-direction=row]{flex-direction:row}[data-md-direction=row-reverse]{flex-direction:row-reverse}[data-md-direction=column]{flex-direction:column}[data-md-direction=column-reverse]{flex-direction:column-reverse}}[data-grow='1']{flex-grow:1}[data-grow=unset]{flex-grow:unset}@media (max-width:768px){[data-md-grow='1']{flex-grow:1}[data-md-grow=unset]{flex-grow:unset}}[data-gap='0']{grid-gap:0;gap:0}[data-gap='3']{grid-gap:3px;gap:3px}[data-gap='6']{grid-gap:6px;gap:6px}[data-gap='12']{grid-gap:12px;gap:12px}[data-gap='24']{grid-gap:24px;gap:24px}[data-gap='36']{grid-gap:36px;gap:36px}[data-gap='48']{grid-gap:48px;gap:48px}[data-gap='72']{grid-gap:72px;gap:72px}[data-gap=auto]{grid-gap:auto;gap:auto}[data-gap=unset]{grid-gap:unset;gap:unset}@media (max-width:768px){[data-md-gap='0']{grid-gap:0;gap:0}[data-md-gap='3']{grid-gap:3px;gap:3px}[data-md-gap='6']{grid-gap:6px;gap:6px}[data-md-gap='12']{grid-gap:12px;gap:12px}[data-md-gap='24']{grid-gap:24px;gap:24px}[data-md-gap='36']{grid-gap:36px;gap:36px}[data-md-gap='48']{grid-gap:48px;gap:48px}[data-md-gap='72']{grid-gap:72px;gap:72px}[data-md-gap=auto]{grid-gap:auto;gap:auto}[data-md-gap=unset]{grid-gap:unset;gap: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-z='-1']{z-index:-1}[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='320']{max-width:320px}[data-max-width='528']{max-width:528px}[data-max-width='768']{max-width:768px}[data-max-width='1296']{max-width:1296px}[data-max-width='100%']{max-width:100%}[data-max-width=unset]{max-width:unset}@media (max-width:768px){[data-md-max-width='320']{max-width:320px}[data-md-max-width='528']{max-width:528px}[data-md-max-width='768']{max-width:768px}[data-md-max-width='1296']{max-width:1296px}[data-md-max-width='100%']{max-width:100%}[data-md-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~=upper-first]:first-letter{text-transform:uppercase}[data-transform~=truncate]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[data-transform~=center]{text-align:center}[data-transform~=nowrap]{white-space:nowrap}[data-transform~=none]{text-transform:none}[data-overflow=auto]{overflow:auto}[data-overflow=scroll]{overflow:scroll}[data-overflow=hidden]{overflow:hidden}[data-top='0']{top:0}[data-right='0']{right:0}[data-bottom='0']{bottom:0}[data-left='0']{left:0}[data-inset='0']{top:0;right:0;bottom:0;left:0}[data-height='100%']{height:100%}[data-height=auto]{height:auto}[data-height=unset]{height:unset}@media (max-width:768px){[data-md-height='100%']{height:100%}[data-md-height=auto]{height:auto}[data-md-height=unset]{height:unset}}.c-button{height:36px;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap;touch-action:manipulation;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]{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;transition:border-radius .3s,opacity .4s}.c-button:active{border:2px solid transparent!important}.c-button:disabled{opacity:.5;transition:opacity .3s}.c-button:disabled:hover{cursor:auto}.c-button[data-variant=primary]{padding:0 8px;background-color:#374151;color:#e5e7eb;letter-spacing:.75px}.c-button[data-variant=secondary]{padding:0 8px;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]{padding:0 8px;display:flex;justify-content: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;appearance:none;transition:border-radius .3s,border-color .4s}.c-input:active,.c-input:focus,.c-input:hover{border-color:#9ca3af;border-radius:0;transition:border-radius .3s,border-color .4s}.c-input:disabled{opacity:.75;background:#e5e7eb;border-color:#d1d5db}.c-input:placeholder-shown{color:#4b5563}.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;transition:opacity .3s}.c-link[data-variant=bare]{text-decoration:none}@supports ((-webkit-appearance:none) or (appearance:none)){.c-select{-webkit-appearance:none;appearance:none;line-height:24px;margin:0;padding:0 24px 0 6px;height:36px;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;transform:rotate(45deg)}.c-select:disabled{opacity:.5}.c-select:disabled:hover{cursor:auto;border:1px solid #d1d5db}}@media not all and (min-resolution:0.001dpcm){.c-select{font-size:16px}}@supports ((-webkit-appearance:none) or (appearance:none)){.c-checkbox{position:relative;-webkit-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;transition:border-color .4s}.c-checkbox:checked:hover{border-color:#d1d5db;cursor:pointer;transition:border-color .4s}.c-checkbox:focus{border:2px solid #4b5563}.c-checkbox:checked::after,.c-checkbox:hover::after{position:absolute;content:'';top:6px;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}}.c-textarea{font-size:12px;line-height:16px;color:#374151;padding:2px 6px 6px 6px;min-height:96px;background:#fff;border:1px solid #d1d5db;border-radius:4px;outline:0;-webkit-appearance:none;appearance:none;resize:vertical;transition:border-radius .3s,border-color .4s}.c-textarea:active,.c-textarea:focus,.c-textarea:hover{border-color:#9ca3af;border-radius:0;transition:border-radius .3s,border-color .4s}.c-textarea:disabled{opacity:.75;background:#e5e7eb;border-color:#d1d5db}.c-textarea:placeholder-shown{color:#4b5563}.c-textarea:invalid:not(:placeholder-shown){border-color:#b31940}@media not all and (min-resolution:0.001dpcm){.c-textarea{font-size:16px}}[data-anima=appeared]{transition:all var(--duration, 300ms)}[data-anima=hidding]{transition:all var(--duration, 300ms)}[data-anima-effect=opacity][data-anima=appearing]{opacity:0}[data-anima-effect=opacity][data-anima=appeared]{opacity:1}[data-anima-effect=opacity][data-anima=hidding]{opacity:0}[data-transform=truncate]:not([title]){position:relative}[data-transform=truncate]:not([title]):after{background:red;position:absolute;top:0;right:0;bottom:0;left:0;content:'Rule #1 violation (title-truncate)'}[target='_blank']:not([rel]){position:relative}[target='_blank']:not([rel]):after{background:red;position:absolute;top:0;right:0;bottom:0;left:0;content:'Rule #2 violation (target-blank-referer)'}
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:flex;flex-wrap:wrap}[data-display=block]{display:block}[data-display=inline-block]{display:inline-block}[data-display=none]{display:none}@media (max-width:768px){[data-md-display=flex]{display:flex;flex-wrap:wrap}[data-md-display=block]{display:block}[data-md-display=inline-block]{display:inline-block}[data-md-display=none]{display:none}}[data-main=start]{justify-content:flex-start}[data-main=end]{justify-content:flex-end}[data-main=around]{justify-content:space-around}[data-main=evenly]{justify-content:space-evenly}[data-main=between]{justify-content:space-between}[data-main=center]{justify-content:center}[data-main=baseline]{justify-content:baseline}[data-cross=start]{align-items:flex-start}[data-cross=end]{align-items:flex-end}[data-cross=around]{align-items:space-around}[data-cross=evenly]{align-items:space-evenly}[data-cross=between]{align-items:space-between}[data-cross=center]{align-items:center}[data-cross=baseline]{align-items:baseline}[data-self=start]{align-self:flex-start}[data-self=end]{align-self:flex-end}[data-self=center]{align-self:center}[data-self=baseline]{align-self:baseline}@media (max-width:768px){[data-md-main=start]{justify-content:flex-start}[data-md-main=end]{justify-content:flex-end}[data-md-main=around]{justify-content:space-around}[data-md-main=evenly]{justify-content:space-evenly}[data-md-main=between]{justify-content:space-between}[data-md-main=center]{justify-content:center}[data-md-main=baseline]{justify-content:baseline}[data-md-cross=start]{align-items:flex-start}[data-md-cross=end]{align-items:flex-end}[data-md-cross=around]{align-items:space-around}[data-md-cross=evenly]{align-items:space-evenly}[data-md-cross=between]{align-items:space-between}[data-md-cross=center]{align-items:center}[data-md-cross=baseline]{align-items:baseline}[data-md-self=start]{align-self:flex-start}[data-md-self=end]{align-self:flex-end}[data-md-self=center]{align-self:center}[data-md-self=baseline]{align-self:baseline}}[data-wrap=nowrap]{flex-wrap:nowrap}[data-wrap=wrap]{flex-wrap:wrap}[data-wrap=wrap-reverse]{flex-wrap:wrap-reverse}[data-wrap=unset]{flex-wrap:unset}@media (max-width:768px){[data-md-wrap=nowrap]{flex-wrap:nowrap}[data-md-wrap=wrap]{flex-wrap:wrap}[data-md-wrap=wrap-reverse]{flex-wrap:wrap-reverse}[data-md-wrap=unset]{flex-wrap:unset}}[data-direction=row]{flex-direction:row}[data-direction=row-reverse]{flex-direction:row-reverse}[data-direction=column]{flex-direction:column}[data-direction=column-reverse]{flex-direction:column-reverse}@media (max-width:768px){[data-md-direction=row]{flex-direction:row}[data-md-direction=row-reverse]{flex-direction:row-reverse}[data-md-direction=column]{flex-direction:column}[data-md-direction=column-reverse]{flex-direction:column-reverse}}[data-grow='1']{flex-grow:1}[data-grow=unset]{flex-grow:unset}@media (max-width:768px){[data-md-grow='1']{flex-grow:1}[data-md-grow=unset]{flex-grow:unset}}[data-gap='0']{grid-gap:0;gap:0}[data-gap='3']{grid-gap:3px;gap:3px}[data-gap='6']{grid-gap:6px;gap:6px}[data-gap='12']{grid-gap:12px;gap:12px}[data-gap='24']{grid-gap:24px;gap:24px}[data-gap='36']{grid-gap:36px;gap:36px}[data-gap='48']{grid-gap:48px;gap:48px}[data-gap='72']{grid-gap:72px;gap:72px}[data-gap=auto]{grid-gap:auto;gap:auto}[data-gap=unset]{grid-gap:unset;gap:unset}@media (max-width:768px){[data-md-gap='0']{grid-gap:0;gap:0}[data-md-gap='3']{grid-gap:3px;gap:3px}[data-md-gap='6']{grid-gap:6px;gap:6px}[data-md-gap='12']{grid-gap:12px;gap:12px}[data-md-gap='24']{grid-gap:24px;gap:24px}[data-md-gap='36']{grid-gap:36px;gap:36px}[data-md-gap='48']{grid-gap:48px;gap:48px}[data-md-gap='72']{grid-gap:72px;gap:72px}[data-md-gap=auto]{grid-gap:auto;gap:auto}[data-md-gap=unset]{grid-gap:unset;gap: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-z='-1']{z-index:-1}[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='320']{max-width:320px}[data-max-width='528']{max-width:528px}[data-max-width='768']{max-width:768px}[data-max-width='1296']{max-width:1296px}[data-max-width='100%']{max-width:100%}[data-max-width=unset]{max-width:unset}@media (max-width:768px){[data-md-max-width='320']{max-width:320px}[data-md-max-width='528']{max-width:528px}[data-md-max-width='768']{max-width:768px}[data-md-max-width='1296']{max-width:1296px}[data-md-max-width='100%']{max-width:100%}[data-md-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~=upper-first]:first-letter{text-transform:uppercase}[data-transform~=truncate]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[data-transform~=center]{text-align:center}[data-transform~=nowrap]{white-space:nowrap}[data-transform~=none]{text-transform:none}[data-overflow=auto]{overflow:auto}[data-overflow=scroll]{overflow:scroll}[data-overflow=hidden]{overflow:hidden}[data-top='0']{top:0}[data-right='0']{right:0}[data-bottom='0']{bottom:0}[data-left='0']{left:0}[data-inset='0']{top:0;right:0;bottom:0;left:0}[data-height='100%']{height:100%}[data-height=auto]{height:auto}[data-height=unset]{height:unset}@media (max-width:768px){[data-md-height='100%']{height:100%}[data-md-height=auto]{height:auto}[data-md-height=unset]{height:unset}}[data-cursor=wait]{cursor:wait}[data-cursor=auto]{cursor:auto}[data-cursor=pointer]{cursor:pointer}[data-cursor=not-allowed]{cursor:not-allowed}@media (max-width:768px){[data-md-cursor=wait]{cursor:wait}[data-md-cursor=auto]{cursor:auto}[data-md-cursor=pointer]{cursor:pointer}[data-md-cursor=not-allowed]{cursor:not-allowed}}.c-button{height:36px;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap;touch-action:manipulation;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]{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;transition:border-radius .3s,opacity .4s}.c-button:active{border:2px solid transparent!important}.c-button:disabled{opacity:.5;transition:opacity .3s}.c-button:disabled:hover{cursor:auto}.c-button[data-variant=primary]{padding:0 8px;background-color:#374151;color:#e5e7eb;letter-spacing:.75px}.c-button[data-variant=secondary]{padding:0 8px;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]{padding:0 8px;display:flex;justify-content: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;appearance:none;transition:border-radius .3s,border-color .4s}.c-input:active,.c-input:focus,.c-input:hover{border-color:#9ca3af;border-radius:0;transition:border-radius .3s,border-color .4s}.c-input:disabled{opacity:.75;background:#e5e7eb;border-color:#d1d5db}.c-input:placeholder-shown{color:#4b5563}.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;transition:opacity .3s}.c-link[data-variant=bare]{text-decoration:none}@supports ((-webkit-appearance:none) or (appearance:none)){.c-select{-webkit-appearance:none;appearance:none;line-height:24px;margin:0;padding:0 24px 0 6px;height:36px;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;transform:rotate(45deg)}.c-select:disabled{opacity:.5}.c-select:disabled:hover{cursor:auto;border:1px solid #d1d5db}}@media not all and (min-resolution:0.001dpcm){.c-select{font-size:16px}}@supports ((-webkit-appearance:none) or (appearance:none)){.c-checkbox{position:relative;-webkit-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;transition:border-color .4s}.c-checkbox:checked:hover{border-color:#d1d5db;cursor:pointer;transition:border-color .4s}.c-checkbox:focus{border:2px solid #4b5563}.c-checkbox:checked::after,.c-checkbox:hover::after{position:absolute;content:'';top:6px;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}}.c-textarea{font-size:12px;line-height:16px;color:#374151;padding:2px 6px 6px 6px;min-height:96px;background:#fff;border:1px solid #d1d5db;border-radius:4px;outline:0;-webkit-appearance:none;appearance:none;resize:vertical;transition:border-radius .3s,border-color .4s}.c-textarea:active,.c-textarea:focus,.c-textarea:hover{border-color:#9ca3af;border-radius:0;transition:border-radius .3s,border-color .4s}.c-textarea:disabled{opacity:.75;background:#e5e7eb;border-color:#d1d5db}.c-textarea:placeholder-shown{color:#4b5563}.c-textarea:invalid:not(:placeholder-shown){border-color:#b31940}@media not all and (min-resolution:0.001dpcm){.c-textarea{font-size:16px}}[data-anima=appeared]{transition:all var(--duration, 300ms)}[data-anima=hidding]{transition:all var(--duration, 300ms)}[data-anima-effect=opacity][data-anima=appearing]{opacity:0}[data-anima-effect=opacity][data-anima=appeared]{opacity:1}[data-anima-effect=opacity][data-anima=hidding]{opacity:0}[data-transform=truncate]:not([title]){position:relative}[data-transform=truncate]:not([title]):after{background:red;position:absolute;top:0;right:0;bottom:0;left:0;content:'Rule #1 violation (title-truncate)'}[target='_blank']:not([rel]){position:relative}[target='_blank']:not([rel]):after{background:red;position:absolute;top:0;right:0;bottom:0;left:0;content:'Rule #2 violation (target-blank-referer)'}
package/dist/main.min.css.br CHANGED
Binary file
package/dist/main.min.css.gz CHANGED
Binary file
package/dist/tokens.d.ts CHANGED
@@ -48,4 +48,6 @@ declare type TransformType = 'uppercase' | 'lowercase' | 'capitalize' | 'upper-f
48
48
  export declare const Transforms: Record<TransformType, string>;
49
49
  declare type OverflowType = 'auto' | 'scroll' | 'hidden';
50
50
  export declare const Overflows: Record<OverflowType, string>;
51
+ declare type CursorType = 'wait' | 'auto' | 'pointer' | 'not-allowed';
52
+ export declare const Cursors: Record<CursorType, string>;
51
53
  export {};
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.27.39",
2
+ "version": "0.27.41",
3
3
  "license": "MIT",
4
4
  "main": "dist/index.js",
5
5
  "typings": "dist/index.d.ts",
@@ -58,6 +58,7 @@
58
58
  "@storybook/addon-links": "^6.3.4",
59
59
  "@storybook/addons": "^6.3.4",
60
60
  "@storybook/react": "^6.3.4",
61
+ "@types/lodash.pick": "^4.4.7",
61
62
  "@types/react": "^17.0.14",
62
63
  "@types/react-dom": "^17.0.9",
63
64
  "babel-loader": "^8.2.2",
@@ -78,6 +79,7 @@
78
79
  "typescript": "^4.3.5"
79
80
  },
80
81
  "dependencies": {
81
- "caniuse-lite": "^1.0.30001361"
82
+ "caniuse-lite": "^1.0.30001361",
83
+ "lodash.pick": "^4.4.0"
82
84
  }
83
85
  }
package/src/axis-placements-generator.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import pick from 'lodash.pick';
1
2
  import { AbstractGenerator, GeneratorConfigType } from './generator';
2
3
 
3
4
  export class AxisPlacementsGenerator extends AbstractGenerator {
@@ -24,6 +25,13 @@ export class AxisPlacementsGenerator extends AbstractGenerator {
24
25
  output += `*[data-cross='${key}'] {\n align-items: ${value};\n}\n`;
25
26
  }
26
27
 
28
+ // Self placement alongside the cross axis: data-self="*"
29
+ for (const [key, value] of Object.entries(
30
+ pick(this.axisPlacements, ['start', 'end', 'center', 'baseline'])
31
+ )) {
32
+ output += `*[data-self='${key}'] {\n align-self: ${value};\n}\n`;
33
+ }
34
+
27
35
  for (const [name, value] of Object.entries(this.breakpoints)) {
28
36
  output += `@media (max-width: ${value}px) {\n`;
29
37
 
@@ -35,6 +43,12 @@ export class AxisPlacementsGenerator extends AbstractGenerator {
35
43
  output += ` *[data-${name}-cross='${key}'] {\n align-items: ${value};\n }\n`;
36
44
  }
37
45
 
46
+ for (const [key, value] of Object.entries(
47
+ pick(this.axisPlacements, ['start', 'end', 'center', 'baseline'])
48
+ )) {
49
+ output += ` *[data-${name}-self='${key}'] {\n align-self: ${value};\n }\n`;
50
+ }
51
+
38
52
  output += `}\n`;
39
53
  }
40
54
 
package/src/cursors-generator.ts ADDED
@@ -0,0 +1,34 @@
1
+ import { AbstractGenerator, GeneratorConfigType } from './generator';
2
+
3
+ export class CursorsGenerator extends AbstractGenerator {
4
+ cursors: GeneratorConfigType['cursors'];
5
+ breakpoints: GeneratorConfigType['breakpoints'];
6
+
7
+ constructor(config: GeneratorConfigType) {
8
+ super('Cursors');
9
+
10
+ this.cursors = config.cursors;
11
+ this.breakpoints = config.breakpoints;
12
+ }
13
+
14
+ generateCss(): string {
15
+ let output = '';
16
+
17
+ // Regular display: data-cursor="*"
18
+ for (const [key, value] of Object.entries(this.cursors)) {
19
+ output += `*[data-cursor='${key}'] {\n cursor: ${value};\n}\n`;
20
+ }
21
+
22
+ for (const [name, value] of Object.entries(this.breakpoints)) {
23
+ output += `@media (max-width: ${value}px) {\n`;
24
+
25
+ for (const [key, value] of Object.entries(this.cursors)) {
26
+ output += ` *[data-${name}-cursor='${key}'] {\n cursor: ${value};\n }\n`;
27
+ }
28
+
29
+ output += `}\n`;
30
+ }
31
+
32
+ return output;
33
+ }
34
+ }
package/src/generate-css.ts CHANGED
@@ -26,6 +26,7 @@ import { OverflowsGenerator } from './overflows-generator';
26
26
  import { PositionersGenerator } from './positioners-generator';
27
27
  import { HeightsGenerator } from './heights-generator';
28
28
  import { GapGenerator } from './gap-generator';
29
+ import { CursorsGenerator } from './cursors-generator';
29
30
 
30
31
  import {
31
32
  Spacing,
@@ -53,6 +54,7 @@ import {
53
54
  Transforms,
54
55
  Overflows,
55
56
  Heights,
57
+ Cursors,
56
58
  } from './tokens';
57
59
 
58
60
  class GeneratorProcessor {
@@ -108,6 +110,7 @@ export async function main() {
108
110
  transforms: Transforms,
109
111
  overflows: Overflows,
110
112
  heights: Heights,
113
+ cursors: Cursors,
111
114
  };
112
115
 
113
116
  await new GeneratorProcessor().process([
@@ -141,5 +144,6 @@ export async function main() {
141
144
  new OverflowsGenerator(config),
142
145
  new PositionersGenerator(),
143
146
  new HeightsGenerator(config),
147
+ new CursorsGenerator(config),
144
148
  ]);
145
149
  }
package/src/generator.ts CHANGED
@@ -24,6 +24,7 @@ import {
24
24
  Transforms,
25
25
  Overflows,
26
26
  Heights,
27
+ Cursors,
27
28
  } from './tokens';
28
29
 
29
30
  export abstract class AbstractGenerator {
@@ -69,4 +70,5 @@ export type GeneratorConfigType = {
69
70
  transforms: typeof Transforms;
70
71
  overflows: typeof Overflows;
71
72
  heights: typeof Heights;
73
+ cursors: typeof Cursors;
72
74
  };
package/src/tokens.ts CHANGED
@@ -323,3 +323,12 @@ export const Overflows: Record<OverflowType, string> = {
323
323
  scroll: 'scroll',
324
324
  hidden: 'hidden',
325
325
  };
326
+
327
+ type CursorType = 'wait' | 'auto' | 'pointer' | 'not-allowed';
328
+
329
+ export const Cursors: Record<CursorType, string> = {
330
+ wait: 'wait',
331
+ auto: 'auto',
332
+ pointer: 'pointer',
333
+ 'not-allowed': 'not-allowed',
334
+ };