diff --git a/.gitignore b/.gitignore index df2c2d9..b136436 100644 --- a/.gitignore +++ b/.gitignore @@ -9,6 +9,6 @@ lib-cov logs node_modules temp -*.css +# *.css *.css.map !example/**/*.css \ No newline at end of file diff --git a/color/css/dark-theme.css b/color/css/dark-theme.css new file mode 100644 index 0000000..28e97a8 --- /dev/null +++ b/color/css/dark-theme.css @@ -0,0 +1 @@ +:root{--md-sys-color-primary: #d3bbff;--md-sys-color-on-primary: #3f008d;--md-sys-color-primary-container: #5727a6;--md-sys-color-on-primary-container: #ebddff;--md-sys-color-secondary: #cdc2db;--md-sys-color-on-secondary: #342d40;--md-sys-color-secondary-container: #4b4358;--md-sys-color-on-secondary-container: #e9def8;--md-sys-color-tertiary: #f0b7c5;--md-sys-color-on-tertiary: #4a2530;--md-sys-color-tertiary-container: #643b46;--md-sys-color-on-tertiary-container: #ffd9e1;--md-sys-color-error: #ffb4ab;--md-sys-color-on-error: #690005;--md-sys-color-error-container: #93000a;--md-sys-color-on-error-container: #ffb4ab;--md-sys-color-background: #1d1b1e;--md-sys-color-on-background: #e6e1e6;--md-sys-color-surface: #1d1b1e;--md-sys-color-on-surface: #e6e1e6;--md-sys-color-surface-variant: #49454e;--md-sys-color-on-surface-variant: #cbc4cf;--md-sys-color-outline: #948f99;--md-sys-color-outline-variant: #49454e;--md-sys-color-shadow: #000000;--md-sys-color-scrim: #000000;--md-sys-color-inverse-surface: #e6e1e6;--md-sys-color-inverse-on-surface: #323033;--md-sys-color-inverse-primary: #6f43c0;--m3-color-primary: var(--md-sys-color-primary);--m3-color-on-primary: var(--md-sys-color-on-primary);--m3-color-primary-container: var(--md-sys-color-primary-container);--m3-color-on-primary-container: var(--md-sys-color-on-primary-container);--m3-color-secondary: var(--md-sys-color-secondary);--m3-color-on-secondary: var(--md-sys-color-on-secondary);--m3-color-secondary-container: var(--md-sys-color-secondary-container);--m3-color-on-secondary-container: var(--md-sys-color-on-secondary-container);--m3-color-tertiary: var(--md-sys-color-tertiary);--m3-color-on-tertiary: var(--md-sys-color-on-tertiary);--m3-color-tertiary-container: var(--md-sys-color-tertiary-container);--m3-color-on-tertiary-container: var(--md-sys-color-on-tertiary-container);--m3-color-error: var(--md-sys-color-error);--m3-color-on-error: var(--md-sys-color-on-error);--m3-color-error-container: var(--md-sys-color-error-container);--m3-color-on-error-container: var(--md-sys-color-on-error-container);--m3-color-background: var(--md-sys-color-background);--m3-color-on-background: var(--md-sys-color-on-background);--m3-color-surface: var(--md-sys-color-surface);--m3-color-on-surface: var(--md-sys-color-on-surface);--m3-color-surface-variant: var(--md-sys-color-surface-variant);--m3-color-on-surface-variant: var(--md-sys-color-on-surface-variant);--m3-color-outline: var(--md-sys-color-outline);--m3-color-outline-variant: var(--md-sys-color-outline-variant);--m3-color-shadow: var(--md-sys-color-shadow);--m3-color-scrim: var(--md-sys-color-scrim);--m3-color-inverse-surface: var(--md-sys-color-inverse-surface);--m3-color-inverse-on-surface: var(--md-sys-color-inverse-on-surface);--m3-color-inverse-primary: var(--md-sys-color-inverse-primary)}/*# sourceMappingURL=dark-theme.css.map */ diff --git a/color/css/light-theme.css b/color/css/light-theme.css new file mode 100644 index 0000000..ab0e816 --- /dev/null +++ b/color/css/light-theme.css @@ -0,0 +1 @@ +:root{--md-sys-color-primary: #6f43c0;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #ebddff;--md-sys-color-on-primary-container: #250059;--md-sys-color-secondary: #635b70;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #e9def8;--md-sys-color-on-secondary-container: #1f182b;--md-sys-color-tertiary: #7e525d;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: #ffd9e1;--md-sys-color-on-tertiary-container: #31101b;--md-sys-color-error: #ba1a1a;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #ffdad6;--md-sys-color-on-error-container: #410002;--md-sys-color-background: #fffbff;--md-sys-color-on-background: #1d1b1e;--md-sys-color-surface: #fffbff;--md-sys-color-on-surface: #1d1b1e;--md-sys-color-surface-variant: #e7e0eb;--md-sys-color-on-surface-variant: #49454e;--md-sys-color-outline: #7a757f;--md-sys-color-outline-variant: #cbc4cf;--md-sys-color-shadow: #000000;--md-sys-color-scrim: #000000;--md-sys-color-inverse-surface: #323033;--md-sys-color-inverse-on-surface: #f5eff4;--md-sys-color-inverse-primary: #d3bbff;--m3-color-primary: var(--md-sys-color-primary);--m3-color-on-primary: var(--md-sys-color-on-primary);--m3-color-primary-container: var(--md-sys-color-primary-container);--m3-color-on-primary-container: var(--md-sys-color-on-primary-container);--m3-color-secondary: var(--md-sys-color-secondary);--m3-color-on-secondary: var(--md-sys-color-on-secondary);--m3-color-secondary-container: var(--md-sys-color-secondary-container);--m3-color-on-secondary-container: var(--md-sys-color-on-secondary-container);--m3-color-tertiary: var(--md-sys-color-tertiary);--m3-color-on-tertiary: var(--md-sys-color-on-tertiary);--m3-color-tertiary-container: var(--md-sys-color-tertiary-container);--m3-color-on-tertiary-container: var(--md-sys-color-on-tertiary-container);--m3-color-error: var(--md-sys-color-error);--m3-color-on-error: var(--md-sys-color-on-error);--m3-color-error-container: var(--md-sys-color-error-container);--m3-color-on-error-container: var(--md-sys-color-on-error-container);--m3-color-background: var(--md-sys-color-background);--m3-color-on-background: var(--md-sys-color-on-background);--m3-color-surface: var(--md-sys-color-surface);--m3-color-on-surface: var(--md-sys-color-on-surface);--m3-color-surface-variant: var(--md-sys-color-surface-variant);--m3-color-on-surface-variant: var(--md-sys-color-on-surface-variant);--m3-color-outline: var(--md-sys-color-outline);--m3-color-outline-variant: var(--md-sys-color-outline-variant);--m3-color-shadow: var(--md-sys-color-shadow);--m3-color-scrim: var(--md-sys-color-scrim);--m3-color-inverse-surface: var(--md-sys-color-inverse-surface);--m3-color-inverse-on-surface: var(--md-sys-color-inverse-on-surface);--m3-color-inverse-primary: var(--md-sys-color-inverse-primary)}/*# sourceMappingURL=light-theme.css.map */ diff --git a/typography/css/index.css b/typography/css/index.css new file mode 100644 index 0000000..add0ac3 --- /dev/null +++ b/typography/css/index.css @@ -0,0 +1 @@ +:root{--m3-hero-font-size: 7rem;--m3-hero-line-height: 7rem;--m3-hero-font-weight: 475;--m3-hero-letter-spacing: 0rem;--m3-display-xl-font-size: 5.5rem;--m3-display-xl-line-height: 6rem;--m3-display-xl-font-weight: 475;--m3-display-xl-letter-spacing: 0rem;--m3-display-l-font-size: 3.5625rem;--m3-display-l-line-height: 4rem;--m3-display-l-font-weight: 475;--m3-display-l-letter-spacing: -0.015625rem;--m3-display-m-font-size: 2.8125rem;--m3-display-m-line-height: 3.25rem;--m3-display-m-font-weight: 475;--m3-display-m-letter-spacing: 0rem;--m3-display-s-font-size: 2.25rem;--m3-display-s-line-height: 2.75rem;--m3-display-s-font-weight: 475;--m3-display-s-letter-spacing: 0rem;--m3-headline-l-font-size: 2rem;--m3-headline-l-line-height: 2.5rem;--m3-headline-l-font-weight: 475;--m3-headline-l-letter-spacing: 0rem;--m3-headline-m-font-size: 1.75rem;--m3-headline-m-line-height: 2.25rem;--m3-headline-m-font-weight: 475;--m3-headline-m-letter-spacing: 0rem;--m3-headline-s-font-size: 1.5rem;--m3-headline-s-line-height: 2rem;--m3-headline-s-font-weight: 475;--m3-headline-s-letter-spacing: 0rem;--m3-title-l-font-size: 1.375rem;--m3-title-l-line-height: 1.875rem;--m3-title-l-font-weight: 400;--m3-title-l-letter-spacing: 0rem;--m3-title-m-font-size: 1rem;--m3-title-m-line-height: 1.5rem;--m3-title-m-font-weight: 500;--m3-title-m-letter-spacing: 0rem;--m3-title-s-font-size: 0.875rem;--m3-title-s-line-height: 1.25rem;--m3-title-s-font-weight: 500;--m3-title-s-letter-spacing: 0rem;--m3-label-l-font-size: 0.875rem;--m3-label-l-line-height: 1.25rem;--m3-label-l-font-weight: 500;--m3-label-l-letter-spacing: 0rem;--m3-label-m-font-size: 0.75rem;--m3-label-m-line-height: 1rem;--m3-label-m-font-weight: 500;--m3-label-m-letter-spacing: 0.00625rem;--m3-label-s-font-size: 0.6875rem;--m3-label-s-line-height: 1rem;--m3-label-s-font-weight: 500;--m3-label-s-letter-spacing: 0.00625rem;--m3-body-l-font-size: 1rem;--m3-body-l-line-height: 1.5rem;--m3-body-l-font-weight: 400;--m3-body-l-letter-spacing: 0rem;--m3-body-m-font-size: 0.875rem;--m3-body-m-line-height: 1.25rem;--m3-body-m-font-weight: 400;--m3-body-m-letter-spacing: 0rem;--m3-body-s-font-size: 0.75rem;--m3-body-s-line-height: 1rem;--m3-body-s-font-weight: 400;--m3-body-s-letter-spacing: 0.00625rem;--m3-code-l-font-size: 1rem;--m3-code-l-line-height: 1.5rem;--m3-code-l-font-weight: 400;--m3-code-l-letter-spacing: 0rem;--m3-code-m-font-size: 0.875rem;--m3-code-m-line-height: 1.25rem;--m3-code-m-font-weight: 400;--m3-code-m-letter-spacing: 0rem;--m3-code-snippet-font-size: 0.9375rem;--m3-code-snippet-line-height: 2rem;--m3-code-snippet-font-weight: 500;--m3-code-snippet-letter-spacing: 0rem}.prose:not(:where([class~=not-prose] *)) h2,.prose:not(:where([class~=not-prose] *)) h4,.prose:not(:where([class~=not-prose] *)) h5,.prose:not(:where([class~=not-prose] *)) h6{margin-top:2rem;margin-bottom:1.5rem}.prose:not(:where([class~=not-prose] *)) h1{margin:2rem 0}.prose:not(:where([class~=not-prose] *)){font-size:var(--m3-body-l-font-size);line-height:var(--m3-body-l-line-height);font-weight:var(--m3-body-l-font-weight);letter-spacing:var(--m3-body-l-letter-spacing)}@media screen and (max-width: 600px){.prose:not(:where([class~=not-prose] *)){font-size:var(--m3-body-m-font-size);line-height:var(--m3-body-m-line-height);font-weight:var(--m3-body-m-font-weight);letter-spacing:var(--m3-body-m-letter-spacing)}}@media screen and (min-width: 601px)and (max-width: 1294px){.prose:not(:where([class~=not-prose] *)){font-size:var(--m3-body-l-font-size);line-height:var(--m3-body-l-line-height);font-weight:var(--m3-body-l-font-weight);letter-spacing:var(--m3-body-l-letter-spacing)}}.prose:not(:where([class~=not-prose] *)) h1{font-size:var(--m3-display-l-font-size);line-height:var(--m3-display-l-line-height);font-weight:var(--m3-display-l-font-weight);letter-spacing:var(--m3-display-l-letter-spacing)}@media screen and (max-width: 600px){.prose:not(:where([class~=not-prose] *)) h1{font-size:var(--m3-display-s-font-size);line-height:var(--m3-display-s-line-height);font-weight:var(--m3-display-s-font-weight);letter-spacing:var(--m3-display-s-letter-spacing)}}@media screen and (min-width: 601px)and (max-width: 1294px){.prose:not(:where([class~=not-prose] *)) h1{font-size:var(--m3-display-m-font-size);line-height:var(--m3-display-m-line-height);font-weight:var(--m3-display-m-font-weight);letter-spacing:var(--m3-display-m-letter-spacing)}}.prose:not(:where([class~=not-prose] *)) h2{font-size:var(--m3-display-m-font-size);line-height:var(--m3-display-m-line-height);font-weight:var(--m3-display-m-font-weight);letter-spacing:var(--m3-display-m-letter-spacing)}@media screen and (max-width: 600px){.prose:not(:where([class~=not-prose] *)) h2{font-size:var(--m3-headline-l-font-size);line-height:var(--m3-headline-l-line-height);font-weight:var(--m3-headline-l-font-weight);letter-spacing:var(--m3-headline-l-letter-spacing)}}@media screen and (min-width: 601px)and (max-width: 1294px){.prose:not(:where([class~=not-prose] *)) h2{font-size:var(--m3-display-s-font-size);line-height:var(--m3-display-s-line-height);font-weight:var(--m3-display-s-font-weight);letter-spacing:var(--m3-display-s-letter-spacing)}}.prose:not(:where([class~=not-prose] *)) h3{font-size:var(--m3-display-s-font-size);line-height:var(--m3-display-s-line-height);font-weight:var(--m3-display-s-font-weight);letter-spacing:var(--m3-display-s-letter-spacing)}@media screen and (max-width: 600px){.prose:not(:where([class~=not-prose] *)) h3{font-size:var(--m3-headline-m-font-size);line-height:var(--m3-headline-m-line-height);font-weight:var(--m3-headline-m-font-weight);letter-spacing:var(--m3-headline-m-letter-spacing)}}@media screen and (min-width: 601px)and (max-width: 1294px){.prose:not(:where([class~=not-prose] *)) h3{font-size:var(--m3-headline-l-font-size);line-height:var(--m3-headline-l-line-height);font-weight:var(--m3-headline-l-font-weight);letter-spacing:var(--m3-headline-l-letter-spacing)}}.prose:not(:where([class~=not-prose] *)) h4{font-size:var(--m3-headline-s-font-size);line-height:var(--m3-headline-s-line-height);font-weight:var(--m3-headline-s-font-weight);letter-spacing:var(--m3-headline-s-letter-spacing)}@media screen and (max-width: 600px){.prose:not(:where([class~=not-prose] *)) h4{font-size:var(--m3-headline-s-font-size);line-height:var(--m3-headline-s-line-height);font-weight:var(--m3-headline-s-font-weight);letter-spacing:var(--m3-headline-s-letter-spacing)}}@media screen and (min-width: 601px)and (max-width: 1294px){.prose:not(:where([class~=not-prose] *)) h4{font-size:var(--m3-headline-s-font-size);line-height:var(--m3-headline-s-line-height);font-weight:var(--m3-headline-s-font-weight);letter-spacing:var(--m3-headline-s-letter-spacing)}}.prose:not(:where([class~=not-prose] *)) h5{font-size:var(--m3-title-m-font-size);line-height:var(--m3-title-m-line-height);font-weight:var(--m3-title-m-font-weight);letter-spacing:var(--m3-title-m-letter-spacing)}@media screen and (max-width: 600px){.prose:not(:where([class~=not-prose] *)) h5{font-size:var(--m3-title-m-font-size);line-height:var(--m3-title-m-line-height);font-weight:var(--m3-title-m-font-weight);letter-spacing:var(--m3-title-m-letter-spacing)}}@media screen and (min-width: 601px)and (max-width: 1294px){.prose:not(:where([class~=not-prose] *)) h5{font-size:var(--m3-title-m-font-size);line-height:var(--m3-title-m-line-height);font-weight:var(--m3-title-m-font-weight);letter-spacing:var(--m3-title-m-letter-spacing)}}.prose:not(:where([class~=not-prose] *)) h6{font-size:var(--m3-title-m-font-size);line-height:var(--m3-title-m-line-height);font-weight:var(--m3-title-m-font-weight);letter-spacing:var(--m3-title-m-letter-spacing)}@media screen and (max-width: 600px){.prose:not(:where([class~=not-prose] *)) h6{font-size:var(--m3-title-m-font-size);line-height:var(--m3-title-m-line-height);font-weight:var(--m3-title-m-font-weight);letter-spacing:var(--m3-title-m-letter-spacing)}}@media screen and (min-width: 601px)and (max-width: 1294px){.prose:not(:where([class~=not-prose] *)) h6{font-size:var(--m3-title-m-font-size);line-height:var(--m3-title-m-line-height);font-weight:var(--m3-title-m-font-weight);letter-spacing:var(--m3-title-m-letter-spacing)}}.prose:not(:where([class~=not-prose] *)) a{font-size:var(--m3-title-m-font-size);line-height:var(--m3-title-m-line-height);font-weight:var(--m3-title-m-font-weight);letter-spacing:var(--m3-title-m-letter-spacing)}@media screen and (max-width: 600px){.prose:not(:where([class~=not-prose] *)) a{font-size:var(--m3-title-m-font-size);line-height:var(--m3-title-m-line-height);font-weight:var(--m3-title-m-font-weight);letter-spacing:var(--m3-title-m-letter-spacing)}}@media screen and (min-width: 601px)and (max-width: 1294px){.prose:not(:where([class~=not-prose] *)) a{font-size:var(--m3-title-m-font-size);line-height:var(--m3-title-m-line-height);font-weight:var(--m3-title-m-font-weight);letter-spacing:var(--m3-title-m-letter-spacing)}}.prose:not(:where([class~=not-prose] *)) img{margin-top:2em;margin-bottom:2em}.prose:not(:where([class~=not-prose] *)) picture{margin-top:2em;margin-bottom:2em}.prose:not(:where([class~=not-prose] *)) picture>img{margin-top:0;margin-bottom:0}.prose:not(:where([class~=not-prose] *)) video{margin-top:2em;margin-bottom:2em}.prose:not(:where([class~=not-prose] *)) strong,.prose:not(:where([class~=not-prose] *)) b{font-weight:600}.prose:not(:where([class~=not-prose] *)) em{font-style:italic}.prose:not(:where([class~=not-prose] *)) p{margin-top:1.25em;margin-bottom:1.25em}.prose:not(:where([class~=not-prose] *)) blockquote{margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.prose:not(:where([class~=not-prose] *)) ul{list-style:disc outside none;list-style:initial}.prose:not(:where([class~=not-prose] *)) kbd{font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-right:.375em;padding-bottom:.1875em;padding-left:.375em}.prose:not(:where([class~=not-prose] *)) code{font-size:.875em}.prose:not(:where([class~=not-prose] *)) h2 code{font-size:.875em}.prose:not(:where([class~=not-prose] *)) h3 code{font-size:.9em}.prose:not(:where([class~=not-prose] *)) pre{font-size:.875em;line-height:1.7143;margin-top:1.7143em;margin-bottom:1.7143em;border-radius:.375rem;padding-top:.8571em;padding-right:16,14;padding-bottom:.8571em;padding-left:1.1429em}.prose:not(:where([class~=not-prose] *)) ol{margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose:not(:where([class~=not-prose] *)) ul{margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose:not(:where([class~=not-prose] *)) li{margin-top:.5em;margin-bottom:.5em}.prose:not(:where([class~=not-prose] *)) ol>li{padding-left:.375em}.prose:not(:where([class~=not-prose] *)) ul>li{padding-left:.375em}.prose:not(:where([class~=not-prose] *))>ul>li p{margin-top:.75em;margin-bottom:.75em}.prose:not(:where([class~=not-prose] *))>ul>li>*:first-child{margin-top:1.25em}.prose:not(:where([class~=not-prose] *))>ul>li>*:last-child{margin-bottom:1.25em}.prose:not(:where([class~=not-prose] *))>ol>li>*:first-child{margin-top:1.25em}.prose:not(:where([class~=not-prose] *))>ol>li>*:last-child{margin-bottom:1.25em}.prose:not(:where([class~=not-prose] *)) ul ul,.prose:not(:where([class~=not-prose] *)) ul ol,.prose:not(:where([class~=not-prose] *)) ol ul,.prose:not(:where([class~=not-prose] *)) ol ol{margin-top:.75em;margin-bottom:.75em}.prose:not(:where([class~=not-prose] *)) dl{margin-top:1.25em;margin-bottom:1.25em}.prose:not(:where([class~=not-prose] *)) dt{margin-top:1.25em}.prose:not(:where([class~=not-prose] *)) dd{margin-top:.5em;padding-left:1.625em}.prose:not(:where([class~=not-prose] *)) hr{margin-top:3em;margin-bottom:3em}.prose:not(:where([class~=not-prose] *)) hr+*{margin-top:0}.prose:not(:where([class~=not-prose] *)) h2+*{margin-top:0}.prose:not(:where([class~=not-prose] *)) h3+*{margin-top:0}.prose:not(:where([class~=not-prose] *)) h4+*{margin-top:0}.prose:not(:where([class~=not-prose] *)) table{font-size:.875em;line-height:1.7143}.prose:not(:where([class~=not-prose] *)) thead th{padding-left:.5714em;padding-right:.5714em;padding-bottom:.5714em}.prose:not(:where([class~=not-prose] *)) thead th:first-child{padding-left:0}.prose:not(:where([class~=not-prose] *)) thead th:last-child{padding-right:0}.prose:not(:where([class~=not-prose] *)) tbody td,.prose:not(:where([class~=not-prose] *)) tfoot td{padding-top:.5714em;padding-left:.5714em;padding-right:.5714em;padding-bottom:.5714em}.prose:not(:where([class~=not-prose] *)) tbody td:first-child,.prose:not(:where([class~=not-prose] *)) tfoot td:first-child{padding-left:0}.prose:not(:where([class~=not-prose] *)) tbody td:last-child,.prose:not(:where([class~=not-prose] *)) tfoot td:last-child{padding-right:0}.prose:not(:where([class~=not-prose] *)) figure{margin-top:2em;margin-bottom:2em}.prose:not(:where([class~=not-prose] *)) figure>*{margin-top:0;margin-bottom:0}.prose:not(:where([class~=not-prose] *)) figcaption{font-size:.875em;line-height:1.4286;margin-top:.8571em}.prose:not(:where([class~=not-prose] *))>*:first-child{margin-top:0}.prose:not(:where([class~=not-prose] *))>*:last-child{margin-bottom:0}.prose-ul-star:not(:where([class~=not-prose] *)) ul{list-style:none}.prose-ul-star:not(:where([class~=not-prose] *)) ul li{position:relative}.prose-ul-star:not(:where([class~=not-prose] *)) ul li:nth-child(3n+1){--rotation: 1}.prose-ul-star:not(:where([class~=not-prose] *)) ul li:nth-child(3n+2){--rotation: 2}.prose-ul-star:not(:where([class~=not-prose] *)) ul li:nth-child(3n+3){--rotation: 3}.prose-ul-star:not(:where([class~=not-prose] *)) ul li::before{content:"";height:1.625em;width:8px;display:inline-block;position:absolute;top:0;left:calc((-1.625em - 8px)/2);background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.95843 0.279933C5.5378 -0.353974 6.58452 0.173492 6.41974 1.01632L6.05454 2.88412C5.99767 3.17501 6.09646 3.47451 6.31525 3.67447L7.72007 4.95843C8.35397 5.5378 7.82651 6.58452 6.98368 6.41974L5.11588 6.05454C4.82499 5.99767 4.52549 6.09646 4.32553 6.31525L3.04157 7.72007C2.4622 8.35397 1.41548 7.82651 1.58026 6.98368L1.94545 5.11588C2.00233 4.82499 1.90354 4.52549 1.68475 4.32553L0.279933 3.04157C-0.353974 2.4622 0.173492 1.41548 1.01632 1.58026L2.88412 1.94545C3.17501 2.00233 3.47451 1.90354 3.67447 1.68475L4.95843 0.279933Z' fill='%231E1E1C'/%3E%3C/svg%3E") no-repeat;mask-size:100% 100%;vertical-align:text-bottom;transform:rotate(calc(var(--rotation) * 30deg))}/*# sourceMappingURL=index.css.map */