@krudi/styles 0.1.2 → 0.1.3

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 (65) hide show
  1. package/README.md +1 -2
  2. package/dist/index.d.ts +1 -1
  3. package/dist/index.d.ts.map +1 -1
  4. package/dist/index.js +1 -0
  5. package/dist/modal.d.ts +8 -0
  6. package/dist/modal.d.ts.map +1 -0
  7. package/dist/modal.js +27 -0
  8. package/dist/styles/base/_base.css +1 -1
  9. package/dist/styles/base/_focus.css +1 -1
  10. package/dist/styles/base/_reset.css +1 -1
  11. package/dist/styles/base/_typography.css +1 -1
  12. package/dist/styles/base/index.css +1 -1
  13. package/dist/styles/components/_accordion.css +1 -0
  14. package/dist/styles/components/_alert.css +1 -0
  15. package/dist/styles/components/_badge.css +1 -1
  16. package/dist/styles/components/_blockquote.css +1 -0
  17. package/dist/styles/components/_button-group.css +1 -0
  18. package/dist/styles/components/_button.css +1 -0
  19. package/dist/styles/components/_dropdown.css +1 -0
  20. package/dist/styles/components/_horizontal-line.css +1 -0
  21. package/dist/styles/components/_list.css +1 -0
  22. package/dist/styles/components/_modal.css +1 -0
  23. package/dist/styles/components/_pagination.css +1 -0
  24. package/dist/styles/components/index.css +1 -1
  25. package/dist/styles/forms/_block.css +1 -0
  26. package/dist/styles/forms/_checkbox.css +1 -0
  27. package/dist/styles/forms/_fieldset.css +1 -0
  28. package/dist/styles/forms/_input-group.css +1 -0
  29. package/dist/styles/forms/_input.css +1 -0
  30. package/dist/styles/forms/_label.css +1 -0
  31. package/dist/styles/forms/_legend.css +1 -0
  32. package/dist/styles/forms/_radio.css +1 -0
  33. package/dist/styles/forms/_required.css +1 -0
  34. package/dist/styles/forms/_select.css +1 -0
  35. package/dist/styles/forms/_text.css +1 -0
  36. package/dist/styles/forms/index.css +1 -0
  37. package/dist/styles/index.css +1 -0
  38. package/dist/styles/layout/_container.css +1 -1
  39. package/dist/styles/layout/_grid.css +1 -0
  40. package/dist/styles/layout/index.css +1 -1
  41. package/dist/styles/theme.css +1 -1
  42. package/dist/styles/utilities/_background-colors.css +1 -1
  43. package/dist/styles/utilities/_border-radius.css +1 -0
  44. package/dist/styles/utilities/_color.css +1 -1
  45. package/dist/styles/utilities/_display.css +1 -0
  46. package/dist/styles/utilities/_margin.css +1 -1
  47. package/dist/styles/utilities/_padding.css +1 -1
  48. package/dist/styles/utilities/_text-align.css +1 -0
  49. package/dist/styles/utilities/_visibility.css +1 -0
  50. package/dist/styles/utilities/index.css +1 -1
  51. package/dist/styles/variables.css +1 -1
  52. package/package.json +18 -12
  53. package/assets/icons/arrow-up-right-from-square-solid-full.svg +0 -1
  54. package/assets/icons/download-solid-full.svg +0 -1
  55. package/assets/icons/envelope-regular-full.svg +0 -1
  56. package/assets/icons/square-phone-solid-full.svg +0 -1
  57. package/dist/styles/components/_skeleton.css +0 -1
  58. package/dist/styles/elements/_github-activity.css +0 -1
  59. package/dist/styles/elements/_github-projects.css +0 -1
  60. package/dist/styles/elements/_header.css +0 -1
  61. package/dist/styles/elements/_section-contact.css +0 -1
  62. package/dist/styles/elements/index.css +0 -1
  63. package/dist/styles/layout/_gird.css +0 -1
  64. package/dist/styles/styles.css +0 -1
  65. /package/dist/styles/utilities/{_text.css → _line-clamp.css} +0 -0
package/README.md CHANGED
@@ -14,7 +14,7 @@ npm install @krudi/styles
14
14
  Import everything:
15
15
 
16
16
  ```css
17
- @import '@krudi/styles/ui';
17
+ @import '@krudi/styles';
18
18
  ```
19
19
 
20
20
  Or compose layers with CSS cascade layers:
@@ -53,7 +53,6 @@ Import the layers first, then override inside the matching layer so specificity
53
53
 
54
54
  @layer theme {
55
55
  :root {
56
- --c-primary: #6b5bff;
57
56
  }
58
57
  }
59
58
  ```
package/dist/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export {};
1
+ export { wireModalTrigger } from './modal.js';
2
2
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/scripts/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/scripts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC"}
package/dist/index.js CHANGED
@@ -0,0 +1 @@
1
+ export { wireModalTrigger } from './modal.js';
@@ -0,0 +1,8 @@
1
+ type ModalIds = {
2
+ openId: string;
3
+ dialogId: string;
4
+ closeSelector?: string;
5
+ };
6
+ export declare const wireModalTrigger: ({ openId, dialogId, closeSelector }: ModalIds) => (() => void);
7
+ export {};
8
+ //# sourceMappingURL=modal.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../src/scripts/modal.ts"],"names":[],"mappings":"AAAA,KAAK,QAAQ,GAAG;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,qCAAqC,QAAQ,KAAG,CAAC,MAAM,IAAI,CAkC3F,CAAC"}
package/dist/modal.js ADDED
@@ -0,0 +1,27 @@
1
+ export const wireModalTrigger = ({ openId, dialogId, closeSelector }) => {
2
+ const openTrigger = document.getElementById(openId);
3
+ const dialog = document.getElementById(dialogId);
4
+ if (!(openTrigger instanceof HTMLElement) || !(dialog instanceof HTMLDialogElement)) {
5
+ return () => undefined;
6
+ }
7
+ const selector = closeSelector ?? '[data-modal-close]';
8
+ const onClick = () => {
9
+ dialog.showModal();
10
+ };
11
+ const onCloseClick = (event) => {
12
+ const target = event.target instanceof HTMLElement ? event.target : null;
13
+ if (!target) {
14
+ return;
15
+ }
16
+ if (!target.closest(selector)) {
17
+ return;
18
+ }
19
+ dialog.close();
20
+ };
21
+ openTrigger.addEventListener('click', onClick);
22
+ dialog.addEventListener('click', onCloseClick);
23
+ return () => {
24
+ openTrigger.removeEventListener('click', onClick);
25
+ dialog.removeEventListener('click', onCloseClick);
26
+ };
27
+ };
@@ -1 +1 @@
1
- html{scroll-behavior:smooth}body{background-color:var(--body-background-color);line-height:var(--body-line-height);margin:0;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;color:var(--body-color);font-family:var(--body-font-family);font-size:var(--body-font-size);overflow-x:hidden;text-rendering:optimizelegibility}
1
+ html{scroll-behavior:smooth;scrollbar-gutter:stable}body{background-color:var(--body-background-color);line-height:var(--body-line-height);margin:0;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;accent-color:var(--c-secondary);color:var(--body-color);font-family:var(--body-font-family);font-size:var(--body-font-size);overflow-x:hidden;text-rendering:optimizelegibility}@media (prefers-reduced-transparency:reduce){:root{--modal-backdrop:hsl(0deg 0 0/85%)}}@media (prefers-reduced-data:reduce){:root{--shadow-md:none}}@media (forced-colors:active){:is(a,button,input,textarea,summary){forced-color-adjust:auto}}@media (prefers-contrast:more){:root{--outline-size:max(3px,0.12em)}}
@@ -1 +1 @@
1
- :is(a,button,input,textarea,summary){--outline-size:max(2px,0.08em);--outline-style:solid;--outline-color:currentcolor}:is(a,button,input,textarea,summary):focus{outline:var(--outline-size) var(--outline-style) var(--outline-color);outline-offset:var(--outline-offset,var(--outline-size))}:is(a,button,input,textarea,summary):focus-visible{outline:var(--outline-size) var(--outline-style) var(--outline-color);outline-offset:var(--outline-offset,var(--outline-size))}:is(a,button,input,textarea,summary):focus:not(:focus-visible){outline:none}
1
+ :is(a,button,input,textarea,summary){--outline-size:max(2px,0.08em);--outline-style:solid;--outline-color:currentcolor}:is(a,button,input,textarea,summary):focus-visible{outline:var(--outline-size) var(--outline-style) var(--outline-color);outline-offset:var(--outline-offset,var(--outline-size))}:is(a,button,input,textarea,summary):focus:not(:focus-visible){outline:none}
@@ -1 +1 @@
1
- *,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;min-height:100vh;text-rendering:optimizespeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}
1
+ *,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation:none!important;scroll-behavior:auto!important;transition:none!important}}body{line-height:var(--line-height-150);min-height:100vh;text-rendering:optimizespeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}
@@ -1 +1 @@
1
- .h1,h1{font-size:var(--heading-1);line-height:1.1}.h1,.h2,h1,h2{display:block;font-family:var(--heading-font-family);font-weight:700;margin-block-end:var(--spacer)}.h2,h2{font-size:var(--heading-2);line-height:1.15}.h3,h3{font-size:var(--heading-3);line-height:1.2}.h3,.h4,h3,h4{display:block;font-family:var(--heading-font-family);font-weight:700;margin-block-end:var(--spacer)}.h4,h4{font-size:var(--heading-4);line-height:1.25}.h5,h5{font-size:var(--heading-5);line-height:1.3}.h5,.h6,h5,h6{display:block;font-family:var(--heading-font-family);font-weight:700;margin-block-end:var(--spacer)}.h6,h6{font-size:var(--heading-6);line-height:1.4}.p,p{color:var(--p-color);font-size:var(--p-font-size);line-height:var(--p-line-height);margin-block-end:var(--p-margin-block-start)}.p,p:last-child{margin-block-end:0}.a,a{color:var(--a-color);font-size:var(--a-font-size);text-decoration-style:var(--a-text-decoration-style);text-decoration-thickness:var(--a-text-decoration-thickness);text-underline-offset:var(--a-text-underline-offset)}a:is(:hover,:focus){color:var(--c-black);text-decoration-style:var(--a-text-decoration-style-hover)}:is(a[href^="tel:"]:not([class]),a[href^="mailto:"]:not([class]),a[download]:not([class]),a[href^="http://"]:not([class]),a[href^="https://"]:not([class])):not(:has(img)):after{background-repeat:no-repeat;background-size:contain;color:var(--a-color);content:" ";display:inline-block;height:1em;margin-inline:.25rem;vertical-align:middle;width:1em}a[href^="tel:"]:after{background-image:url(@krudi/icons/phone.svg)}a[href^="mailto:"]:after{background-image:url(@krudi/icons/envelope.svg)}a[download]:after{background-image:url(@krudi/icons/download.svg)}a[href^="http://"]:after,a[href^="https://"]:after{background-image:url(@krudi/icons/external-link.svg)}
1
+ .h1,h1{font-size:var(--heading-1);line-height:var(--line-height-110)}.h1,.h2,h1,h2{display:block;font-family:var(--heading-font-family);font-weight:700;margin-block-end:var(--spacer);text-wrap:balance}.h2,h2{font-size:var(--heading-2);line-height:var(--line-height-115)}.h3,h3{font-size:var(--heading-3);line-height:var(--line-height-120)}.h3,.h4,h3,h4{display:block;font-family:var(--heading-font-family);font-weight:700;margin-block-end:var(--spacer);text-wrap:balance}.h4,h4{font-size:var(--heading-4);line-height:var(--line-height-125)}.h5,h5{font-size:var(--heading-5);line-height:var(--line-height-130)}.h5,.h6,h5,h6{display:block;font-family:var(--heading-font-family);font-weight:700;margin-block-end:var(--spacer);text-wrap:balance}.h6,h6{font-size:var(--heading-6);line-height:var(--line-height-140)}.p,p{color:var(--p-color);font-size:var(--p-font-size);hyphens:auto;line-height:var(--p-line-height);margin-block-end:var(--p-margin-block-start);text-wrap:pretty}.p,p:last-child{margin-block-end:0}.a,a{color:var(--a-color);font-size:var(--a-font-size);text-decoration-line:var(--a-text-decoration-line);text-decoration-style:var(--a-text-decoration-style);text-decoration-thickness:var(--a-text-decoration-thickness);text-underline-offset:var(--a-text-underline-offset)}a:is(:hover,:focus-visible){color:var(--a-color-hover);text-decoration-line:var(--a-text-decoration-line-hover);text-decoration-style:var(--a-text-decoration-style-hover)}:is(a[href^="tel:"]:not([class]),a[href^="mailto:"]:not([class]),a[download]:not([class]),a[href^="http://"]:not([class]),a[href^="https://"]:not([class])):not(:has(img)):after{background-repeat:no-repeat;background-size:contain;color:var(--a-color);content:" ";display:inline-block;height:1em;margin-inline:.25rem;vertical-align:middle;width:1em}a[href^="tel:"]:after{background-image:url(@krudi/icons/square-phone.svg)}a[href^="mailto:"]:after{background-image:url(@krudi/icons/envelope.svg)}a[download]:after{background-image:url(@krudi/icons/download.svg)}a[href^="http://"]:after,a[href^="https://"]:after{background-image:url(@krudi/icons/arrow-up-right-from-square.svg)}
@@ -1 +1 @@
1
- @layer base{*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;min-height:100vh;text-rendering:optimizespeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}html{scroll-behavior:smooth}body{background-color:var(--body-background-color);line-height:var(--body-line-height);margin:0;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;color:var(--body-color);font-family:var(--body-font-family);font-size:var(--body-font-size);overflow-x:hidden;text-rendering:optimizelegibility}}@layer base{}@layer base{:is(a,button,input,textarea,summary){--outline-size:max(2px,0.08em);--outline-style:solid;--outline-color:currentcolor}:is(a,button,input,textarea,summary):focus{outline:var(--outline-size) var(--outline-style) var(--outline-color);outline-offset:var(--outline-offset,var(--outline-size))}:is(a,button,input,textarea,summary):focus-visible{outline:var(--outline-size) var(--outline-style) var(--outline-color);outline-offset:var(--outline-offset,var(--outline-size))}:is(a,button,input,textarea,summary):focus:not(:focus-visible){outline:none}}@layer base{.h1,h1{font-size:var(--heading-1);line-height:1.1}.h1,.h2,h1,h2{display:block;font-family:var(--heading-font-family);font-weight:700;margin-block-end:var(--spacer)}.h2,h2{font-size:var(--heading-2);line-height:1.15}.h3,h3{font-size:var(--heading-3);line-height:1.2}.h3,.h4,h3,h4{display:block;font-family:var(--heading-font-family);font-weight:700;margin-block-end:var(--spacer)}.h4,h4{font-size:var(--heading-4);line-height:1.25}.h5,h5{font-size:var(--heading-5);line-height:1.3}.h5,.h6,h5,h6{display:block;font-family:var(--heading-font-family);font-weight:700;margin-block-end:var(--spacer)}.h6,h6{font-size:var(--heading-6);line-height:1.4}.p,p{color:var(--p-color);font-size:var(--p-font-size);line-height:var(--p-line-height);margin-block-end:var(--p-margin-block-start)}.p,p:last-child{margin-block-end:0}.a,a{color:var(--a-color);font-size:var(--a-font-size);text-decoration-style:var(--a-text-decoration-style);text-decoration-thickness:var(--a-text-decoration-thickness);text-underline-offset:var(--a-text-underline-offset)}a:is(:hover,:focus){color:var(--c-black);text-decoration-style:var(--a-text-decoration-style-hover)}:is(a[href^="tel:"]:not([class]),a[href^="mailto:"]:not([class]),a[download]:not([class]),a[href^="http://"]:not([class]),a[href^="https://"]:not([class])):not(:has(img)):after{background-repeat:no-repeat;background-size:contain;color:var(--a-color);content:" ";display:inline-block;height:1em;margin-inline:.25rem;vertical-align:middle;width:1em}a[href^="tel:"]:after{background-image:url(@krudi/icons/phone.svg)}a[href^="mailto:"]:after{background-image:url(@krudi/icons/envelope.svg)}a[download]:after{background-image:url(@krudi/icons/download.svg)}a[href^="http://"]:after,a[href^="https://"]:after{background-image:url(@krudi/icons/external-link.svg)}}
1
+ @layer base{*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation:none!important;scroll-behavior:auto!important;transition:none!important}}body{line-height:var(--line-height-150);min-height:100vh;text-rendering:optimizespeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{background-color:var(--body-background-color);line-height:var(--body-line-height);margin:0;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;accent-color:var(--c-secondary);color:var(--body-color);font-family:var(--body-font-family);font-size:var(--body-font-size);overflow-x:hidden;text-rendering:optimizelegibility}}@layer base{@media (prefers-reduced-transparency:reduce){:root{--modal-backdrop:hsl(0deg 0 0/85%)}}@media (prefers-reduced-data:reduce){:root{--shadow-md:none}}@media (forced-colors:active){:is(a,button,input,textarea,summary){forced-color-adjust:auto}}@media (prefers-contrast:more){:root{--outline-size:max(3px,0.12em)}}}@layer base{:is(a,button,input,textarea,summary){--outline-size:max(2px,0.08em);--outline-style:solid;--outline-color:currentcolor}:is(a,button,input,textarea,summary):focus-visible{outline:var(--outline-size) var(--outline-style) var(--outline-color);outline-offset:var(--outline-offset,var(--outline-size))}:is(a,button,input,textarea,summary):focus:not(:focus-visible){outline:none}}@layer base{.h1,h1{font-size:var(--heading-1);line-height:var(--line-height-110)}.h1,.h2,h1,h2{display:block;font-family:var(--heading-font-family);font-weight:700;margin-block-end:var(--spacer);text-wrap:balance}.h2,h2{font-size:var(--heading-2);line-height:var(--line-height-115)}.h3,h3{font-size:var(--heading-3);line-height:var(--line-height-120)}.h3,.h4,h3,h4{display:block;font-family:var(--heading-font-family);font-weight:700;margin-block-end:var(--spacer);text-wrap:balance}.h4,h4{font-size:var(--heading-4);line-height:var(--line-height-125)}.h5,h5{font-size:var(--heading-5);line-height:var(--line-height-130)}.h5,.h6,h5,h6{display:block;font-family:var(--heading-font-family);font-weight:700;margin-block-end:var(--spacer);text-wrap:balance}.h6,h6{font-size:var(--heading-6);line-height:var(--line-height-140)}.p,p{color:var(--p-color);font-size:var(--p-font-size);hyphens:auto;line-height:var(--p-line-height);margin-block-end:var(--p-margin-block-start);text-wrap:pretty}.p,p:last-child{margin-block-end:0}.a,a{color:var(--a-color);font-size:var(--a-font-size);text-decoration-line:var(--a-text-decoration-line);text-decoration-style:var(--a-text-decoration-style);text-decoration-thickness:var(--a-text-decoration-thickness);text-underline-offset:var(--a-text-underline-offset)}a:is(:hover,:focus-visible){color:var(--a-color-hover);text-decoration-line:var(--a-text-decoration-line-hover);text-decoration-style:var(--a-text-decoration-style-hover)}:is(a[href^="tel:"]:not([class]),a[href^="mailto:"]:not([class]),a[download]:not([class]),a[href^="http://"]:not([class]),a[href^="https://"]:not([class])):not(:has(img)):after{background-repeat:no-repeat;background-size:contain;color:var(--a-color);content:" ";display:inline-block;height:1em;margin-inline:.25rem;vertical-align:middle;width:1em}a[href^="tel:"]:after{background-image:url(@krudi/icons/square-phone.svg)}a[href^="mailto:"]:after{background-image:url(@krudi/icons/envelope.svg)}a[download]:after{background-image:url(@krudi/icons/download.svg)}a[href^="http://"]:after,a[href^="https://"]:after{background-image:url(@krudi/icons/arrow-up-right-from-square.svg)}}
@@ -0,0 +1 @@
1
+ .accordion{display:flex;flex-direction:column}.accordion-details{background-color:var(--accordion-details-background-color);border-color:var(--accordion-details-border-color);border-radius:var(--accordion-details-border-radius);border-style:var(--accordion-details-border-style);border-width:var(--accordion-details-border-width);border-bottom:var(--accordion-details-border-bottom-width) var(--accordion-details-border-bottom-style) var(--accordion-details-border-bottom-color);color:var(--accordion-details-color);cursor:pointer;overflow:visible;width:100%}@media (prefers-contrast:more){.accordion-details{border-bottom:var(--accordion-details-border-bottom-width-contrast) var(--accordion-details-border-bottom-style) var(--accordion-details-border-bottom-color-contrast)}}.accordion-details:last-child{margin-block-end:0}.accordion-details::details-content{block-size:0;display:block;overflow:hidden;transition-behavior:allow-discrete;transition-duration:var(--transition-duration);transition-property:block-size,content-visibility;transition-timing-function:var(--transition-ease)}.accordion-details[open]::details-content{block-size:auto;block-size:calc-size(auto,size)}.accordion-details[open] .accordion-summary-icon{rotate:180deg}.accordion-summary{align-items:center;display:flex;justify-content:space-between;padding-block:var(--accordion-summary-padding-block);padding-inline:var(--accordion-summary-padding-inline);position:relative;width:100%}.accordion-summary::-webkit-details-marker{display:none;list-style:none}.accordion-summary-title{color:var(--accordion-summary-color);font-size:var(--accordion-summary-font-size);font-weight:var(--accordion-summary-font-weight);margin-block-end:0;text-wrap:balance}.accordion-summary-icon{background-image:url(@krudi/icons/caret-down.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;color:var(--accordion-icon-color);display:inline-block;height:var(--accordion-icon-height);transition-duration:var(--transition-duration);transition-property:rotate;transition-timing-function:var(--transition-ease);width:var(--accordion-icon-width)}@media (prefers-reduced-motion:reduce){.accordion-details::details-content{transition:none}.accordion-summary-icon{transition:none}}.accordion-content{font-size:var(--accordion-content-font-size);padding-block-end:var(--accordion-content-padding-block);padding-block-start:0;padding-inline:var(--accordion-content-padding-inline)}.accordion-content-text{color:var(--accordion-text-color);word-break:break-all}
@@ -0,0 +1 @@
1
+ .alert{background-color:var(--alert-background-color);border-color:var(--alert-border-color);border-radius:var(--alert-border-radius);border-style:var(--alert-border-style);border-width:var(--alert-border-width);color:var(--alert-color);display:flex;flex-direction:column;gap:var(--alert-gap);margin-block:var(--alert-margin-block-block);padding-block:var(--alert-padding-block);padding-inline:var(--alert-padding-inline);position:relative}.alert-white{--alert-background-color:var(--c-white);--alert-color:var(--c-white-background-color-emphasis);--alert-border-width:1px;--alert-border-style:solid;--alert-border-color:var(--c-white-300)}.alert-primary{--alert-background-color:var(--c-primary);--alert-color:var(--c-primary-background-color-emphasis);--alert-border-width:0;--alert-border-style:initial;--alert-border-color:none}.alert-secondary{--alert-background-color:var(--c-secondary);--alert-color:var(--c-secondary-background-color-emphasis);--alert-border-width:0;--alert-border-style:initial;--alert-border-color:none}.alert-close{position:absolute;right:var(--alert-padding-inline);top:var(--alert-padding-block)}.alert-title{color:var(--alert-title-color);font-size:var(--alert-title-font-size);font-weight:var(--alert-title-font-weight);margin-block-end:0}.alert-description{color:var(--alert-description-color);display:block;margin-block-end:0}
@@ -1 +1 @@
1
- .badge{background-color:var(--badge-background-color);border-color:var(--badge-border-color);border-radius:var(--badge-border-radius);border-style:var(--badge-border-style);border-width:var(--badge-border-width);color:var(--badge-color);display:inline-flex;font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);padding-block:var(--badge-padding-block);padding-inline:var(--badge-padding-inline)}.badge-white{--badge-background-color:var(--c-white);--badge-color:var(--c-white-background-color-emphasis);--badge-border-width:1px;--badge-border-style:solid;--badge-border-color:var(--c-white-300)}.badge-primary{--badge-background-color:var(--c-primary);--badge-color:var(--c-primary-background-color-emphasis);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.badge-secondary{--badge-background-color:var(--c-secondary);--badge-color:var(--c-secondary-background-color-emphasis);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.badge-success{--badge-background-color:var(--c-success);--badge-color:var(--c-success-background-color-emphasis);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.badge-info{--badge-background-color:var(--c-info);--badge-color:var(--c-info-background-color-emphasis);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.badge-warning{--badge-background-color:var(--c-warning);--badge-color:var(--c-warning-background-color-emphasis);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.badge-danger{--badge-background-color:var(--c-danger);--badge-color:var(--c-danger-background-color-emphasis);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}
1
+ .badge{background-color:var(--badge-background-color);border-color:var(--badge-border-color);border-radius:var(--badge-border-radius);border-style:var(--badge-border-style);border-width:var(--badge-border-width);color:var(--badge-color);display:inline-flex;font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);line-height:var(--line-height-120);padding-block:var(--badge-padding-block);padding-inline:var(--badge-padding-inline)}.badge-default{--badge-background-color:var(--c-black);--badge-color:var(--c-black-background-color-emphasis);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.badge-secondary{--badge-background-color:var(--c-secondary);--badge-color:var(--c-black);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.badge-destructive{--badge-background-color:var(--c-destructive);--badge-color:var(--c-destructive-background-color-emphasis);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.badge-outline{--badge-background-color:transparent;--badge-color:var(--c-black);--badge-border-width:1px;--badge-border-style:solid;--badge-border-color:var(--c-gray-contrast)}@media (prefers-contrast:more){.badge{border-color:currentcolor;border-style:solid;border-width:max(2px,var(--badge-border-width))}}
@@ -0,0 +1 @@
1
+ blockquote>*{border-inline-start-color:var(--c-secondary);border-inline-start-style:solid;border-inline-start-width:var(--blockquote-border-width);font-style:italic;padding-block:var(--blockquote-padding-block);padding-inline:var(--blockquote-padding-inline)}blockquote p:before{content:open-quote;margin-inline-end:var(--blockquote-quote-gap)}blockquote p:after{content:close-quote;margin-inline-start:var(--blockquote-quote-gap)}
@@ -0,0 +1 @@
1
+ .btn-group{display:inline-flex;gap:var(--button-gap);vertical-align:middle}
@@ -0,0 +1 @@
1
+ .btn{background-color:var(--button-background-color);border-color:var(--button-border-color);border-radius:var(--button-border-radius);border-style:var(--button-border-style);border-width:var(--button-border-width);box-shadow:none;color:var(--button-color-emphasis);cursor:pointer;display:inline-flex;font-size:var(--button-font-size);font-weight:var(--button-font-weight);gap:var(--button-gap);justify-content:space-between;letter-spacing:var(--button-letter-spacing);line-height:var(--line-height-120);padding-block:var(--button-padding-block);padding-inline:var(--button-padding-inline);text-align:center;text-decoration:none;text-transform:var(--button-text-transform);text-wrap:pretty;transition-duration:var(--transition-duration);transition-property:background-color;transition-timing-function:var(--transition-ease);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.btn:disabled{pointer-events:none}.btn:disabled,.btn:is(:hover,:focus-visible){background-color:var(--button-hover)}@media (prefers-contrast:more){.btn{border-color:currentcolor;border-style:solid;border-width:max(2px,var(--button-border-width))}}.btn-default{--button-background-color:var(--c-black);--button-color-emphasis:var(--c-black-background-color-emphasis);--button-border-color:var(--c-black-contrast);--button-hover:var(--c-black-contrast)}.btn-secondary{--button-background-color:var(--c-secondary);--button-color-emphasis:var(--c-black);--button-border-color:var(--c-secondary-contrast);--button-hover:var(--c-secondary-contrast)}.btn-destructive{--button-background-color:var(--c-destructive);--button-color-emphasis:var(--c-destructive-background-color-emphasis);--button-border-color:var(--c-destructive-contrast);--button-hover:var(--c-destructive-contrast)}.btn-outline{--button-background-color:transparent;--button-color-emphasis:var(--c-black);--button-border-width:1px;--button-border-style:solid;--button-border-color:var(--c-gray-contrast);--button-hover:var(--c-white-contrast)}.btn-ghost{--button-background-color:transparent;--button-color-emphasis:var(--c-black);--button-border-width:0;--button-border-style:inherit;--button-border-color:none;--button-hover:var(--c-white-contrast)}.btn-icon{--button-background-color:var(--c-white-200);--button-hover:var(--c-white-200-hover);--button-border-width:0;--button-border-style:inherit;--button-border-color:none;line-height:var(--base-line-height);padding-block:var(--button-icon-padding-block);padding-inline:var(--button-icon-padding-inline)}.btn-icon svg{fill:var(--button-color-emphasis)}.btn-icon:disabled,.btn-icon:focus-visible,.btn-icon:hover{background-color:var(--button-hover)}.btn-link{--button-background-color:transparent;--button-color-emphasis:var(--button-link-color);--button-border-width:0;--button-border-style:inherit;--button-border-color:none;align-items:center;border-radius:inherit;display:inline-flex;font-size:inherit;font-weight:inherit;padding-block:var(--button-link-padding-block);padding-inline:var(--button-link-padding-inline);text-transform:inherit}.btn-link:disabled,.btn-link:focus-visible,.btn-link:hover{background-color:transparent}.btn-close{--button-padding-block:0;--button-padding-inline:0;--button-border-width:0;--button-border-style:inherit;--button-border-color:none;align-items:center;display:flex;justify-content:center}.btn-sm{padding-block:var(--button-sm-padding-block);padding-inline:var(--button-sm-padding-inline)}
@@ -0,0 +1 @@
1
+ .dropdown{display:inline-block;position:relative}.dropdown-trigger{align-items:center;anchor-name:--dropdown-trigger;background-color:var(--dropdown-trigger-background-color);border-color:var(--dropdown-trigger-border-color);border-radius:var(--dropdown-trigger-border-radius);border-style:var(--dropdown-trigger-border-style);border-width:var(--dropdown-trigger-border-width);color:var(--dropdown-trigger-color);cursor:pointer;display:inline-flex;font-size:var(--dropdown-trigger-font-size);gap:calc(var(--spacer)/2);letter-spacing:var(--dropdown-trigger-letter-spacing);line-height:var(--dropdown-trigger-line-height);padding-block:var(--dropdown-trigger-padding-block);padding-inline:var(--dropdown-trigger-padding-inline);text-transform:var(--button-text-transform);transition-duration:var(--transition-duration);transition-property:background-color,border-color,color;transition-timing-function:var(--transition-ease);-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown-summary-icon{background-image:url(@krudi/icons/caret-down.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:var(--dropdown-icon-height);transition:transform var(--transition-decorative-duration) var(--transition-ease);width:var(--dropdown-icon-width)}.dropdown:has(.dropdown-list:popover-open) .dropdown-summary-icon{transform:rotate(180deg)}.dropdown.is-open .dropdown-summary-icon{transform:rotate(180deg)}.dropdown:has(.dropdown-list:popover-open) .dropdown-trigger{border-color:var(--dropdown-trigger-border-color);color:var(--dropdown-trigger-color)}.dropdown-trigger:is(:hover,:focus-visible){background-color:var(--dropdown-trigger-background-color-hover)}.dropdown-trigger:focus-visible{box-shadow:var(--dropdown-trigger-focus-shadow);outline:none}.dropdown-list{background-color:var(--c-white);border-color:var(--dropdown-content-border-color);border-radius:var(--dropdown-content-border-radius);border-style:var(--dropdown-content-border-style);border-width:var(--dropdown-content-border-width);box-shadow:var(--dropdown-content-box-shadow);display:none;flex-direction:column;inset:unset;inset-block-start:calc(anchor(bottom) + var(--dropdown-content-margin-block-start));inset-inline-start:anchor(start);list-style:none;opacity:0;overflow:hidden;padding-block:var(--dropdown-menu-list-padding-block);padding-inline-start:0;position:fixed;position-anchor:--dropdown-trigger;transition:opacity var(--transition-duration) var(--transition-ease);width:var(--dropdown-content-width);z-index:var(--z-index-dropdown)}.dropdown-list:popover-open{display:flex;opacity:1}.dropdown-list-item{border-top:1px solid var(--c-white-200);display:block;transition-duration:var(--transition-duration);transition-property:background-color;transition-timing-function:var(--transition-ease);width:100%}.dropdown-list-item:first-child{border-top-width:0}.dropdown-list-item:focus-visible,.dropdown-list-item:focus-within,.dropdown-list-item:hover{background-color:var(--c-white-200)}.dropdown-list-item:has(.dropdown-list-item-link[aria-current=page]){background-color:var(--c-white-100)}.dropdown-list-item-link{align-items:center;border-radius:var(--dropdown-content-border-radius);color:var(--c-black);cursor:pointer;display:inline-flex;font-size:var(--dropdown-item-text-font-size);font-weight:400;gap:var(--spacer);padding-block:var(--dropdown-item-text-padding-block);padding-inline:var(--dropdown-item-text-padding-inline);text-decoration:none;width:100%}.dropdown-list-item-link:focus-visible{outline-color:var(--c-secondary);outline-offset:var(--outline-offset-tight)}@media (prefers-reduced-motion:reduce){.dropdown-list{transition:none!important}}
@@ -0,0 +1 @@
1
+ .hr{background-color:var(--hr-background-color);border:none;height:var(--hr-height);margin-block:var(--hr-margin-block);opacity:var(--hr-opacity)}
@@ -0,0 +1 @@
1
+ .unordered-list{margin-block-end:0;margin-block-start:0}
@@ -0,0 +1 @@
1
+ .modal{background-color:var(--modal-background-color);border:0;border-radius:var(--modal-border-radius);color:var(--modal-color);display:none;max-width:var(--modal-max-width);opacity:0;padding-block:var(--modal-padding-block);padding-inline:var(--modal-padding-inline);transition-behavior:allow-discrete;transition-duration:var(--transition-duration);transition-property:display,opacity;transition-timing-function:var(--transition-ease);width:100%;z-index:var(--z-index-modal)}.modal[open]{display:block;opacity:1}@starting-style{.modal[open]{opacity:0}}.modal[open]:has(.modal-body){box-shadow:var(--shadow-md)}.modal[open]::backdrop{opacity:1}.modal::backdrop{background:var(--modal-backdrop);opacity:0;transition-behavior:allow-discrete;transition-duration:var(--transition-duration);transition-property:opacity,display,overlay;transition-timing-function:var(--transition-ease)}@starting-style{.modal::backdrop{opacity:0}}.modal-header{border-bottom:var(--modal-border-width) solid var(--modal-border-color);text-wrap:balance}.modal-close{position:absolute;right:calc(var(--modal-padding-inline)/2);top:calc(var(--modal-padding-block)/2)}.modal-body{padding-block-start:var(--modal-body-padding-block-start)}.modal-footer{border-top:var(--modal-border-width) solid var(--modal-border-color);padding-block-start:var(--modal-footer-padding-block-start)}@media (prefers-reduced-motion:reduce){.modal,.modal::backdrop{transition:none!important}}
@@ -0,0 +1 @@
1
+ .pagination{text-align:center}.pagination-list{align-items:center;display:inline-flex;gap:var(--spacer-n3);list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.pagination-list-item{display:flex}.pagination-list-item-link{background-color:var(--pagination-background-color);color:var(--pagination-color);text-decoration:none;transition:background-color var(--transition-duration) var(--transition-ease),border-color var(--transition-duration) var(--transition-ease),color var(--transition-duration) var(--transition-ease)}.pagination-list-item-link:focus-visible,.pagination-list-item-link:hover{background-color:var(--pagination-background-color-hover);border-color:var(--pagination-border-color);color:var(--pagination-color)}.pagination-list-item-link:focus-visible{outline-color:var(--c-secondary);outline-offset:var(--outline-offset-tight)}.pagination-list-item-text{background-color:var(--pagination-background-color-hover);border-color:var(--pagination-border-color-active);border-width:var(--pagination-border-width-active);box-shadow:none;color:var(--pagination-color);font-weight:500}.pagination-list-item-link,.pagination-list-item-text{border-color:var(--pagination-border-color);border-style:var(--pagination-border-style);border-width:var(--pagination-border-width);display:flex;justify-content:center;min-width:var(--pagination-item-width);padding-inline:var(--spacer-n3)}.pagination-list-item-control,.pagination-list-item-link,.pagination-list-item-text{align-items:center;border-radius:var(--border-radius-sm);height:var(--pagination-item-height)}.pagination-list-item-control{background-color:var(--pagination-background-color);border:var(--pagination-border-width) var(--pagination-border-style) var(--pagination-border-color);color:var(--pagination-color);display:inline-flex;gap:var(--spacer-n3);padding-inline:var(--spacer-n2);text-decoration:none;transition:background-color var(--transition-duration) var(--transition-ease),border-color var(--transition-duration) var(--transition-ease),color var(--transition-duration) var(--transition-ease)}.pagination-list-item-control:focus-visible,.pagination-list-item-control:hover{background-color:var(--pagination-background-color-hover);border-color:var(--pagination-border-color);color:var(--pagination-color)}.pagination-list-item-control:focus-visible{outline-color:var(--c-secondary);outline-offset:var(--outline-offset-tight)}.pagination-list-item-control[aria-disabled=true]{opacity:.5;pointer-events:none}.pagination-list-item-ellipsis{align-items:center;color:var(--pagination-color);display:inline-flex;height:var(--pagination-item-height);justify-content:center;min-width:var(--pagination-item-width)}
@@ -1 +1 @@
1
- @layer components{.badge{background-color:var(--badge-background-color);border-color:var(--badge-border-color);border-radius:var(--badge-border-radius);border-style:var(--badge-border-style);border-width:var(--badge-border-width);color:var(--badge-color);display:inline-flex;font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);padding-block:var(--badge-padding-block);padding-inline:var(--badge-padding-inline)}.badge-white{--badge-background-color:var(--c-white);--badge-color:var(--c-white-background-color-emphasis);--badge-border-width:1px;--badge-border-style:solid;--badge-border-color:var(--c-white-300)}.badge-primary{--badge-background-color:var(--c-primary);--badge-color:var(--c-primary-background-color-emphasis);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.badge-secondary{--badge-background-color:var(--c-secondary);--badge-color:var(--c-secondary-background-color-emphasis);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.badge-success{--badge-background-color:var(--c-success);--badge-color:var(--c-success-background-color-emphasis);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.badge-info{--badge-background-color:var(--c-info);--badge-color:var(--c-info-background-color-emphasis);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.badge-warning{--badge-background-color:var(--c-warning);--badge-color:var(--c-warning-background-color-emphasis);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.badge-danger{--badge-background-color:var(--c-danger);--badge-color:var(--c-danger-background-color-emphasis);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.skeleton-line{background-color:var(--c-white-200);border-radius:var(--border-radius-md);display:block;height:.75rem}}@layer components{}
1
+ @layer components{.badge{background-color:var(--badge-background-color);border-color:var(--badge-border-color);border-radius:var(--badge-border-radius);border-style:var(--badge-border-style);border-width:var(--badge-border-width);color:var(--badge-color);display:inline-flex;font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);line-height:var(--line-height-120);padding-block:var(--badge-padding-block);padding-inline:var(--badge-padding-inline)}.badge-default{--badge-background-color:var(--c-black);--badge-color:var(--c-black-background-color-emphasis);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.badge-secondary{--badge-background-color:var(--c-secondary);--badge-color:var(--c-black);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.badge-destructive{--badge-background-color:var(--c-destructive);--badge-color:var(--c-destructive-background-color-emphasis);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.badge-outline{--badge-background-color:transparent;--badge-color:var(--c-black);--badge-border-width:1px;--badge-border-style:solid;--badge-border-color:var(--c-gray-contrast)}@media (prefers-contrast:more){.badge{border-color:currentcolor;border-style:solid;border-width:max(2px,var(--badge-border-width))}}}@layer components{.accordion{display:flex;flex-direction:column}.accordion-details{background-color:var(--accordion-details-background-color);border-color:var(--accordion-details-border-color);border-radius:var(--accordion-details-border-radius);border-style:var(--accordion-details-border-style);border-width:var(--accordion-details-border-width);border-bottom:var(--accordion-details-border-bottom-width) var(--accordion-details-border-bottom-style) var(--accordion-details-border-bottom-color);color:var(--accordion-details-color);cursor:pointer;overflow:visible;width:100%}@media (prefers-contrast:more){.accordion-details{border-bottom:var(--accordion-details-border-bottom-width-contrast) var(--accordion-details-border-bottom-style) var(--accordion-details-border-bottom-color-contrast)}}.accordion-details:last-child{margin-block-end:0}.accordion-details::details-content{block-size:0;display:block;overflow:hidden;transition-behavior:allow-discrete;transition-duration:var(--transition-duration);transition-property:block-size,content-visibility;transition-timing-function:var(--transition-ease)}.accordion-details[open]::details-content{block-size:auto;block-size:calc-size(auto,size)}.accordion-details[open] .accordion-summary-icon{rotate:180deg}.accordion-summary{align-items:center;display:flex;justify-content:space-between;padding-block:var(--accordion-summary-padding-block);padding-inline:var(--accordion-summary-padding-inline);position:relative;width:100%}.accordion-summary::-webkit-details-marker{display:none;list-style:none}.accordion-summary-title{color:var(--accordion-summary-color);font-size:var(--accordion-summary-font-size);font-weight:var(--accordion-summary-font-weight);margin-block-end:0;text-wrap:balance}.accordion-summary-icon{background-image:url(@krudi/icons/caret-down.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;color:var(--accordion-icon-color);display:inline-block;height:var(--accordion-icon-height);transition-duration:var(--transition-duration);transition-property:rotate;transition-timing-function:var(--transition-ease);width:var(--accordion-icon-width)}@media (prefers-reduced-motion:reduce){.accordion-details::details-content{transition:none}.accordion-summary-icon{transition:none}}.accordion-content{font-size:var(--accordion-content-font-size);padding-block-end:var(--accordion-content-padding-block);padding-block-start:0;padding-inline:var(--accordion-content-padding-inline)}.accordion-content-text{color:var(--accordion-text-color);word-break:break-all}.btn,.btn-group{display:inline-flex;gap:var(--button-gap);vertical-align:middle}.btn{background-color:var(--button-background-color);border-color:var(--button-border-color);border-radius:var(--button-border-radius);border-style:var(--button-border-style);border-width:var(--button-border-width);box-shadow:none;color:var(--button-color-emphasis);cursor:pointer;font-size:var(--button-font-size);font-weight:var(--button-font-weight);justify-content:space-between;letter-spacing:var(--button-letter-spacing);line-height:var(--line-height-120);padding-block:var(--button-padding-block);padding-inline:var(--button-padding-inline);text-align:center;text-decoration:none;text-transform:var(--button-text-transform);text-wrap:pretty;transition-duration:var(--transition-duration);transition-property:background-color;transition-timing-function:var(--transition-ease);-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:disabled{pointer-events:none}}@layer components{}@layer components{.btn:disabled,.btn:is(:hover,:focus-visible){background-color:var(--button-hover)}@media (prefers-contrast:more){.btn{border-color:currentcolor;border-style:solid;border-width:max(2px,var(--button-border-width))}}.btn-default{--button-background-color:var(--c-black);--button-color-emphasis:var(--c-black-background-color-emphasis);--button-border-color:var(--c-black-contrast);--button-hover:var(--c-black-contrast)}.btn-secondary{--button-background-color:var(--c-secondary);--button-color-emphasis:var(--c-black);--button-border-color:var(--c-secondary-contrast);--button-hover:var(--c-secondary-contrast)}.btn-destructive{--button-background-color:var(--c-destructive);--button-color-emphasis:var(--c-destructive-background-color-emphasis);--button-border-color:var(--c-destructive-contrast);--button-hover:var(--c-destructive-contrast)}.btn-outline{--button-background-color:transparent;--button-color-emphasis:var(--c-black);--button-border-width:1px;--button-border-style:solid;--button-border-color:var(--c-gray-contrast);--button-hover:var(--c-white-contrast)}.btn-ghost{--button-background-color:transparent;--button-color-emphasis:var(--c-black);--button-border-width:0;--button-border-style:inherit;--button-border-color:none;--button-hover:var(--c-white-contrast)}.btn-icon{--button-background-color:var(--c-white-200);--button-hover:var(--c-white-200-hover);--button-border-width:0;--button-border-style:inherit;--button-border-color:none;line-height:var(--base-line-height);padding-block:var(--button-icon-padding-block);padding-inline:var(--button-icon-padding-inline)}.btn-icon svg{fill:var(--button-color-emphasis)}.btn-icon:disabled,.btn-icon:focus-visible,.btn-icon:hover{background-color:var(--button-hover)}.btn-link{--button-background-color:transparent;--button-color-emphasis:var(--button-link-color);--button-border-width:0;--button-border-style:inherit;--button-border-color:none;align-items:center;border-radius:inherit;display:inline-flex;font-size:inherit;font-weight:inherit;padding-block:var(--button-link-padding-block);padding-inline:var(--button-link-padding-inline);text-transform:inherit}.btn-link:disabled,.btn-link:focus-visible,.btn-link:hover{background-color:transparent}.btn-close{--button-padding-block:0;--button-padding-inline:0;--button-border-width:0;--button-border-style:inherit;--button-border-color:none;align-items:center;display:flex;justify-content:center}.btn-sm{padding-block:var(--button-sm-padding-block);padding-inline:var(--button-sm-padding-inline)}.dropdown{display:inline-block;position:relative}.dropdown-trigger{align-items:center;anchor-name:--dropdown-trigger;background-color:var(--dropdown-trigger-background-color);border-color:var(--dropdown-trigger-border-color);border-radius:var(--dropdown-trigger-border-radius);border-style:var(--dropdown-trigger-border-style);border-width:var(--dropdown-trigger-border-width);color:var(--dropdown-trigger-color);cursor:pointer;display:inline-flex;font-size:var(--dropdown-trigger-font-size);gap:calc(var(--spacer)/2);letter-spacing:var(--dropdown-trigger-letter-spacing);line-height:var(--dropdown-trigger-line-height);padding-block:var(--dropdown-trigger-padding-block);padding-inline:var(--dropdown-trigger-padding-inline);text-transform:var(--button-text-transform);transition-duration:var(--transition-duration);transition-property:background-color,border-color,color;transition-timing-function:var(--transition-ease);-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown-summary-icon{background-image:url(@krudi/icons/caret-down.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:var(--dropdown-icon-height);transition:transform var(--transition-decorative-duration) var(--transition-ease);width:var(--dropdown-icon-width)}}@layer components{.dropdown:has(.dropdown-list:popover-open) .dropdown-summary-icon{transform:rotate(180deg)}.dropdown.is-open .dropdown-summary-icon{transform:rotate(180deg)}.dropdown:has(.dropdown-list:popover-open) .dropdown-trigger{border-color:var(--dropdown-trigger-border-color);color:var(--dropdown-trigger-color)}.dropdown-trigger:is(:hover,:focus-visible){background-color:var(--dropdown-trigger-background-color-hover)}.dropdown-trigger:focus-visible{box-shadow:var(--dropdown-trigger-focus-shadow);outline:none}.dropdown-list{background-color:var(--c-white);border-color:var(--dropdown-content-border-color);border-radius:var(--dropdown-content-border-radius);border-style:var(--dropdown-content-border-style);border-width:var(--dropdown-content-border-width);box-shadow:var(--dropdown-content-box-shadow);display:none;flex-direction:column;inset:unset;inset-block-start:calc(anchor(bottom) + var(--dropdown-content-margin-block-start));inset-inline-start:anchor(start);list-style:none;opacity:0;overflow:hidden;padding-block:var(--dropdown-menu-list-padding-block);padding-inline-start:0;position:fixed;position-anchor:--dropdown-trigger;transition:opacity var(--transition-duration) var(--transition-ease);width:var(--dropdown-content-width);z-index:var(--z-index-dropdown)}.dropdown-list:popover-open{display:flex;opacity:1}.dropdown-list-item{border-top:1px solid var(--c-white-200);display:block;transition-duration:var(--transition-duration);transition-property:background-color;transition-timing-function:var(--transition-ease);width:100%}.dropdown-list-item:first-child{border-top-width:0}.dropdown-list-item:focus-visible,.dropdown-list-item:focus-within,.dropdown-list-item:hover{background-color:var(--c-white-200)}.dropdown-list-item:has(.dropdown-list-item-link[aria-current=page]){background-color:var(--c-white-100)}.dropdown-list-item-link{align-items:center;border-radius:var(--dropdown-content-border-radius);color:var(--c-black);cursor:pointer;display:inline-flex;font-size:var(--dropdown-item-text-font-size);font-weight:400;gap:var(--spacer);padding-block:var(--dropdown-item-text-padding-block);padding-inline:var(--dropdown-item-text-padding-inline);text-decoration:none;width:100%}.dropdown-list-item-link:focus-visible{outline-color:var(--c-secondary);outline-offset:var(--outline-offset-tight)}@media (prefers-reduced-motion:reduce){.dropdown-list{transition:none!important}}}@layer components{.hr{background-color:var(--hr-background-color);border:none;height:var(--hr-height);margin-block:var(--hr-margin-block);opacity:var(--hr-opacity)}.unordered-list{margin-block-end:0;margin-block-start:0}.modal{background-color:var(--modal-background-color);border:0;border-radius:var(--modal-border-radius);color:var(--modal-color);display:none;max-width:var(--modal-max-width);opacity:0;padding-block:var(--modal-padding-block);padding-inline:var(--modal-padding-inline);transition-behavior:allow-discrete;transition-duration:var(--transition-duration);transition-property:display,opacity;transition-timing-function:var(--transition-ease);width:100%;z-index:var(--z-index-modal)}.modal[open]{display:block;opacity:1}}@layer components{}@layer components{@starting-style{.modal[open]{opacity:0}}.modal[open]:has(.modal-body){box-shadow:var(--shadow-md)}.modal[open]::backdrop{opacity:1}.modal::backdrop{background:var(--modal-backdrop);opacity:0;transition-behavior:allow-discrete;transition-duration:var(--transition-duration);transition-property:opacity,display,overlay;transition-timing-function:var(--transition-ease)}@starting-style{.modal::backdrop{opacity:0}}.modal-header{border-bottom:var(--modal-border-width) solid var(--modal-border-color);text-wrap:balance}.modal-close{position:absolute;right:calc(var(--modal-padding-inline)/2);top:calc(var(--modal-padding-block)/2)}.modal-body{padding-block-start:var(--modal-body-padding-block-start)}.modal-footer{border-top:var(--modal-border-width) solid var(--modal-border-color);padding-block-start:var(--modal-footer-padding-block-start)}@media (prefers-reduced-motion:reduce){.modal,.modal::backdrop{transition:none!important}}}@layer components{.pagination{text-align:center}.pagination-list{align-items:center;display:inline-flex;gap:var(--spacer-n3);list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.pagination-list-item{display:flex}.pagination-list-item-link{background-color:var(--pagination-background-color);color:var(--pagination-color);text-decoration:none;transition:background-color var(--transition-duration) var(--transition-ease),border-color var(--transition-duration) var(--transition-ease),color var(--transition-duration) var(--transition-ease)}.pagination-list-item-link:focus-visible,.pagination-list-item-link:hover{background-color:var(--pagination-background-color-hover);border-color:var(--pagination-border-color);color:var(--pagination-color)}.pagination-list-item-link:focus-visible{outline-color:var(--c-secondary);outline-offset:var(--outline-offset-tight)}.pagination-list-item-text{background-color:var(--pagination-background-color-hover);border-color:var(--pagination-border-color-active);border-width:var(--pagination-border-width-active);box-shadow:none;color:var(--pagination-color);font-weight:500}.pagination-list-item-link,.pagination-list-item-text{border-color:var(--pagination-border-color);border-style:var(--pagination-border-style);border-width:var(--pagination-border-width);display:flex;justify-content:center;min-width:var(--pagination-item-width);padding-inline:var(--spacer-n3)}.pagination-list-item-control,.pagination-list-item-link,.pagination-list-item-text{align-items:center;border-radius:var(--border-radius-sm);height:var(--pagination-item-height)}.pagination-list-item-control{background-color:var(--pagination-background-color);border:var(--pagination-border-width) var(--pagination-border-style) var(--pagination-border-color);color:var(--pagination-color);display:inline-flex;gap:var(--spacer-n3);padding-inline:var(--spacer-n2);text-decoration:none;transition:background-color var(--transition-duration) var(--transition-ease),border-color var(--transition-duration) var(--transition-ease),color var(--transition-duration) var(--transition-ease)}.pagination-list-item-control:focus-visible,.pagination-list-item-control:hover{background-color:var(--pagination-background-color-hover);border-color:var(--pagination-border-color);color:var(--pagination-color)}.pagination-list-item-control:focus-visible{outline-color:var(--c-secondary);outline-offset:var(--outline-offset-tight)}.pagination-list-item-control[aria-disabled=true]{opacity:.5;pointer-events:none}.pagination-list-item-ellipsis{align-items:center;color:var(--pagination-color);display:inline-flex;height:var(--pagination-item-height);justify-content:center;min-width:var(--pagination-item-width)}}
@@ -0,0 +1 @@
1
+ .form-block{margin-block-end:var(--form-block-margin-block-end)}.form-block:has(.form-control:user-invalid) .form-label,.form-block:has(.form-select:user-invalid) .form-label{color:var(--form-text-error-color)}.form-block:has(.form-control:user-invalid) .form-text,.form-block:has(.form-control:user-invalid) .form-text-hint,.form-block:has(.form-select:user-invalid) .form-text,.form-block:has(.form-select:user-invalid) .form-text-hint{color:var(--form-text-error-color)}.form-block:has(.form-control:user-valid) .form-label,.form-block:has(.form-select:user-valid) .form-label{color:var(--c-secondary)}.form-block:has(.form-control:user-valid) .form-text,.form-block:has(.form-select:user-valid) .form-text{color:var(--c-secondary)}
@@ -0,0 +1 @@
1
+ .form-checkbox{display:flex;flex-direction:row;margin-block-end:var(--form-checkbox-margin-block-end)}.form-checkbox,.form-checkbox-label{align-items:center;gap:var(--form-checkbox-label-gap)}.form-checkbox-label{display:inline-flex;order:1}.form-checkbox-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--form-checkbox-input-background-color);border-color:var(--form-checkbox-input-border-color);border-style:var(--form-checkbox-input-border-style);border-width:var(--form-checkbox-input-border-width);display:grid;height:var(--form-checkbox-input-height);place-content:center;position:relative;vertical-align:top;width:var(--form-checkbox-input-width)}.form-checkbox-input,.form-checkbox-input:before{border-radius:var(--form-checkbox-input-border-radius)}.form-checkbox-input:before{box-shadow:inset 1em 1em var(--form-checkbox-input-background-color-active);content:"";height:calc(var(--form-checkbox-input-height)/2);margin:0;transform:scale(0);transition-duration:var(--transition-duration);transition-property:transform;transition-timing-function:var(--transition-ease);width:calc(var(--form-checkbox-input-width)/2)}.form-checkbox-input:focus-visible{outline-offset:var(--outline-offset-tight)}.form-checkbox-input:checked:before{transform:scale(1)}.form-checkbox-input:disabled{filter:none;opacity:.5;pointer-events:none}
@@ -0,0 +1 @@
1
+ .form-fieldset{background-color:var(--form-fieldset-background-color);border-color:var(--form-fieldset-border-color);border-radius:var(--form-fieldset-border-radius);border-style:var(--form-fieldset-border-style);border-width:var(--form-fieldset-border-width);margin:0;min-width:0;padding-block:var(--form-fieldset-padding-block);padding-inline:var(--form-fieldset-padding-inline)}.form-fieldset+.form-fieldset{margin-block-start:calc(var(--spacer)*2)}.form-fieldset:has(.form-control:user-invalid),.form-fieldset:has(.form-select:user-invalid){border-color:var(--form-text-error-color)}.form-fieldset:has(.form-control:user-valid),.form-fieldset:has(.form-select:user-valid){border-color:var(--form-fieldset-border-color-valid)}
@@ -0,0 +1 @@
1
+ .form-input-group{align-items:stretch;display:flex;flex-wrap:wrap;position:relative;width:100%}.form-input-group>.form-control{flex:1 1 auto;min-width:0;position:relative;width:1%}.form-input-group>.btn:focus-visible,.form-input-group>.form-control:focus-visible{z-index:5}.form-input-group>:not(:last-child){border-bottom-right-radius:0!important;border-top-right-radius:0!important}.form-input-group>:not(:first-child){border-bottom-left-radius:0!important;border-top-left-radius:0!important;margin-left:-1px}.form-input-group>:first-child{border-bottom-left-radius:var(--form-input-border-radius);border-top-left-radius:var(--form-input-border-radius)}.form-input-group>:last-child{border-bottom-right-radius:var(--form-input-border-radius);border-top-right-radius:var(--form-input-border-radius)}.form-input-group-text{align-items:center;background-color:var(--form-input-background-color);border-color:var(--form-input-border-color);border-radius:var(--form-input-border-radius);border-style:var(--form-input-border-style);border-width:var(--form-input-border-width);display:flex;padding-block:var(--form-input-padding-block);padding-inline:var(--form-input-padding-inline);text-align:center;white-space:nowrap}
@@ -0,0 +1 @@
1
+ .form-control{background-color:var(--form-input-background-color);border-color:var(--form-input-border-color);border-radius:var(--form-input-border-radius);border-style:var(--form-input-border-style);border-width:var(--form-input-border-width);caret-color:var(--c-secondary);color:var(--form-input-color);display:block;font-size:var(--form-input-font-size);padding-block:var(--form-input-padding-block);padding-inline:var(--form-input-padding-inline);transition-duration:var(--transition-duration);transition-property:border-color,box-shadow;transition-timing-function:var(--transition-ease);width:100%}.form-control:focus{border-color:var(--form-input-border-color-focus);box-shadow:var(--form-input-box-shadow-focus);outline:none}.form-control:focus:not(:focus-visible){border-color:var(--form-input-border-color);box-shadow:none}.form-control:focus-visible{border-color:var(--form-input-border-color-focus);box-shadow:var(--form-input-box-shadow-focus)}.form-control:user-invalid{border-color:var(--form-text-error-color)}.form-control:user-invalid:focus-visible{box-shadow:0 0 0 .125em color-mix(in srgb,var(--form-text-error-color) 30%,transparent)}.form-control:user-valid{border-color:var(--c-secondary)}.form-control:user-valid:focus-visible{box-shadow:0 0 0 .125em color-mix(in srgb,var(--c-secondary) 30%,transparent)}@media (prefers-contrast:more){.form-control{border-width:max(2px,var(--form-input-border-width))}}.form-control::-moz-placeholder{opacity:1}.form-control::placeholder{opacity:1}.form-control:disabled{background-color:var(--c-white-200);opacity:1}.form-control::-webkit-calendar-picker-indicator{display:none;opacity:0}
@@ -0,0 +1 @@
1
+ .form-label{cursor:pointer;display:block;font-weight:var(--form-label-font-weight);line-height:var(--base-line-height);margin-block-end:var(--form-label-margin-block-end);text-wrap:pretty}.form-label-required{color:var(--form-text-error-color);font-weight:700}
@@ -0,0 +1 @@
1
+ .form-legend{float:left;font-size:var(--form-legend-form-size);font-weight:var(--form-legend-form-weight);line-height:inherit;margin-block-end:var(--form-legend-margin-block-end);padding:0;width:100%}.form-legend+*{clear:left}
@@ -0,0 +1 @@
1
+ .form-radio{display:flex;flex-direction:row;margin-block-end:var(--form-radio-margin-block-end)}.form-radio,.form-radio-label{align-items:center;gap:var(--form-radio-label-gap)}.form-radio-label{display:inline-flex;order:1}.form-radio-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--form-radio-input-background-color);border-color:var(--form-radio-input-border-color);border-style:var(--form-radio-input-border-style);border-width:var(--form-radio-input-border-width);display:grid;height:var(--form-radio-input-height);place-content:center;vertical-align:top;width:var(--form-radio-input-width)}.form-radio-input,.form-radio-input:before{border-radius:var(--form-radio-input-border-radius)}.form-radio-input:before{box-shadow:inset 1em 1em var(--form-radio-input-background-color-active);content:"";height:calc(var(--form-radio-input-height)/2);margin:0;transform:scale(0);transition-duration:var(--transition-duration);transition-property:transform;transition-timing-function:var(--transition-ease);width:calc(var(--form-radio-input-width)/2)}.form-radio-input:focus-visible{outline-offset:var(--outline-offset-tight)}.form-radio-input:checked:before{transform:scale(1)}.form-radio-input:disabled{filter:none;opacity:.5;pointer-events:none}
@@ -0,0 +1 @@
1
+ .form-label-required{color:var(--form-text-error-color);font-weight:700}
@@ -0,0 +1 @@
1
+ .form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--form-input-background-color);background-image:linear-gradient(45deg,transparent 50%,currentcolor 0),linear-gradient(135deg,currentcolor 50%,transparent 0);background-position:calc(100% - 1rem) calc(50% - .125rem),calc(100% - .6875rem) calc(50% - .125rem);background-repeat:no-repeat;background-size:.3125rem .3125rem;border-color:var(--form-input-border-color);border-radius:var(--form-input-border-radius);border-style:var(--form-input-border-style);border-width:var(--form-input-border-width);color:var(--form-input-color);display:block;font-size:var(--form-input-font-size);padding-block:var(--form-input-padding-block);padding-inline:var(--form-input-padding-inline);padding-inline-end:calc(var(--form-input-padding-inline)*2.5);transition-duration:var(--transition-duration);transition-property:border-color,box-shadow;transition-timing-function:var(--transition-ease);width:100%}.form-select:focus{border-color:var(--form-input-border-color-focus);box-shadow:var(--form-input-box-shadow-focus);outline:none}.form-select:focus:not(:focus-visible){border-color:var(--form-input-border-color);box-shadow:none}.form-select:focus-visible{border-color:var(--form-input-border-color-focus);box-shadow:var(--form-input-box-shadow-focus)}.form-select:user-invalid{border-color:var(--form-text-error-color)}.form-select:user-invalid:focus-visible{box-shadow:0 0 0 .125em color-mix(in srgb,var(--form-text-error-color) 30%,transparent)}.form-select:user-valid{border-color:var(--c-secondary)}.form-select:user-valid:focus-visible{box-shadow:0 0 0 .125em color-mix(in srgb,var(--c-secondary) 30%,transparent)}@media (prefers-contrast:more){.form-select{border-width:max(2px,var(--form-input-border-width))}}.form-select:disabled{background-color:var(--c-white-200);opacity:1}.form-select[multiple]{background-image:none;min-block-size:8rem;padding-inline-end:var(--form-input-padding-inline)}
@@ -0,0 +1 @@
1
+ .form-text{color:var(--form-text-color)}.form-text,.form-text-error{display:block;line-height:var(--base-line-height);margin-block-start:var(--form-text-margin-block-start)}.form-text-error{color:var(--form-text-error-color)}.form-text-hint{color:var(--c-gray);display:block;line-height:var(--base-line-height);margin-block-start:var(--form-text-margin-block-start)}
@@ -0,0 +1 @@
1
+ @layer forms{.form-control{background-color:var(--form-input-background-color);border-color:var(--form-input-border-color);border-radius:var(--form-input-border-radius);border-style:var(--form-input-border-style);border-width:var(--form-input-border-width);caret-color:var(--c-secondary);color:var(--form-input-color);display:block;font-size:var(--form-input-font-size);padding-block:var(--form-input-padding-block);padding-inline:var(--form-input-padding-inline);transition-duration:var(--transition-duration);transition-property:border-color,box-shadow;transition-timing-function:var(--transition-ease);width:100%}.form-control:focus{border-color:var(--form-input-border-color-focus);box-shadow:var(--form-input-box-shadow-focus);outline:none}.form-control:focus:not(:focus-visible){border-color:var(--form-input-border-color);box-shadow:none}.form-control:focus-visible{border-color:var(--form-input-border-color-focus);box-shadow:var(--form-input-box-shadow-focus)}.form-control:user-invalid{border-color:var(--form-text-error-color)}.form-control:user-invalid:focus-visible{box-shadow:0 0 0 .125em color-mix(in srgb,var(--form-text-error-color) 30%,transparent)}.form-control:user-valid{border-color:var(--c-secondary)}.form-control:user-valid:focus-visible{box-shadow:0 0 0 .125em color-mix(in srgb,var(--c-secondary) 30%,transparent)}@media (prefers-contrast:more){.form-control{border-width:max(2px,var(--form-input-border-width))}}.form-control::-moz-placeholder{opacity:1}.form-control::placeholder{opacity:1}.form-control:disabled{background-color:var(--c-white-200);opacity:1}.form-control::-webkit-calendar-picker-indicator{display:none;opacity:0}}@layer forms{.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--form-input-background-color);background-image:linear-gradient(45deg,transparent 50%,currentcolor 0),linear-gradient(135deg,currentcolor 50%,transparent 0);background-position:calc(100% - 1rem) calc(50% - .125rem),calc(100% - .6875rem) calc(50% - .125rem);background-repeat:no-repeat;background-size:.3125rem .3125rem;border-color:var(--form-input-border-color);border-radius:var(--form-input-border-radius);border-style:var(--form-input-border-style);border-width:var(--form-input-border-width);color:var(--form-input-color);display:block;font-size:var(--form-input-font-size);padding-block:var(--form-input-padding-block);padding-inline:var(--form-input-padding-inline);padding-inline-end:calc(var(--form-input-padding-inline)*2.5);transition-duration:var(--transition-duration);transition-property:border-color,box-shadow;transition-timing-function:var(--transition-ease);width:100%}.form-select:focus{border-color:var(--form-input-border-color-focus);box-shadow:var(--form-input-box-shadow-focus);outline:none}.form-select:focus:not(:focus-visible){border-color:var(--form-input-border-color);box-shadow:none}.form-select:focus-visible{border-color:var(--form-input-border-color-focus);box-shadow:var(--form-input-box-shadow-focus)}.form-select:user-invalid{border-color:var(--form-text-error-color)}.form-select:user-invalid:focus-visible{box-shadow:0 0 0 .125em color-mix(in srgb,var(--form-text-error-color) 30%,transparent)}.form-select:user-valid{border-color:var(--c-secondary)}.form-select:user-valid:focus-visible{box-shadow:0 0 0 .125em color-mix(in srgb,var(--c-secondary) 30%,transparent)}@media (prefers-contrast:more){.form-select{border-width:max(2px,var(--form-input-border-width))}}.form-select:disabled{background-color:var(--c-white-200);opacity:1}.form-select[multiple]{background-image:none;min-block-size:8rem;padding-inline-end:var(--form-input-padding-inline)}.form-input-group{align-items:stretch;display:flex;flex-wrap:wrap;position:relative;width:100%}.form-input-group>.form-control{flex:1 1 auto;min-width:0;position:relative;width:1%}}@layer forms{.form-input-group>.btn:focus-visible,.form-input-group>.form-control:focus-visible{z-index:5}.form-input-group>:not(:last-child){border-bottom-right-radius:0!important;border-top-right-radius:0!important}.form-input-group>:not(:first-child){border-bottom-left-radius:0!important;border-top-left-radius:0!important;margin-left:-1px}.form-input-group>:first-child{border-bottom-left-radius:var(--form-input-border-radius);border-top-left-radius:var(--form-input-border-radius)}.form-input-group>:last-child{border-bottom-right-radius:var(--form-input-border-radius);border-top-right-radius:var(--form-input-border-radius)}.form-input-group-text{align-items:center;background-color:var(--form-input-background-color);border-color:var(--form-input-border-color);border-radius:var(--form-input-border-radius);border-style:var(--form-input-border-style);border-width:var(--form-input-border-width);display:flex;padding-block:var(--form-input-padding-block);padding-inline:var(--form-input-padding-inline);text-align:center;white-space:nowrap}.form-label{cursor:pointer;display:block;font-weight:var(--form-label-font-weight);line-height:var(--base-line-height);margin-block-end:var(--form-label-margin-block-end);text-wrap:pretty}.form-label-required{color:var(--form-text-error-color);font-weight:700}.form-text{color:var(--form-text-color)}.form-text,.form-text-error{display:block;line-height:var(--base-line-height);margin-block-start:var(--form-text-margin-block-start)}.form-text-error{color:var(--form-text-error-color)}.form-text-hint{color:var(--c-gray);display:block;line-height:var(--base-line-height);margin-block-start:var(--form-text-margin-block-start)}.form-fieldset{background-color:var(--form-fieldset-background-color);border-color:var(--form-fieldset-border-color);border-radius:var(--form-fieldset-border-radius);border-style:var(--form-fieldset-border-style);border-width:var(--form-fieldset-border-width);margin:0;min-width:0;padding-block:var(--form-fieldset-padding-block);padding-inline:var(--form-fieldset-padding-inline)}.form-fieldset+.form-fieldset{margin-block-start:calc(var(--spacer)*2)}}@layer forms{}@layer forms{}@layer forms{}@layer forms{.form-fieldset:has(.form-control:user-invalid),.form-fieldset:has(.form-select:user-invalid){border-color:var(--form-text-error-color)}.form-fieldset:has(.form-control:user-valid),.form-fieldset:has(.form-select:user-valid){border-color:var(--form-fieldset-border-color-valid)}}@layer forms{.form-legend{float:left;font-size:var(--form-legend-form-size);font-weight:var(--form-legend-form-weight);line-height:inherit;margin-block-end:var(--form-legend-margin-block-end);padding:0;width:100%}.form-legend+*{clear:left}.form-checkbox{display:flex;flex-direction:row;margin-block-end:var(--form-checkbox-margin-block-end)}.form-checkbox,.form-checkbox-label{align-items:center;gap:var(--form-checkbox-label-gap)}.form-checkbox-label{display:inline-flex;order:1}.form-checkbox-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--form-checkbox-input-background-color);border-color:var(--form-checkbox-input-border-color);border-style:var(--form-checkbox-input-border-style);border-width:var(--form-checkbox-input-border-width);display:grid;height:var(--form-checkbox-input-height);place-content:center;position:relative;vertical-align:top;width:var(--form-checkbox-input-width)}.form-checkbox-input,.form-checkbox-input:before{border-radius:var(--form-checkbox-input-border-radius)}.form-checkbox-input:before{box-shadow:inset 1em 1em var(--form-checkbox-input-background-color-active);content:"";height:calc(var(--form-checkbox-input-height)/2);margin:0;transform:scale(0);transition-duration:var(--transition-duration);transition-property:transform;transition-timing-function:var(--transition-ease);width:calc(var(--form-checkbox-input-width)/2)}}@layer forms{.form-checkbox-input:focus-visible{outline-offset:var(--outline-offset-tight)}.form-checkbox-input:checked:before{transform:scale(1)}.form-checkbox-input:disabled{filter:none;opacity:.5;pointer-events:none}.form-radio{display:flex;flex-direction:row;margin-block-end:var(--form-radio-margin-block-end)}.form-radio,.form-radio-label{align-items:center;gap:var(--form-radio-label-gap)}.form-radio-label{display:inline-flex;order:1}.form-radio-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--form-radio-input-background-color);border-color:var(--form-radio-input-border-color);border-style:var(--form-radio-input-border-style);border-width:var(--form-radio-input-border-width);display:grid;height:var(--form-radio-input-height);place-content:center;vertical-align:top;width:var(--form-radio-input-width)}.form-radio-input,.form-radio-input:before{border-radius:var(--form-radio-input-border-radius)}.form-radio-input:before{box-shadow:inset 1em 1em var(--form-radio-input-background-color-active);content:"";height:calc(var(--form-radio-input-height)/2);margin:0;transform:scale(0);transition-duration:var(--transition-duration);transition-property:transform;transition-timing-function:var(--transition-ease);width:calc(var(--form-radio-input-width)/2)}}@layer forms{.form-radio-input:focus-visible{outline-offset:var(--outline-offset-tight)}.form-radio-input:checked:before{transform:scale(1)}.form-radio-input:disabled{filter:none;opacity:.5;pointer-events:none}.form-block{margin-block-end:var(--form-block-margin-block-end)}}@layer forms{.form-block:has(.form-control:user-invalid) .form-label,.form-block:has(.form-select:user-invalid) .form-label{color:var(--form-text-error-color)}.form-block:has(.form-control:user-invalid) .form-text,.form-block:has(.form-control:user-invalid) .form-text-hint,.form-block:has(.form-select:user-invalid) .form-text,.form-block:has(.form-select:user-invalid) .form-text-hint{color:var(--form-text-error-color)}.form-block:has(.form-control:user-valid) .form-label,.form-block:has(.form-select:user-valid) .form-label{color:var(--c-secondary)}.form-block:has(.form-control:user-valid) .form-text,.form-block:has(.form-select:user-valid) .form-text{color:var(--c-secondary)}}
@@ -0,0 +1 @@
1
+ @layer variables, theme, base, layout, html, components, forms, utilities, overrides, sitepackage-default, sitepackage-search;@layer variables{@layer variables{:root{--spacer-n3:0.5rem;--spacer-n2:0.75rem;--spacer-n1:0.875rem;--spacer:1rem;--spacer-1:calc(var(--spacer)*1.25);--spacer-2:calc(var(--spacer)*1.5);--spacer-3:calc(var(--spacer)*1.75);--spacer-4:calc(var(--spacer)*2);--spacer-5:calc(var(--spacer)*2.5);--spacer-6:calc(var(--spacer)*4);--spacer-7:calc(var(--spacer)*8);--grid-spacing:var(--spacer-4);--container-spacer:var(--spacer);--container-max-width:1080px;--heading-1:clamp(1.75rem,2.8vw,2rem);--heading-2:clamp(1.5rem,2.6vw,1.75rem);--heading-3:clamp(1.375rem,2.4vw,1.625rem);--heading-4:clamp(1.25rem,2.2vw,1.5rem);--heading-5:clamp(1.125rem,2vw,1.375rem);--heading-6:1rem;--heading-font-family:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,helvetica,arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--fs-xs:0.75rem;--fs-sm:1rem;--fs-md:1.25rem;--fs-lg:clamp(1.125rem,2.2vw,1.5rem);--fs-xl:clamp(1.25rem,2.2vw,1.765rem);--a-color:var(--c-black);--a-color-hover:var(--c-black);--a-text-decoration-line:underline;--a-text-decoration-line-hover:underline;--a-text-decoration-style:solid;--a-text-decoration-style-hover:dashed;--a-text-decoration-thickness:0.0625rem;--a-text-underline-offset:0.0625rem;--a-font-size:var(--body-font-size);--p-margin-block-start:var(--spacer-n2);--p-line-height:var(--large-line-height);--p-font-size:var(--body-font-size);--p-color:var(--c-black);--svg-width:1em;--svg-height:1em;--line-height-110:1.1;--line-height-115:1.15;--line-height-120:1.2;--line-height-125:1.25;--line-height-130:1.3;--line-height-140:1.4;--line-height-150:1.5;--line-height-18125:1.8125;--base-line-height:var(--line-height-140);--large-line-height:var(--line-height-18125);--transition-duration-fast:0.15s;--transition-duration:0.3s;--transition-duration-slow:0.45s;--transition-decorative-duration:0.1s;--transition-ease:ease-in-out;--transition-default:var(--transition-duration);--focus-default:0 0 0 0.125em var(--c-white),0 0 0 0.25em var(--c-secondary);--outline-size:max(2px,0.08em);--outline-style:solid;--outline-color:currentcolor;--outline-offset:max(2px,0.08em);--outline-offset-tight:0.125rem;--border-radius-xs:0.25rem;--border-radius-sm:0.5rem;--border-radius-md:1rem;--border-radius-lg:1.5rem;--border-radius-xl:2rem;--border-radius-full:50%;--shadow-sm:0 0.25rem 0.75rem -0.5rem rgba(0,0,0,.12);--shadow-md:0 0.375rem 1rem -0.5rem rgba(0,0,0,.1);--shadow-lg:0 0.5rem 1.5rem -0.75rem rgba(0,0,0,.12);--body-background-color:var(--c-white);--body-line-height:var(--base-line-height);--body-color:var(--c-black);--body-font-size:var(--fs-md);--body-font-family:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,helvetica,arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--z-index-navigation:999;--z-index-dropdown:998;--z-index-modal:99990;--modal-max-width:50rem;--modal-background-color:var(--c-white);--modal-border-radius:var(--border-radius-sm);--modal-border-width:1px;--modal-border-color:var(--c-white-200);--modal-padding-block:2rem;--modal-padding-inline:2rem;--modal-color:var(--body-color);--modal-backdrop:hsl(0deg 0 0/50%);--modal-body-padding-block-start:2rem;--modal-footer-padding-block-start:2rem;--badge-padding-block:0.25rem;--badge-padding-inline:0.5rem;--badge-border-radius:var(--border-radius-sm);--badge-font-size:var(--fs-xs);--badge-font-weight:600;--button-padding-block:0.5rem;--button-padding-inline:0.75rem;--button-gap:var(--spacer-n2);--button-border-radius:var(--border-radius-sm);--button-letter-spacing:0;--button-text-transform:none;--button-font-size:var(--body-font-size);--button-font-weight:500;--button-border-width:1px;--button-border-style:solid;--button-border-color:var(--c-white-300);--button-sm-padding-block:0.5rem;--button-sm-padding-inline:0.5rem;--button-sm-border-radius:var(--border-radius-sm);--button-icon-padding-block:0.5rem;--button-icon-padding-inline:0.75rem;--button-icon-color:var(--c-black);--button-link-padding-block:0;--button-link-padding-inline:0;--button-link-color:var(--c-black);--blockquote-padding-block:1.5rem;--blockquote-padding-inline:1.5rem;--blockquote-border-width:0.25rem;--blockquote-quote-gap:0.25rem;--accordion-details-background-color:transparent;--accordion-details-color:var(--c-white-background-color-emphasis);--accordion-details-border-width:0;--accordion-details-border-style:solid;--accordion-details-border-color:transparent;--accordion-details-border-radius:0;--accordion-details-border-bottom-width:1px;--accordion-details-border-bottom-style:solid;--accordion-details-border-bottom-color:var(--c-white-200);--accordion-details-border-bottom-width-contrast:max(2px,1px);--accordion-details-border-bottom-color-contrast:currentcolor;--accordion-summary-padding-block:var(--spacer-1);--accordion-summary-padding-inline:0;--accordion-summary-color:var(--c-white-background-color-emphasis);--accordion-summary-font-size:var(--body-font-size);--accordion-summary-font-weight:500;--accordion-text-color:var(--c-white-background-color-emphasis);--accordion-icon-width:1rem;--accordion-icon-height:1rem;--accordion-icon-color:var(--c-white-background-color-emphasis);--accordion-content-padding-block:var(--spacer);--accordion-content-padding-inline:0;--accordion-content-font-size:var(--body-font-size);--pagination-item-width:2.625rem;--pagination-item-height:2.625rem;--pagination-border-width:0;--pagination-border-style:solid;--pagination-border-color:transparent;--pagination-border-width-active:1px;--pagination-border-color-active:var(--c-white-200);--pagination-background-color:var(--c-white);--pagination-background-color-hover:var(--c-white-100);--pagination-color:var(--c-black);--form-fieldset-padding-block:1.25rem;--form-fieldset-padding-inline:1.25rem;--form-fieldset-background-color:var(--c-white);--form-fieldset-border-radius:var(--border-radius-sm);--form-fieldset-border-width:1px;--form-fieldset-border-style:solid;--form-fieldset-border-color:var(--c-white-300);--form-fieldset-border-color-valid:var(--c-secondary);--form-legend-margin-block-end:var(--spacer);--form-legend-form-weight:500;--form-legend-form-size:var(--body-font-size);--form-input-padding-block:0.375rem;--form-input-padding-inline:0.75rem;--form-input-background-color:var(--c-white);--form-input-color:var(--body-color);--form-input-border-width:1px;--form-input-border-style:solid;--form-input-border-color:var(--c-white-300);--form-input-border-radius:var(--border-radius-sm);--form-input-font-size:var(--body-font-size);--form-input-border-color-focus:var(--c-white-300);--form-input-box-shadow-focus:0 0 0 0.25rem rgba(32,42,52,.1);--form-radio-margin-block-end:0.5rem;--form-radio-label-gap:0.5rem;--form-radio-input-width:1rem;--form-radio-input-height:1rem;--form-radio-input-background-color:var(--form-input-background-color);--form-radio-input-background-color-active:var(--c-secondary);--form-radio-input-border-width:1px;--form-radio-input-border-style:solid;--form-radio-input-border-color:var(--c-white-300);--form-radio-input-border-radius:var(--border-radius-full);--form-checkbox-margin-block-end:0.5rem;--form-checkbox-label-gap:0.5rem;--form-checkbox-input-width:1rem;--form-checkbox-input-height:1rem;--form-checkbox-input-background-color:var(--form-input-background-color);--form-checkbox-input-background-color-active:var(--c-secondary);--form-checkbox-input-border-width:1px;--form-checkbox-input-border-style:solid;--form-checkbox-input-border-color:var(--c-white-300);--form-checkbox-input-border-radius:0.125rem;--form-datalist-margin-block-start:0.5rem;--form-datalist-padding-block:0.5rem;--form-datalist-padding-inline:0.5rem;--form-datalist-background-color:var(--c-white);--form-datalist-border-width:1px;--form-datalist-border-style:solid;--form-datalist-border-color:var(--form-input-border-color-focus);--form-datalist-border-radius:var(--form-input-border-radius);--form-datalist-option-padding-block:0.5rem;--form-datalist-option-padding-inline:0.5rem;--form-datalist-option-background-color:var(--c-white);--form-datalist-option-background-color-hover:var(--c-white-200);--form-block-margin-block-end:var(--spacer-3);--form-label-margin-block-end:calc(var(--spacer)*0.5);--form-label-font-weight:500;--form-text-margin-block-start:var(--spacer-n2);--form-text-color:var(--c-black);--form-text-error-color:var(--c-destructive);--hr-height:1px;--hr-margin-block:var(--spacer-3);--hr-background-color:var(--c-white-200);--hr-opacity:1;--dropdown-trigger-padding-block:0.5rem;--dropdown-trigger-padding-inline:0.75rem;--dropdown-trigger-border-width:1px;--dropdown-trigger-border-style:solid;--dropdown-trigger-border-color:var(--c-white-300);--dropdown-trigger-border-radius:var(--border-radius-sm);--dropdown-trigger-background-color:var(--c-white);--dropdown-trigger-background-color-hover:var(--c-white-100);--dropdown-trigger-color:var(--c-black);--dropdown-trigger-font-size:var(--body-font-size);--dropdown-trigger-line-height:var(--line-height-120);--dropdown-trigger-letter-spacing:0;--dropdown-trigger-focus-shadow:var(--focus-default);--dropdown-menu-list-padding-block:0.5rem;--dropdown-content-width:192px;--dropdown-content-margin-block-start:var(--spacer-n2);--dropdown-content-border-width:1px;--dropdown-content-border-style:solid;--dropdown-content-border-color:var(--c-white-300);--dropdown-content-border-radius:var(--border-radius-sm);--dropdown-content-box-shadow:var(--shadow-md);--dropdown-item-text-padding-block:0.5rem;--dropdown-item-text-padding-inline:0.75rem;--dropdown-item-text-font-size:var(--body-font-size);--dropdown-icon-width:1rem;--dropdown-icon-height:1rem}}}@layer base{}@layer base{@layer base{*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation:none!important;scroll-behavior:auto!important;transition:none!important}}body{line-height:var(--line-height-150);min-height:100vh;text-rendering:optimizespeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{background-color:var(--body-background-color);line-height:var(--body-line-height);margin:0;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;accent-color:var(--c-secondary);color:var(--body-color);font-family:var(--body-font-family);font-size:var(--body-font-size);overflow-x:hidden;text-rendering:optimizelegibility}}}@layer base{@layer base{@media (prefers-reduced-transparency:reduce){:root{--modal-backdrop:hsl(0deg 0 0/85%)}}@media (prefers-reduced-data:reduce){:root{--shadow-md:none}}@media (forced-colors:active){:is(a,button,input,textarea,summary){forced-color-adjust:auto}}@media (prefers-contrast:more){:root{--outline-size:max(3px,0.12em)}}}}@layer base{@layer base{:is(a,button,input,textarea,summary){--outline-size:max(2px,0.08em);--outline-style:solid;--outline-color:currentcolor}:is(a,button,input,textarea,summary):focus-visible{outline:var(--outline-size) var(--outline-style) var(--outline-color);outline-offset:var(--outline-offset,var(--outline-size))}:is(a,button,input,textarea,summary):focus:not(:focus-visible){outline:none}}}@layer base{@layer base{.h1,h1{font-size:var(--heading-1);line-height:var(--line-height-110)}.h1,.h2,h1,h2{display:block;font-family:var(--heading-font-family);font-weight:700;margin-block-end:var(--spacer);text-wrap:balance}.h2,h2{font-size:var(--heading-2);line-height:var(--line-height-115)}.h3,h3{font-size:var(--heading-3);line-height:var(--line-height-120)}.h3,.h4,h3,h4{display:block;font-family:var(--heading-font-family);font-weight:700;margin-block-end:var(--spacer);text-wrap:balance}.h4,h4{font-size:var(--heading-4);line-height:var(--line-height-125)}.h5,h5{font-size:var(--heading-5);line-height:var(--line-height-130)}.h5,.h6,h5,h6{display:block;font-family:var(--heading-font-family);font-weight:700;margin-block-end:var(--spacer);text-wrap:balance}.h6,h6{font-size:var(--heading-6);line-height:var(--line-height-140)}.p,p{color:var(--p-color);font-size:var(--p-font-size);hyphens:auto;line-height:var(--p-line-height);margin-block-end:var(--p-margin-block-start);text-wrap:pretty}.p,p:last-child{margin-block-end:0}.a,a{color:var(--a-color);font-size:var(--a-font-size);text-decoration-line:var(--a-text-decoration-line);text-decoration-style:var(--a-text-decoration-style);text-decoration-thickness:var(--a-text-decoration-thickness);text-underline-offset:var(--a-text-underline-offset)}a:is(:hover,:focus-visible){color:var(--a-color-hover);text-decoration-line:var(--a-text-decoration-line-hover);text-decoration-style:var(--a-text-decoration-style-hover)}:is(a[href^="tel:"]:not([class]),a[href^="mailto:"]:not([class]),a[download]:not([class]),a[href^="http://"]:not([class]),a[href^="https://"]:not([class])):not(:has(img)):after{background-repeat:no-repeat;background-size:contain;color:var(--a-color);content:" ";display:inline-block;height:1em;margin-inline:.25rem;vertical-align:middle;width:1em}a[href^="tel:"]:after{background-image:url(@krudi/icons/square-phone.svg)}a[href^="mailto:"]:after{background-image:url(@krudi/icons/envelope.svg)}a[download]:after{background-image:url(@krudi/icons/download.svg)}a[href^="http://"]:after,a[href^="https://"]:after{background-image:url(@krudi/icons/arrow-up-right-from-square.svg)}}}@layer layout{}@layer layout{@layer layout{.container{margin-inline:auto}.container,.container-fluid{container-type:inline-size;width:min(var(--container-max-width),100% - var(--spacer-3))}.row{display:grid;gap:var(--spacer);grid-template-columns:repeat(12,1fr)}}}@layer layout{@layer layout{@container (max-width: 992px){.row{grid-template-columns:repeat(6,1fr)}.col-10,.col-11,.col-12,.col-7,.col-8,.col-9{grid-column:span 6}}@container (max-width: 768px){.row{grid-template-columns:repeat(4,1fr)}.col-10,.col-11,.col-12,.col-5,.col-6,.col-7,.col-8,.col-9{grid-column:span 4}}@container (max-width: 576px){.row{grid-template-columns:repeat(2,1fr)}.col-10,.col-11,.col-12,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{grid-column:span 2}}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}.col-start{display:grid;place-items:start}.col-center{display:grid;place-items:start center}.col-end{display:grid;place-items:start end}@media screen and (max-width:992px){.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{grid-column:span 12}}}}@layer html{}@layer html{@layer html{svg{fill:currentcolor;height:var(--svg-height);width:var(--svg-width)}picture{position:relative}img{border-radius:var(--border-radius-sm);height:auto;max-width:100%}}}@layer html{@layer html{}}@layer components{}@layer components{@layer components{.badge{background-color:var(--badge-background-color);border-color:var(--badge-border-color);border-radius:var(--badge-border-radius);border-style:var(--badge-border-style);border-width:var(--badge-border-width);color:var(--badge-color);display:inline-flex;font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);line-height:var(--line-height-120);padding-block:var(--badge-padding-block);padding-inline:var(--badge-padding-inline)}.badge-default{--badge-background-color:var(--c-black);--badge-color:var(--c-black-background-color-emphasis);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.badge-secondary{--badge-background-color:var(--c-secondary);--badge-color:var(--c-black);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.badge-destructive{--badge-background-color:var(--c-destructive);--badge-color:var(--c-destructive-background-color-emphasis);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.badge-outline{--badge-background-color:transparent;--badge-color:var(--c-black);--badge-border-width:1px;--badge-border-style:solid;--badge-border-color:var(--c-gray-contrast)}@media (prefers-contrast:more){.badge{border-color:currentcolor;border-style:solid;border-width:max(2px,var(--badge-border-width))}}}}@layer components{@layer components{.accordion{display:flex;flex-direction:column}.accordion-details{background-color:var(--accordion-details-background-color);border-color:var(--accordion-details-border-color);border-radius:var(--accordion-details-border-radius);border-style:var(--accordion-details-border-style);border-width:var(--accordion-details-border-width);border-bottom:var(--accordion-details-border-bottom-width) var(--accordion-details-border-bottom-style) var(--accordion-details-border-bottom-color);color:var(--accordion-details-color);cursor:pointer;overflow:visible;width:100%}@media (prefers-contrast:more){.accordion-details{border-bottom:var(--accordion-details-border-bottom-width-contrast) var(--accordion-details-border-bottom-style) var(--accordion-details-border-bottom-color-contrast)}}.accordion-details:last-child{margin-block-end:0}.accordion-details::details-content{block-size:0;display:block;overflow:hidden;transition-behavior:allow-discrete;transition-duration:var(--transition-duration);transition-property:block-size,content-visibility;transition-timing-function:var(--transition-ease)}.accordion-details[open]::details-content{block-size:auto;block-size:calc-size(auto,size)}.accordion-details[open] .accordion-summary-icon{rotate:180deg}.accordion-summary{align-items:center;display:flex;justify-content:space-between;padding-block:var(--accordion-summary-padding-block);padding-inline:var(--accordion-summary-padding-inline);position:relative;width:100%}.accordion-summary::-webkit-details-marker{display:none;list-style:none}.accordion-summary-title{color:var(--accordion-summary-color);font-size:var(--accordion-summary-font-size);font-weight:var(--accordion-summary-font-weight);margin-block-end:0;text-wrap:balance}.accordion-summary-icon{background-image:url(@krudi/icons/caret-down.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;color:var(--accordion-icon-color);display:inline-block;height:var(--accordion-icon-height);transition-duration:var(--transition-duration);transition-property:rotate;transition-timing-function:var(--transition-ease);width:var(--accordion-icon-width)}@media (prefers-reduced-motion:reduce){.accordion-details::details-content{transition:none}.accordion-summary-icon{transition:none}}.accordion-content{font-size:var(--accordion-content-font-size);padding-block-end:var(--accordion-content-padding-block);padding-block-start:0;padding-inline:var(--accordion-content-padding-inline)}.accordion-content-text{color:var(--accordion-text-color);word-break:break-all}.btn,.btn-group{display:inline-flex;gap:var(--button-gap);vertical-align:middle}.btn{background-color:var(--button-background-color);border-color:var(--button-border-color);border-radius:var(--button-border-radius);border-style:var(--button-border-style);border-width:var(--button-border-width);box-shadow:none;color:var(--button-color-emphasis);cursor:pointer;font-size:var(--button-font-size);font-weight:var(--button-font-weight);justify-content:space-between;letter-spacing:var(--button-letter-spacing);line-height:var(--line-height-120);padding-block:var(--button-padding-block);padding-inline:var(--button-padding-inline);text-align:center;text-decoration:none;text-transform:var(--button-text-transform);text-wrap:pretty;transition-duration:var(--transition-duration);transition-property:background-color;transition-timing-function:var(--transition-ease);-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:disabled{pointer-events:none}}}@layer components{@layer components{}}@layer components{@layer components{.btn:disabled,.btn:is(:hover,:focus-visible){background-color:var(--button-hover)}@media (prefers-contrast:more){.btn{border-color:currentcolor;border-style:solid;border-width:max(2px,var(--button-border-width))}}.btn-default{--button-background-color:var(--c-black);--button-color-emphasis:var(--c-black-background-color-emphasis);--button-border-color:var(--c-black-contrast);--button-hover:var(--c-black-contrast)}.btn-secondary{--button-background-color:var(--c-secondary);--button-color-emphasis:var(--c-black);--button-border-color:var(--c-secondary-contrast);--button-hover:var(--c-secondary-contrast)}.btn-destructive{--button-background-color:var(--c-destructive);--button-color-emphasis:var(--c-destructive-background-color-emphasis);--button-border-color:var(--c-destructive-contrast);--button-hover:var(--c-destructive-contrast)}.btn-outline{--button-background-color:transparent;--button-color-emphasis:var(--c-black);--button-border-width:1px;--button-border-style:solid;--button-border-color:var(--c-gray-contrast);--button-hover:var(--c-white-contrast)}.btn-ghost{--button-background-color:transparent;--button-color-emphasis:var(--c-black);--button-border-width:0;--button-border-style:inherit;--button-border-color:none;--button-hover:var(--c-white-contrast)}.btn-icon{--button-background-color:var(--c-white-200);--button-hover:var(--c-white-200-hover);--button-border-width:0;--button-border-style:inherit;--button-border-color:none;line-height:var(--base-line-height);padding-block:var(--button-icon-padding-block);padding-inline:var(--button-icon-padding-inline)}.btn-icon svg{fill:var(--button-color-emphasis)}.btn-icon:disabled,.btn-icon:focus-visible,.btn-icon:hover{background-color:var(--button-hover)}.btn-link{--button-background-color:transparent;--button-color-emphasis:var(--button-link-color);--button-border-width:0;--button-border-style:inherit;--button-border-color:none;align-items:center;border-radius:inherit;display:inline-flex;font-size:inherit;font-weight:inherit;padding-block:var(--button-link-padding-block);padding-inline:var(--button-link-padding-inline);text-transform:inherit}.btn-link:disabled,.btn-link:focus-visible,.btn-link:hover{background-color:transparent}.btn-close{--button-padding-block:0;--button-padding-inline:0;--button-border-width:0;--button-border-style:inherit;--button-border-color:none;align-items:center;display:flex;justify-content:center}.btn-sm{padding-block:var(--button-sm-padding-block);padding-inline:var(--button-sm-padding-inline)}.dropdown{display:inline-block;position:relative}.dropdown-trigger{align-items:center;anchor-name:--dropdown-trigger;background-color:var(--dropdown-trigger-background-color);border-color:var(--dropdown-trigger-border-color);border-radius:var(--dropdown-trigger-border-radius);border-style:var(--dropdown-trigger-border-style);border-width:var(--dropdown-trigger-border-width);color:var(--dropdown-trigger-color);cursor:pointer;display:inline-flex;font-size:var(--dropdown-trigger-font-size);gap:calc(var(--spacer)/2);letter-spacing:var(--dropdown-trigger-letter-spacing);line-height:var(--dropdown-trigger-line-height);padding-block:var(--dropdown-trigger-padding-block);padding-inline:var(--dropdown-trigger-padding-inline);text-transform:var(--button-text-transform);transition-duration:var(--transition-duration);transition-property:background-color,border-color,color;transition-timing-function:var(--transition-ease);-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown-summary-icon{background-image:url(@krudi/icons/caret-down.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:var(--dropdown-icon-height);transition:transform var(--transition-decorative-duration) var(--transition-ease);width:var(--dropdown-icon-width)}}}@layer components{@layer components{.dropdown:has(.dropdown-list:popover-open) .dropdown-summary-icon{transform:rotate(180deg)}.dropdown.is-open .dropdown-summary-icon{transform:rotate(180deg)}.dropdown:has(.dropdown-list:popover-open) .dropdown-trigger{border-color:var(--dropdown-trigger-border-color);color:var(--dropdown-trigger-color)}.dropdown-trigger:is(:hover,:focus-visible){background-color:var(--dropdown-trigger-background-color-hover)}.dropdown-trigger:focus-visible{box-shadow:var(--dropdown-trigger-focus-shadow);outline:none}.dropdown-list{background-color:var(--c-white);border-color:var(--dropdown-content-border-color);border-radius:var(--dropdown-content-border-radius);border-style:var(--dropdown-content-border-style);border-width:var(--dropdown-content-border-width);box-shadow:var(--dropdown-content-box-shadow);display:none;flex-direction:column;inset:unset;inset-block-start:calc(anchor(bottom) + var(--dropdown-content-margin-block-start));inset-inline-start:anchor(start);list-style:none;opacity:0;overflow:hidden;padding-block:var(--dropdown-menu-list-padding-block);padding-inline-start:0;position:fixed;position-anchor:--dropdown-trigger;transition:opacity var(--transition-duration) var(--transition-ease);width:var(--dropdown-content-width);z-index:var(--z-index-dropdown)}.dropdown-list:popover-open{display:flex;opacity:1}.dropdown-list-item{border-top:1px solid var(--c-white-200);display:block;transition-duration:var(--transition-duration);transition-property:background-color;transition-timing-function:var(--transition-ease);width:100%}.dropdown-list-item:first-child{border-top-width:0}.dropdown-list-item:focus-visible,.dropdown-list-item:focus-within,.dropdown-list-item:hover{background-color:var(--c-white-200)}.dropdown-list-item:has(.dropdown-list-item-link[aria-current=page]){background-color:var(--c-white-100)}.dropdown-list-item-link{align-items:center;border-radius:var(--dropdown-content-border-radius);color:var(--c-black);cursor:pointer;display:inline-flex;font-size:var(--dropdown-item-text-font-size);font-weight:400;gap:var(--spacer);padding-block:var(--dropdown-item-text-padding-block);padding-inline:var(--dropdown-item-text-padding-inline);text-decoration:none;width:100%}.dropdown-list-item-link:focus-visible{outline-color:var(--c-secondary);outline-offset:var(--outline-offset-tight)}@media (prefers-reduced-motion:reduce){.dropdown-list{transition:none!important}}}}@layer components{@layer components{.hr{background-color:var(--hr-background-color);border:none;height:var(--hr-height);margin-block:var(--hr-margin-block);opacity:var(--hr-opacity)}.unordered-list{margin-block-end:0;margin-block-start:0}.modal{background-color:var(--modal-background-color);border:0;border-radius:var(--modal-border-radius);color:var(--modal-color);display:none;max-width:var(--modal-max-width);opacity:0;padding-block:var(--modal-padding-block);padding-inline:var(--modal-padding-inline);transition-behavior:allow-discrete;transition-duration:var(--transition-duration);transition-property:display,opacity;transition-timing-function:var(--transition-ease);width:100%;z-index:var(--z-index-modal)}.modal[open]{display:block;opacity:1}}}@layer components{@layer components{}}@layer components{@layer components{@starting-style{.modal[open]{opacity:0}}.modal[open]:has(.modal-body){box-shadow:var(--shadow-md)}.modal[open]::backdrop{opacity:1}.modal::backdrop{background:var(--modal-backdrop);opacity:0;transition-behavior:allow-discrete;transition-duration:var(--transition-duration);transition-property:opacity,display,overlay;transition-timing-function:var(--transition-ease)}@starting-style{.modal::backdrop{opacity:0}}.modal-header{border-bottom:var(--modal-border-width) solid var(--modal-border-color);text-wrap:balance}.modal-close{position:absolute;right:calc(var(--modal-padding-inline)/2);top:calc(var(--modal-padding-block)/2)}.modal-body{padding-block-start:var(--modal-body-padding-block-start)}.modal-footer{border-top:var(--modal-border-width) solid var(--modal-border-color);padding-block-start:var(--modal-footer-padding-block-start)}@media (prefers-reduced-motion:reduce){.modal,.modal::backdrop{transition:none!important}}}}@layer components{@layer components{.pagination{text-align:center}.pagination-list{align-items:center;display:inline-flex;gap:var(--spacer-n3);list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.pagination-list-item{display:flex}.pagination-list-item-link{background-color:var(--pagination-background-color);color:var(--pagination-color);text-decoration:none;transition:background-color var(--transition-duration) var(--transition-ease),border-color var(--transition-duration) var(--transition-ease),color var(--transition-duration) var(--transition-ease)}.pagination-list-item-link:focus-visible,.pagination-list-item-link:hover{background-color:var(--pagination-background-color-hover);border-color:var(--pagination-border-color);color:var(--pagination-color)}.pagination-list-item-link:focus-visible{outline-color:var(--c-secondary);outline-offset:var(--outline-offset-tight)}.pagination-list-item-text{background-color:var(--pagination-background-color-hover);border-color:var(--pagination-border-color-active);border-width:var(--pagination-border-width-active);box-shadow:none;color:var(--pagination-color);font-weight:500}.pagination-list-item-link,.pagination-list-item-text{border-color:var(--pagination-border-color);border-style:var(--pagination-border-style);border-width:var(--pagination-border-width);display:flex;justify-content:center;min-width:var(--pagination-item-width);padding-inline:var(--spacer-n3)}.pagination-list-item-control,.pagination-list-item-link,.pagination-list-item-text{align-items:center;border-radius:var(--border-radius-sm);height:var(--pagination-item-height)}.pagination-list-item-control{background-color:var(--pagination-background-color);border:var(--pagination-border-width) var(--pagination-border-style) var(--pagination-border-color);color:var(--pagination-color);display:inline-flex;gap:var(--spacer-n3);padding-inline:var(--spacer-n2);text-decoration:none;transition:background-color var(--transition-duration) var(--transition-ease),border-color var(--transition-duration) var(--transition-ease),color var(--transition-duration) var(--transition-ease)}.pagination-list-item-control:focus-visible,.pagination-list-item-control:hover{background-color:var(--pagination-background-color-hover);border-color:var(--pagination-border-color);color:var(--pagination-color)}.pagination-list-item-control:focus-visible{outline-color:var(--c-secondary);outline-offset:var(--outline-offset-tight)}.pagination-list-item-control[aria-disabled=true]{opacity:.5;pointer-events:none}.pagination-list-item-ellipsis{align-items:center;color:var(--pagination-color);display:inline-flex;height:var(--pagination-item-height);justify-content:center;min-width:var(--pagination-item-width)}}}@layer forms{@layer forms{.form-control{background-color:var(--form-input-background-color);border-color:var(--form-input-border-color);border-radius:var(--form-input-border-radius);border-style:var(--form-input-border-style);border-width:var(--form-input-border-width);caret-color:var(--c-secondary);color:var(--form-input-color);display:block;font-size:var(--form-input-font-size);padding-block:var(--form-input-padding-block);padding-inline:var(--form-input-padding-inline);transition-duration:var(--transition-duration);transition-property:border-color,box-shadow;transition-timing-function:var(--transition-ease);width:100%}.form-control:focus{border-color:var(--form-input-border-color-focus);box-shadow:var(--form-input-box-shadow-focus);outline:none}.form-control:focus:not(:focus-visible){border-color:var(--form-input-border-color);box-shadow:none}.form-control:focus-visible{border-color:var(--form-input-border-color-focus);box-shadow:var(--form-input-box-shadow-focus)}.form-control:user-invalid{border-color:var(--form-text-error-color)}.form-control:user-invalid:focus-visible{box-shadow:0 0 0 .125em color-mix(in srgb,var(--form-text-error-color) 30%,transparent)}.form-control:user-valid{border-color:var(--c-secondary)}.form-control:user-valid:focus-visible{box-shadow:0 0 0 .125em color-mix(in srgb,var(--c-secondary) 30%,transparent)}@media (prefers-contrast:more){.form-control{border-width:max(2px,var(--form-input-border-width))}}.form-control::-moz-placeholder{opacity:1}.form-control::placeholder{opacity:1}.form-control:disabled{background-color:var(--c-white-200);opacity:1}.form-control::-webkit-calendar-picker-indicator{display:none;opacity:0}}}@layer forms{@layer forms{.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--form-input-background-color);background-image:linear-gradient(45deg,transparent 50%,currentcolor 0),linear-gradient(135deg,currentcolor 50%,transparent 0);background-position:calc(100% - 1rem) calc(50% - .125rem),calc(100% - .6875rem) calc(50% - .125rem);background-repeat:no-repeat;background-size:.3125rem .3125rem;border-color:var(--form-input-border-color);border-radius:var(--form-input-border-radius);border-style:var(--form-input-border-style);border-width:var(--form-input-border-width);color:var(--form-input-color);display:block;font-size:var(--form-input-font-size);padding-block:var(--form-input-padding-block);padding-inline:var(--form-input-padding-inline);padding-inline-end:calc(var(--form-input-padding-inline)*2.5);transition-duration:var(--transition-duration);transition-property:border-color,box-shadow;transition-timing-function:var(--transition-ease);width:100%}.form-select:focus{border-color:var(--form-input-border-color-focus);box-shadow:var(--form-input-box-shadow-focus);outline:none}.form-select:focus:not(:focus-visible){border-color:var(--form-input-border-color);box-shadow:none}.form-select:focus-visible{border-color:var(--form-input-border-color-focus);box-shadow:var(--form-input-box-shadow-focus)}.form-select:user-invalid{border-color:var(--form-text-error-color)}.form-select:user-invalid:focus-visible{box-shadow:0 0 0 .125em color-mix(in srgb,var(--form-text-error-color) 30%,transparent)}.form-select:user-valid{border-color:var(--c-secondary)}.form-select:user-valid:focus-visible{box-shadow:0 0 0 .125em color-mix(in srgb,var(--c-secondary) 30%,transparent)}@media (prefers-contrast:more){.form-select{border-width:max(2px,var(--form-input-border-width))}}.form-select:disabled{background-color:var(--c-white-200);opacity:1}.form-select[multiple]{background-image:none;min-block-size:8rem;padding-inline-end:var(--form-input-padding-inline)}.form-input-group{align-items:stretch;display:flex;flex-wrap:wrap;position:relative;width:100%}.form-input-group>.form-control{flex:1 1 auto;min-width:0;position:relative;width:1%}}}@layer forms{@layer forms{.form-input-group>.btn:focus-visible,.form-input-group>.form-control:focus-visible{z-index:5}.form-input-group>:not(:last-child){border-bottom-right-radius:0!important;border-top-right-radius:0!important}.form-input-group>:not(:first-child){border-bottom-left-radius:0!important;border-top-left-radius:0!important;margin-left:-1px}.form-input-group>:first-child{border-bottom-left-radius:var(--form-input-border-radius);border-top-left-radius:var(--form-input-border-radius)}.form-input-group>:last-child{border-bottom-right-radius:var(--form-input-border-radius);border-top-right-radius:var(--form-input-border-radius)}.form-input-group-text{align-items:center;background-color:var(--form-input-background-color);border-color:var(--form-input-border-color);border-radius:var(--form-input-border-radius);border-style:var(--form-input-border-style);border-width:var(--form-input-border-width);display:flex;padding-block:var(--form-input-padding-block);padding-inline:var(--form-input-padding-inline);text-align:center;white-space:nowrap}.form-label{cursor:pointer;display:block;font-weight:var(--form-label-font-weight);line-height:var(--base-line-height);margin-block-end:var(--form-label-margin-block-end);text-wrap:pretty}.form-label-required{color:var(--form-text-error-color);font-weight:700}.form-text{color:var(--form-text-color)}.form-text,.form-text-error{display:block;line-height:var(--base-line-height);margin-block-start:var(--form-text-margin-block-start)}.form-text-error{color:var(--form-text-error-color)}.form-text-hint{color:var(--c-gray);display:block;line-height:var(--base-line-height);margin-block-start:var(--form-text-margin-block-start)}.form-fieldset{background-color:var(--form-fieldset-background-color);border-color:var(--form-fieldset-border-color);border-radius:var(--form-fieldset-border-radius);border-style:var(--form-fieldset-border-style);border-width:var(--form-fieldset-border-width);margin:0;min-width:0;padding-block:var(--form-fieldset-padding-block);padding-inline:var(--form-fieldset-padding-inline)}.form-fieldset+.form-fieldset{margin-block-start:calc(var(--spacer)*2)}}}@layer forms{@layer forms{}}@layer forms{@layer forms{}}@layer forms{@layer forms{}}@layer forms{@layer forms{.form-fieldset:has(.form-control:user-invalid),.form-fieldset:has(.form-select:user-invalid){border-color:var(--form-text-error-color)}.form-fieldset:has(.form-control:user-valid),.form-fieldset:has(.form-select:user-valid){border-color:var(--form-fieldset-border-color-valid)}}}@layer forms{@layer forms{.form-legend{float:left;font-size:var(--form-legend-form-size);font-weight:var(--form-legend-form-weight);line-height:inherit;margin-block-end:var(--form-legend-margin-block-end);padding:0;width:100%}.form-legend+*{clear:left}.form-checkbox{display:flex;flex-direction:row;margin-block-end:var(--form-checkbox-margin-block-end)}.form-checkbox,.form-checkbox-label{align-items:center;gap:var(--form-checkbox-label-gap)}.form-checkbox-label{display:inline-flex;order:1}.form-checkbox-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--form-checkbox-input-background-color);border-color:var(--form-checkbox-input-border-color);border-style:var(--form-checkbox-input-border-style);border-width:var(--form-checkbox-input-border-width);display:grid;height:var(--form-checkbox-input-height);place-content:center;position:relative;vertical-align:top;width:var(--form-checkbox-input-width)}.form-checkbox-input,.form-checkbox-input:before{border-radius:var(--form-checkbox-input-border-radius)}.form-checkbox-input:before{box-shadow:inset 1em 1em var(--form-checkbox-input-background-color-active);content:"";height:calc(var(--form-checkbox-input-height)/2);margin:0;transform:scale(0);transition-duration:var(--transition-duration);transition-property:transform;transition-timing-function:var(--transition-ease);width:calc(var(--form-checkbox-input-width)/2)}}}@layer forms{@layer forms{.form-checkbox-input:focus-visible{outline-offset:var(--outline-offset-tight)}.form-checkbox-input:checked:before{transform:scale(1)}.form-checkbox-input:disabled{filter:none;opacity:.5;pointer-events:none}.form-radio{display:flex;flex-direction:row;margin-block-end:var(--form-radio-margin-block-end)}.form-radio,.form-radio-label{align-items:center;gap:var(--form-radio-label-gap)}.form-radio-label{display:inline-flex;order:1}.form-radio-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--form-radio-input-background-color);border-color:var(--form-radio-input-border-color);border-style:var(--form-radio-input-border-style);border-width:var(--form-radio-input-border-width);display:grid;height:var(--form-radio-input-height);place-content:center;vertical-align:top;width:var(--form-radio-input-width)}.form-radio-input,.form-radio-input:before{border-radius:var(--form-radio-input-border-radius)}.form-radio-input:before{box-shadow:inset 1em 1em var(--form-radio-input-background-color-active);content:"";height:calc(var(--form-radio-input-height)/2);margin:0;transform:scale(0);transition-duration:var(--transition-duration);transition-property:transform;transition-timing-function:var(--transition-ease);width:calc(var(--form-radio-input-width)/2)}}}@layer forms{@layer forms{.form-radio-input:focus-visible{outline-offset:var(--outline-offset-tight)}.form-radio-input:checked:before{transform:scale(1)}.form-radio-input:disabled{filter:none;opacity:.5;pointer-events:none}.form-block{margin-block-end:var(--form-block-margin-block-end)}}}@layer forms{@layer forms{.form-block:has(.form-control:user-invalid) .form-label,.form-block:has(.form-select:user-invalid) .form-label{color:var(--form-text-error-color)}.form-block:has(.form-control:user-invalid) .form-text,.form-block:has(.form-control:user-invalid) .form-text-hint,.form-block:has(.form-select:user-invalid) .form-text,.form-block:has(.form-select:user-invalid) .form-text-hint{color:var(--form-text-error-color)}.form-block:has(.form-control:user-valid) .form-label,.form-block:has(.form-select:user-valid) .form-label{color:var(--c-secondary)}.form-block:has(.form-control:user-valid) .form-text,.form-block:has(.form-select:user-valid) .form-text{color:var(--c-secondary)}}}@layer utilities{@layer utilities{.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-5{-webkit-line-clamp:5}.line-clamp-5,.line-clamp-6{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-6{-webkit-line-clamp:6}.line-clamp-7{-webkit-line-clamp:7}.line-clamp-7,.line-clamp-8{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-8{-webkit-line-clamp:8}.bg-white{background-color:var(--c-white);color:var(--c-white-background-color-emphasis)}.bg-white-100{background-color:var(--c-white-100);color:var(--c-white-100-background-color-emphasis)}.bg-white-200{background-color:var(--c-white-200);color:var(--c-white-200-background-color-emphasis)}.bg-black{background-color:var(--c-black);color:var(--c-black-background-color-emphasis)}.bg-gray{background-color:var(--c-gray);color:var(--c-gray-background-color-emphasis)}.bg-secondary{background-color:var(--c-secondary);color:var(--c-secondary-background-color-emphasis)}.text-white{color:var(--c-white)}.text-white-100{color:var(--c-white-100)}.text-white-200{color:var(--c-white-200)}.text-black{color:var(--c-black)}.text-gray{color:var(--c-gray)}.text-secondary{color:var(--c-secondary)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.mx-auto{margin:0 auto}.m-0{margin-block:0;margin-inline:0}.m-n1{margin-block:var(--spacer-n1);margin-inline:var(--spacer-n1)}.m-n2{margin-block:var(--spacer-n2);margin-inline:var(--spacer-n2)}.m-1{margin-block:var(--spacer-1);margin-inline:var(--spacer-1)}.m-2{margin-block:var(--spacer-2);margin-inline:var(--spacer-2)}.m-3{margin-block:var(--spacer-3);margin-inline:var(--spacer-3)}.m-4{margin-block:var(--spacer-4);margin-inline:var(--spacer-4)}.m-default{margin-block:var(--spacer);margin-inline:var(--spacer)}.mt-0{margin-block-start:0}.mt-n1{margin-block-start:var(--spacer-n1)}.mt-n2{margin-block-start:var(--spacer-n2)}.mt-1{margin-block-start:var(--spacer-1)}.mt-2{margin-block-start:var(--spacer-2)}.mt-3{margin-block-start:var(--spacer-3)}.mt-4{margin-block-start:var(--spacer-4)}.mt-default{margin-block-start:var(--spacer)}.mb-0{margin-block-end:0}.mb-n1{margin-block-end:var(--spacer-n1)}.mb-n2{margin-block-end:var(--spacer-n2)}.mb-1{margin-block-end:var(--spacer-1)}.mb-2{margin-block-end:var(--spacer-2)}.mb-3{margin-block-end:var(--spacer-3)}.mb-4{margin-block-end:var(--spacer-4)}.mb-default{margin-block-end:var(--spacer)}.ml-0{margin-inline-start:0}.ml-n1{margin-inline-start:var(--spacer-n1)}.ml-n2{margin-inline-start:var(--spacer-n2)}.ml-1{margin-inline-start:var(--spacer-1)}.ml-2{margin-inline-start:var(--spacer-2)}.ml-3{margin-inline-start:var(--spacer-3)}.ml-4{margin-inline-start:var(--spacer-4)}.ml-default{margin-inline-start:var(--spacer)}.mr-0{margin-inline-end:0}.mr-n1{margin-inline-end:var(--spacer-n1)}.mr-n2{margin-inline-end:var(--spacer-n2)}.mr-1{margin-inline-end:var(--spacer-1)}.mr-2{margin-inline-end:var(--spacer-2)}.mr-3{margin-inline-end:var(--spacer-3)}.mr-4{margin-inline-end:var(--spacer-4)}.mr-default{margin-inline-end:var(--spacer)}.mx-0{margin-inline:0}.mx-n1{margin-inline:var(--spacer-n1)}.mx-n2{margin-inline:var(--spacer-n2)}.mx-1{margin-inline:var(--spacer-1)}.mx-2{margin-inline:var(--spacer-2)}.mx-3{margin-inline:var(--spacer-3)}.mx-4{margin-inline:var(--spacer-4)}.mx-default{margin-inline:var(--spacer)}.my-0{margin-block:0}.my-n1{margin-block:var(--spacer-n1)}.my-n2{margin-block:var(--spacer-n2)}.my-1{margin-block:var(--spacer-1)}.my-2{margin-block:var(--spacer-2)}.my-3{margin-block:var(--spacer-3)}.my-4{margin-block:var(--spacer-4)}.my-default{margin-block:var(--spacer)}.p-0{padding-block:0;padding-inline:0}.p-n1{padding-block:var(--spacer-n1);padding-inline:var(--spacer-n1)}.p-n2{padding-block:var(--spacer-n2);padding-inline:var(--spacer-n2)}.p-1{padding-block:var(--spacer-1);padding-inline:var(--spacer-1)}.p-2{padding-block:var(--spacer-2);padding-inline:var(--spacer-2)}.p-3{padding-block:var(--spacer-3);padding-inline:var(--spacer-3)}.p-4{padding-block:var(--spacer-4);padding-inline:var(--spacer-4)}.p-default{padding-block:var(--spacer);padding-inline:var(--spacer)}.pt-0{padding-block-start:0}.pt-n1{padding-block-start:var(--spacer-n1)}.pt-n2{padding-block-start:var(--spacer-n2)}.pt-1{padding-block-start:var(--spacer-1)}.pt-2{padding-block-start:var(--spacer-2)}.pt-3{padding-block-start:var(--spacer-3)}.pt-4{padding-block-start:var(--spacer-4)}.pt-default{padding-block-start:var(--spacer)}.pb-0{padding-block-end:0}.pb-n1{padding-block-end:var(--spacer-n1)}.pb-n2{padding-block-end:var(--spacer-n2)}.pb-1{padding-block-end:var(--spacer-1)}.pb-2{padding-block-end:var(--spacer-2)}.pb-3{padding-block-end:var(--spacer-3)}.pb-4{padding-block-end:var(--spacer-4)}.pb-default{padding-block-end:var(--spacer)}.pl-0{padding-inline-start:0}.pl-n1{padding-inline-start:var(--spacer-n1)}.pl-n2{padding-inline-start:var(--spacer-n2)}.pl-1{padding-inline-start:var(--spacer-1)}.pl-2{padding-inline-start:var(--spacer-2)}.pl-3{padding-inline-start:var(--spacer-3)}.pl-4{padding-inline-start:var(--spacer-4)}.pl-default{padding-inline-start:var(--spacer)}.pr-0{padding-inline-end:0}.pr-n1{padding-inline-end:var(--spacer-n1)}.pr-n2{padding-inline-end:var(--spacer-n2)}.pr-1{padding-inline-end:var(--spacer-1)}.pr-2{padding-inline-end:var(--spacer-2)}.pr-3{padding-inline-end:var(--spacer-3)}.pr-4{padding-inline-end:var(--spacer-4)}.pr-default{padding-inline-end:var(--spacer)}.px-0{padding-inline:0}.px-n1{padding-inline:var(--spacer-n1)}.px-n2{padding-inline:var(--spacer-n2)}.px-1{padding-inline:var(--spacer-1)}.px-2{padding-inline:var(--spacer-2)}.px-3{padding-inline:var(--spacer-3)}.px-4{padding-inline:var(--spacer-4)}.px-default{padding-inline:var(--spacer)}.py-0{padding-block:0}.py-n1{padding-block:var(--spacer-n1)}.py-n2{padding-block:var(--spacer-n2)}.py-1{padding-block:var(--spacer-1)}.py-2{padding-block:var(--spacer-2)}.py-3{padding-block:var(--spacer-3)}.py-4{padding-block:var(--spacer-4)}.py-default{padding-block:var(--spacer)}.fw-100{font-weight:100}.fw-200{font-weight:200}.fw-300{font-weight:300}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.fw-900{font-weight:900}.text-xs{font-size:var(--fs-xs)}.text-sm{font-size:var(--fs-sm)}.text-md{font-size:var(--fs-md)}.text-lg{font-size:var(--fs-lg)}.text-xl{font-size:var(--fs-xl)}.text-decoration-none{text-decoration:none}.text-decoration-underline{text-decoration-line:underline}.text-decoration-overline{text-decoration-line:overline}.text-decoration-line-through{text-decoration-line:line-through}.text-decoration-solid{text-decoration-style:solid}.text-decoration-dashed{text-decoration-style:dashed}.text-decoration-dotted{text-decoration-style:dotted}.text-decoration-double{text-decoration-style:double}.text-decoration-wavy{text-decoration-style:wavy}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.d-inline-grid{display:inline-grid}.flex-row{flex-direction:row}.items-center{align-items:center}.radius-0{border-radius:0}.radius-xs{border-radius:var(--border-radius-xs)}.radius-sm{border-radius:var(--border-radius-sm)}.radius-md{border-radius:var(--border-radius-md)}.radius-lg{border-radius:var(--border-radius-lg)}.radius-xl{border-radius:var(--border-radius-xl)}.radius-full{border-radius:var(--border-radius-full)}.sr-only{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}}@layer utilities{@layer utilities{}}@layer utilities{@layer utilities{}}@layer utilities{@layer utilities{}}@layer utilities{@layer utilities{}}@layer utilities{@layer utilities{}}@layer utilities{@layer utilities{}}@layer utilities{@layer utilities{}}@layer utilities{@layer utilities{}}@layer utilities{@layer utilities{}}@layer utilities{@layer utilities{}}@layer utilities{@layer utilities{}}
@@ -1 +1 @@
1
- .container{margin-inline:auto}.container,.container-fluid{width:min(1080px,100% - var(--spacer-3))}
1
+ .container{margin-inline:auto}.container,.container-fluid{container-type:inline-size;width:min(var(--container-max-width),100% - var(--spacer-3))}
@@ -0,0 +1 @@
1
+ .row{display:grid;gap:var(--spacer);grid-template-columns:repeat(12,1fr)}@container (max-width: 992px){.row{grid-template-columns:repeat(6,1fr)}.col-10,.col-11,.col-12,.col-7,.col-8,.col-9{grid-column:span 6}}@container (max-width: 768px){.row{grid-template-columns:repeat(4,1fr)}.col-10,.col-11,.col-12,.col-5,.col-6,.col-7,.col-8,.col-9{grid-column:span 4}}@container (max-width: 576px){.row{grid-template-columns:repeat(2,1fr)}.col-10,.col-11,.col-12,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{grid-column:span 2}}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}.col-start{display:grid;place-items:start}.col-center{display:grid;place-items:start center}.col-end{display:grid;place-items:start end}@media screen and (max-width:992px){.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{grid-column:span 12}}
@@ -1 +1 @@
1
- @layer layout{.container{margin-inline:auto}.container,.container-fluid{width:min(1080px,100% - var(--spacer-3))}.row{display:grid;gap:var(--spacer);grid-template-columns:repeat(12,1fr)}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}}@layer layout{@media screen and (max-width:992px){.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{grid-column:span 12}}}
1
+ @layer layout{.container{margin-inline:auto}.container,.container-fluid{container-type:inline-size;width:min(var(--container-max-width),100% - var(--spacer-3))}.row{display:grid;gap:var(--spacer);grid-template-columns:repeat(12,1fr)}}@layer layout{@container (max-width: 992px){.row{grid-template-columns:repeat(6,1fr)}.col-10,.col-11,.col-12,.col-7,.col-8,.col-9{grid-column:span 6}}@container (max-width: 768px){.row{grid-template-columns:repeat(4,1fr)}.col-10,.col-11,.col-12,.col-5,.col-6,.col-7,.col-8,.col-9{grid-column:span 4}}@container (max-width: 576px){.row{grid-template-columns:repeat(2,1fr)}.col-10,.col-11,.col-12,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{grid-column:span 2}}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}.col-start{display:grid;place-items:start}.col-center{display:grid;place-items:start center}.col-end{display:grid;place-items:start end}@media screen and (max-width:992px){.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{grid-column:span 12}}}
@@ -1 +1 @@
1
- @layer theme{:root{--c-white:#fff;--c-black:#1c222e;--c-gray:#4e596a;--c-primary:#216e7d;--c-secondary:#353b48;--c-success:#27ae60;--c-info:#0dccf2;--c-warning:#ffc105;--c-danger:#dc3848;--c-white-100:#f6f7fb;--c-white-100-hover:color-mix(in oklab,var(--c-white-100) 70%,var(--c-white-100));--c-white-100-background-color-emphasis:var(--c-black);--c-white-200:#efefef;--c-white-200-hover:color-mix(in oklab,var(--c-white-200) 70%,var(--c-white-200));--c-white-200-background-color-emphasis:var(--c-black);--c-white-hover:color-mix(in oklab,var(--c-white) 70%,var(--c-white));--c-white-background-color-emphasis:var(--c-black);--c-black-hover:color-mix(in oklab,var(--c-black) 70%,var(--c-black));--c-black-background-color-emphasis:var(--c-white);--c-gray-hover:color-mix(in oklab,var(--c-black) 70%,var(--c-black));--c-gray-background-color-emphasis:var(--c-white);--c-primary-hover:color-mix(in oklab,var(--c-primary) 70%,var(--c-white));--c-primary-background-color-emphasis:var(--c-white);--c-secondary-hover:color-mix(in oklab,var(--c-secondary) 70%,var(--c-white));--c-secondary-background-color-emphasis:var(--c-white);--c-success-hover:color-mix(in oklab,var(--c-success) 70%,var(--c-white));--c-success-background-color-emphasis:var(--c-white);--c-info-hover:color-mix(in oklab,var(--c-info) 70%,var(--c-white));--c-info-background-color-emphasis:var(--c-white);--c-warning-hover:color-mix(in oklab,var(--c-warning) 70%,var(--c-white));--c-warning-background-color-emphasis:var(--c-white);--c-danger-hover:color-mix(in oklab,var(--c-danger) 70%,var(--c-white));--c-danger-background-color-emphasis:var(--c-white)}.dark{--c-white:#1c222e;--c-black:#fff;--c-primary:#474f58;--c-secondary:#d2e0fb;--c-success:#27ae60;--c-info:#0dccf2;--c-warning:#ffc105;--c-danger:#dc3848;--c-white-100:#151515;--c-white-200:#2c2c2d;--c-black-100:#302c40;--c-black-300:#4a455a;--c-white-400:#423e4e;--c-primary-background-color-emphasis:var(--c-black);--c-secondary-background-color-emphasis:var(--c-black);--c-success-background-color-emphasis:var(--c-white);--c-info-background-color-emphasis:var(--c-white);--c-warning-background-color-emphasis:var(--c-white);--c-danger-background-color-emphasis:var(--c-white)}}
1
+ @layer theme{:root{color-scheme:light dark;--c-white:light-dark(#fff,#1c222e);--c-black:light-dark(#1c222e,#fff);--c-gray:light-dark(#4e596a,#b0b7c3);--c-secondary:light-dark(#f4f4f5,#27272a);--c-destructive:light-dark(#dc2626,#f87171);--c-white-100:light-dark(#f6f7fb,#151515);--c-white-100-hover:var(--c-white-100);--c-white-100-background-color-emphasis:var(--c-black);--c-white-200:light-dark(#efefef,#2c2c2d);--c-white-200-hover:var(--c-white-200);--c-white-200-background-color-emphasis:var(--c-black);--c-white-300:light-dark(#e2e5ea,#3a3a3b);--c-white-300-hover:var(--c-white-300);--c-white-300-background-color-emphasis:var(--c-black);--c-white-hover:var(--c-white);--c-white-background-color-emphasis:var(--c-black);--c-white-contrast:color-mix(in srgb,var(--c-white) 85%,var(--c-black));--c-black-hover:var(--c-black);--c-black-background-color-emphasis:var(--c-white);--c-black-contrast:color-mix(in srgb,var(--c-black) 85%,var(--c-white));--c-gray-hover:var(--c-gray);--c-gray-background-color-emphasis:var(--c-white);--c-gray-contrast:color-mix(in srgb,var(--c-gray) 85%,var(--c-black));--c-secondary-hover:var(--c-secondary);--c-secondary-background-color-emphasis:var(--c-black);--c-secondary-contrast:color-mix(in srgb,var(--c-secondary) 85%,var(--c-black));--c-destructive-hover:var(--c-destructive);--c-destructive-background-color-emphasis:var(--c-white);--c-destructive-contrast:color-mix(in srgb,var(--c-destructive) 85%,var(--c-black))}.light{color-scheme:light}.dark{color-scheme:dark}}
@@ -1 +1 @@
1
- .bg-white{background-color:var(--c-white);color:var(--c-white-background-color-emphasis)}.bg-white-100{background-color:var(--c-white-100);color:var(--c-white-100-background-color-emphasis)}.bg-white-200{background-color:var(--c-white-200);color:var(--c-white-200-background-color-emphasis)}.bg-black{background-color:var(--c-black);color:var(--c-black-background-color-emphasis)}.bg-gray{background-color:var(--c-gray);color:var(--c-gray-background-color-emphasis)}.bg-beige{background-color:var(--c-beige);color:var(--c-beige-background-color-emphasis)}.bg-primary{background-color:var(--c-primary);color:var(--c-primary-background-color-emphasis)}.bg-secondary{background-color:var(--c-secondary);color:var(--c-secondary-background-color-emphasis)}.bg-success{background-color:var(--c-success);color:var(--c-success-background-color-emphasis)}.bg-info{background-color:var(--c-info);color:var(--c-info-background-color-emphasis)}.bg-warning{background-color:var(--c-warning);color:var(--c-warning-background-color-emphasis)}.bg-danger{background-color:var(--c-danger);color:var(--c-danger-background-color-emphasis)}
1
+ .bg-white{background-color:var(--c-white);color:var(--c-white-background-color-emphasis)}.bg-white-100{background-color:var(--c-white-100);color:var(--c-white-100-background-color-emphasis)}.bg-white-200{background-color:var(--c-white-200);color:var(--c-white-200-background-color-emphasis)}.bg-black{background-color:var(--c-black);color:var(--c-black-background-color-emphasis)}.bg-gray{background-color:var(--c-gray);color:var(--c-gray-background-color-emphasis)}.bg-secondary{background-color:var(--c-secondary);color:var(--c-secondary-background-color-emphasis)}
@@ -0,0 +1 @@
1
+ .radius-0{border-radius:0}.radius-xs{border-radius:var(--border-radius-xs)}.radius-sm{border-radius:var(--border-radius-sm)}.radius-md{border-radius:var(--border-radius-md)}.radius-lg{border-radius:var(--border-radius-lg)}.radius-xl{border-radius:var(--border-radius-xl)}.radius-full{border-radius:var(--border-radius-full)}
@@ -1 +1 @@
1
- .text-white{color:var(--c-white)}.text-white-100{color:var(--c-white-100)}.text-white-200{color:var(--c-white-200)}.text-black{color:var(--c-black)}.text-gray{color:var(--c-gray)}.text-beige{color:var(--c-beige)}.text-primary{color:var(--c-primary)}.text-secondary{color:var(--c-secondary)}.text-success{color:var(--c-success)}.text-info{color:var(--c-info)}.text-warning{color:var(--c-warning)}.text-danger{color:var(--c-danger)}
1
+ .text-white{color:var(--c-white)}.text-white-100{color:var(--c-white-100)}.text-white-200{color:var(--c-white-200)}.text-black{color:var(--c-black)}.text-gray{color:var(--c-gray)}.text-secondary{color:var(--c-secondary)}
@@ -0,0 +1 @@
1
+ .d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.d-inline-grid{display:inline-grid}.flex-row{flex-direction:row}.items-center{align-items:center}
@@ -1 +1 @@
1
- .mx-auto{margin:0 auto}.m-0{margin:0}.m-n1{margin:var(--spacer-n1)}.m-n2{margin:var(--spacer-n2)}.m-1{margin:var(--spacer-1)}.m-2{margin:var(--spacer-2)}.m-3{margin:var(--spacer-3)}.m-4{margin:var(--spacer-4)}.m-default{margin:var(--spacer)}.mt-0{margin-block-start:0}.mt-n1{margin-block-start:var(--spacer-n1)}.mt-n2{margin-block-start:var(--spacer-n2)}.mt-1{margin-block-start:var(--spacer-1)}.mt-2{margin-block-start:var(--spacer-2)}.mt-3{margin-block-start:var(--spacer-3)}.mt-4{margin-block-start:var(--spacer-4)}.mt-default{margin-block-start:var(--spacer)}.mb-0{margin-block-end:0}.mb-n1{margin-block-end:var(--spacer-n1)}.mb-n2{margin-block-end:var(--spacer-n2)}.mb-1{margin-block-end:var(--spacer-1)}.mb-2{margin-block-end:var(--spacer-2)}.mb-3{margin-block-end:var(--spacer-3)}.mb-4{margin-block-end:var(--spacer-4)}.mb-default{margin-block-end:var(--spacer)}.ml-0{margin-inline-start:0}.ml-n1{margin-inline-start:var(--spacer-n1)}.ml-n2{margin-inline-start:var(--spacer-n2)}.ml-1{margin-inline-start:var(--spacer-1)}.ml-2{margin-inline-start:var(--spacer-2)}.ml-3{margin-inline-start:var(--spacer-3)}.ml-4{margin-inline-start:var(--spacer-4)}.ml-default{margin-inline-start:var(--spacer)}.mr-0{margin-inline-end:0}.mr-n1{margin-inline-end:var(--spacer-n1)}.mr-n2{margin-inline-end:var(--spacer-n2)}.mr-1{margin-inline-end:var(--spacer-1)}.mr-2{margin-inline-end:var(--spacer-2)}.mr-3{margin-inline-end:var(--spacer-3)}.mr-4{margin-inline-end:var(--spacer-4)}.mr-default{margin-inline-end:var(--spacer)}.mx-0{margin-inline:0}.mx-n1{margin-inline:var(--spacer-n1)}.mx-n2{margin-inline:var(--spacer-n2)}.mx-1{margin-inline:var(--spacer-1)}.mx-2{margin-inline:var(--spacer-2)}.mx-3{margin-inline:var(--spacer-3)}.mx-4{margin-inline:var(--spacer-4)}.mx-default{margin-inline:var(--spacer)}.my-0{margin-block:0}.my-n1{margin-block:var(--spacer-n1)}.my-n2{margin-block:var(--spacer-n2)}.my-1{margin-block:var(--spacer-1)}.my-2{margin-block:var(--spacer-2)}.my-3{margin-block:var(--spacer-3)}.my-4{margin-block:var(--spacer-4)}.my-default{margin-block:var(--spacer)}
1
+ .mx-auto{margin:0 auto}.m-0{margin-block:0;margin-inline:0}.m-n1{margin-block:var(--spacer-n1);margin-inline:var(--spacer-n1)}.m-n2{margin-block:var(--spacer-n2);margin-inline:var(--spacer-n2)}.m-1{margin-block:var(--spacer-1);margin-inline:var(--spacer-1)}.m-2{margin-block:var(--spacer-2);margin-inline:var(--spacer-2)}.m-3{margin-block:var(--spacer-3);margin-inline:var(--spacer-3)}.m-4{margin-block:var(--spacer-4);margin-inline:var(--spacer-4)}.m-default{margin-block:var(--spacer);margin-inline:var(--spacer)}.mt-0{margin-block-start:0}.mt-n1{margin-block-start:var(--spacer-n1)}.mt-n2{margin-block-start:var(--spacer-n2)}.mt-1{margin-block-start:var(--spacer-1)}.mt-2{margin-block-start:var(--spacer-2)}.mt-3{margin-block-start:var(--spacer-3)}.mt-4{margin-block-start:var(--spacer-4)}.mt-default{margin-block-start:var(--spacer)}.mb-0{margin-block-end:0}.mb-n1{margin-block-end:var(--spacer-n1)}.mb-n2{margin-block-end:var(--spacer-n2)}.mb-1{margin-block-end:var(--spacer-1)}.mb-2{margin-block-end:var(--spacer-2)}.mb-3{margin-block-end:var(--spacer-3)}.mb-4{margin-block-end:var(--spacer-4)}.mb-default{margin-block-end:var(--spacer)}.ml-0{margin-inline-start:0}.ml-n1{margin-inline-start:var(--spacer-n1)}.ml-n2{margin-inline-start:var(--spacer-n2)}.ml-1{margin-inline-start:var(--spacer-1)}.ml-2{margin-inline-start:var(--spacer-2)}.ml-3{margin-inline-start:var(--spacer-3)}.ml-4{margin-inline-start:var(--spacer-4)}.ml-default{margin-inline-start:var(--spacer)}.mr-0{margin-inline-end:0}.mr-n1{margin-inline-end:var(--spacer-n1)}.mr-n2{margin-inline-end:var(--spacer-n2)}.mr-1{margin-inline-end:var(--spacer-1)}.mr-2{margin-inline-end:var(--spacer-2)}.mr-3{margin-inline-end:var(--spacer-3)}.mr-4{margin-inline-end:var(--spacer-4)}.mr-default{margin-inline-end:var(--spacer)}.mx-0{margin-inline:0}.mx-n1{margin-inline:var(--spacer-n1)}.mx-n2{margin-inline:var(--spacer-n2)}.mx-1{margin-inline:var(--spacer-1)}.mx-2{margin-inline:var(--spacer-2)}.mx-3{margin-inline:var(--spacer-3)}.mx-4{margin-inline:var(--spacer-4)}.mx-default{margin-inline:var(--spacer)}.my-0{margin-block:0}.my-n1{margin-block:var(--spacer-n1)}.my-n2{margin-block:var(--spacer-n2)}.my-1{margin-block:var(--spacer-1)}.my-2{margin-block:var(--spacer-2)}.my-3{margin-block:var(--spacer-3)}.my-4{margin-block:var(--spacer-4)}.my-default{margin-block:var(--spacer)}
@@ -1 +1 @@
1
- .p-0{padding:0}.p-n1{padding:var(--spacer-n1)}.p-n2{padding:var(--spacer-n2)}.p-1{padding:var(--spacer-1)}.p-2{padding:var(--spacer-2)}.p-3{padding:var(--spacer-3)}.p-4{padding:var(--spacer-4)}.p-default{padding:var(--spacer)}.pt-0{padding-block-start:0}.pt-n1{padding-block-start:var(--spacer-n1)}.pt-n2{padding-block-start:var(--spacer-n2)}.pt-1{padding-block-start:var(--spacer-1)}.pt-2{padding-block-start:var(--spacer-2)}.pt-3{padding-block-start:var(--spacer-3)}.pt-4{padding-block-start:var(--spacer-4)}.pt-default{padding-block-start:var(--spacer)}.pb-0{padding-block-end:0}.pb-n1{padding-block-end:var(--spacer-n1)}.pb-n2{padding-block-end:var(--spacer-n2)}.pb-1{padding-block-end:var(--spacer-1)}.pb-2{padding-block-end:var(--spacer-2)}.pb-3{padding-block-end:var(--spacer-3)}.pb-4{padding-block-end:var(--spacer-4)}.pb-default{padding-block-end:var(--spacer)}.pl-0{padding-inline-start:0}.pl-n1{padding-inline-start:var(--spacer-n1)}.pl-n2{padding-inline-start:var(--spacer-n2)}.pl-1{padding-inline-start:var(--spacer-1)}.pl-2{padding-inline-start:var(--spacer-2)}.pl-3{padding-inline-start:var(--spacer-3)}.pl-4{padding-inline-start:var(--spacer-4)}.pl-default{padding-inline-start:var(--spacer)}.pr-0{padding-inline-end:0}.pr-n1{padding-inline-end:var(--spacer-n1)}.pr-n2{padding-inline-end:var(--spacer-n2)}.pr-1{padding-inline-end:var(--spacer-1)}.pr-2{padding-inline-end:var(--spacer-2)}.pr-3{padding-inline-end:var(--spacer-3)}.pr-4{padding-inline-end:var(--spacer-4)}.pr-default{padding-inline-end:var(--spacer)}.px-0{padding-inline:0}.px-n1{padding-inline:var(--spacer-n1)}.px-n2{padding-inline:var(--spacer-n2)}.px-1{padding-inline:var(--spacer-1)}.px-2{padding-inline:var(--spacer-2)}.px-3{padding-inline:var(--spacer-3)}.px-4{padding-inline:var(--spacer-4)}.px-default{padding-inline:var(--spacer)}.py-0{padding-block:0}.py-n1{padding-block:var(--spacer-n1)}.py-n2{padding-block:var(--spacer-n2)}.py-1{padding-block:var(--spacer-1)}.py-2{padding-block:var(--spacer-2)}.py-3{padding-block:var(--spacer-3)}.py-4{padding-block:var(--spacer-4)}.py-default{padding-block:var(--spacer)}
1
+ .p-0{padding-block:0;padding-inline:0}.p-n1{padding-block:var(--spacer-n1);padding-inline:var(--spacer-n1)}.p-n2{padding-block:var(--spacer-n2);padding-inline:var(--spacer-n2)}.p-1{padding-block:var(--spacer-1);padding-inline:var(--spacer-1)}.p-2{padding-block:var(--spacer-2);padding-inline:var(--spacer-2)}.p-3{padding-block:var(--spacer-3);padding-inline:var(--spacer-3)}.p-4{padding-block:var(--spacer-4);padding-inline:var(--spacer-4)}.p-default{padding-block:var(--spacer);padding-inline:var(--spacer)}.pt-0{padding-block-start:0}.pt-n1{padding-block-start:var(--spacer-n1)}.pt-n2{padding-block-start:var(--spacer-n2)}.pt-1{padding-block-start:var(--spacer-1)}.pt-2{padding-block-start:var(--spacer-2)}.pt-3{padding-block-start:var(--spacer-3)}.pt-4{padding-block-start:var(--spacer-4)}.pt-default{padding-block-start:var(--spacer)}.pb-0{padding-block-end:0}.pb-n1{padding-block-end:var(--spacer-n1)}.pb-n2{padding-block-end:var(--spacer-n2)}.pb-1{padding-block-end:var(--spacer-1)}.pb-2{padding-block-end:var(--spacer-2)}.pb-3{padding-block-end:var(--spacer-3)}.pb-4{padding-block-end:var(--spacer-4)}.pb-default{padding-block-end:var(--spacer)}.pl-0{padding-inline-start:0}.pl-n1{padding-inline-start:var(--spacer-n1)}.pl-n2{padding-inline-start:var(--spacer-n2)}.pl-1{padding-inline-start:var(--spacer-1)}.pl-2{padding-inline-start:var(--spacer-2)}.pl-3{padding-inline-start:var(--spacer-3)}.pl-4{padding-inline-start:var(--spacer-4)}.pl-default{padding-inline-start:var(--spacer)}.pr-0{padding-inline-end:0}.pr-n1{padding-inline-end:var(--spacer-n1)}.pr-n2{padding-inline-end:var(--spacer-n2)}.pr-1{padding-inline-end:var(--spacer-1)}.pr-2{padding-inline-end:var(--spacer-2)}.pr-3{padding-inline-end:var(--spacer-3)}.pr-4{padding-inline-end:var(--spacer-4)}.pr-default{padding-inline-end:var(--spacer)}.px-0{padding-inline:0}.px-n1{padding-inline:var(--spacer-n1)}.px-n2{padding-inline:var(--spacer-n2)}.px-1{padding-inline:var(--spacer-1)}.px-2{padding-inline:var(--spacer-2)}.px-3{padding-inline:var(--spacer-3)}.px-4{padding-inline:var(--spacer-4)}.px-default{padding-inline:var(--spacer)}.py-0{padding-block:0}.py-n1{padding-block:var(--spacer-n1)}.py-n2{padding-block:var(--spacer-n2)}.py-1{padding-block:var(--spacer-1)}.py-2{padding-block:var(--spacer-2)}.py-3{padding-block:var(--spacer-3)}.py-4{padding-block:var(--spacer-4)}.py-default{padding-block:var(--spacer)}
@@ -0,0 +1 @@
1
+ .text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}
@@ -0,0 +1 @@
1
+ .sr-only{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
@@ -1 +1 @@
1
- @layer utilities{.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-5{-webkit-line-clamp:5}.line-clamp-5,.line-clamp-6{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-6{-webkit-line-clamp:6}.line-clamp-7{-webkit-line-clamp:7}.line-clamp-7,.line-clamp-8{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-8{-webkit-line-clamp:8}.bg-white{background-color:var(--c-white);color:var(--c-white-background-color-emphasis)}.bg-white-100{background-color:var(--c-white-100);color:var(--c-white-100-background-color-emphasis)}.bg-white-200{background-color:var(--c-white-200);color:var(--c-white-200-background-color-emphasis)}.bg-black{background-color:var(--c-black);color:var(--c-black-background-color-emphasis)}.bg-gray{background-color:var(--c-gray);color:var(--c-gray-background-color-emphasis)}.bg-beige{background-color:var(--c-beige);color:var(--c-beige-background-color-emphasis)}.bg-primary{background-color:var(--c-primary);color:var(--c-primary-background-color-emphasis)}.bg-secondary{background-color:var(--c-secondary);color:var(--c-secondary-background-color-emphasis)}.bg-success{background-color:var(--c-success);color:var(--c-success-background-color-emphasis)}.bg-info{background-color:var(--c-info);color:var(--c-info-background-color-emphasis)}.bg-warning{background-color:var(--c-warning);color:var(--c-warning-background-color-emphasis)}.bg-danger{background-color:var(--c-danger);color:var(--c-danger-background-color-emphasis)}.text-white{color:var(--c-white)}.text-white-100{color:var(--c-white-100)}.text-white-200{color:var(--c-white-200)}.text-black{color:var(--c-black)}.text-gray{color:var(--c-gray)}.text-beige{color:var(--c-beige)}.text-primary{color:var(--c-primary)}.text-secondary{color:var(--c-secondary)}.text-success{color:var(--c-success)}.text-info{color:var(--c-info)}.text-warning{color:var(--c-warning)}.text-danger{color:var(--c-danger)}.mx-auto{margin:0 auto}.m-0{margin:0}.m-n1{margin:var(--spacer-n1)}.m-n2{margin:var(--spacer-n2)}.m-1{margin:var(--spacer-1)}.m-2{margin:var(--spacer-2)}.m-3{margin:var(--spacer-3)}.m-4{margin:var(--spacer-4)}.m-default{margin:var(--spacer)}.mt-0{margin-block-start:0}.mt-n1{margin-block-start:var(--spacer-n1)}.mt-n2{margin-block-start:var(--spacer-n2)}.mt-1{margin-block-start:var(--spacer-1)}.mt-2{margin-block-start:var(--spacer-2)}.mt-3{margin-block-start:var(--spacer-3)}.mt-4{margin-block-start:var(--spacer-4)}.mt-default{margin-block-start:var(--spacer)}.mb-0{margin-block-end:0}.mb-n1{margin-block-end:var(--spacer-n1)}.mb-n2{margin-block-end:var(--spacer-n2)}.mb-1{margin-block-end:var(--spacer-1)}.mb-2{margin-block-end:var(--spacer-2)}.mb-3{margin-block-end:var(--spacer-3)}.mb-4{margin-block-end:var(--spacer-4)}.mb-default{margin-block-end:var(--spacer)}.ml-0{margin-inline-start:0}.ml-n1{margin-inline-start:var(--spacer-n1)}.ml-n2{margin-inline-start:var(--spacer-n2)}.ml-1{margin-inline-start:var(--spacer-1)}.ml-2{margin-inline-start:var(--spacer-2)}.ml-3{margin-inline-start:var(--spacer-3)}.ml-4{margin-inline-start:var(--spacer-4)}.ml-default{margin-inline-start:var(--spacer)}.mr-0{margin-inline-end:0}.mr-n1{margin-inline-end:var(--spacer-n1)}.mr-n2{margin-inline-end:var(--spacer-n2)}.mr-1{margin-inline-end:var(--spacer-1)}.mr-2{margin-inline-end:var(--spacer-2)}.mr-3{margin-inline-end:var(--spacer-3)}.mr-4{margin-inline-end:var(--spacer-4)}.mr-default{margin-inline-end:var(--spacer)}.mx-0{margin-inline:0}.mx-n1{margin-inline:var(--spacer-n1)}.mx-n2{margin-inline:var(--spacer-n2)}.mx-1{margin-inline:var(--spacer-1)}.mx-2{margin-inline:var(--spacer-2)}.mx-3{margin-inline:var(--spacer-3)}.mx-4{margin-inline:var(--spacer-4)}.mx-default{margin-inline:var(--spacer)}.my-0{margin-block:0}.my-n1{margin-block:var(--spacer-n1)}.my-n2{margin-block:var(--spacer-n2)}.my-1{margin-block:var(--spacer-1)}.my-2{margin-block:var(--spacer-2)}.my-3{margin-block:var(--spacer-3)}.my-4{margin-block:var(--spacer-4)}.my-default{margin-block:var(--spacer)}.p-0{padding:0}.p-n1{padding:var(--spacer-n1)}.p-n2{padding:var(--spacer-n2)}.p-1{padding:var(--spacer-1)}.p-2{padding:var(--spacer-2)}.p-3{padding:var(--spacer-3)}.p-4{padding:var(--spacer-4)}.p-default{padding:var(--spacer)}.pt-0{padding-block-start:0}.pt-n1{padding-block-start:var(--spacer-n1)}.pt-n2{padding-block-start:var(--spacer-n2)}.pt-1{padding-block-start:var(--spacer-1)}.pt-2{padding-block-start:var(--spacer-2)}.pt-3{padding-block-start:var(--spacer-3)}.pt-4{padding-block-start:var(--spacer-4)}.pt-default{padding-block-start:var(--spacer)}.pb-0{padding-block-end:0}.pb-n1{padding-block-end:var(--spacer-n1)}.pb-n2{padding-block-end:var(--spacer-n2)}.pb-1{padding-block-end:var(--spacer-1)}.pb-2{padding-block-end:var(--spacer-2)}.pb-3{padding-block-end:var(--spacer-3)}.pb-4{padding-block-end:var(--spacer-4)}.pb-default{padding-block-end:var(--spacer)}.pl-0{padding-inline-start:0}.pl-n1{padding-inline-start:var(--spacer-n1)}.pl-n2{padding-inline-start:var(--spacer-n2)}.pl-1{padding-inline-start:var(--spacer-1)}.pl-2{padding-inline-start:var(--spacer-2)}.pl-3{padding-inline-start:var(--spacer-3)}.pl-4{padding-inline-start:var(--spacer-4)}.pl-default{padding-inline-start:var(--spacer)}.pr-0{padding-inline-end:0}.pr-n1{padding-inline-end:var(--spacer-n1)}.pr-n2{padding-inline-end:var(--spacer-n2)}.pr-1{padding-inline-end:var(--spacer-1)}.pr-2{padding-inline-end:var(--spacer-2)}.pr-3{padding-inline-end:var(--spacer-3)}.pr-4{padding-inline-end:var(--spacer-4)}.pr-default{padding-inline-end:var(--spacer)}.px-0{padding-inline:0}.px-n1{padding-inline:var(--spacer-n1)}.px-n2{padding-inline:var(--spacer-n2)}.px-1{padding-inline:var(--spacer-1)}.px-2{padding-inline:var(--spacer-2)}.px-3{padding-inline:var(--spacer-3)}.px-4{padding-inline:var(--spacer-4)}.px-default{padding-inline:var(--spacer)}.py-0{padding-block:0}.py-n1{padding-block:var(--spacer-n1)}.py-n2{padding-block:var(--spacer-n2)}.py-1{padding-block:var(--spacer-1)}.py-2{padding-block:var(--spacer-2)}.py-3{padding-block:var(--spacer-3)}.py-4{padding-block:var(--spacer-4)}.py-default{padding-block:var(--spacer)}.fw-100{font-weight:100}.fw-200{font-weight:200}.fw-300{font-weight:300}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.fw-900{font-weight:900}.text-xs{font-size:var(--fs-xs)}.text-sm{font-size:var(--fs-sm)}.text-md{font-size:var(--fs-md)}.text-lg{font-size:var(--fs-lg)}.text-xl{font-size:var(--fs-xl)}.text-decoration-none{text-decoration:none}.text-decoration-underline{text-decoration-line:underline}.text-decoration-overline{text-decoration-line:overline}.text-decoration-line-through{text-decoration-line:line-through}.text-decoration-solid{text-decoration-style:solid}.text-decoration-dashed{text-decoration-style:dashed}.text-decoration-dotted{text-decoration-style:dotted}.text-decoration-double{text-decoration-style:double}.text-decoration-wavy{text-decoration-style:wavy}}@layer utilities{}@layer utilities{}@layer utilities{}@layer utilities{}@layer utilities{}@layer utilities{}@layer utilities{}
1
+ @layer utilities{.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-5{-webkit-line-clamp:5}.line-clamp-5,.line-clamp-6{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-6{-webkit-line-clamp:6}.line-clamp-7{-webkit-line-clamp:7}.line-clamp-7,.line-clamp-8{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-8{-webkit-line-clamp:8}.bg-white{background-color:var(--c-white);color:var(--c-white-background-color-emphasis)}.bg-white-100{background-color:var(--c-white-100);color:var(--c-white-100-background-color-emphasis)}.bg-white-200{background-color:var(--c-white-200);color:var(--c-white-200-background-color-emphasis)}.bg-black{background-color:var(--c-black);color:var(--c-black-background-color-emphasis)}.bg-gray{background-color:var(--c-gray);color:var(--c-gray-background-color-emphasis)}.bg-secondary{background-color:var(--c-secondary);color:var(--c-secondary-background-color-emphasis)}.text-white{color:var(--c-white)}.text-white-100{color:var(--c-white-100)}.text-white-200{color:var(--c-white-200)}.text-black{color:var(--c-black)}.text-gray{color:var(--c-gray)}.text-secondary{color:var(--c-secondary)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.mx-auto{margin:0 auto}.m-0{margin-block:0;margin-inline:0}.m-n1{margin-block:var(--spacer-n1);margin-inline:var(--spacer-n1)}.m-n2{margin-block:var(--spacer-n2);margin-inline:var(--spacer-n2)}.m-1{margin-block:var(--spacer-1);margin-inline:var(--spacer-1)}.m-2{margin-block:var(--spacer-2);margin-inline:var(--spacer-2)}.m-3{margin-block:var(--spacer-3);margin-inline:var(--spacer-3)}.m-4{margin-block:var(--spacer-4);margin-inline:var(--spacer-4)}.m-default{margin-block:var(--spacer);margin-inline:var(--spacer)}.mt-0{margin-block-start:0}.mt-n1{margin-block-start:var(--spacer-n1)}.mt-n2{margin-block-start:var(--spacer-n2)}.mt-1{margin-block-start:var(--spacer-1)}.mt-2{margin-block-start:var(--spacer-2)}.mt-3{margin-block-start:var(--spacer-3)}.mt-4{margin-block-start:var(--spacer-4)}.mt-default{margin-block-start:var(--spacer)}.mb-0{margin-block-end:0}.mb-n1{margin-block-end:var(--spacer-n1)}.mb-n2{margin-block-end:var(--spacer-n2)}.mb-1{margin-block-end:var(--spacer-1)}.mb-2{margin-block-end:var(--spacer-2)}.mb-3{margin-block-end:var(--spacer-3)}.mb-4{margin-block-end:var(--spacer-4)}.mb-default{margin-block-end:var(--spacer)}.ml-0{margin-inline-start:0}.ml-n1{margin-inline-start:var(--spacer-n1)}.ml-n2{margin-inline-start:var(--spacer-n2)}.ml-1{margin-inline-start:var(--spacer-1)}.ml-2{margin-inline-start:var(--spacer-2)}.ml-3{margin-inline-start:var(--spacer-3)}.ml-4{margin-inline-start:var(--spacer-4)}.ml-default{margin-inline-start:var(--spacer)}.mr-0{margin-inline-end:0}.mr-n1{margin-inline-end:var(--spacer-n1)}.mr-n2{margin-inline-end:var(--spacer-n2)}.mr-1{margin-inline-end:var(--spacer-1)}.mr-2{margin-inline-end:var(--spacer-2)}.mr-3{margin-inline-end:var(--spacer-3)}.mr-4{margin-inline-end:var(--spacer-4)}.mr-default{margin-inline-end:var(--spacer)}.mx-0{margin-inline:0}.mx-n1{margin-inline:var(--spacer-n1)}.mx-n2{margin-inline:var(--spacer-n2)}.mx-1{margin-inline:var(--spacer-1)}.mx-2{margin-inline:var(--spacer-2)}.mx-3{margin-inline:var(--spacer-3)}.mx-4{margin-inline:var(--spacer-4)}.mx-default{margin-inline:var(--spacer)}.my-0{margin-block:0}.my-n1{margin-block:var(--spacer-n1)}.my-n2{margin-block:var(--spacer-n2)}.my-1{margin-block:var(--spacer-1)}.my-2{margin-block:var(--spacer-2)}.my-3{margin-block:var(--spacer-3)}.my-4{margin-block:var(--spacer-4)}.my-default{margin-block:var(--spacer)}.p-0{padding-block:0;padding-inline:0}.p-n1{padding-block:var(--spacer-n1);padding-inline:var(--spacer-n1)}.p-n2{padding-block:var(--spacer-n2);padding-inline:var(--spacer-n2)}.p-1{padding-block:var(--spacer-1);padding-inline:var(--spacer-1)}.p-2{padding-block:var(--spacer-2);padding-inline:var(--spacer-2)}.p-3{padding-block:var(--spacer-3);padding-inline:var(--spacer-3)}.p-4{padding-block:var(--spacer-4);padding-inline:var(--spacer-4)}.p-default{padding-block:var(--spacer);padding-inline:var(--spacer)}.pt-0{padding-block-start:0}.pt-n1{padding-block-start:var(--spacer-n1)}.pt-n2{padding-block-start:var(--spacer-n2)}.pt-1{padding-block-start:var(--spacer-1)}.pt-2{padding-block-start:var(--spacer-2)}.pt-3{padding-block-start:var(--spacer-3)}.pt-4{padding-block-start:var(--spacer-4)}.pt-default{padding-block-start:var(--spacer)}.pb-0{padding-block-end:0}.pb-n1{padding-block-end:var(--spacer-n1)}.pb-n2{padding-block-end:var(--spacer-n2)}.pb-1{padding-block-end:var(--spacer-1)}.pb-2{padding-block-end:var(--spacer-2)}.pb-3{padding-block-end:var(--spacer-3)}.pb-4{padding-block-end:var(--spacer-4)}.pb-default{padding-block-end:var(--spacer)}.pl-0{padding-inline-start:0}.pl-n1{padding-inline-start:var(--spacer-n1)}.pl-n2{padding-inline-start:var(--spacer-n2)}.pl-1{padding-inline-start:var(--spacer-1)}.pl-2{padding-inline-start:var(--spacer-2)}.pl-3{padding-inline-start:var(--spacer-3)}.pl-4{padding-inline-start:var(--spacer-4)}.pl-default{padding-inline-start:var(--spacer)}.pr-0{padding-inline-end:0}.pr-n1{padding-inline-end:var(--spacer-n1)}.pr-n2{padding-inline-end:var(--spacer-n2)}.pr-1{padding-inline-end:var(--spacer-1)}.pr-2{padding-inline-end:var(--spacer-2)}.pr-3{padding-inline-end:var(--spacer-3)}.pr-4{padding-inline-end:var(--spacer-4)}.pr-default{padding-inline-end:var(--spacer)}.px-0{padding-inline:0}.px-n1{padding-inline:var(--spacer-n1)}.px-n2{padding-inline:var(--spacer-n2)}.px-1{padding-inline:var(--spacer-1)}.px-2{padding-inline:var(--spacer-2)}.px-3{padding-inline:var(--spacer-3)}.px-4{padding-inline:var(--spacer-4)}.px-default{padding-inline:var(--spacer)}.py-0{padding-block:0}.py-n1{padding-block:var(--spacer-n1)}.py-n2{padding-block:var(--spacer-n2)}.py-1{padding-block:var(--spacer-1)}.py-2{padding-block:var(--spacer-2)}.py-3{padding-block:var(--spacer-3)}.py-4{padding-block:var(--spacer-4)}.py-default{padding-block:var(--spacer)}.fw-100{font-weight:100}.fw-200{font-weight:200}.fw-300{font-weight:300}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.fw-900{font-weight:900}.text-xs{font-size:var(--fs-xs)}.text-sm{font-size:var(--fs-sm)}.text-md{font-size:var(--fs-md)}.text-lg{font-size:var(--fs-lg)}.text-xl{font-size:var(--fs-xl)}.text-decoration-none{text-decoration:none}.text-decoration-underline{text-decoration-line:underline}.text-decoration-overline{text-decoration-line:overline}.text-decoration-line-through{text-decoration-line:line-through}.text-decoration-solid{text-decoration-style:solid}.text-decoration-dashed{text-decoration-style:dashed}.text-decoration-dotted{text-decoration-style:dotted}.text-decoration-double{text-decoration-style:double}.text-decoration-wavy{text-decoration-style:wavy}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.d-inline-grid{display:inline-grid}.flex-row{flex-direction:row}.items-center{align-items:center}.radius-0{border-radius:0}.radius-xs{border-radius:var(--border-radius-xs)}.radius-sm{border-radius:var(--border-radius-sm)}.radius-md{border-radius:var(--border-radius-md)}.radius-lg{border-radius:var(--border-radius-lg)}.radius-xl{border-radius:var(--border-radius-xl)}.radius-full{border-radius:var(--border-radius-full)}.sr-only{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@layer utilities{}@layer utilities{}@layer utilities{}@layer utilities{}@layer utilities{}@layer utilities{}@layer utilities{}@layer utilities{}@layer utilities{}@layer utilities{}@layer utilities{}
@@ -1 +1 @@
1
- @layer variables{:root{--spacer-n3:0.5rem;--spacer-n2:0.5rem;--spacer-n1:0.875rem;--spacer:1rem;--spacer-1:calc(var(--spacer)*1.25);--spacer-2:calc(var(--spacer)*1.5);--spacer-3:calc(var(--spacer)*2);--spacer-4:calc(var(--spacer)*6);--grid-spacing:var(--spacer-4);--container-spacer:var(--spacer);--heading-1:clamp(1.75rem,2.8vw,2rem);--heading-2:clamp(1.5rem,2.6vw,1.75rem);--heading-3:clamp(1.375rem,2.4vw,1.625rem);--heading-4:clamp(1.25rem,2.2vw,1.5rem);--heading-5:clamp(1.125rem,2vw,1.375rem);--heading-6:var(--fs-md);--heading-font-family:"Lora",system-ui,-apple-system,"Segoe UI",roboto,helvetica,arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";--fs-xs:0.875rem;--fs-sm:1rem;--fs-md:1.375rem;--fs-lg:clamp(1.125rem,2.2vw,1.5rem);--fs-xl:clamp(1.25rem,2.2vw,1765rem);--a-color:var(--c-black);--a-color-hover:var(--c-black);--a-text-decoration-style:dashed;--a-text-decoration-style-hover:solid;--a-text-decoration-thickness:0.125rem;--a-text-underline-offset:0.5rem;--a-font-size:var(--fs-md);--p-margin-block-start:var(--spacer-n2);--p-line-height:var(--large-line-height);--p-font-size:var(--fs-md);--p-color:var(--c-gray);--svg-width:1em;--svg-height:1em;--base-line-height:1.5;--large-line-height:1.8125;--transition-duration:0.3s;--transition-decorative-duration:0.1s;--focus-default:0 0 0 0.125em var(--c-white),0 0 0 0.25em var(--c-primary);--border-radius-sm:0.5rem;--border-radius-md:1rem;--border-radius-lg:1.5rem;--border-radius-xl:2rem;--border-radius-full:50%;--box-shadow-default:0 0.375rem 1rem -0.5rem rgba(0,0,0,.1);--body-background-color:var(--c-white);--body-line-height:var(--base-line-height);--body-color:var(--c-black);--body-font-size:var(--fs-md);--body-font-family:system-ui,-apple-system,"Segoe UI",roboto,helvetica,arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";--badge-padding-block:0.5rem;--badge-padding-inline:1rem;--badge-border-radius:var(--border-radius-sm);--badge-font-size:var(--fs-xs);--badge-font-weight:600}}
1
+ @layer variables{:root{--spacer-n3:0.5rem;--spacer-n2:0.75rem;--spacer-n1:0.875rem;--spacer:1rem;--spacer-1:calc(var(--spacer)*1.25);--spacer-2:calc(var(--spacer)*1.5);--spacer-3:calc(var(--spacer)*1.75);--spacer-4:calc(var(--spacer)*2);--spacer-5:calc(var(--spacer)*2.5);--spacer-6:calc(var(--spacer)*4);--spacer-7:calc(var(--spacer)*8);--grid-spacing:var(--spacer-4);--container-spacer:var(--spacer);--container-max-width:1080px;--heading-1:clamp(1.75rem,2.8vw,2rem);--heading-2:clamp(1.5rem,2.6vw,1.75rem);--heading-3:clamp(1.375rem,2.4vw,1.625rem);--heading-4:clamp(1.25rem,2.2vw,1.5rem);--heading-5:clamp(1.125rem,2vw,1.375rem);--heading-6:1rem;--heading-font-family:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,helvetica,arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--fs-xs:0.75rem;--fs-sm:1rem;--fs-md:1.25rem;--fs-lg:clamp(1.125rem,2.2vw,1.5rem);--fs-xl:clamp(1.25rem,2.2vw,1.765rem);--a-color:var(--c-black);--a-color-hover:var(--c-black);--a-text-decoration-line:underline;--a-text-decoration-line-hover:underline;--a-text-decoration-style:solid;--a-text-decoration-style-hover:dashed;--a-text-decoration-thickness:0.0625rem;--a-text-underline-offset:0.0625rem;--a-font-size:var(--body-font-size);--p-margin-block-start:var(--spacer-n2);--p-line-height:var(--large-line-height);--p-font-size:var(--body-font-size);--p-color:var(--c-black);--svg-width:1em;--svg-height:1em;--line-height-110:1.1;--line-height-115:1.15;--line-height-120:1.2;--line-height-125:1.25;--line-height-130:1.3;--line-height-140:1.4;--line-height-150:1.5;--line-height-18125:1.8125;--base-line-height:var(--line-height-140);--large-line-height:var(--line-height-18125);--transition-duration-fast:0.15s;--transition-duration:0.3s;--transition-duration-slow:0.45s;--transition-decorative-duration:0.1s;--transition-ease:ease-in-out;--transition-default:var(--transition-duration);--focus-default:0 0 0 0.125em var(--c-white),0 0 0 0.25em var(--c-secondary);--outline-size:max(2px,0.08em);--outline-style:solid;--outline-color:currentcolor;--outline-offset:max(2px,0.08em);--outline-offset-tight:0.125rem;--border-radius-xs:0.25rem;--border-radius-sm:0.5rem;--border-radius-md:1rem;--border-radius-lg:1.5rem;--border-radius-xl:2rem;--border-radius-full:50%;--shadow-sm:0 0.25rem 0.75rem -0.5rem rgba(0,0,0,.12);--shadow-md:0 0.375rem 1rem -0.5rem rgba(0,0,0,.1);--shadow-lg:0 0.5rem 1.5rem -0.75rem rgba(0,0,0,.12);--body-background-color:var(--c-white);--body-line-height:var(--base-line-height);--body-color:var(--c-black);--body-font-size:var(--fs-md);--body-font-family:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,helvetica,arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--z-index-navigation:999;--z-index-dropdown:998;--z-index-modal:99990;--modal-max-width:50rem;--modal-background-color:var(--c-white);--modal-border-radius:var(--border-radius-sm);--modal-border-width:1px;--modal-border-color:var(--c-white-200);--modal-padding-block:2rem;--modal-padding-inline:2rem;--modal-color:var(--body-color);--modal-backdrop:hsl(0deg 0 0/50%);--modal-body-padding-block-start:2rem;--modal-footer-padding-block-start:2rem;--badge-padding-block:0.25rem;--badge-padding-inline:0.5rem;--badge-border-radius:var(--border-radius-sm);--badge-font-size:var(--fs-xs);--badge-font-weight:600;--button-padding-block:0.5rem;--button-padding-inline:0.75rem;--button-gap:var(--spacer-n2);--button-border-radius:var(--border-radius-sm);--button-letter-spacing:0;--button-text-transform:none;--button-font-size:var(--body-font-size);--button-font-weight:500;--button-border-width:1px;--button-border-style:solid;--button-border-color:var(--c-white-300);--button-sm-padding-block:0.5rem;--button-sm-padding-inline:0.5rem;--button-sm-border-radius:var(--border-radius-sm);--button-icon-padding-block:0.5rem;--button-icon-padding-inline:0.75rem;--button-icon-color:var(--c-black);--button-link-padding-block:0;--button-link-padding-inline:0;--button-link-color:var(--c-black);--blockquote-padding-block:1.5rem;--blockquote-padding-inline:1.5rem;--blockquote-border-width:0.25rem;--blockquote-quote-gap:0.25rem;--accordion-details-background-color:transparent;--accordion-details-color:var(--c-white-background-color-emphasis);--accordion-details-border-width:0;--accordion-details-border-style:solid;--accordion-details-border-color:transparent;--accordion-details-border-radius:0;--accordion-details-border-bottom-width:1px;--accordion-details-border-bottom-style:solid;--accordion-details-border-bottom-color:var(--c-white-200);--accordion-details-border-bottom-width-contrast:max(2px,1px);--accordion-details-border-bottom-color-contrast:currentcolor;--accordion-summary-padding-block:var(--spacer-1);--accordion-summary-padding-inline:0;--accordion-summary-color:var(--c-white-background-color-emphasis);--accordion-summary-font-size:var(--body-font-size);--accordion-summary-font-weight:500;--accordion-text-color:var(--c-white-background-color-emphasis);--accordion-icon-width:1rem;--accordion-icon-height:1rem;--accordion-icon-color:var(--c-white-background-color-emphasis);--accordion-content-padding-block:var(--spacer);--accordion-content-padding-inline:0;--accordion-content-font-size:var(--body-font-size);--pagination-item-width:2.625rem;--pagination-item-height:2.625rem;--pagination-border-width:0;--pagination-border-style:solid;--pagination-border-color:transparent;--pagination-border-width-active:1px;--pagination-border-color-active:var(--c-white-200);--pagination-background-color:var(--c-white);--pagination-background-color-hover:var(--c-white-100);--pagination-color:var(--c-black);--form-fieldset-padding-block:1.25rem;--form-fieldset-padding-inline:1.25rem;--form-fieldset-background-color:var(--c-white);--form-fieldset-border-radius:var(--border-radius-sm);--form-fieldset-border-width:1px;--form-fieldset-border-style:solid;--form-fieldset-border-color:var(--c-white-300);--form-fieldset-border-color-valid:var(--c-secondary);--form-legend-margin-block-end:var(--spacer);--form-legend-form-weight:500;--form-legend-form-size:var(--body-font-size);--form-input-padding-block:0.375rem;--form-input-padding-inline:0.75rem;--form-input-background-color:var(--c-white);--form-input-color:var(--body-color);--form-input-border-width:1px;--form-input-border-style:solid;--form-input-border-color:var(--c-white-300);--form-input-border-radius:var(--border-radius-sm);--form-input-font-size:var(--body-font-size);--form-input-border-color-focus:var(--c-white-300);--form-input-box-shadow-focus:0 0 0 0.25rem rgba(32,42,52,.1);--form-radio-margin-block-end:0.5rem;--form-radio-label-gap:0.5rem;--form-radio-input-width:1rem;--form-radio-input-height:1rem;--form-radio-input-background-color:var(--form-input-background-color);--form-radio-input-background-color-active:var(--c-secondary);--form-radio-input-border-width:1px;--form-radio-input-border-style:solid;--form-radio-input-border-color:var(--c-white-300);--form-radio-input-border-radius:var(--border-radius-full);--form-checkbox-margin-block-end:0.5rem;--form-checkbox-label-gap:0.5rem;--form-checkbox-input-width:1rem;--form-checkbox-input-height:1rem;--form-checkbox-input-background-color:var(--form-input-background-color);--form-checkbox-input-background-color-active:var(--c-secondary);--form-checkbox-input-border-width:1px;--form-checkbox-input-border-style:solid;--form-checkbox-input-border-color:var(--c-white-300);--form-checkbox-input-border-radius:0.125rem;--form-datalist-margin-block-start:0.5rem;--form-datalist-padding-block:0.5rem;--form-datalist-padding-inline:0.5rem;--form-datalist-background-color:var(--c-white);--form-datalist-border-width:1px;--form-datalist-border-style:solid;--form-datalist-border-color:var(--form-input-border-color-focus);--form-datalist-border-radius:var(--form-input-border-radius);--form-datalist-option-padding-block:0.5rem;--form-datalist-option-padding-inline:0.5rem;--form-datalist-option-background-color:var(--c-white);--form-datalist-option-background-color-hover:var(--c-white-200);--form-block-margin-block-end:var(--spacer-3);--form-label-margin-block-end:calc(var(--spacer)*0.5);--form-label-font-weight:500;--form-text-margin-block-start:var(--spacer-n2);--form-text-color:var(--c-black);--form-text-error-color:var(--c-destructive);--hr-height:1px;--hr-margin-block:var(--spacer-3);--hr-background-color:var(--c-white-200);--hr-opacity:1;--dropdown-trigger-padding-block:0.5rem;--dropdown-trigger-padding-inline:0.75rem;--dropdown-trigger-border-width:1px;--dropdown-trigger-border-style:solid;--dropdown-trigger-border-color:var(--c-white-300);--dropdown-trigger-border-radius:var(--border-radius-sm);--dropdown-trigger-background-color:var(--c-white);--dropdown-trigger-background-color-hover:var(--c-white-100);--dropdown-trigger-color:var(--c-black);--dropdown-trigger-font-size:var(--body-font-size);--dropdown-trigger-line-height:var(--line-height-120);--dropdown-trigger-letter-spacing:0;--dropdown-trigger-focus-shadow:var(--focus-default);--dropdown-menu-list-padding-block:0.5rem;--dropdown-content-width:192px;--dropdown-content-margin-block-start:var(--spacer-n2);--dropdown-content-border-width:1px;--dropdown-content-border-style:solid;--dropdown-content-border-color:var(--c-white-300);--dropdown-content-border-radius:var(--border-radius-sm);--dropdown-content-box-shadow:var(--shadow-md);--dropdown-item-text-padding-block:0.5rem;--dropdown-item-text-padding-inline:0.75rem;--dropdown-item-text-font-size:var(--body-font-size);--dropdown-icon-width:1rem;--dropdown-icon-height:1rem}}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/package.json",
3
3
  "name": "@krudi/styles",
4
- "version": "0.1.2",
4
+ "version": "0.1.3",
5
5
  "private": false,
6
6
  "description": "Reusable CSS foundations, components, and utilities extracted from krudi-io for sharing across projects.",
7
7
  "keywords": [
@@ -18,29 +18,35 @@
18
18
  },
19
19
  "repository": {
20
20
  "type": "git",
21
- "url": "https://github.com/krudi/shared-styles.git"
21
+ "url": "git+https://github.com/krudi/shared-styles.git"
22
22
  },
23
23
  "license": "MIT",
24
24
  "author": {
25
25
  "name": "krudi",
26
26
  "email": "patryk.kudlik@gmail.com",
27
- "url": "https://github.com/krudi"
27
+ "url": "https://krudi.io"
28
28
  },
29
29
  "type": "module",
30
30
  "exports": {
31
- ".": "./dist/styles/styles.css",
32
- "./ui": "./dist/styles/styles.css",
31
+ ".": "./dist/styles/index.css",
32
+ "./ui": "./dist/styles/index.css",
33
33
  "./theme": "./dist/styles/theme.css",
34
34
  "./variables": "./dist/styles/variables.css",
35
35
  "./base": "./dist/styles/base/index.css",
36
36
  "./layout": "./dist/styles/layout/index.css",
37
- "./components": "./dist/styles/components/index.css",
37
+ "./components": {
38
+ "style": "./dist/styles/components/index.css",
39
+ "import": "./dist/modal.js",
40
+ "default": "./dist/styles/components/index.css",
41
+ "types": "./dist/modal.d.ts"
42
+ },
43
+ "./forms": "./dist/styles/forms/index.css",
38
44
  "./utilities": "./dist/styles/utilities/index.css",
39
45
  "./html": "./dist/styles/html/index.css",
40
46
  "./elements": "./dist/styles/elements/index.css"
41
47
  },
42
- "main": "./dist/styles/styles.css",
43
- "style": "./dist/styles/styles.css",
48
+ "main": "./dist/styles/index.css",
49
+ "style": "./dist/styles/index.css",
44
50
  "files": [
45
51
  "assets",
46
52
  "dist",
@@ -50,7 +56,7 @@
50
56
  "scripts": {
51
57
  "build": "tsc -b tsconfig.build.json && postcss \"src/styles/**/*.css\" --base src/styles --dir dist/styles --map",
52
58
  "clean": "rm -rf .turbo .cache node_modules",
53
- "dev": "tsc -p tsconfig.json --watch",
59
+ "dev": "tsc -p tsconfig.json --watch & postcss \"src/styles/**/*.css\" --base src/styles --dir dist/styles --map --watch",
54
60
  "lint:eslint": "eslint . --cache --cache-location .cache/.eslintcache",
55
61
  "lint:eslint:fix": "eslint . --fix --cache --cache-location .cache/.eslintcache",
56
62
  "lint:prettier": "prettier --check . --cache --cache-strategy metadata --cache-location .cache/.prettiercache",
@@ -66,8 +72,8 @@
66
72
  "@krudi/eslint-config": "^0.1.8",
67
73
  "@krudi/prettier-config": "^0.1.8",
68
74
  "@krudi/stylelint-config": "^0.1.1",
69
- "@types/node": "^22.18.0",
70
- "autoprefixer": "^10.4.20",
75
+ "@types/node": "^22.19.13",
76
+ "autoprefixer": "^10.4.27",
71
77
  "cssnano": "^7.0.6",
72
78
  "postcss": "^8.4.49",
73
79
  "postcss-cli": "^11.0.0",
@@ -76,6 +82,6 @@
76
82
  "typescript": "^5.9.2"
77
83
  },
78
84
  "engines": {
79
- "node": ">= 22.18.0"
85
+ "node": ">= 24.14.0"
80
86
  }
81
87
  }
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" aria-hidden="true" focusable="false"><path d="M384 64C366.3 64 352 78.3 352 96C352 113.7 366.3 128 384 128L466.7 128L265.3 329.4C252.8 341.9 252.8 362.2 265.3 374.7C277.8 387.2 298.1 387.2 310.6 374.7L512 173.3L512 256C512 273.7 526.3 288 544 288C561.7 288 576 273.7 576 256L576 96C576 78.3 561.7 64 544 64L384 64zM144 160C99.8 160 64 195.8 64 240L64 496C64 540.2 99.8 576 144 576L400 576C444.2 576 480 540.2 480 496L480 416C480 398.3 465.7 384 448 384C430.3 384 416 398.3 416 416L416 496C416 504.8 408.8 512 400 512L144 512C135.2 512 128 504.8 128 496L128 240C128 231.2 135.2 224 144 224L224 224C241.7 224 256 209.7 256 192C256 174.3 241.7 160 224 160L144 160z"/></svg>
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" aria-hidden="true" focusable="false"><path d="M352 96C352 78.3 337.7 64 320 64C302.3 64 288 78.3 288 96L288 306.7L246.6 265.3C234.1 252.8 213.8 252.8 201.3 265.3C188.8 277.8 188.8 298.1 201.3 310.6L297.3 406.6C309.8 419.1 330.1 419.1 342.6 406.6L438.6 310.6C451.1 298.1 451.1 277.8 438.6 265.3C426.1 252.8 405.8 252.8 393.3 265.3L352 306.7L352 96zM160 384C124.7 384 96 412.7 96 448L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 448C544 412.7 515.3 384 480 384L433.1 384L376.5 440.6C345.3 471.8 294.6 471.8 263.4 440.6L206.9 384L160 384zM464 440C477.3 440 488 450.7 488 464C488 477.3 477.3 488 464 488C450.7 488 440 477.3 440 464C440 450.7 450.7 440 464 440z"/></svg>
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" aria-hidden="true" focusable="false"><path d="M125.4 128C91.5 128 64 155.5 64 189.4C64 190.3 64 191.1 64.1 192L64 192L64 448C64 483.3 92.7 512 128 512L512 512C547.3 512 576 483.3 576 448L576 192L575.9 192C575.9 191.1 576 190.3 576 189.4C576 155.5 548.5 128 514.6 128L125.4 128zM528 256.3L528 448C528 456.8 520.8 464 512 464L128 464C119.2 464 112 456.8 112 448L112 256.3L266.8 373.7C298.2 397.6 341.7 397.6 373.2 373.7L528 256.3zM112 189.4C112 182 118 176 125.4 176L514.6 176C522 176 528 182 528 189.4C528 193.6 526 197.6 522.7 200.1L344.2 335.5C329.9 346.3 310.1 346.3 295.8 335.5L117.3 200.1C114 197.6 112 193.6 112 189.4z"/></svg>
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" aria-hidden="true" focusable="false"><path d="M160 96C124.7 96 96 124.7 96 160L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 160C544 124.7 515.3 96 480 96L160 96zM248 192.7C257.8 190 268.1 195.1 272 204.5L292.3 253.2C295.7 261.5 293.4 271 286.4 276.7L264.3 294.7C280.5 330.5 308.8 359.7 343.9 377.1L363.2 353.5C368.9 346.6 378.4 344.2 386.7 347.6L435.4 367.9C444.8 371.8 449.8 382.1 447.2 391.9L446.4 394.7C437.6 427 406.3 454.6 368.2 446.5C280.7 428 211.9 359.1 193.3 271.6C185.2 233.5 212.8 202.2 245.1 193.4L247.9 192.6z"/></svg>
@@ -1 +0,0 @@
1
- .skeleton-line{background-color:var(--c-white-200);border-radius:var(--border-radius-md);display:block;height:.75rem}
@@ -1 +0,0 @@
1
- .activity{gap:var(--spacer-n2);justify-content:space-between}.activity,.activity-list{display:flex;flex-direction:column;height:100%}.activity-list{gap:var(--spacer-3);list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.activity-list-item{width:100%}.activity-list-item-link{border-color:var(--c-white-200);border-radius:var(--border-radius-md);border-style:solid;border-width:1px;display:flex;flex-direction:column;gap:var(--spacer);min-height:10rem;padding-block:1.5rem;padding-inline:1.5rem;text-decoration:none;transition:border-color var(--transition-duration)}.activity-list-item-link:focus-visible,.activity-list-item-link:hover{border-color:var(--c-primary-hover)}.activity-list-item-link-title{font-weight:700}.activity-list-item-link-language{align-items:center;display:flex;gap:var(--spacer-n2)}.activity-list-item-link-language-dot{background-color:var(--c-white-200);border-radius:var(--border-radius-full);display:inline-block;height:.75rem;width:.75rem}.activity-list-item-link-language.state-closed .activity-list-item-link-language-dot{background-color:var(--c-danger)}.activity-list-item-link-language.state-open .activity-list-item-link-language-dot{background-color:var(--c-success)}.activity-section-heading{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--spacer);justify-content:space-between;margin-bottom:var(--spacer-n1)}
@@ -1 +0,0 @@
1
- .github-projects-list{list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.github-projects-list-item{width:100%}.github-projects-list-item-link{border-color:var(--c-white-200);border-radius:var(--border-radius-md);border-style:solid;border-width:1px;display:flex;flex-direction:column;gap:var(--spacer);height:100%;justify-content:space-between;overflow:hidden;padding-block:1.5rem;padding-inline:1.5rem;position:relative;text-decoration:none;transition:border-color var(--transition-duration)}.github-projects-list-item-link:focus-visible,.github-projects-list-item-link:hover{border-color:var(--c-primary-hover)}.github-projects-list-item-link-star{align-items:center;background-color:var(--c-white-200);border-radius:0 0 0 var(--border-radius-md);display:flex;gap:.25rem;padding-block:.25rem;padding-inline:1rem;position:absolute;right:0;top:0}.github-projects-list-item-link-title{font-weight:700}.github-projects-list-item-link-language{align-items:center;display:flex;gap:var(--spacer-n2)}.github-projects-list-item-link-language-dot{background-color:var(--c-white-200);border-radius:var(--border-radius-full);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--c-black) 12%,transparent);display:inline-block;height:.75rem;width:.75rem}
@@ -1 +0,0 @@
1
- .header{display:grid;gap:var(--spacer);max-width:48rem}.header-subtitle{position:relative;width:-moz-fit-content;width:fit-content}.header-subtitle:before{background:var(--c-white-200);background:linear-gradient(90deg,var(--c-white-200) 0,var(--c-white) 90%);border-radius:var(--border-radius-md);content:"";height:100%;left:0;position:absolute;rotate:3deg;top:0;width:100%;z-index:-1}.header-social-links{align-items:center;display:inline-flex;flex-wrap:wrap;gap:var(--spacer-2)}
@@ -1 +0,0 @@
1
- .section-contact{background:var(--c-white-200);background:linear-gradient(90deg,var(--c-white-200) 0,var(--c-white) 90%);border-color:var(--c-white-200);border-radius:var(--border-radius-md);border-style:solid;border-width:1px;color:var(--c-white-200-background-color-emphasis);padding-block:3.5rem;padding-inline:1.5rem}
@@ -1 +0,0 @@
1
- @layer elements{.github-projects-list{list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.github-projects-list-item{width:100%}.github-projects-list-item-link{border-color:var(--c-white-200);border-radius:var(--border-radius-md);border-style:solid;border-width:1px;display:flex;flex-direction:column;gap:var(--spacer);height:100%;justify-content:space-between;overflow:hidden;padding-block:1.5rem;padding-inline:1.5rem;position:relative;text-decoration:none;transition:border-color var(--transition-duration)}.github-projects-list-item-link:focus-visible,.github-projects-list-item-link:hover{border-color:var(--c-primary-hover)}.github-projects-list-item-link-star{align-items:center;background-color:var(--c-white-200);border-radius:0 0 0 var(--border-radius-md);display:flex;gap:.25rem;padding-block:.25rem;padding-inline:1rem;position:absolute;right:0;top:0}.github-projects-list-item-link-title{font-weight:700}.github-projects-list-item-link-language{align-items:center;display:flex;gap:var(--spacer-n2)}.github-projects-list-item-link-language-dot{background-color:var(--c-white-200);border-radius:var(--border-radius-full);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--c-black) 12%,transparent);display:inline-block;height:.75rem;width:.75rem}.activity{gap:var(--spacer-n2);justify-content:space-between}.activity,.activity-list{display:flex;flex-direction:column;height:100%}.activity-list{gap:var(--spacer-3);list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.activity-list-item{width:100%}.activity-list-item-link{border-color:var(--c-white-200);border-radius:var(--border-radius-md);border-style:solid;border-width:1px;display:flex;flex-direction:column;gap:var(--spacer);min-height:10rem;padding-block:1.5rem;padding-inline:1.5rem;text-decoration:none;transition:border-color var(--transition-duration)}}@layer elements{.activity-list-item-link:focus-visible,.activity-list-item-link:hover{border-color:var(--c-primary-hover)}.activity-list-item-link-title{font-weight:700}.activity-list-item-link-language{align-items:center;display:flex;gap:var(--spacer-n2)}.activity-list-item-link-language-dot{background-color:var(--c-white-200);border-radius:var(--border-radius-full);display:inline-block;height:.75rem;width:.75rem}.activity-list-item-link-language.state-closed .activity-list-item-link-language-dot{background-color:var(--c-danger)}.activity-list-item-link-language.state-open .activity-list-item-link-language-dot{background-color:var(--c-success)}.activity-section-heading{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--spacer);justify-content:space-between;margin-bottom:var(--spacer-n1)}.section-contact{background:var(--c-white-200);background:linear-gradient(90deg,var(--c-white-200) 0,var(--c-white) 90%);border-color:var(--c-white-200);border-radius:var(--border-radius-md);border-style:solid;border-width:1px;color:var(--c-white-200-background-color-emphasis);padding-block:3.5rem;padding-inline:1.5rem}.header{display:grid;gap:var(--spacer);max-width:48rem}.header-subtitle{position:relative;width:-moz-fit-content;width:fit-content}.header-subtitle:before{background:var(--c-white-200);background:linear-gradient(90deg,var(--c-white-200) 0,var(--c-white) 90%);border-radius:var(--border-radius-md);content:"";height:100%;left:0;position:absolute;rotate:3deg;top:0;width:100%;z-index:-1}.header-social-links{align-items:center;display:inline-flex;flex-wrap:wrap;gap:var(--spacer-2)}}@layer elements{}@layer elements{}
@@ -1 +0,0 @@
1
- .row{display:grid;gap:var(--spacer);grid-template-columns:repeat(12,1fr)}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}@media screen and (max-width:992px){.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{grid-column:span 12}}
@@ -1 +0,0 @@
1
- @layer variables, theme, base, layout, html, elements, components, utilities;@layer theme{@layer theme{:root{--c-white:#fff;--c-black:#1c222e;--c-gray:#4e596a;--c-primary:#216e7d;--c-secondary:#353b48;--c-success:#27ae60;--c-info:#0dccf2;--c-warning:#ffc105;--c-danger:#dc3848;--c-white-100:#f6f7fb;--c-white-100-hover:color-mix(in oklab,var(--c-white-100) 70%,var(--c-white-100));--c-white-100-background-color-emphasis:var(--c-black);--c-white-200:#efefef;--c-white-200-hover:color-mix(in oklab,var(--c-white-200) 70%,var(--c-white-200));--c-white-200-background-color-emphasis:var(--c-black);--c-white-hover:color-mix(in oklab,var(--c-white) 70%,var(--c-white));--c-white-background-color-emphasis:var(--c-black);--c-black-hover:color-mix(in oklab,var(--c-black) 70%,var(--c-black));--c-black-background-color-emphasis:var(--c-white);--c-gray-hover:color-mix(in oklab,var(--c-black) 70%,var(--c-black));--c-gray-background-color-emphasis:var(--c-white);--c-primary-hover:color-mix(in oklab,var(--c-primary) 70%,var(--c-white));--c-primary-background-color-emphasis:var(--c-white);--c-secondary-hover:color-mix(in oklab,var(--c-secondary) 70%,var(--c-white));--c-secondary-background-color-emphasis:var(--c-white);--c-success-hover:color-mix(in oklab,var(--c-success) 70%,var(--c-white));--c-success-background-color-emphasis:var(--c-white);--c-info-hover:color-mix(in oklab,var(--c-info) 70%,var(--c-white));--c-info-background-color-emphasis:var(--c-white);--c-warning-hover:color-mix(in oklab,var(--c-warning) 70%,var(--c-white));--c-warning-background-color-emphasis:var(--c-white);--c-danger-hover:color-mix(in oklab,var(--c-danger) 70%,var(--c-white));--c-danger-background-color-emphasis:var(--c-white)}.dark{--c-white:#1c222e;--c-black:#fff;--c-primary:#474f58;--c-secondary:#d2e0fb;--c-success:#27ae60;--c-info:#0dccf2;--c-warning:#ffc105;--c-danger:#dc3848;--c-white-100:#151515;--c-white-200:#2c2c2d;--c-black-100:#302c40;--c-black-300:#4a455a;--c-white-400:#423e4e;--c-primary-background-color-emphasis:var(--c-black);--c-secondary-background-color-emphasis:var(--c-black);--c-success-background-color-emphasis:var(--c-white);--c-info-background-color-emphasis:var(--c-white);--c-warning-background-color-emphasis:var(--c-white);--c-danger-background-color-emphasis:var(--c-white)}}}@layer variables{@layer variables{:root{--spacer-n3:0.5rem;--spacer-n2:0.5rem;--spacer-n1:0.875rem;--spacer:1rem;--spacer-1:calc(var(--spacer)*1.25);--spacer-2:calc(var(--spacer)*1.5);--spacer-3:calc(var(--spacer)*2);--spacer-4:calc(var(--spacer)*6);--grid-spacing:var(--spacer-4);--container-spacer:var(--spacer);--heading-1:clamp(1.75rem,2.8vw,2rem);--heading-2:clamp(1.5rem,2.6vw,1.75rem);--heading-3:clamp(1.375rem,2.4vw,1.625rem);--heading-4:clamp(1.25rem,2.2vw,1.5rem);--heading-5:clamp(1.125rem,2vw,1.375rem);--heading-6:var(--fs-md);--heading-font-family:"Lora",system-ui,-apple-system,"Segoe UI",roboto,helvetica,arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";--fs-xs:0.875rem;--fs-sm:1rem;--fs-md:1.375rem;--fs-lg:clamp(1.125rem,2.2vw,1.5rem);--fs-xl:clamp(1.25rem,2.2vw,1765rem);--a-color:var(--c-black);--a-color-hover:var(--c-black);--a-text-decoration-style:dashed;--a-text-decoration-style-hover:solid;--a-text-decoration-thickness:0.125rem;--a-text-underline-offset:0.5rem;--a-font-size:var(--fs-md);--p-margin-block-start:var(--spacer-n2);--p-line-height:var(--large-line-height);--p-font-size:var(--fs-md);--p-color:var(--c-gray);--svg-width:1em;--svg-height:1em;--base-line-height:1.5;--large-line-height:1.8125;--transition-duration:0.3s;--transition-decorative-duration:0.1s;--focus-default:0 0 0 0.125em var(--c-white),0 0 0 0.25em var(--c-primary);--border-radius-sm:0.5rem;--border-radius-md:1rem;--border-radius-lg:1.5rem;--border-radius-xl:2rem;--border-radius-full:50%;--box-shadow-default:0 0.375rem 1rem -0.5rem rgba(0,0,0,.1);--body-background-color:var(--c-white);--body-line-height:var(--base-line-height);--body-color:var(--c-black);--body-font-size:var(--fs-md);--body-font-family:system-ui,-apple-system,"Segoe UI",roboto,helvetica,arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";--badge-padding-block:0.5rem;--badge-padding-inline:1rem;--badge-border-radius:var(--border-radius-sm);--badge-font-size:var(--fs-xs);--badge-font-weight:600}}}@layer base{}@layer base{@layer base{*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;min-height:100vh;text-rendering:optimizespeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}html{scroll-behavior:smooth}body{background-color:var(--body-background-color);line-height:var(--body-line-height);margin:0;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;color:var(--body-color);font-family:var(--body-font-family);font-size:var(--body-font-size);overflow-x:hidden;text-rendering:optimizelegibility}}}@layer base{@layer base{}}@layer base{@layer base{:is(a,button,input,textarea,summary){--outline-size:max(2px,0.08em);--outline-style:solid;--outline-color:currentcolor}:is(a,button,input,textarea,summary):focus{outline:var(--outline-size) var(--outline-style) var(--outline-color);outline-offset:var(--outline-offset,var(--outline-size))}:is(a,button,input,textarea,summary):focus-visible{outline:var(--outline-size) var(--outline-style) var(--outline-color);outline-offset:var(--outline-offset,var(--outline-size))}:is(a,button,input,textarea,summary):focus:not(:focus-visible){outline:none}}}@layer base{@layer base{.h1,h1{font-size:var(--heading-1);line-height:1.1}.h1,.h2,h1,h2{display:block;font-family:var(--heading-font-family);font-weight:700;margin-block-end:var(--spacer)}.h2,h2{font-size:var(--heading-2);line-height:1.15}.h3,h3{font-size:var(--heading-3);line-height:1.2}.h3,.h4,h3,h4{display:block;font-family:var(--heading-font-family);font-weight:700;margin-block-end:var(--spacer)}.h4,h4{font-size:var(--heading-4);line-height:1.25}.h5,h5{font-size:var(--heading-5);line-height:1.3}.h5,.h6,h5,h6{display:block;font-family:var(--heading-font-family);font-weight:700;margin-block-end:var(--spacer)}.h6,h6{font-size:var(--heading-6);line-height:1.4}.p,p{color:var(--p-color);font-size:var(--p-font-size);line-height:var(--p-line-height);margin-block-end:var(--p-margin-block-start)}.p,p:last-child{margin-block-end:0}.a,a{color:var(--a-color);font-size:var(--a-font-size);text-decoration-style:var(--a-text-decoration-style);text-decoration-thickness:var(--a-text-decoration-thickness);text-underline-offset:var(--a-text-underline-offset)}a:is(:hover,:focus){color:var(--c-black);text-decoration-style:var(--a-text-decoration-style-hover)}:is(a[href^="tel:"]:not([class]),a[href^="mailto:"]:not([class]),a[download]:not([class]),a[href^="http://"]:not([class]),a[href^="https://"]:not([class])):not(:has(img)):after{background-repeat:no-repeat;background-size:contain;color:var(--a-color);content:" ";display:inline-block;height:1em;margin-inline:.25rem;vertical-align:middle;width:1em}a[href^="tel:"]:after{background-image:url(@krudi/icons/phone.svg)}a[href^="mailto:"]:after{background-image:url(@krudi/icons/envelope.svg)}a[download]:after{background-image:url(@krudi/icons/download.svg)}a[href^="http://"]:after,a[href^="https://"]:after{background-image:url(@krudi/icons/external-link.svg)}}}@layer layout{}@layer layout{@layer layout{.container{margin-inline:auto}.container,.container-fluid{width:min(1080px,100% - var(--spacer-3))}.row{display:grid;gap:var(--spacer);grid-template-columns:repeat(12,1fr)}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}}}@layer layout{@layer layout{@media screen and (max-width:992px){.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{grid-column:span 12}}}}@layer html{}@layer html{@layer html{svg{fill:currentcolor;height:var(--svg-height);width:var(--svg-width)}picture{position:relative}img{border-radius:var(--border-radius-sm);height:auto;max-width:100%}}}@layer html{@layer html{}}@layer elements{}@layer elements{@layer elements{.github-projects-list{list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.github-projects-list-item{width:100%}.github-projects-list-item-link{border-color:var(--c-white-200);border-radius:var(--border-radius-md);border-style:solid;border-width:1px;display:flex;flex-direction:column;gap:var(--spacer);height:100%;justify-content:space-between;overflow:hidden;padding-block:1.5rem;padding-inline:1.5rem;position:relative;text-decoration:none;transition:border-color var(--transition-duration)}.github-projects-list-item-link:focus-visible,.github-projects-list-item-link:hover{border-color:var(--c-primary-hover)}.github-projects-list-item-link-star{align-items:center;background-color:var(--c-white-200);border-radius:0 0 0 var(--border-radius-md);display:flex;gap:.25rem;padding-block:.25rem;padding-inline:1rem;position:absolute;right:0;top:0}.github-projects-list-item-link-title{font-weight:700}.github-projects-list-item-link-language{align-items:center;display:flex;gap:var(--spacer-n2)}.github-projects-list-item-link-language-dot{background-color:var(--c-white-200);border-radius:var(--border-radius-full);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--c-black) 12%,transparent);display:inline-block;height:.75rem;width:.75rem}.activity{gap:var(--spacer-n2);justify-content:space-between}.activity,.activity-list{display:flex;flex-direction:column;height:100%}.activity-list{gap:var(--spacer-3);list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.activity-list-item{width:100%}.activity-list-item-link{border-color:var(--c-white-200);border-radius:var(--border-radius-md);border-style:solid;border-width:1px;display:flex;flex-direction:column;gap:var(--spacer);min-height:10rem;padding-block:1.5rem;padding-inline:1.5rem;text-decoration:none;transition:border-color var(--transition-duration)}}}@layer elements{@layer elements{.activity-list-item-link:focus-visible,.activity-list-item-link:hover{border-color:var(--c-primary-hover)}.activity-list-item-link-title{font-weight:700}.activity-list-item-link-language{align-items:center;display:flex;gap:var(--spacer-n2)}.activity-list-item-link-language-dot{background-color:var(--c-white-200);border-radius:var(--border-radius-full);display:inline-block;height:.75rem;width:.75rem}.activity-list-item-link-language.state-closed .activity-list-item-link-language-dot{background-color:var(--c-danger)}.activity-list-item-link-language.state-open .activity-list-item-link-language-dot{background-color:var(--c-success)}.activity-section-heading{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--spacer);justify-content:space-between;margin-bottom:var(--spacer-n1)}.section-contact{background:var(--c-white-200);background:linear-gradient(90deg,var(--c-white-200) 0,var(--c-white) 90%);border-color:var(--c-white-200);border-radius:var(--border-radius-md);border-style:solid;border-width:1px;color:var(--c-white-200-background-color-emphasis);padding-block:3.5rem;padding-inline:1.5rem}.header{display:grid;gap:var(--spacer);max-width:48rem}.header-subtitle{position:relative;width:-moz-fit-content;width:fit-content}.header-subtitle:before{background:var(--c-white-200);background:linear-gradient(90deg,var(--c-white-200) 0,var(--c-white) 90%);border-radius:var(--border-radius-md);content:"";height:100%;left:0;position:absolute;rotate:3deg;top:0;width:100%;z-index:-1}.header-social-links{align-items:center;display:inline-flex;flex-wrap:wrap;gap:var(--spacer-2)}}}@layer elements{@layer elements{}}@layer elements{@layer elements{}}@layer components{}@layer components{@layer components{.badge{background-color:var(--badge-background-color);border-color:var(--badge-border-color);border-radius:var(--badge-border-radius);border-style:var(--badge-border-style);border-width:var(--badge-border-width);color:var(--badge-color);display:inline-flex;font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);padding-block:var(--badge-padding-block);padding-inline:var(--badge-padding-inline)}.badge-white{--badge-background-color:var(--c-white);--badge-color:var(--c-white-background-color-emphasis);--badge-border-width:1px;--badge-border-style:solid;--badge-border-color:var(--c-white-300)}.badge-primary{--badge-background-color:var(--c-primary);--badge-color:var(--c-primary-background-color-emphasis);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.badge-secondary{--badge-background-color:var(--c-secondary);--badge-color:var(--c-secondary-background-color-emphasis);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.badge-success{--badge-background-color:var(--c-success);--badge-color:var(--c-success-background-color-emphasis);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.badge-info{--badge-background-color:var(--c-info);--badge-color:var(--c-info-background-color-emphasis);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.badge-warning{--badge-background-color:var(--c-warning);--badge-color:var(--c-warning-background-color-emphasis);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.badge-danger{--badge-background-color:var(--c-danger);--badge-color:var(--c-danger-background-color-emphasis);--badge-border-width:0;--badge-border-style:initial;--badge-border-color:none}.skeleton-line{background-color:var(--c-white-200);border-radius:var(--border-radius-md);display:block;height:.75rem}}}@layer components{@layer components{}}@layer utilities{}@layer utilities{@layer utilities{.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-5{-webkit-line-clamp:5}.line-clamp-5,.line-clamp-6{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-6{-webkit-line-clamp:6}.line-clamp-7{-webkit-line-clamp:7}.line-clamp-7,.line-clamp-8{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-8{-webkit-line-clamp:8}.bg-white{background-color:var(--c-white);color:var(--c-white-background-color-emphasis)}.bg-white-100{background-color:var(--c-white-100);color:var(--c-white-100-background-color-emphasis)}.bg-white-200{background-color:var(--c-white-200);color:var(--c-white-200-background-color-emphasis)}.bg-black{background-color:var(--c-black);color:var(--c-black-background-color-emphasis)}.bg-gray{background-color:var(--c-gray);color:var(--c-gray-background-color-emphasis)}.bg-beige{background-color:var(--c-beige);color:var(--c-beige-background-color-emphasis)}.bg-primary{background-color:var(--c-primary);color:var(--c-primary-background-color-emphasis)}.bg-secondary{background-color:var(--c-secondary);color:var(--c-secondary-background-color-emphasis)}.bg-success{background-color:var(--c-success);color:var(--c-success-background-color-emphasis)}.bg-info{background-color:var(--c-info);color:var(--c-info-background-color-emphasis)}.bg-warning{background-color:var(--c-warning);color:var(--c-warning-background-color-emphasis)}.bg-danger{background-color:var(--c-danger);color:var(--c-danger-background-color-emphasis)}.text-white{color:var(--c-white)}.text-white-100{color:var(--c-white-100)}.text-white-200{color:var(--c-white-200)}.text-black{color:var(--c-black)}.text-gray{color:var(--c-gray)}.text-beige{color:var(--c-beige)}.text-primary{color:var(--c-primary)}.text-secondary{color:var(--c-secondary)}.text-success{color:var(--c-success)}.text-info{color:var(--c-info)}.text-warning{color:var(--c-warning)}.text-danger{color:var(--c-danger)}.mx-auto{margin:0 auto}.m-0{margin:0}.m-n1{margin:var(--spacer-n1)}.m-n2{margin:var(--spacer-n2)}.m-1{margin:var(--spacer-1)}.m-2{margin:var(--spacer-2)}.m-3{margin:var(--spacer-3)}.m-4{margin:var(--spacer-4)}.m-default{margin:var(--spacer)}.mt-0{margin-block-start:0}.mt-n1{margin-block-start:var(--spacer-n1)}.mt-n2{margin-block-start:var(--spacer-n2)}.mt-1{margin-block-start:var(--spacer-1)}.mt-2{margin-block-start:var(--spacer-2)}.mt-3{margin-block-start:var(--spacer-3)}.mt-4{margin-block-start:var(--spacer-4)}.mt-default{margin-block-start:var(--spacer)}.mb-0{margin-block-end:0}.mb-n1{margin-block-end:var(--spacer-n1)}.mb-n2{margin-block-end:var(--spacer-n2)}.mb-1{margin-block-end:var(--spacer-1)}.mb-2{margin-block-end:var(--spacer-2)}.mb-3{margin-block-end:var(--spacer-3)}.mb-4{margin-block-end:var(--spacer-4)}.mb-default{margin-block-end:var(--spacer)}.ml-0{margin-inline-start:0}.ml-n1{margin-inline-start:var(--spacer-n1)}.ml-n2{margin-inline-start:var(--spacer-n2)}.ml-1{margin-inline-start:var(--spacer-1)}.ml-2{margin-inline-start:var(--spacer-2)}.ml-3{margin-inline-start:var(--spacer-3)}.ml-4{margin-inline-start:var(--spacer-4)}.ml-default{margin-inline-start:var(--spacer)}.mr-0{margin-inline-end:0}.mr-n1{margin-inline-end:var(--spacer-n1)}.mr-n2{margin-inline-end:var(--spacer-n2)}.mr-1{margin-inline-end:var(--spacer-1)}.mr-2{margin-inline-end:var(--spacer-2)}.mr-3{margin-inline-end:var(--spacer-3)}.mr-4{margin-inline-end:var(--spacer-4)}.mr-default{margin-inline-end:var(--spacer)}.mx-0{margin-inline:0}.mx-n1{margin-inline:var(--spacer-n1)}.mx-n2{margin-inline:var(--spacer-n2)}.mx-1{margin-inline:var(--spacer-1)}.mx-2{margin-inline:var(--spacer-2)}.mx-3{margin-inline:var(--spacer-3)}.mx-4{margin-inline:var(--spacer-4)}.mx-default{margin-inline:var(--spacer)}.my-0{margin-block:0}.my-n1{margin-block:var(--spacer-n1)}.my-n2{margin-block:var(--spacer-n2)}.my-1{margin-block:var(--spacer-1)}.my-2{margin-block:var(--spacer-2)}.my-3{margin-block:var(--spacer-3)}.my-4{margin-block:var(--spacer-4)}.my-default{margin-block:var(--spacer)}.p-0{padding:0}.p-n1{padding:var(--spacer-n1)}.p-n2{padding:var(--spacer-n2)}.p-1{padding:var(--spacer-1)}.p-2{padding:var(--spacer-2)}.p-3{padding:var(--spacer-3)}.p-4{padding:var(--spacer-4)}.p-default{padding:var(--spacer)}.pt-0{padding-block-start:0}.pt-n1{padding-block-start:var(--spacer-n1)}.pt-n2{padding-block-start:var(--spacer-n2)}.pt-1{padding-block-start:var(--spacer-1)}.pt-2{padding-block-start:var(--spacer-2)}.pt-3{padding-block-start:var(--spacer-3)}.pt-4{padding-block-start:var(--spacer-4)}.pt-default{padding-block-start:var(--spacer)}.pb-0{padding-block-end:0}.pb-n1{padding-block-end:var(--spacer-n1)}.pb-n2{padding-block-end:var(--spacer-n2)}.pb-1{padding-block-end:var(--spacer-1)}.pb-2{padding-block-end:var(--spacer-2)}.pb-3{padding-block-end:var(--spacer-3)}.pb-4{padding-block-end:var(--spacer-4)}.pb-default{padding-block-end:var(--spacer)}.pl-0{padding-inline-start:0}.pl-n1{padding-inline-start:var(--spacer-n1)}.pl-n2{padding-inline-start:var(--spacer-n2)}.pl-1{padding-inline-start:var(--spacer-1)}.pl-2{padding-inline-start:var(--spacer-2)}.pl-3{padding-inline-start:var(--spacer-3)}.pl-4{padding-inline-start:var(--spacer-4)}.pl-default{padding-inline-start:var(--spacer)}.pr-0{padding-inline-end:0}.pr-n1{padding-inline-end:var(--spacer-n1)}.pr-n2{padding-inline-end:var(--spacer-n2)}.pr-1{padding-inline-end:var(--spacer-1)}.pr-2{padding-inline-end:var(--spacer-2)}.pr-3{padding-inline-end:var(--spacer-3)}.pr-4{padding-inline-end:var(--spacer-4)}.pr-default{padding-inline-end:var(--spacer)}.px-0{padding-inline:0}.px-n1{padding-inline:var(--spacer-n1)}.px-n2{padding-inline:var(--spacer-n2)}.px-1{padding-inline:var(--spacer-1)}.px-2{padding-inline:var(--spacer-2)}.px-3{padding-inline:var(--spacer-3)}.px-4{padding-inline:var(--spacer-4)}.px-default{padding-inline:var(--spacer)}.py-0{padding-block:0}.py-n1{padding-block:var(--spacer-n1)}.py-n2{padding-block:var(--spacer-n2)}.py-1{padding-block:var(--spacer-1)}.py-2{padding-block:var(--spacer-2)}.py-3{padding-block:var(--spacer-3)}.py-4{padding-block:var(--spacer-4)}.py-default{padding-block:var(--spacer)}.fw-100{font-weight:100}.fw-200{font-weight:200}.fw-300{font-weight:300}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.fw-900{font-weight:900}.text-xs{font-size:var(--fs-xs)}.text-sm{font-size:var(--fs-sm)}.text-md{font-size:var(--fs-md)}.text-lg{font-size:var(--fs-lg)}.text-xl{font-size:var(--fs-xl)}.text-decoration-none{text-decoration:none}.text-decoration-underline{text-decoration-line:underline}.text-decoration-overline{text-decoration-line:overline}.text-decoration-line-through{text-decoration-line:line-through}.text-decoration-solid{text-decoration-style:solid}.text-decoration-dashed{text-decoration-style:dashed}.text-decoration-dotted{text-decoration-style:dotted}.text-decoration-double{text-decoration-style:double}.text-decoration-wavy{text-decoration-style:wavy}}}@layer utilities{@layer utilities{}}@layer utilities{@layer utilities{}}@layer utilities{@layer utilities{}}@layer utilities{@layer utilities{}}@layer utilities{@layer utilities{}}@layer utilities{@layer utilities{}}@layer utilities{@layer utilities{}}