@kofile/gds-foundations 1.2.2 → 1.4.0

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 (117) hide show
  1. package/build/css/components/badge.module.css +57 -35
  2. package/build/css/components/banner.module.css +61 -0
  3. package/build/css/components/button.module.css +334 -230
  4. package/build/css/components/card.module.css +8 -10
  5. package/build/css/components/checkbox.module.css +196 -110
  6. package/build/css/components/dialog.module.css +29 -50
  7. package/build/css/components/divider.module.css +17 -0
  8. package/build/css/components/empty-state.module.css +97 -0
  9. package/build/css/components/field-message.module.css +5 -6
  10. package/build/css/components/form-label.module.css +7 -7
  11. package/build/css/components/icon-wrap.module.css +43 -0
  12. package/build/css/components/input.module.css +85 -104
  13. package/build/css/components/label.module.css +30 -4
  14. package/build/css/components/link.module.css +15 -15
  15. package/build/css/components/list-callout-group.module.css +2 -2
  16. package/build/css/components/list-callout.module.css +2 -2
  17. package/build/css/components/list-group.module.css +2 -2
  18. package/build/css/components/list-item.module.css +2 -2
  19. package/build/css/components/loader.module.css +5 -7
  20. package/build/css/components/logo.module.css +34 -0
  21. package/build/css/components/menu.module.css +318 -0
  22. package/build/css/components/modal.module.css +102 -0
  23. package/build/css/components/navigation.module.css +416 -0
  24. package/build/css/components/progress.module.css +66 -0
  25. package/build/css/components/radio-group.module.css +68 -72
  26. package/build/css/components/segmented-controller.module.css +49 -109
  27. package/build/css/components/switch.module.css +35 -34
  28. package/build/css/components/table.module.css +251 -141
  29. package/build/css/components/tabs.module.css +26 -35
  30. package/build/css/components/toast.module.css +117 -0
  31. package/build/css/components/tooltip.module.css +84 -0
  32. package/build/css/themes/global.css +320 -627
  33. package/build/css/themes/index.css +0 -40
  34. package/build/minified/badge.module.css +1 -1
  35. package/build/minified/banner.module.css +1 -0
  36. package/build/minified/button.module.css +1 -31
  37. package/build/minified/card.module.css +1 -1
  38. package/build/minified/checkbox.module.css +1 -7
  39. package/build/minified/dialog.module.css +1 -21
  40. package/build/minified/divider.module.css +1 -0
  41. package/build/minified/empty-state.module.css +1 -0
  42. package/build/minified/field-message.module.css +1 -1
  43. package/build/minified/form-label.module.css +1 -1
  44. package/build/minified/global.css +1 -1
  45. package/build/minified/icon-wrap.module.css +1 -0
  46. package/build/minified/index.css +1 -1
  47. package/build/minified/input.module.css +1 -37
  48. package/build/minified/label.module.css +1 -1
  49. package/build/minified/link.module.css +1 -1
  50. package/build/minified/list-callout-group.module.css +1 -1
  51. package/build/minified/list-callout.module.css +1 -1
  52. package/build/minified/list-group.module.css +1 -1
  53. package/build/minified/list-item.module.css +1 -1
  54. package/build/minified/loader.module.css +1 -1
  55. package/build/minified/logo.module.css +1 -0
  56. package/build/minified/menu.module.css +1 -0
  57. package/build/minified/modal.module.css +1 -0
  58. package/build/minified/navigation.module.css +1 -0
  59. package/build/minified/progress.module.css +1 -0
  60. package/build/minified/radio-group.module.css +1 -21
  61. package/build/minified/segmented-controller.module.css +1 -57
  62. package/build/minified/switch.module.css +1 -3
  63. package/build/minified/table.module.css +1 -65
  64. package/build/minified/tabs.module.css +1 -9
  65. package/build/minified/toast.module.css +1 -0
  66. package/build/minified/tooltip.module.css +1 -0
  67. package/package.json +57 -12
  68. package/build/css/components/select.module.css +0 -367
  69. package/build/css/themes/badge/dark.css +0 -12
  70. package/build/css/themes/badge/index.css +0 -2
  71. package/build/css/themes/badge/light.css +0 -12
  72. package/build/css/themes/button/dark.css +0 -42
  73. package/build/css/themes/button/index.css +0 -2
  74. package/build/css/themes/button/light.css +0 -42
  75. package/build/css/themes/card/dark.css +0 -6
  76. package/build/css/themes/card/light.css +0 -6
  77. package/build/css/themes/checkbox/dark.css +0 -19
  78. package/build/css/themes/checkbox/light.css +0 -19
  79. package/build/css/themes/checkbox-tile/dark.css +0 -14
  80. package/build/css/themes/checkbox-tile/light.css +0 -18
  81. package/build/css/themes/composite/shadows.css +0 -12
  82. package/build/css/themes/dark.css +0 -16
  83. package/build/css/themes/dialog/dark.css +0 -13
  84. package/build/css/themes/dialog/light.css +0 -13
  85. package/build/css/themes/field-message/dark.css +0 -6
  86. package/build/css/themes/field-message/light.css +0 -6
  87. package/build/css/themes/form-label/dark.css +0 -6
  88. package/build/css/themes/form-label/light.css +0 -6
  89. package/build/css/themes/input/dark.css +0 -19
  90. package/build/css/themes/input/light.css +0 -22
  91. package/build/css/themes/label/dark.css +0 -5
  92. package/build/css/themes/label/light.css +0 -5
  93. package/build/css/themes/light.css +0 -16
  94. package/build/css/themes/link/dark.css +0 -7
  95. package/build/css/themes/link/light.css +0 -7
  96. package/build/css/themes/list-item/dark.css +0 -5
  97. package/build/css/themes/list-item/light.css +0 -5
  98. package/build/css/themes/loader/dark.css +0 -6
  99. package/build/css/themes/loader/light.css +0 -6
  100. package/build/css/themes/radio-group/dark.css +0 -12
  101. package/build/css/themes/radio-group/light.css +0 -11
  102. package/build/css/themes/radio-group-tile/dark.css +0 -12
  103. package/build/css/themes/radio-group-tile/light.css +0 -18
  104. package/build/css/themes/segmented-controller/dark.css +0 -15
  105. package/build/css/themes/segmented-controller/light.css +0 -14
  106. package/build/css/themes/select/dark.css +0 -33
  107. package/build/css/themes/select/light.css +0 -30
  108. package/build/css/themes/switch/dark.css +0 -12
  109. package/build/css/themes/switch/light.css +0 -14
  110. package/build/css/themes/table/dark.css +0 -20
  111. package/build/css/themes/table/light.css +0 -24
  112. package/build/css/themes/tabs/dark.css +0 -13
  113. package/build/css/themes/tabs/light.css +0 -13
  114. package/build/minified/button-copy.module.css +0 -31
  115. package/build/minified/dark.css +0 -1
  116. package/build/minified/light.css +0 -1
  117. package/build/minified/select.module.css +0 -67
@@ -1,41 +1 @@
1
1
  @import "./global.css";
2
- @import "./composite/shadows.css";
3
- @import "./badge";
4
- @import "./button/light.css";
5
- @import "./button/dark.css";
6
- @import "./card/light.css";
7
- @import "./card/dark.css";
8
- @import "./checkbox/light.css";
9
- @import "./checkbox/dark.css";
10
- @import "./checkbox-tile/light.css";
11
- @import "./checkbox-tile/dark.css";
12
- @import "./dialog/light.css";
13
- @import "./dialog/dark.css";
14
- @import "./field-message/light.css";
15
- @import "./field-message/dark.css";
16
- @import "./form-label/light.css";
17
- @import "./form-label/dark.css";
18
- @import "./input/light.css";
19
- @import "./input/dark.css";
20
- @import "./label/light.css";
21
- @import "./label/dark.css";
22
- @import "./link/light.css";
23
- @import "./link/dark.css";
24
- @import "./list-item/light.css";
25
- @import "./list-item/dark.css";
26
- @import "./loader/light.css";
27
- @import "./loader/dark.css";
28
- @import "./radio-group/light.css";
29
- @import "./radio-group/dark.css";
30
- @import "./radio-group-tile/light.css";
31
- @import "./radio-group-tile/dark.css";
32
- @import "./segmented-controller/light.css";
33
- @import "./segmented-controller/dark.css";
34
- @import "./select/light.css";
35
- @import "./select/dark.css";
36
- @import "./switch/light.css";
37
- @import "./switch/dark.css";
38
- @import "./table/light.css";
39
- @import "./table/dark.css";
40
- @import "./tabs/light.css";
41
- @import "./tabs/dark.css";
@@ -1 +1 @@
1
- .badge{align-items:center;background-color:var(--badge-light-color-background-neutral-light-fill);border-end-end-radius:var(--badge-size-sm-border-radius);border-end-start-radius:var(--badge-size-sm-border-radius);border-start-end-radius:var(--badge-size-sm-border-radius);border-start-start-radius:var(--badge-size-sm-border-radius);color:var(--badge-light-color-text-fill);display:inline-flex;font-family:var(--font-families-default);font-size:var(--font-size-xs);font-weight:var(--font-weights-semibold);gap:var(--badge-gap-spacing);height:fit-content;letter-spacing:var(--letter-spacing-xs);line-height:var(--line-heights-xs);padding-block-end:var(--badge-size-lg-vertical-padding);padding-block-start:var(--badge-size-lg-vertical-padding);padding-inline-end:var(--badge-size-lg-horizontal-padding);padding-inline-start:var(--badge-size-lg-horizontal-padding);vertical-align:top;white-space:nowrap;width:fit-content}.badge[data-size=md]{font-size:var(--font-size-2xs);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs);padding-block-end:var(--badge-size-md-vertical-padding);padding-block-start:var(--badge-size-md-vertical-padding);padding-inline-end:var(--badge-size-md-horizontal-padding);padding-inline-start:var(--badge-size-md-horizontal-padding)}.badge[data-size=sm]{font-size:var(--font-size-3xs);letter-spacing:var(--letter-spacing-3xs);line-height:var(--line-heights-3xs);padding-block-end:var(--badge-size-sm-vertical-padding);padding-block-start:var(--badge-size-sm-vertical-padding);padding-inline-end:var(--badge-size-sm-horizontal-padding);padding-inline-start:var(--badge-size-sm-horizontal-padding)}.badge[data-color=neutral-light]{background-color:var(--badge-light-color-background-neutral-light-fill)}.badge[data-color=neutral-dark]{background-color:var(--badge-light-color-background-neutral-dark-fill)}.badge[data-color=primary]{background-color:var(--badge-light-color-background-primary-fill)}.badge[data-color=success]{background-color:var(--badge-light-color-background-success-fill)}.badge[data-color=danger]{background-color:var(--badge-light-color-background-danger-fill)}.badge[data-color=warning]{background-color:var(--badge-light-color-background-warning-fill)}.badge[data-color=highlight]{background-color:var(--badge-light-color-background-hightlight-fill)}.badge[data-mode=dark]{color:var(--badge-dark-color-text-fill)}.badge[data-color=neutral-light][data-mode=dark]{background-color:var(--badge-dark-color-background-neutral-light-fill);color:var(--badge-dark-color-text-fill)}.badge[data-color=neutral-dark][data-mode=dark]{background-color:var(--badge-dark-color-background-neutral-dark-fill)}.badge[data-color=primary][data-mode=dark]{background-color:var(--badge-dark-color-background-primary-fill)}.badge[data-color=success][data-mode=dark]{background-color:var(--badge-dark-color-background-success-fill)}.badge[data-color=danger][data-mode=dark]{background-color:var(--badge-dark-color-background-danger-fill)}.badge[data-color=warning][data-mode=dark]{background-color:var(--badge-dark-color-background-warning-fill)}.badge[data-color=highlight][data-mode=dark]{background-color:var(--badge-dark-color-background-highlight-fill)}.action:hover{background-color:transparent!important;border-color:transparent!important}
1
+ :host,:root{--badge-bg-default:var(--color-neutral-200);--badge-bg-primary:var(--color-primary-200);--badge-bg-success:var(--color-success-200);--badge-bg-danger:var(--color-danger-200);--badge-bg-warning:var(--color-warning-200);--badge-bg-neutral-light:var(--color-neutral-200);--badge-text-color:var(--color-neutral-darkest)}.badge{align-items:center;background-color:var(--badge-bg-default);border-end-end-radius:var(--border-radius-xs);border-end-start-radius:var(--border-radius-xs);border-start-end-radius:var(--border-radius-xs);border-start-start-radius:var(--border-radius-xs);color:var(--badge-text-color);display:inline-flex;font-family:var(--font-families-default);font-size:var(--font-size-xs);font-weight:var(--font-weights-semibold);gap:var(--spacing-2xs);height:fit-content;letter-spacing:var(--letter-spacing-xs);line-height:var(--line-heights-xs);padding-block-end:var(--primitive-6);padding-block-start:var(--primitive-6);vertical-align:top;white-space:nowrap;width:fit-content}.badge,.badge[data-size=md]{padding-inline-end:var(--spacing-xs);padding-inline-start:var(--spacing-xs)}.badge[data-size=md]{font-size:var(--font-size-2xs);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs)}.badge[data-size=md],.badge[data-size=sm]{padding-block-end:var(--spacing-3xs);padding-block-start:var(--spacing-3xs)}.badge[data-size=sm]{font-size:var(--font-size-3xs);letter-spacing:var(--letter-spacing-3xs);line-height:var(--line-heights-3xs);padding-inline-end:var(--spacing-2xs);padding-inline-start:var(--spacing-2xs)}.badge[data-color=neutral-light]{background-color:var(--color-neutral-200)}.badge[data-color=neutral-dark]{background-color:var(--color-neutral-300)}.badge[data-color=primary]{background-color:var(--color-primary-200)}.badge[data-color=success]{background-color:var(--color-success-200)}.badge[data-color=danger]{background-color:var(--color-danger-200)}.badge[data-color=warning]{background-color:var(--color-warning-200)}.badge[data-color=highlight]{background-color:var(--color-highlight-200)}.badge[data-mode=dark]{color:var(--color-neutral-lightest)}.badge[data-color=neutral-light][data-mode=dark]{background-color:var(--color-neutral-800);color:var(--color-neutral-lightest)}.badge[data-color=neutral-dark][data-mode=dark]{background-color:var(--color-neutral-900)}.badge[data-color=primary][data-mode=dark]{background-color:var(--color-primary-900)}.badge[data-color=success][data-mode=dark]{background-color:var(--color-success-900)}.badge[data-color=danger][data-mode=dark]{background-color:var(--color-danger-900)}.badge[data-color=warning][data-mode=dark]{background-color:var(--color-warning-900)}.badge[data-color=highlight][data-mode=dark]{background-color:var(--color-highlight-900)}.action:hover{background-color:transparent!important;border-color:transparent!important}
@@ -0,0 +1 @@
1
+ .root{--banner-max-width:var(--layout-lg);align-items:flex-start;border:1px solid var(--color-neutral-300);border-radius:var(--primitive-6);display:flex;font-family:var(--font-families-default);font-size:var(--font-size-md);gap:var(--spacing-xs);max-width:var(--banner-max-width);padding:var(--spacing-xs) var(--spacing-xs);position:relative}.root,.root[data-status=neutral]{background-color:var(--color-neutral-200-alpha);color:var(--color-neutral-900)}.root[data-status=success]{background-color:var(--color-success-100);border-color:var(--color-neutral-300);color:var(--color-success-900)}.root[data-status=warning]{background-color:var(--color-warning-100);border-color:var(--color-neutral-300);color:var(--color-warning-900)}.root[data-status=highlight]{background-color:var(--color-highlight-100);border-color:var(--color-neutral-300);color:var(--color-highlight-900)}.root[data-status=error]{background-color:var(--color-danger-100);border-color:var(--color-neutral-300);color:var(--color-danger-900)}.title{font-size:var(--font-size-xs);font-weight:var(--font-weights-semibold);line-height:var(--line-heights-xs)}.subtitle{font-size:var(--font-size-2xs);font-weight:var(--font-weights-regular);line-height:var(--line-heights-2xs)}.root>.dismiss{padding-inline:var(--spacing-3xs);position:absolute;right:var(--spacing-xs);top:var(--spacing-xs)}
@@ -1,31 +1 @@
1
- .button{align-items:center;border-end-end-radius:var(--button-size-xl-border-radius);border-end-start-radius:var(--button-size-xl-border-radius);border-start-end-radius:var(--button-size-xl-border-radius);border-start-start-radius:var(--button-size-xl-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--font-families-default);font-weight:var(--font-weights-semibold);gap:var(--button-size-xl-spacing);white-space:nowrap}.button:not(:disabled):focus-visible{outline:var(--button-outline-primary-offset) var(--button-outline-primary-style) var(--color-primary-700);outline-offset:var(--spacing-3xs)}.button[data-background=outlined][data-variant=danger]:disabled,.button[data-background=outlined][data-variant=neutral]:disabled,.button[data-background=outlined][data-variant=primary]:disabled,.button[data-background=solid][data-variant=danger]:disabled,.button[data-background=solid][data-variant=primary]:disabled,.button[data-background=transparent][data-variant=neutral]:disabled,.button[data-background=transparent][data-variant=primary]:disabled{cursor:not-allowed;opacity:var(--button-opacity-disabled)}.button[data-background=solid][data-variant=primary]{background-color:var(--button-light-color-background-solid-primary-default);border-color:var(--button-light-color-border-solid-primary-default);border-style:var(--button-size-xl-border-style);border-width:var(--button-size-xl-border-width);box-shadow:inset 0 -2px 1px 0 hsla(0,0%,7%,.12),inset 0 1px 1px 0 hsla(0,0%,100%,.24);color:var(--button-light-color-text-solid-primary-default);transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out}.button[data-background=solid][data-variant=primary][data-mode=dark]{background-color:var(--button-dark-color-background-solid-primary-default);border-color:var(--button-dark-color-border-solid-primary-default);color:var(--button-dark-color-text-solid-primary-default)}.button[data-background=solid][data-variant=primary]:not(:disabled):hover{background-color:var(--button-light-color-background-solid-primary-hover);border-color:var(--button-light-color-border-solid-primary-hover)}.button[data-background=solid][data-variant=primary][data-mode=dark]:not(:disabled):hover{background-color:var(--button-dark-color-background-solid-primary-hover);border-color:var(--button-dark-color-border-solid-primary-hover)}.button[data-background=solid][data-variant=primary]:not(:disabled):active{box-shadow:0 0 0 6px rgba(12,87,205,.16)}.button[data-background=outlined][data-variant=primary]{background-color:var(
2
- --button-light-color-background-outlined-primary-default
3
- );border-color:var(--button-light-color-border-outlined-primary-default);border-style:var(--button-size-xl-border-style);border-width:var(--button-size-xl-border-width);color:var(--button-light-color-text-outlined-primary-default);transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out}.button[data-background=outlined][data-variant=primary][data-mode=dark]{background-color:var(
4
- --button-dark-color-background-outlined-primary-default
5
- );border-color:var(--button-dark-color-border-outlined-primary-default);color:var(--button-dark-color-text-outlined-primary-default)}.button[data-background=outlined][data-variant=primary]:not(:disabled):hover{background-color:var(--button-light-color-background-outlined-primary-hover);border-color:var(--button-light-color-border-outlined-primary-hover)}.button[data-background=outlined][data-variant=primary][data-mode=dark]:not(:disabled):hover{background-color:var(--button-dark-color-background-outlined-primary-hover);border-color:var(--button-dark-color-border-outlined-primary-hover)}.button[data-background=outlined][data-variant=primary]:not(:disabled):active{box-shadow:0 0 0 6px rgba(12,87,205,.16)}.button[data-background=transparent][data-variant=primary]{background-color:var(--button-light-color-transparent-primary-default);border-color:var(--button-light-color-border-transparent-primary-default);color:var(--button-light-color-text-transparent-primary-default);transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out}.button[data-background=transparent][data-variant=primary][data-mode=dark]{background-color:var(--button-dark-color-transparent-primary-default);border-color:var(--button-dark-color-border-transparent-primary-default);color:var(--button-dark-color-text-transparent-primary-default)}.button[data-background=transparent][data-variant=primary]:not(:disabled):hover{background-color:var(
6
- --button-light-color-background-transparent-primary-hover
7
- );border-color:var(--button-light-color-border-transparent-primary-hover)}.button[data-background=transparent][data-variant=primary][data-mode=dark]:not(:disabled):hover{background-color:var(
8
- --button-dark-color-background-transparent-primary-hover
9
- );border-color:var(--button-dark-color-border-transparent-primary-hover)}.button[data-background=transparent][data-variant=primary]:not(:disabled):active{background-color:var(
10
- --button-light-color-background-transparent-primary-active
11
- );border-color:var(--button-light-color-border-transparent-primary-active);box-shadow:none}.button[data-background=transparent][data-variant=primary][data-mode=dark]:not(:disabled):active{background-color:var(
12
- --button-dark-color-background-transparent-primary-active
13
- );box-shadow:none}.button[data-background=outlined][data-variant=neutral]{background-color:var(
14
- --button-light-color-background-outlined-neutral-default
15
- );border-color:var(--color-neutral-300);border-style:var(--button-size-xl-border-style);box-shadow:none;color:var(--button-light-color-text-outlined-neutral-default);transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out}.button[data-background=outlined][data-variant=neutral][data-mode=dark]{background-color:var(
16
- --button-dark-color-background-outlined-neutral-default
17
- );border-color:var(--button-dark-color-border-outlined-neutral-default);box-shadow:none;color:var(--button-dark-color-text-outlined-neutral-default)}.button[data-background=outlined][data-variant=neutral]:not(:disabled):hover{background-color:var(--button-light-color-background-outlined-neutral-hover)}.button[data-background=outlined][data-variant=neutral][data-mode=dark]:not(:disabled):hover{background-color:var(--button-dark-color-background-outlined-neutral-hover)}.button[data-background=outlined][data-variant=neutral]:not(:disabled):active{box-shadow:0 0 0 6px hsla(220,9%,46%,.16)}.button[data-background=transparent][data-variant=neutral]{background-color:var(
18
- --button-light-color-background-transparent-neutral-default
19
- );border-color:var(--button-light-color-border-transparent-neutral-default);border-style:var(--button-size-xl-border-style);box-shadow:none;color:var(--button-light-color-text-outlined-neutral-default);transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out}.button[data-background=transparent][data-variant=neutral][data-mode=dark]{background-color:var(
20
- --button-dark-color-background-transparent-neutral-default
21
- );border-color:var(--button-dark-color-border-transparent-neutral-default);border-style:var(--button-size-xl-border-style);color:var(--button-dark-color-text-transparent-neutral-default)}.button[data-background=transparent][data-variant=neutral]:not(:disabled):hover{background-color:var(
22
- --button-light-color-background-transparent-neutral-hover
23
- );border-color:var(--button-light-color-border-transparent-neutral-hover)}.button[data-background=transparent][data-variant=neutral][data-mode=dark]:not(:disabled):hover{background-color:var(
24
- --button-dark-color-background-transparent-neutral-hover
25
- );border-color:var(--button-dark-color-border-transparent-neutral-hover)}.button[data-background=transparent][data-variant=neutral]:not(:disabled):active{background-color:var(
26
- --button-light-color-background-transparent-neutral-active
27
- );border-color:var(--button-light-color-border-transparent-neutral-active)}.button[data-background=transparent][data-variant=neutral][data-mode=dark]:not(:disabled):active{background-color:var(
28
- --button-dark-color-background-transparent-neutral-active
29
- );border-color:var(--button-dark-color-border-transparent-neutral-active);box-shadow:none}.button[data-background=solid][data-variant=danger]{background-color:var(--button-light-color-background-solid-danger-default);border-color:var(--button-light-color-border-solid-danger-default);border-style:var(--button-size-xl-border-style);box-shadow:inset 0 -2px 1px 0 hsla(0,0%,7%,.12),inset 0 1px 1px 0 hsla(0,0%,100%,.24);color:var(--button-light-color-text-solid-danger-default);transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out}.button[data-background=solid][data-variant=danger][data-mode=dark]{border-color:var(--button-dark-color-border-solid-danger-default);box-shadow:none}.button[data-background=solid][data-variant=danger]:not(:disabled):hover{background-color:var(--button-light-color-background-solid-danger-hover);border-color:var(--button-light-color-border-solid-danger-hover)}.button[data-background=solid][data-variant=danger][data-mode=dark]:not(:disabled):hover{background-color:var(--button-dark-color-background-solid-danger-hover);border-color:var(--button-dark-color-border-solid-danger-hover);box-shadow:none}.button[data-background=solid][data-variant=danger]:not(:disabled):active,.button[data-background=solid][data-variant=danger][data-mode=dark]:not(:disabled):active{box-shadow:0 0 0 6px rgba(209,40,40,.16)}.button[data-background=outlined][data-variant=danger]{background-color:var(
30
- --button-light-color-background-outlined-danger-default
31
- );border-color:var(--button-light-color-border-outlined-danger-default);border-style:var(--button-size-xl-border-style);color:var(--button-light-color-text-outlined-danger-default);transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out}.button[data-background=outlined][data-variant=danger][data-mode=dark]{background-color:var(--button-dark-color-background-outlined-danger-default);border-color:var(--button-dark-color-border-outlined-danger-default);border-style:var(--button-size-xl-border-style);box-shadow:none;color:var(--button-dark-color-text-outlined-danger-default)}.button[data-background=outlined][data-variant=danger]:not(:disabled):hover{background-color:var(--color-danger-100)}.button[data-background=outlined][data-variant=danger][data-mode=dark]:not(:disabled):hover{background-color:var(--color-danger-1000);box-shadow:none;color:var(--color-danger-400)}.button[data-background=outlined][data-variant=danger]:not(:disabled):active,.button[data-background=outlined][data-variant=danger][data-mode=dark]:not(:disabled):active{box-shadow:0 0 0 6px rgba(209,40,40,.16)}.button[data-size=md]{font-size:var(--font-size-2xs);height:var(--button-size-md-height);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs);padding-block-end:var(--button-size-md-padding-bottom);padding-block-start:var(--button-size-md-padding-top);padding-inline-end:var(--button-size-md-padding-right);padding-inline-start:var(--button-size-md-padding-left)}.button[data-size=lg]{font-size:var(--font-size-sm);height:var(--button-size-lg-height);letter-spacing:var(--letter-spacing-sm);line-height:var(--line-heights-sm);padding-block-end:var(--button-size-lg-padding-bottom);padding-block-start:var(--button-size-lg-padding-top);padding-inline-end:var(--button-size-lg-padding-right);padding-inline-start:var(--button-size-lg-padding-left)}.button[data-size=xl]{font-size:var(--font-size-lg);height:var(--button-size-xl-height);letter-spacing:var(--letter-spacing-lg);line-height:22px;padding-block-end:var(--button-size-xl-padding-bottom);padding-block-start:var(--button-size-xl-padding-top);padding-inline-end:var(--button-size-xl-padding-right);padding-inline-start:var(--button-size-xl-padding-left)}.button[data-width=full]{justify-content:center;width:100%}.button[data-rounded=left]{border-end-end-radius:0;border-start-end-radius:0}.button[data-rounded=none],.button[data-rounded=right]{border-end-start-radius:0;border-start-start-radius:0}.button[data-rounded=none]{border-end-end-radius:0;border-start-end-radius:0}
1
+ .button{align-items:center;border-end-end-radius:var(--border-radius-sm);border-end-start-radius:var(--border-radius-sm);border-start-end-radius:var(--border-radius-sm);border-start-start-radius:var(--border-radius-sm);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--font-families-default);font-weight:var(--font-weights-semibold);gap:var(--spacing-2xs);white-space:nowrap}.button:not(:disabled):focus-visible{outline:var(--spacing-3xs) solid var(--color-primary-700);outline-offset:var(--spacing-3xs)}.button[data-background=outlined][data-variant=danger]:disabled,.button[data-background=outlined][data-variant=neutral]:disabled,.button[data-background=outlined][data-variant=primary]:disabled,.button[data-background=solid][data-variant=danger]:disabled,.button[data-background=solid][data-variant=primary]:disabled,.button[data-background=transparent][data-variant=neutral]:disabled,.button[data-background=transparent][data-variant=primary]:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.button[data-background=solid][data-variant=primary]{background-color:var(--color-primary-600);border-color:var(--color-primary-700);border-style:solid;border-width:var(--border-width-sm);box-shadow:inset 0 -2px 1px 0 hsla(0,0%,7%,.12),inset 0 1px 1px 0 hsla(0,0%,100%,.24);color:var(--color-neutral-lightest);transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out}.button[data-background=solid][data-variant=primary]:not(:disabled):hover{background-color:var(--color-primary-700);border-color:var(--color-primary-900)}.button[data-background=solid][data-variant=primary]:not(:disabled):active{box-shadow:0 0 0 6px rgba(12,87,205,.16)}.button[data-background=outlined][data-variant=primary]{background-color:var(--color-neutral-lightest);border-color:var(--color-primary-600);border-style:solid;border-width:var(--border-width-sm);color:var(--color-primary-600);transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out}.button[data-background=outlined][data-variant=primary]:not(:disabled):hover{background-color:var(--color-primary-100);border-color:var(--color-primary-600)}.button[data-background=outlined][data-variant=primary]:not(:disabled):active{box-shadow:0 0 0 6px rgba(12,87,205,.16)}.button[data-background=transparent][data-variant=primary]{background-color:transparent;border-color:transparent;color:var(--color-primary-600);transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out}.button[data-background=transparent][data-variant=primary]:not(:disabled):hover{background-color:var(--color-neutral-200-alpha);border-color:var(--color-neutral-200-alpha)}.button[data-background=transparent][data-variant=primary]:not(:disabled):active{background-color:var(--color-neutral-300-alpha);border-color:var(--color-neutral-300-alpha);box-shadow:none}.button[data-background=outlined][data-variant=neutral]{--gds-button-border-width-inline-start:var(--border-width-sm);background-color:var(--color-neutral-lightest);border-color:var(--color-neutral-500);border-width:var(--border-width-sm);border-inline-start-width:var(--gds-button-border-width-inline-start);border-style:solid;box-shadow:none;color:var(--color-neutral-darkest);transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out}.button[data-background=outlined][data-variant=neutral]:not(:disabled):hover{background-color:var(--color-neutral-200-alpha)}.button[data-background=outlined][data-variant=neutral]:not(:disabled):active{box-shadow:0 0 0 6px hsla(220,9%,46%,.16)}.button[data-background=transparent][data-variant=neutral]{background-color:transparent;border-color:transparent;border-style:solid;box-shadow:none;color:var(--color-neutral-darkest);transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out}.button[data-background=transparent][data-variant=neutral]:not(:disabled):hover{background-color:var(--color-neutral-200-alpha);border-color:transparent}.button[data-background=transparent][data-variant=neutral]:not(:disabled):active{background-color:var(--color-neutral-300-alpha);border-color:transparent}.button[data-background=solid][data-variant=danger]{background-color:var(--color-danger-600);border-color:var(--color-danger-600);border-style:solid;border-width:var(--border-width-sm);box-shadow:inset 0 -2px 1px 0 hsla(0,0%,7%,.12),inset 0 1px 1px 0 hsla(0,0%,100%,.24);color:var(--color-neutral-lightest);transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out}.button[data-background=solid][data-variant=danger]:not(:disabled):hover{background-color:var(--color-danger-700);border-color:var(--color-danger-700)}.button[data-background=solid][data-variant=danger]:not(:disabled):active{box-shadow:0 0 0 6px rgba(209,40,40,.16)}.button[data-background=outlined][data-variant=danger]{background-color:var(--color-neutral-lightest);border-color:var(--color-danger-600);border-style:solid;border-width:var(--border-width-sm);color:var(--color-danger-600);transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out}.button[data-background=outlined][data-variant=danger]:not(:disabled):hover{background-color:var(--color-danger-100)}.button[data-background=outlined][data-variant=danger]:not(:disabled):active{box-shadow:0 0 0 6px rgba(209,40,40,.16)}.button[data-size=md]{font-size:var(--font-size-2xs);height:var(--spacing-xl);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs);padding-block-end:var(--spacing-3xs);padding-block-start:var(--spacing-3xs);padding-inline-end:var(--spacing-xs);padding-inline-start:var(--spacing-xs)}.button[data-size=lg]{font-size:var(--font-size-sm);height:var(--spacing-2xl);letter-spacing:var(--letter-spacing-sm);line-height:var(--line-heights-sm);padding-block-end:var(--primitive-6);padding-block-start:var(--primitive-6);padding-inline-end:var(--spacing-sm);padding-inline-start:var(--spacing-sm)}.button[data-size=xl]{font-size:var(--font-size-lg);height:var(--spacing-3xl);letter-spacing:var(--letter-spacing-lg);line-height:22px;padding-block-end:var(--spacing-sm);padding-block-start:var(--spacing-sm);padding-inline-end:var(--spacing-md);padding-inline-start:var(--spacing-md)}.button[data-width=full]{justify-content:center;width:100%}.button[data-rounded=left]{border-end-end-radius:0;border-start-end-radius:0}.button[data-rounded=none],.button[data-rounded=right]{border-end-start-radius:0;border-start-start-radius:0}.button[data-rounded=none]{border-end-end-radius:0;border-start-end-radius:0}.button[data-mode=dark][data-background=solid][data-variant=primary]{background-color:var(--color-primary-600);border-color:var(--color-primary-600);box-shadow:none;color:var(--color-neutral-lightest)}.button[data-mode=dark][data-background=solid][data-variant=primary]:not(:disabled):hover{background-color:var(--color-primary-700);border-color:var(--color-primary-700)}.button[data-mode=dark][data-background=solid][data-variant=primary]:not(:disabled):active{box-shadow:0 0 0 6px rgba(12,87,205,.16)}.button[data-mode=dark][data-background=outlined][data-variant=primary]{background-color:var(--color-neutral-darkest);border-color:var(--color-primary-400);color:var(--color-primary-400)}.button[data-mode=dark][data-background=outlined][data-variant=primary]:not(:disabled):hover{background-color:var(--color-primary-1000);border-color:var(--color-primary-400)}.button[data-mode=dark][data-background=outlined][data-variant=primary]:not(:disabled):active{box-shadow:0 0 0 6px rgba(12,87,205,.16)}.button[data-mode=dark][data-background=transparent][data-variant=primary]{background-color:transparent;border-color:transparent;color:var(--color-primary-400)}.button[data-mode=dark][data-background=transparent][data-variant=primary]:not(:disabled):hover{background-color:var(--color-neutral-900);border-color:var(--color-neutral-900)}.button[data-mode=dark][data-background=transparent][data-variant=primary]:not(:disabled):active{background-color:var(--color-neutral-800);border-color:var(--color-neutral-800);box-shadow:none}.button[data-mode=dark][data-background=outlined][data-variant=neutral]{background-color:var(--color-neutral-darkest);border-color:var(--color-neutral-600);box-shadow:none;color:var(--color-neutral-lightest)}.button[data-mode=dark][data-background=outlined][data-variant=neutral]:not(:disabled):hover{background-color:var(--color-neutral-900)}.button[data-mode=dark][data-background=outlined][data-variant=neutral]:not(:disabled):active{box-shadow:0 0 0 6px hsla(220,9%,46%,.16)}.button[data-mode=dark][data-background=transparent][data-variant=neutral]{background-color:transparent;border-color:transparent;box-shadow:none;color:var(--color-neutral-lightest)}.button[data-mode=dark][data-background=transparent][data-variant=neutral]:not(:disabled):hover{background-color:var(--color-neutral-900);border-color:var(--color-neutral-900)}.button[data-mode=dark][data-background=transparent][data-variant=neutral]:not(:disabled):active{background-color:var(--color-neutral-800);border-color:var(--color-neutral-800);box-shadow:none}.button[data-mode=dark][data-background=solid][data-variant=danger]{border-color:var(--color-danger-600);box-shadow:none}.button[data-mode=dark][data-background=solid][data-variant=danger]:not(:disabled):hover{background-color:var(--color-danger-700);border-color:var(--color-danger-700);box-shadow:none}.button[data-mode=dark][data-background=solid][data-variant=danger]:not(:disabled):active{box-shadow:0 0 0 6px rgba(209,40,40,.16)}.button[data-mode=dark][data-background=outlined][data-variant=danger]{background-color:var(--color-neutral-darkest);border-color:var(--color-danger-400);box-shadow:none;color:var(--color-danger-400)}.button[data-mode=dark][data-background=outlined][data-variant=danger]:not(:disabled):hover{background-color:var(--color-danger-1000);box-shadow:none;color:var(--color-danger-400)}.button[data-mode=dark][data-background=outlined][data-variant=danger]:not(:disabled):active{box-shadow:0 0 0 6px rgba(209,40,40,.16)}
@@ -1 +1 @@
1
- .card{background-color:var(--card-light-color-background-primary-default);border:var(--card-size-sm-border-width) solid var(--card-light-color-border-primary-default);border-radius:var(--card-size-sm-border-radius);padding:var(--card-size-sm-padding);width:100%}.card[data-size=md]{padding:var(--card-size-md-padding)}.card[data-size=lg]{padding:var(--card-size-lg-padding)}.card[data-mode=dark]{background-color:var(--card-dark-color-background-primary-default);border:var(--card-size-sm-border-width) solid var(--card-dark-color-border-primary-default)}
1
+ .card{background-color:var(--color-neutral-lightest);border:var(--border-width-sm) solid var(--color-neutral-300);border-radius:var(--border-radius-md);padding:var(--spacing-md);width:100%}.card[data-size=md]{padding:var(--spacing-xl)}.card[data-size=lg]{padding:var(--spacing-3xl)}.card[data-mode=dark]{background-color:var(--color-neutral-darkest);border:var(--border-width-sm) solid var(--color-neutral-800)}
@@ -1,7 +1 @@
1
- .checkbox,.indicator{display:flex}.checkbox{appearance:none;background-color:var(--checkbox-light-color-background-primary-default);border:var(--checkbox-size-md-border-width) solid var(--checkbox-light-color-border-primary-default);border-radius:var(--checkbox-size-md-border-radius);box-sizing:border-box;height:var(--checkbox-size-md-height);justify-content:center;min-width:var(--checkbox-size-md-width);position:relative;transition:background-color var(--checkbox-transition-speed) ease;width:var(--checkbox-size-md-width)}.checkbox:not([data-disabled]):hover:not([data-state=checked]):not(:indeterminate):before{background-color:var(--checkbox-light-color-background-primary-hover);content:"";height:var(--checkbox-size-md-background-size);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .25s ease;width:var(--checkbox-size-md-background-size)}.checkbox[data-state=checked]{background-color:var(--checkbox-light-color-background-primary-active);border-color:var(--checkbox-light-color-border-primary-active)}.checkbox:focus-visible{outline:var(--checkbox-outline-primary-width) var(--checkbox-outline-primary-style) var(--checkbox-outline-primary-fill);outline-offset:var(--checkbox-outline-primary-offset)}.checkbox[data-disabled],.checkbox[data-error=true][data-disabled],.checkbox[data-mode=dark][data-disabled]{cursor:not-allowed;opacity:var(--checkbox-opacity-disabled)}.checkbox[data-error=true]{background-color:var(--checkbox-light-color-background-danger-default)}.checkbox[data-error=true]:not([data-disabled]):not([data-state=checked]):hover{background-color:var(--checkbox-light-color-background-danger-hover)}.checkbox:indeterminate{background-color:var(
2
- --checkbox-light-color-background-indeterminate-default
3
- )}.checkbox[data-size=sm]{border-radius:var(--checkbox-size-sm-border-radius,initial);height:var(--checkbox-size-sm-height);min-width:var(--checkbox-size-sm-width);width:var(--checkbox-size-sm-width)}.checkbox[data-size=sm]:not([data-disabled]):hover:not([data-state=checked]):not(:indeterminate):before{height:var(--checkbox-size-sm-background-size);width:var(--checkbox-size-sm-background-size)}.checkbox[data-mode=dark]{background-color:var(--checkbox-dark-color-background-primary-default)}.checkbox[data-mode=dark][data-state=checked]{background-color:var(--checkbox-dark-color-background-primary-active);border-color:var(--checkbox-dark-color-background-primary-active)}.checkbox[data-error=true][data-mode=dark]{background-color:var(--checkbox-dark-color-background-danger-default)}.checkbox[data-mode=dark]:focus-visible{outline-color:var(var(--checkbox-dark-color-outline-primary-fill))}.checkbox[data-mode=dark]:not([data-disabled]):hover:not([data-state=checked]):not(:indeterminate):before{background-color:var(--checkbox-dark-color-background-primary-hover)}.checkbox[data-error=true][data-mode=dark][data-state=checked],.checkbox[data-error=true][data-mode=dark][data-state=checked]:hover{background-color:var(--checkbox-dark-color-background-danger-active)}.checkbox[data-error=true][data-mode=dark]:not([data-disabled]):not([data-state=checked]):hover{background-color:var(--checkbox-dark-color-background-danger-hover)}.tile{align-items:center;background-color:var(--checkbox-tile-light-color-background-primary-default);border:var(--checkbox-tile-size-md-border-width) solid var(--checkbox-tile-light-color-border-primary-default);border-radius:var(--checkbox-tile-size-md-border-radius);box-sizing:border-box;display:flex;padding-block:var(--checkbox-tile-size-md-padding-block);padding-inline:var(--checkbox-tile-size-md-padding-inline)}.tile[data-altbackground=true]{background-color:var(
4
- --checkbox-tile-light-color-background-altbackground-default
5
- );border-color:var(--checkbox-tile-light-color-border-altbackground-default)}.tile:has(.root[data-state=checked]){background-color:var(--checkbox-tile-light-color-background-primary-active)}.tile[data-state=checked]{background-color:var(--checkbox-tile-light-color-background-primary-active);border-color:var(--checkbox-tile-light-color-border-primary-active)}.tile:not([data-state=checked]):hover{background-color:var(--checkbox-tile-light-color-background-primary-hover);border-color:var(--checkbox-tile-light-color-border-primary-hover)}.tile[data-mode=dark]{background-color:var(--checkbox-tile-dark-color-background-primary-default);border-color:var(--checkbox-tile-dark-color-border-primary-default)}.tile[data-altbackground=checked][data-mode=dark]{background-color:var(
6
- --checkbox-tile-dark-color-background-altbackground-default
7
- )}.tile[data-mode=dark]:has(.root[data-state=checked]){background-color:var(--checkbox-tile-dark-color-background-primary-active)}.tile[data-mode=dark]:hover{background-color:var(--checkbox-tile-dark-color-background-primary-hover);border-color:var(--checkbox-tile-dark-color-border-primary-hover)}.tile[data-mode=dark][data-state=checked]{border-color:var(--checkbox-tile-dark-color-border-primary-active)}.tile[data-mode=dark][data-state=checked],.tile[data-mode=dark][data-state=checked]:hover{background-color:var(--checkbox-tile-dark-color-background-primary-active)}
1
+ :root{color-scheme:light}.checkbox,.indicator{display:flex}.checkbox{--checkbox-transition-speed:0.2s;appearance:none;background-color:var(--color-neutral-lightest);border:var(--border-width-sm) solid var(--color-neutral-800);border-radius:var(--spacing-2xs);box-sizing:border-box;cursor:pointer;height:var(--spacing-lg);justify-content:center;min-width:var(--spacing-lg);position:relative;transition:background-color var(--checkbox-transition-speed,.2s) ease;width:var(--spacing-lg)}.checkbox:not([data-disabled]):hover:not([data-state=checked]):not(:indeterminate):before{background-color:var(--color-neutral-400);content:"";height:var(--spacing-xs);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .25s ease;width:var(--spacing-xs)}.checkbox[data-state=checked]{background-color:var(--color-primary-600);border-color:var(--color-primary-900)}.checkbox:focus-visible{outline:var(--border-width-lg) solid var(--color-primary-700);outline-offset:var(--spacing-3xs)}.checkbox[data-disabled],.checkbox[data-error=true][data-disabled]{cursor:not-allowed;opacity:var(--opacity-disabled)}.checkbox[data-error=true]{background-color:var(--color-danger-600)}.checkbox[data-error=true]:not([data-disabled]):not([data-state=checked]):hover{background-color:var(--color-neutral-lightest)}.checkbox:indeterminate{background-color:var(--color-primary-600)}.checkbox[data-size=sm]{border-radius:var(--border-radius-2xs);height:var(--spacing-md);min-width:var(--spacing-md);width:var(--spacing-md)}.checkbox[data-size=sm]:not([data-disabled]):hover:not([data-state=checked]):not(:indeterminate):before{height:var(--spacing-xs);width:var(--spacing-xs)}.tile{align-items:center;background-color:var(--color-neutral-lightest);border:var(--border-width-sm) solid var(--color-neutral-300);border-radius:var(--primitive-6);box-sizing:border-box;display:flex;min-height:var(--spacing-3xl);padding-block:var(--spacing-sm);padding-inline:var(--spacing-md)}.tile[data-altbackground=true]{background-color:var(--color-neutral-400);border-color:var(--color-neutral-400)}.tile:has(.root[data-state=checked]){background-color:var(--color-primary-200-alpha)}.tile[data-state=checked]{background-color:var(--color-primary-200-alpha);border-color:var(--color-primary-600)}.tile[data-state=checked][data-error=true]{background-color:var(--color-danger-200);border-color:var(--color-danger-600)}.tile:not([data-state=checked]):hover{background-color:var(--color-neutral-400);border-color:var(--color-neutral-500,#818791)}.checkbox[data-mode=dark]{background-color:var(--color-neutral-darkest);border-color:var(--color-neutral-800)}.checkbox[data-mode=dark]:not([data-disabled]):hover:not([data-state=checked]):not(:indeterminate):before{background-color:var(--color-neutral-700)}.checkbox[data-mode=dark][data-state=checked]{background-color:var(--color-primary-500);border-color:var(--color-primary-500)}.checkbox[data-mode=dark]:focus-visible{outline-color:var(--color-primary-700)}.checkbox[data-mode=dark][data-error=true]{background-color:var(--color-danger-500)}.checkbox[data-mode=dark][data-error=true]:not([data-disabled]):not([data-state=checked]):hover{background-color:var(--color-danger-900)}.checkbox[data-mode=dark][data-error=true][data-state=checked],.checkbox[data-mode=dark][data-error=true][data-state=checked]:hover{background-color:var(--color-danger-500)}.tile[data-mode=dark]{background-color:var(--color-neutral-darkest);border-color:var(--color-neutral-900)}.tile[data-altbackground=true][data-mode=dark]{background-color:var(--color-neutral-700)}.tile[data-mode=dark]:has(.root[data-state=checked]){background-color:var(--color-primary-900)}.tile[data-mode=dark]:hover{background-color:var(--color-neutral-700);border-color:var(--color-neutral-800)}.tile[data-mode=dark][data-state=checked]{background-color:var(--color-primary-900);border-color:var(--color-primary-400)}.tile[data-mode=dark][data-state=checked][data-error=true]{background-color:var(--color-danger-900);border-color:var(--color-danger-400)}
@@ -1,21 +1 @@
1
- .overlay{background-color:var(
2
- --dialog-light-elements-overlay-color-background-primary-default
3
- );inset:0;position:fixed}.overlay[data-mode=dark]{background-color:var(
4
- --dialog-dark-elements-overlay-color-background-primary-default
5
- );inset:0;position:fixed}.content{animation:var(--dialog-content-animation);background-color:var(
6
- --dialog-light-elements-content-color-background-primary-default
7
- );border-radius:var(--dialog-elements-content-size-compact-border-radius);box-shadow:var(--dialog-elements-content-size-compact-box-shadow);left:50%;padding-block:var(--dialog-elements-content-size-compact-padding-block);padding-inline:var(--dialog-elements-content-size-compact-padding-inline);position:fixed;top:50%;transform:translate(-50%,-50%);width:var(--dialog-elements-content-size-compact-width)}.content:focus{outline:none}.content[data-size=spacious]{width:var(--dialog-elements-content-size-spacious-width)}.content[data-mode=dark]{background-color:var(
8
- --dialog-dark-elements-content-color-background-primary-default
9
- )}.title{color:var(--dialog-light-elements-title-color-text-primary-default);font-family:var(--font-families-default);font-size:var(--font-size-xl);font-weight:var(--font-weights-bold);letter-spacing:var(--letter-spacing-xl);line-height:var(--line-heights-xl);margin:var(--dialog-elements-title-margin);margin-block-start:var(--dialog-elements-title-margin-block-start);text-align:var(--dialog-elements-title-text-align)}.title[data-mode=dark]{color:var(--dialog-dark-elements-title-color-text-primary-default)}.description{color:var(--dialog-light-elements-description-color-text-primary-default);font-family:var(--font-families-default);font-size:var(--font-size-2xs);font-weight:var(--font-weights-regular);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs);margin:var(--dialog-elements-description-margin);margin-block-start:var(--dialog-elements-description-margin-block-start);text-align:var(--dialog-elements-description-text-align)}.description[data-mode=dark]{color:var(--dialog-dark-elements-description-color-text-primary-default)}.icon{background-color:var(
10
- --dialog-light-elements-icon-color-background-generic-default
11
- );border-radius:var(--dialog-elements-icon-size-default-border-radius);display:flex;justify-content:center;margin:0 auto;padding:var(--dialog-elements-icon-size-default-padding);width:min-content}.icon[data-type=destructive],.icon[data-type=error]{background-color:var(
12
- --dialog-light-elements-icon-color-background-destructive-default
13
- )}.icon[data-type=success]{background-color:var(
14
- --dialog-light-elements-icon-color-background-success-default
15
- )}.icon[data-mode=dark][data-type=loading],.icon[data-type=loading]{background-color:var(
16
- --dialog-light-elements-icon-color-background-loading-default
17
- )}.icon[data-mode=dark]{background-color:var(--color-neutral-900)}.icon[data-mode=dark][data-type=destructive],.icon[data-mode=dark][data-type=error]{background-color:var(
18
- --dialog-dark-elements-icon-color-background-destructive-default
19
- )}.icon[data-mode=dark][data-type=success]{background-color:var(
20
- --dialog-dark-elements-icon-color-background-success-default
21
- )}
1
+ .overlay,.overlay[data-mode=dark]{background-color:rgba(0,0,0,.5);inset:0;position:fixed}.content{background-color:var(--color-neutral-lightest);border-radius:var(--primitive-6);box-shadow:var(--shadow-md);left:50%;padding-block:var(--spacing-xl);padding-inline:var(--spacing-lg);position:fixed;top:50%;transform:translate(-50%,-50%);width:var(--layout-2xs)}.content:focus{outline:none}.content[data-size=spacious]{width:var(--layout-sm)}.content[data-mode=dark]{background-color:var(--color-neutral-darkest)}.title{color:var(--color-neutral-darkest);font-family:var(--font-families-default);font-size:var(--font-size-xl);font-weight:var(--font-weights-bold);letter-spacing:var(--letter-spacing-xl);line-height:var(--line-heights-xl);margin:var(--spacing-4xs);margin-block-start:var(--spacing-sm);text-align:var(center)}.title[data-mode=dark]{color:var(--color-neutral-lightest)}.description{color:var(--color-neutral-400);font-family:var(--font-families-default);font-size:var(--font-size-2xs);font-weight:var(--font-weights-regular);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs);margin:var(--spacing-4xs);margin-block-start:var(--spacing-sm);text-align:var(--center)}.description[data-mode=dark]{color:var(--color-neutral-lightest)}.icon{background-color:var(--color-neutral-200);border-radius:var(--primitive-6);display:flex;justify-content:center;margin:0 auto;padding:var(--spacing-2xs);width:min-content}.icon[data-type=destructive],.icon[data-type=error]{background-color:var(--color-danger-100)}.icon[data-type=success]{background-color:var(--color-success-100)}.icon[data-mode=dark][data-type=loading],.icon[data-type=loading]{background-color:transparent}.icon[data-mode=dark]{background-color:var(--color-neutral-900)}.icon[data-mode=dark][data-type=destructive],.icon[data-mode=dark][data-type=error]{background-color:var(--color-danger-900)}.icon[data-mode=dark][data-type=success]{background-color:var(--color-success-900)}
@@ -0,0 +1 @@
1
+ .root{background-color:var(--color-neutral-300)}.root[data-mode=dark]{background-color:var(--color-neutral-800)}.root[data-orientation=horizontal]{height:var(--border-width-sm);width:100%}.root[data-orientation=vertical]{background-color:var(--color-neutral-300);width:var(--border-width-sm)}.root[data-orientation=vertical][data-mode=dark]{background-color:var(--color-neutral-800)}
@@ -0,0 +1 @@
1
+ .root{align-items:center;color:var(--color-neutral-darkest);display:flex;flex-direction:column;font-family:var(--font-families-default);gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-md);width:var(--layout-2xs)}.root[data-size=md]{padding:var(--spacing-md);width:var(--layout-sm)}.root[data-size=md] .title{font-size:var(--font-size-xl);letter-spacing:var(--letter-spacing-xl);line-height:var(--line-heights-xl)}.root[data-size=md] .description{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-xs);line-height:var(--line-heights-xs)}.root[data-size=lg]{padding:var(--spacing-md);width:var(--layout-sm)}.root[data-size=lg] .title{font-size:var(--font-size-2xl);letter-spacing:var(--letter-spacing-2xl);line-height:var(--line-heights-2xl)}.root[data-size=lg] .description{font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);line-height:var(--line-heights-md)}.content{gap:var(--spacing-2xs);text-align:center}.icon{background-color:var(--color-neutral-200);border-radius:var(--primitive-6);display:flex;justify-content:center;margin:0 auto;padding:var(--spacing-2xs);width:min-content}.icon[data-type=destructive],.icon[data-type=error]{background-color:var(--color-danger-100)}.icon[data-type=success]{background-color:var(--color-success-100)}.icon[data-mode=dark][data-type=loading],.icon[data-type=loading]{background-color:transparent}.icon[data-mode=dark]{background-color:var(--color-neutral-900)}.icon[data-mode=dark][data-type=destructive],.icon[data-mode=dark][data-type=error]{background-color:var(--color-danger-900)}.icon[data-mode=dark][data-type=success]{background-color:var(--color-success-900)}.title{font-size:var(--font-size-md);font-weight:var(--font-weights-bold);letter-spacing:var(--letter-spacing-md);line-height:var(--line-heights-md)}.description{color:var(--color-neutral-700);font-size:var(--font-size-2xs);font-weight:var(--font-weights-regular);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs)}
@@ -1 +1 @@
1
- .message{color:var(--field-message-light-color-text-primary-default);display:block;font-family:var(--font-families-default);font-size:var(--font-size-2xs);font-weight:var(--font-weights-regular);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs)}.message[data-size=sm]{font-size:var(--font-size-3xs);letter-spacing:var(--letter-spacing-3xs);line-height:var(--line-heights-3xs)}.message[data-error=true]{color:var(--field-message-light-color-text-danger-default)}.message[aria-disabled=true]{opacity:var(--field-message-opacity-disabled)}.message[data-error=true][data-mode=dark],.message[data-mode=dark]{color:var(--field-message-dark-color-text-danger-default)}
1
+ .message{color:var(--color-neutral-700);display:block;font-family:var(--font-families-default);font-size:var(--font-size-2xs);font-weight:var(--font-weights-regular);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs)}.message[data-size=sm]{font-size:var(--font-size-3xs);letter-spacing:var(--letter-spacing-3xs);line-height:var(--line-heights-3xs)}.message[data-error=true]{color:var(--color-danger-700)}.message[aria-disabled=true]{opacity:var(--opacity-disabled)}.message[data-mode=dark]{color:var(--color-neutral-400)}.message[data-error=true][data-mode=dark]{color:var(--color-danger-400)}
@@ -1 +1 @@
1
- .label{align-items:center;box-sizing:border-box;color:var(--form-label-light-color-text-primary-default);display:inline-flex;font-family:var(--font-families-default);font-size:var(--font-size-lg);font-weight:var(--font-weights-semibold);gap:var(--form-label-size-md-gap);letter-spacing:var(--letter-spacing-lg);line-height:var(--line-heights-lg)}.label[data-size=sm]{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-xs);line-height:var(--line-heights-xs)}.label[data-mode=dark]{color:var(--form-label-dark-color-text-primary-default)}.label:is([aria-required=true]):after{background-color:var(--form-label-elements-indicator-background);border-radius:var(--form-label-elements-indicator-border-radius);content:"";height:var(--form-label-elements-indicator-height);width:var(--form-label-elements-indicator-width)}
1
+ .label{align-items:center;box-sizing:border-box;color:var(--color-neutral-darkest);display:inline-flex;font-family:var(--font-families-default);font-size:var(--font-size-lg);font-weight:var(--font-weights-semibold);gap:var(--spacing-2xs);letter-spacing:var(--letter-spacing-lg);line-height:var(--line-heights-lg)}.label[data-size=sm]{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-xs);line-height:var(--line-heights-xs)}.label[data-mode=dark]{color:var(--color-neutral-lightest)}.label:is([aria-required=true]):after{background-color:var(--color-warning-600);border-radius:var(--primitive-6);content:"";height:var(--spacing-xs);width:var(--spacing-xs)}
@@ -1 +1 @@
1
- :host,:root{--primitive-0:0rem;--primitive-1:0.0625rem;--primitive-2:0.125rem;--primitive-4:0.25rem;--primitive-6:0.375rem;--primitive-8:0.5rem;--primitive-10:0.625rem;--primitive-11:0.6875rem;--primitive-12:0.75rem;--primitive-13:0.8125rem;--primitive-14:0.875rem;--primitive-15:0.9375rem;--primitive-16:1rem;--primitive-17:1.0625rem;--primitive-18:1.125rem;--primitive-20:1.25rem;--primitive-24:1.5rem;--primitive-28:1.75rem;--primitive-32:2rem;--primitive-36:2.25rem;--primitive-40:2.5rem;--primitive-44:2.75rem;--primitive-48:3rem;--primitive-52:3.25rem;--primitive-56:3.5rem;--primitive-60:3.75rem;--primitive-64:4rem;--primitive-72:4.5rem;--primitive-80:5rem;--primitive-128:8rem;--primitive-160:10rem;--primitive-192:12rem;--primitive-224:14rem;--primitive-256:16rem;--primitive-320:20rem;--primitive-384:24rem;--primitive-448:28rem;--primitive-512:32rem;--primitive-640:40rem;--primitive-768:48rem;--primitive-1024:64rem;--primitive-1280:80rem;--primitive-1600:100rem;--primitive-1920:120rem;--primitive-gray-100:#f7f7f7;--primitive-gray-200:#edeeef;--primitive-gray-300:#d5d7db;--primitive-gray-400:#b7bcc3;--primitive-gray-500:#8d949f;--primitive-gray-600:#6b7280;--primitive-gray-700:#4f5562;--primitive-gray-800:#343944;--primitive-gray-900:#242831;--primitive-gray-1000:#191b22;--primitive-gray-black:#121212;--primitive-gray-white:#fff;--primitive-blue-100:#f0f7ff;--primitive-blue-200:#d9eafe;--primitive-blue-300:#abcffd;--primitive-blue-400:#66a8fd;--primitive-blue-500:#3a89fd;--primitive-blue-600:#0c57cd;--primitive-blue-700:#063b99;--primitive-blue-800:#052b74;--primitive-blue-900:#041c4f;--primitive-blue-1000:#03122f;--primitive-red-100:#feecec;--primitive-red-200:#fedcdc;--primitive-red-300:#feada9;--primitive-red-400:#fc817c;--primitive-red-500:#f4534f;--primitive-red-600:#d12828;--primitive-red-700:#ab1a1d;--primitive-red-800:#7e130e;--primitive-red-900:#5c0b09;--primitive-red-1000:#3b0807;--primitive-green-100:#e2fdee;--primitive-green-200:#c0f6dc;--primitive-green-300:#71e0b0;--primitive-green-400:#29c68c;--primitive-green-500:#1aad74;--primitive-green-600:#088556;--primitive-green-700:#086945;--primitive-green-800:#0a4e35;--primitive-green-900:#063724;--primitive-green-1000:#052618;--primitive-orange-100:#fff3e0;--primitive-orange-200:#ffe4c2;--primitive-orange-300:#fec880;--primitive-orange-400:#fba94b;--primitive-orange-500:#f39129;--primitive-orange-600:#d26e16;--primitive-orange-700:#a2520c;--primitive-orange-800:#753c08;--primitive-orange-900:#553008;--primitive-orange-1000:#3c2109;--primitive-yellow-100:#fdf8cf;--primitive-yellow-200:#fdeeaf;--primitive-yellow-300:#fbd974;--primitive-yellow-400:#f1bc0f;--primitive-yellow-500:#dda100;--primitive-yellow-600:#c08700;--primitive-yellow-700:#976800;--primitive-yellow-800:#785200;--primitive-yellow-900:#563e00;--primitive-yellow-1000:#3c2e00;--primitive-purple-100:#f7f5ff;--primitive-purple-200:#e9e5fd;--primitive-purple-300:#d1c9fc;--primitive-purple-400:#baa8f7;--primitive-purple-500:#a485ed;--primitive-purple-600:#7c4ccd;--primitive-purple-700:#562c9e;--primitive-purple-800:#3b2270;--primitive-purple-900:#291753;--primitive-purple-1000:#150c32;--primitive-magenta-100:#ffecf8;--primitive-magenta-200:#fcc8e9;--primitive-magenta-300:#f59cd2;--primitive-magenta-400:#e97dbe;--primitive-magenta-500:#d45da6;--primitive-magenta-600:#a64480;--primitive-magenta-700:#7d3261;--primitive-magenta-800:#582544;--primitive-magenta-900:#3f1d31;--primitive-magenta-1000:#2b1323;--primitive-teal-100:#d5feff;--primitive-teal-200:#93fbfa;--primitive-teal-300:#53e6e4;--primitive-teal-400:#32c6c6;--primitive-teal-500:#309d9f;--primitive-teal-600:#247678;--primitive-teal-700:#1c4e4f;--primitive-teal-800:#133636;--primitive-teal-900:#0d2727;--primitive-teal-1000:#061615;--spacing-4xs:0rem;--spacing-3xs:0.125rem;--spacing-2xs:0.25rem;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.25rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--border-radius-none:0rem;--border-radius-2xs:0.125rem;--border-radius-xs:0.25rem;--border-radius-sm:0.375rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--line-heights-3xs:1rem;--line-heights-2xs:1.25rem;--line-heights-xs:1.25rem;--line-heights-sm:1.25rem;--line-heights-md:1.5rem;--line-heights-lg:1.5rem;--line-heights-xl:1.75rem;--line-heights-2xl:2.25rem;--line-heights-3xl:2.25rem;--line-heights-4xl:3rem;--line-heights-5xl:3.75rem;--line-heights-6xl:5rem;--font-size-3xs:0.75rem;--font-size-2xs:0.8125rem;--font-size-xs:0.875rem;--font-size-sm:0.9375rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.75rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:4.5rem;--layout-4xs:12rem;--layout-3xs:14rem;--layout-2xs:16rem;--layout-xs:20rem;--layout-sm:24rem;--layout-md:32rem;--layout-lg:48rem;--layout-xl:64rem;--layout-2xl:80rem;--layout-3xl:100rem;--layout-4xl:120rem;--border-width-none:0rem;--border-width-sm:0.0625rem;--border-width-md:0.125rem;--border-width-lg:0.25rem;--font-families-default:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-families-mono:"Fira Code",monospace;--font-weights-regular:480;--font-weights-semibold:600;--font-weights-bold:720;--letter-spacing-3xs:-0.005em;--letter-spacing-2xs:-0.005em;--letter-spacing-xs:-0.005em;--letter-spacing-sm:-0.01em;--letter-spacing-md:-0.01em;--letter-spacing-lg:-0.01em;--letter-spacing-xl:-0.01em;--letter-spacing-2xl:-0.015em;--letter-spacing-3xl:-0.0175em;--letter-spacing-4xl:-0.0175em;--letter-spacing-5xl:-0.0175em;--letter-spacing-6xl:-0.025em;--paragraph-spacing-0:0;--text-case-none:none;--text-decoration-none:none;--paragraph-indent-0:0px;--color-neutral-100:#f7f7f7;--color-neutral-200:#edeeef;--color-neutral-300:#d5d7db;--color-neutral-400:#b7bcc3;--color-neutral-500:#8d949f;--color-neutral-600:#6b7280;--color-neutral-700:#4f5562;--color-neutral-800:#343944;--color-neutral-900:#242831;--color-neutral-1000:#191b22;--color-neutral-darkest:#121212;--color-neutral-lightest:#fff;--color-neutral-alpha-100:rgba(56,56,56,.04);--color-neutral-alpha-200:rgba(31,44,56,.08);--color-neutral-alpha-300:rgba(8,20,43,.17);--color-neutral-alpha-400:rgba(7,25,49,.29);--color-neutral-alpha-500:rgba(2,17,44,.45);--color-neutral-alpha-600:rgba(4,17,42,.59);--color-neutral-alpha-700:rgba(4,12,32,.7);--color-neutral-alpha-800:rgba(1,7,19,.8);--color-neutral-alpha-900:rgba(0,5,15,.86);--color-neutral-alpha-1000:rgba(2,4,13,.91);--color-primary-100:#f0f7ff;--color-primary-200:#d9eafe;--color-primary-300:#abcffd;--color-primary-400:#66a8fd;--color-primary-500:#3a89fd;--color-primary-600:#0c57cd;--color-primary-700:#063b99;--color-primary-800:#052b74;--color-primary-900:#041c4f;--color-primary-1000:#03122f;--color-primary-alpha-100:rgba(5,122,255,.06);--color-primary-alpha-200:rgba(2,117,247,.15);--color-primary-alpha-300:rgba(0,112,250,.33);--color-primary-alpha-400:rgba(0,108,250,.6);--color-primary-alpha-500:rgba(3,103,252,.78);--color-primary-alpha-600:rgba(2,79,202,.96);--color-primary-alpha-700:rgba(1,56,152,.98);--color-primary-alpha-800:rgba(2,42,116,.99);--color-primary-alpha-900:rgba(1,26,75,.99);--color-primary-alpha-1000:rgba(0,16,46,.99);--color-danger-100:#feecec;--color-danger-200:#fedcdc;--color-danger-300:#feada9;--color-danger-400:#fc817c;--color-danger-500:#f4534f;--color-danger-600:#d12828;--color-danger-700:#ab1a1d;--color-danger-800:#7e130e;--color-danger-900:#5c0b09;--color-danger-1000:#3b0807;--color-warning-100:#fff3e0;--color-warning-200:#ffe4c2;--color-warning-300:#fec880;--color-warning-400:#fba94b;--color-warning-500:#f39129;--color-warning-600:#d26e16;--color-warning-700:#a2520c;--color-warning-800:#753c08;--color-warning-900:#553008;--color-warning-1000:#3c2109;--color-success-100:#e2fdee;--color-success-200:#c0f6dc;--color-success-300:#71e0b0;--color-success-400:#29c68c;--color-success-500:#1aad74;--color-success-600:#088556;--color-success-700:#086945;--color-success-800:#0a4e35;--color-success-900:#063724;--color-success-1000:#052618;--color-highlight-100:#fdf8cf;--color-highlight-200:#fdeeaf;--color-highlight-300:#fbd974;--color-highlight-400:#f1bc0f;--color-highlight-500:#dda100;--color-highlight-600:#c08700;--color-highlight-700:#976800;--color-highlight-800:#785200;--color-highlight-900:#563e00;--color-highlight-1000:#3c2e00;--opacity-disabled:.32;--opacity-sm:.48;--opacity-md:.64;--opacity-l:.88;--shadow-xs-blur:12px;--shadow-xs-spread:0;--shadow-xs-color:hsla(0,0%,7%,.08);--shadow-xs-type:dropShadow;--shadow-xs-offset-x:0;--shadow-xs-offset-y:0;--shadow-sm-blur:12px;--shadow-sm-spread:0;--shadow-sm-color:hsla(0,0%,7%,.16);--shadow-sm-type:dropShadow;--shadow-sm-offset-x:0;--shadow-sm-offset-y:0;--shadow-md-blur:12px;--shadow-md-spread:0;--shadow-md-color:hsla(0,0%,7%,.24);--shadow-md-type:dropShadow;--shadow-md-offset-x:0;--shadow-md-offset-y:0;--shadow-lg-blur:12px;--shadow-lg-spread:0;--shadow-lg-color:hsla(0,0%,7%,.72);--shadow-lg-type:dropShadow;--shadow-lg-offset-x:0;--shadow-lg-offset-y:0;--shadow-xl-blur:16px;--shadow-xl-spread:0;--shadow-xl-color:hsla(0,0%,7%,.96);--shadow-xl-type:dropShadow;--shadow-xl-offset-x:0;--shadow-xl-offset-y:0;--elevation-100:100;--elevation-150:150;--elevation-199:199;--elevation-200:200;--elevation-250:250;--elevation-299:299;--elevation-300:300;--elevation-350:350;--elevation-399:399;--elevation-400:400;--elevation-450:450;--elevation-499:499;--elevation-absolute-bottom:-999;--elevation-absolute-top:999;--badge-size-sm-vertical-padding:0.125rem;--badge-size-sm-horizontal-padding:0.25rem;--badge-size-sm-border-radius:0.25rem;--badge-size-md-vertical-padding:0.125rem;--badge-size-md-horizontal-padding:0.5rem;--badge-size-md-border-radius:0.25rem;--badge-size-lg-vertical-padding:0.375rem;--badge-size-lg-horizontal-padding:0.5rem;--badge-size-lg-border-radius:0.25rem;--badge-gap-spacing:0.25rem;--button-size-sm-border-radius:0.375rem;--button-size-sm-border-width:0.0625rem;--button-size-sm-border-style:solid;--button-size-md-border-radius:0.375rem;--button-size-md-border-width:0.0625rem;--button-size-md-border-style:solid;--button-size-md-height:1.5rem;--button-size-md-padding-left:0.5rem;--button-size-md-padding-right:0.5rem;--button-size-md-padding-top:0.125rem;--button-size-md-padding-bottom:0.125rem;--button-size-md-spacing:0.25rem;--button-size-lg-border-radius:0.375rem;--button-size-lg-border-width:0.0625rem;--button-size-lg-border-style:solid;--button-size-lg-height:2rem;--button-size-lg-padding-left:0.75rem;--button-size-lg-padding-right:0.75rem;--button-size-lg-padding-top:0.375rem;--button-size-lg-padding-bottom:0.375rem;--button-size-lg-spacing:0.25rem;--button-size-xl-border-radius:0.375rem;--button-size-xl-border-width:0.0625rem;--button-size-xl-border-style:solid;--button-size-xl-height:3rem;--button-size-xl-padding-left:1rem;--button-size-xl-padding-right:1rem;--button-size-xl-padding-top:0.75rem;--button-size-xl-padding-bottom:0.75rem;--button-size-xl-spacing:0.25rem;--button-gap-spacing:0.25rem;--button-outline-primary-width:0.25rem;--button-outline-primary-style:solid;--button-outline-primary-fill:#063b99;--button-outline-primary-offset:0.125rem;--button-opacity-disabled:.32;--card-size-sm-border-radius:0.5rem;--card-size-sm-border-width:0.0625rem;--card-size-sm-border-style:solid;--card-size-sm-min-height:16rem;--card-size-sm-padding:1rem;--card-size-sm-width:288px;--card-size-md-padding:1.5rem;--card-size-md-width:32rem;--card-size-lg-padding:3rem;--card-size-lg-width:64rem;--checkbox-size-sm-background-size:0.375rem;--checkbox-size-sm-border-radius:0.125rem;--checkbox-size-sm-border-width:0.0625rem;--checkbox-size-sm-height:1rem;--checkbox-size-sm-width:1rem;--checkbox-size-md-background-size:0.5rem;--checkbox-size-md-border-radius:0.25rem;--checkbox-size-md-border-width:0.0625rem;--checkbox-size-md-height:1.25rem;--checkbox-size-md-width:1.25rem;--checkbox-gap-spacing:0.25rem;--checkbox-outline-primary-width:0.25rem;--checkbox-outline-primary-style:solid;--checkbox-outline-primary-fill:#063b99;--checkbox-outline-primary-offset:0.125rem;--checkbox-opacity-disabled:.32;--checkbox-tile-size-md-border-radius:0.375rem;--checkbox-tile-size-md-border-width:0.0625rem;--checkbox-tile-size-md-padding-block:1rem;--checkbox-tile-size-md-padding-inline:1rem;--checkbox-tile-size-md-width:auto;--dialog-elements-content-size-compact-border-radius:0.375rem;--dialog-elements-content-size-compact-border-width:0.0625rem;--dialog-elements-content-size-compact-padding-block:1.5rem;--dialog-elements-content-size-compact-padding-inline:1.25rem;--dialog-elements-content-size-compact-box-shadow-blur:12px;--dialog-elements-content-size-compact-box-shadow-spread:0;--dialog-elements-content-size-compact-box-shadow-color:hsla(0,0%,7%,.24);--dialog-elements-content-size-compact-box-shadow-type:dropShadow;--dialog-elements-content-size-compact-box-shadow-offset-x:0;--dialog-elements-content-size-compact-box-shadow-offset-y:0;--dialog-elements-content-size-compact-width:16rem;--dialog-elements-content-size-spacious-width:384px;--dialog-elements-title-margin:0rem;--dialog-elements-title-margin-block-start:0.5rem;--dialog-elements-title-text-align:center;--dialog-elements-description-margin:0rem;--dialog-elements-description-margin-block-start:0.5rem;--dialog-elements-description-text-align:center;--dialog-elements-icon-size-default-border-radius:0.375rem;--dialog-elements-icon-size-default-padding:0.5rem;--field-message-opacity-disabled:.32;--form-label-elements-indicator-background:#d26e16;--form-label-elements-indicator-border-radius:0.375rem;--form-label-elements-indicator-height:0.5rem;--form-label-elements-indicator-width:0.5rem;--form-label-size-md-gap:0.25rem;--form-label-opacity-disabled:.32;--input-elements-root-size-xl-width:100%;--input-elements-text-field-size-md-border-radius:0.25rem;--input-elements-text-field-size-md-height:1.5rem;--input-elements-text-field-size-md-padding-block:0.375rem;--input-elements-text-field-size-md-padding-inline-start:0.5rem;--input-elements-text-field-size-lg-border-radius:0.375rem;--input-elements-text-field-size-lg-height:2rem;--input-elements-text-field-size-lg-padding-block:0.5rem;--input-elements-text-field-size-lg-padding-inline-start:0.5rem;--input-elements-text-field-size-xl-border-radius:0.375rem;--input-elements-text-field-size-xl-border-width:0.0625rem;--input-elements-text-field-size-xl-height:3rem;--input-elements-text-field-size-xl-padding-block:0.75rem;--input-elements-text-field-size-xl-padding-inline:1rem;--input-elements-text-field-size-xl-width:100%;--input-elements-icon-size-md-height:1.5rem;--input-elements-icon-size-md-border-radius:0.375rem;--input-elements-icon-size-lg-height:2rem;--input-elements-icon-size-lg-border-radius:0.375rem;--input-elements-icon-size-xl-border-radius:0.5rem;--input-elements-icon-size-xl-border-width:0.0625rem;--input-elements-icon-size-xl-height:3rem;--input-elements-icon-size-xl-padding-block-start:1rem;--input-elements-icon-size-xl-padding-block-end:0rem;--input-elements-addon-size-md-border-radius:0.25rem;--input-elements-addon-size-md-height:1.5rem;--input-elements-addon-size-md-padding-inline:0.5rem;--input-elements-addon-size-lg-border-radius:0.25rem;--input-elements-addon-size-lg-height:2rem;--input-elements-addon-size-lg-padding-inline:0.75rem;--input-elements-addon-size-xl-border-radius:0.375rem;--input-elements-addon-size-xl-border-width:0.0625rem;--input-elements-addon-size-xl-height:3rem;--input-elements-addon-size-xl-padding-inline:1rem;--input-disabled-opacity:.32;--label-gap-default:0.25rem;--label-opacity-disabled:.32;--link-weight-regular:400;--link-gap-default:0.25rem;--link-opacity-disabled:.32;--list-group-space-comfortable:3rem;--loader-size-lg-border-radius:100%;--loader-size-lg-border-width:0.5rem;--loader-size-lg-height:4rem;--loader-size-lg-width:4rem;--radio-group-elements-indicator-size-sm-height:0.375rem;--radio-group-elements-indicator-size-sm-width:0.375rem;--radio-group-elements-indicator-size-md-border-radius:50%;--radio-group-elements-indicator-size-md-height:0.5rem;--radio-group-elements-indicator-size-md-width:0.5rem;--radio-group-elements-indicator-shadow-x:0;--radio-group-elements-indicator-shadow-y:0.0625rem;--radio-group-elements-indicator-shadow-blur:0.0625rem;--radio-group-elements-indicator-shadow-spread:0;--radio-group-elements-indicator-shadow-color:rgba(0,0,0,.08);--radio-group-size-sm-border-width:0.0625rem;--radio-group-size-sm-height:1rem;--radio-group-size-sm-min-width:1rem;--radio-group-size-sm-width:1rem;--radio-group-size-md-border-radius:100%;--radio-group-size-md-border-width:0.0625rem;--radio-group-size-md-height:1.25rem;--radio-group-size-md-min-width:1.25rem;--radio-group-size-md-width:1.25rem;--radio-group-outline-primary-width:0.25rem;--radio-group-outline-primary-style:solid;--radio-group-outline-primary-fill:#063b99;--radio-group-outline-primary-offset:0.125rem;--radio-group-opacity-disabled:.32;--radio-group-tile-size-md-border-radius:0.25rem;--radio-group-tile-size-md-border-width:0.0625rem;--radio-group-tile-size-md-padding-block:0.75rem;--radio-group-tile-size-md-padding-inline:0.75rem;--radio-group-tile-size-md-width:auto;--segmented-controller-elements-list-size-lg-border-radius:0.375rem;--segmented-controller-elements-list-size-lg-border-width:0.0625rem;--segmented-controller-elements-trigger-size-md-padding-block:0.125rem;--segmented-controller-elements-trigger-size-md-padding-inline:0.5rem;--segmented-controller-elements-trigger-size-lg-border-radius:0.375rem;--segmented-controller-elements-trigger-size-lg-border-width:0.125rem;--segmented-controller-elements-trigger-size-lg-padding-block:0.375rem;--segmented-controller-elements-trigger-size-lg-padding-inline:0.75rem;--segmented-controller-elements-content-size-lg-border-radius:0.375rem;--segmented-controller-elements-content-size-lg-border-width:0.0625rem;--segmented-controller-elements-content-size-lg-margin-block-start:0.5rem;--segmented-controller-elements-content-size-lg-padding:1rem;--select-elements-trigger-size-md-max-height:1.5rem;--select-elements-trigger-size-md-padding-block:0.25rem;--select-elements-trigger-size-md-padding-inline:0.5rem;--select-elements-trigger-size-lg-max-height:2rem;--select-elements-trigger-size-lg-padding-block:0.375rem;--select-elements-trigger-size-lg-padding-inline:0.75rem;--select-elements-trigger-size-xl-border-radius:0.375rem;--select-elements-trigger-size-xl-border-width:0.0625rem;--select-elements-trigger-size-xl-max-height:3rem;--select-elements-trigger-size-xl-padding-block:0.75rem;--select-elements-trigger-size-xl-padding-inline:1rem;--select-elements-trigger-size-xl-width:100%;--select-elements-trigger-opacity-disabled:.32;--select-elements-content-size-lg-border-radius:0.375rem;--select-elements-content-size-lg-border-width:0.0625rem;--select-elements-content-size-lg-max-height:232px;--select-elements-content-size-lg-z-index:499;--select-elements-content-opacity-disabled:.32;--select-elements-content-scrollbar-size-lg-border-radius:0.375rem;--select-elements-content-scrollbar-size-lg-border-width:0.0625rem;--select-elements-content-scrollbar-size-lg-width:0.75rem;--select-elements-content-scrollbar-thumb-size-lg-height:8rem;--select-elements-menu-item-size-lg-padding-inline:0.75rem;--select-elements-menu-item-size-lg-padding-block:0.375rem;--select-elements-menu-item-gap-default:0.5rem;--select-elements-menu-item-opacity-disabled:.32;--select-elements-separator-size-lg-height:0.0625rem;--select-elements-icon-size-md-min-height:1.25rem;--select-elements-icon-size-md-min-width:1.25rem;--select-elements-heading-size-sm-padding-inline:0.75rem;--select-elements-heading-size-sm-padding-block:0.375rem;--switch-elements-thumb-size-sm-height:1rem;--switch-elements-thumb-size-sm-width:1rem;--switch-elements-thumb-size-md-border-radius:1rem;--switch-elements-thumb-size-md-border-width:0.0625rem;--switch-elements-thumb-size-md-height:1.25rem;--switch-elements-thumb-size-md-width:1.25rem;--switch-elements-thumb-shadow-x:0;--switch-elements-thumb-shadow-y:0.0625rem;--switch-elements-thumb-shadow-blur:0.0625rem;--switch-elements-thumb-shadow-spread:0;--switch-elements-thumb-shadow-color:rgba(0,0,0,.08);--switch-size-sm-height:1rem;--switch-size-sm-width:2rem;--switch-size-md-border-radius:1rem;--switch-size-md-border-width:0.0625rem;--switch-size-md-height:1.25rem;--switch-size-md-width:2.5rem;--switch-opacity-disabled:.32;--switch-outline-primary-width:0.25rem;--switch-outline-primary-style:solid;--switch-outline-primary-fill:#063b99;--switch-outline-primary-offset:0.125rem;--table-elements-container-size-2xl-border-radius:0.375rem;--table-elements-container-size-2xl-border-width:0.0625rem;--table-elements-container-size-2xl-max-height:auto;--table-elements-container-scrollbar-size-2xl-border-radius:0.375rem;--table-elements-container-scrollbar-size-2xl-border-width:0.0625rem;--table-elements-container-scrollbar-size-2xl-width:0.75rem;--table-elements-container-scrollbar-thumb-size-2xl-border-width:0.0625rem;--table-elements-container-scrollbar-thumb-size-2xl-height:8rem;--table-elements-th-size-xl-border-bottom-width:0.0625rem;--table-elements-th-size-xl-max-height:3rem;--table-elements-th-size-xl-padding-block-start:1.125rem;--table-elements-th-size-xl-padding-block-end:0.5rem;--table-elements-th-size-xl-padding-inline:0.75rem;--table-elements-th-size-2xl-max-height:4rem;--table-elements-th-size-2xl-padding-block-start:1.5rem;--table-elements-th-size-2xl-padding-block-end:0.5rem;--table-elements-td-size-lg-max-height:2rem;--table-elements-td-size-lg-padding-inline:0.5rem;--table-elements-td-size-xl-max-height:3rem;--table-elements-td-size-2xl-border-width:0.0625rem;--table-elements-td-size-2xl-max-height:4rem;--table-elements-td-size-2xl-padding-inline:0.75rem;--table-elements-actions-2xl-border-radius:0.375rem;--table-elements-actions-2xl-border-width:0.0625rem;--table-elements-actions-2xl-height:3rem;--table-elements-actions-2xl-padding-inline-end:0.5rem;--tabs-elements-list-size-lg-border-bottom-width:0.0625rem;--tabs-elements-list-size-lg-padding-block-end:1rem;--tabs-elements-list-gap-default:1.25rem;--tabs-elements-trigger-size-lg-border-width:0.125rem;--tabs-elements-trigger-size-lg-max-height:2rem;--tabs-elements-trigger-size-lg-padding-block-end:0rem;--tabs-elements-trigger-size-xl-max-height:3rem;--tabs-elements-content-size-lg-border-radius:0.375rem;--tabs-elements-content-size-lg-border-width:0.0625rem;--tabs-elements-content-size-lg-margin-block-start:0.5rem;--tabs-elements-content-size-lg-padding:1rem}
1
+ :host,:root{--primitive-0:0rem;--primitive-1:0.0625rem;--primitive-2:0.125rem;--primitive-4:0.25rem;--primitive-6:0.375rem;--primitive-8:0.5rem;--primitive-10:0.625rem;--primitive-11:0.6875rem;--primitive-12:0.75rem;--primitive-13:0.8125rem;--primitive-14:0.875rem;--primitive-15:0.9375rem;--primitive-16:1rem;--primitive-17:1.0625rem;--primitive-18:1.125rem;--primitive-20:1.25rem;--primitive-24:1.5rem;--primitive-28:1.75rem;--primitive-32:2rem;--primitive-36:2.25rem;--primitive-40:2.5rem;--primitive-44:2.75rem;--primitive-48:3rem;--primitive-52:3.25rem;--primitive-56:3.5rem;--primitive-60:3.75rem;--primitive-64:4rem;--primitive-72:4.5rem;--primitive-80:5rem;--primitive-128:8rem;--primitive-160:10rem;--primitive-192:12rem;--primitive-224:14rem;--primitive-256:16rem;--primitive-320:20rem;--primitive-384:24rem;--primitive-448:28rem;--primitive-512:32rem;--primitive-640:40rem;--primitive-768:48rem;--primitive-1024:64rem;--primitive-1280:80rem;--primitive-1600:100rem;--primitive-1920:120rem;--primitive-gray-100:#f7f7f7;--primitive-gray-200:#edeeef;--primitive-gray-300:#d5d7db;--primitive-gray-400:#b7bcc3;--primitive-gray-500:#818791;--primitive-gray-600:#6b7280;--primitive-gray-700:#4f5562;--primitive-gray-800:#343944;--primitive-gray-900:#242831;--primitive-gray-1000:#191b22;--primitive-gray-black:#121212;--primitive-gray-white:#fff;--primitive-blue-100:#f0f7ff;--primitive-blue-200:#d9eafe;--primitive-blue-300:#abcffd;--primitive-blue-400:#66a8fd;--primitive-blue-500:#3a89fd;--primitive-blue-600:#0c57cd;--primitive-blue-700:#063b99;--primitive-blue-800:#052b74;--primitive-blue-900:#041c4f;--primitive-blue-1000:#03122f;--primitive-red-100:#feecec;--primitive-red-200:#fedcdc;--primitive-red-300:#feada9;--primitive-red-400:#fc817c;--primitive-red-500:#f4534f;--primitive-red-600:#d12828;--primitive-red-700:#ab1a1d;--primitive-red-800:#7e130e;--primitive-red-900:#5c0b09;--primitive-red-1000:#3b0807;--primitive-green-100:#e2fdee;--primitive-green-200:#c0f6dc;--primitive-green-300:#71e0b0;--primitive-green-400:#29c68c;--primitive-green-500:#1aad74;--primitive-green-600:#088556;--primitive-green-700:#086945;--primitive-green-800:#0a4e35;--primitive-green-900:#063724;--primitive-green-1000:#052618;--primitive-orange-100:#fff3e0;--primitive-orange-200:#ffe4c2;--primitive-orange-300:#fec880;--primitive-orange-400:#fba94b;--primitive-orange-500:#f39129;--primitive-orange-600:#d26e16;--primitive-orange-700:#a2520c;--primitive-orange-800:#753c08;--primitive-orange-900:#553008;--primitive-orange-1000:#3c2109;--primitive-yellow-100:#fdf8cf;--primitive-yellow-200:#fdeeaf;--primitive-yellow-300:#fbd974;--primitive-yellow-400:#f1bc0f;--primitive-yellow-500:#dda100;--primitive-yellow-600:#c08700;--primitive-yellow-700:#976800;--primitive-yellow-800:#785200;--primitive-yellow-900:#563e00;--primitive-yellow-1000:#3c2e00;--primitive-purple-100:#f7f5ff;--primitive-purple-200:#e9e5fd;--primitive-purple-300:#d1c9fc;--primitive-purple-400:#baa8f7;--primitive-purple-500:#a485ed;--primitive-purple-600:#7c4ccd;--primitive-purple-700:#562c9e;--primitive-purple-800:#3b2270;--primitive-purple-900:#291753;--primitive-purple-1000:#150c32;--primitive-magenta-100:#ffecf8;--primitive-magenta-200:#fcc8e9;--primitive-magenta-300:#f59cd2;--primitive-magenta-400:#e97dbe;--primitive-magenta-500:#d45da6;--primitive-magenta-600:#a64480;--primitive-magenta-700:#7d3261;--primitive-magenta-800:#582544;--primitive-magenta-900:#3f1d31;--primitive-magenta-1000:#2b1323;--primitive-teal-100:#d5feff;--primitive-teal-200:#93fbfa;--primitive-teal-300:#53e6e4;--primitive-teal-400:#32c6c6;--primitive-teal-500:#309d9f;--primitive-teal-600:#247678;--primitive-teal-700:#1c4e4f;--primitive-teal-800:#133636;--primitive-teal-900:#0d2727;--primitive-teal-1000:#061615;--color-neutral-100:#f7f7f7;--color-neutral-200:#edeeef;--color-neutral-300:#d5d7db;--color-neutral-400:#b7bcc3;--color-neutral-500:#818791;--color-neutral-600:#6b7280;--color-neutral-700:#4f5562;--color-neutral-800:#343944;--color-neutral-900:#242831;--color-neutral-1000:#191b22;--color-neutral-darkest:#121212;--color-neutral-lightest:#fff;--color-neutral-100-alpha:rgba(56,56,56,.04);--color-neutral-200-alpha:rgba(31,44,56,.08);--color-neutral-300-alpha:rgba(8,20,43,.17);--color-neutral-400-alpha:rgba(7,25,49,.29);--color-neutral-500-alpha:rgba(2,17,44,.45);--color-neutral-600-alpha:rgba(4,17,42,.59);--color-neutral-700-alpha:rgba(4,12,32,.7);--color-neutral-800-alpha:rgba(1,7,19,.8);--color-neutral-900-alpha:rgba(0,5,15,.86);--color-neutral-1000-alpha:rgba(2,4,13,.91);--color-primary-100:#f0f7ff;--color-primary-200:#d9eafe;--color-primary-300:#abcffd;--color-primary-400:#66a8fd;--color-primary-500:#3a89fd;--color-primary-600:#0c57cd;--color-primary-700:#063b99;--color-primary-800:#052b74;--color-primary-900:#041c4f;--color-primary-1000:#03122f;--color-primary-100-alpha:rgba(5,122,255,.06);--color-primary-200-alpha:rgba(2,117,247,.15);--color-primary-300-alpha:rgba(0,112,250,.33);--color-primary-400-alpha:rgba(0,108,250,.6);--color-primary-500-alpha:rgba(3,103,252,.78);--color-primary-600-alpha:rgba(2,79,202,.96);--color-primary-700-alpha:rgba(1,56,152,.98);--color-primary-800-alpha:rgba(2,42,116,.99);--color-primary-900-alpha:rgba(1,26,75,.99);--color-primary-100-alpha0:rgba(0,16,46,.99);--color-danger-100:#feecec;--color-danger-200:#fedcdc;--color-danger-300:#feada9;--color-danger-400:#fc817c;--color-danger-500:#f4534f;--color-danger-600:#d12828;--color-danger-700:#ab1a1d;--color-danger-800:#7e130e;--color-danger-900:#5c0b09;--color-danger-1000:#3b0807;--color-warning-100:#fff3e0;--color-warning-200:#ffe4c2;--color-warning-300:#fec880;--color-warning-400:#fba94b;--color-warning-500:#f39129;--color-warning-600:#d26e16;--color-warning-700:#a2520c;--color-warning-800:#753c08;--color-warning-900:#553008;--color-warning-1000:#3c2109;--color-success-100:#e2fdee;--color-success-200:#c0f6dc;--color-success-300:#71e0b0;--color-success-400:#29c68c;--color-success-500:#1aad74;--color-success-600:#088556;--color-success-700:#086945;--color-success-800:#0a4e35;--color-success-900:#063724;--color-success-1000:#052618;--color-highlight-100:#fdf8cf;--color-highlight-200:#fdeeaf;--color-highlight-300:#fbd974;--color-highlight-400:#f1bc0f;--color-highlight-500:#dda100;--color-highlight-600:#c08700;--color-highlight-700:#976800;--color-highlight-800:#785200;--color-highlight-900:#563e00;--color-highlight-1000:#3c2e00;--spacing-4xs:0rem;--spacing-3xs:0.125rem;--spacing-2xs:0.25rem;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.25rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--layout-4xs:12rem;--layout-3xs:14rem;--layout-2xs:16rem;--layout-xs:20rem;--layout-sm:24rem;--layout-md:32rem;--layout-lg:48rem;--layout-xl:64rem;--layout-2xl:80rem;--layout-3xl:100rem;--layout-4xl:120rem;--font-families-default:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-families-mono:"Fira Code",monospace;--font-size-3xs:0.75rem;--font-size-2xs:0.8125rem;--font-size-xs:0.875rem;--font-size-sm:0.9375rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.75rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:4.5rem;--font-weights-regular:480;--font-weights-semibold:600;--font-weights-bold:720;--letter-spacing-3xs:-0.005em;--letter-spacing-2xs:-0.005em;--letter-spacing-xs:-0.005em;--letter-spacing-sm:-0.01em;--letter-spacing-md:-0.01em;--letter-spacing-lg:-0.01em;--letter-spacing-xl:-0.01em;--letter-spacing-2xl:-0.015em;--letter-spacing-3xl:-0.0175em;--letter-spacing-4xl:-0.0175em;--letter-spacing-5xl:-0.0175em;--letter-spacing-6xl:-0.025em;--line-heights-3xs:1rem;--line-heights-2xs:1.25rem;--line-heights-xs:1.25rem;--line-heights-sm:1.25rem;--line-heights-md:1.5rem;--line-heights-lg:1.5rem;--line-heights-xl:1.75rem;--line-heights-2xl:2.25rem;--line-heights-3xl:2.25rem;--line-heights-4xl:3rem;--line-heights-5xl:3.75rem;--line-heights-6xl:5rem;--border-radius-none:0rem;--border-radius-2xs:0.125rem;--border-radius-xs:0.25rem;--border-radius-sm:0.375rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--border-width-none:0rem;--border-width-sm:0.0625rem;--border-width-md:0.125rem;--border-width-lg:0.25rem;--opacity-disabled:0.32;--opacity-sm:0.48;--opacity-md:0.64;--opacity-l:0.88;--shadow-xs:0 0 12px 0 hsla(0,0%,7%,.08);--shadow-sm:0 0 12px 0 hsla(0,0%,7%,.16);--shadow-md:0 0 12px 0 hsla(0,0%,7%,.24);--shadow-lg:0 0 12px 0 hsla(0,0%,7%,.72);--shadow-xl:0 0 16px 0 hsla(0,0%,7%,.96);--elevation-100:100;--elevation-150:150;--elevation-199:199;--elevation-200:200;--elevation-250:250;--elevation-299:299;--elevation-300:300;--elevation-350:350;--elevation-399:399;--elevation-400:400;--elevation-450:450;--elevation-499:499;--elevation-absolute-bottom:-999;--elevation-absolute-top:999}
@@ -0,0 +1 @@
1
+ .root{align-items:center;border-radius:var(--border-radius-md);display:flex;justify-content:center;margin:0 auto;width:min-content}.root,.root[data-type=neutral]{background-color:var(--color-neutral-200)}.root[data-type=neutral][data-with-background=true]{padding:var(--spacing-xs)}.root[data-type=neutral][data-with-background=true][data-size="48"]{color:var(--color-neutral-700);padding:var(--spacing-xs)}.root[data-type=danger]{background-color:var(--color-danger-100)}.root[data-type=success]{background-color:var(--color-success-100)}.root[data-mode=dark][data-type=primary],.root[data-type=primary]{background-color:transparent}.root[data-mode=dark],.root[data-mode=dark][data-type=neutral]{background-color:var(--color-neutral-900)}.root[data-mode=dark][data-type=danger]{background-color:var(--color-danger-900)}.root[data-mode=dark][data-type=success]{background-color:var(--color-success-900)}
@@ -1 +1 @@
1
- @import "./global.css";@import "./composite/shadows.css";@import "./badge";@import "./button/light.css";@import "./button/dark.css";@import "./card/light.css";@import "./card/dark.css";@import "./checkbox/light.css";@import "./checkbox/dark.css";@import "./checkbox-tile/light.css";@import "./checkbox-tile/dark.css";@import "./dialog/light.css";@import "./dialog/dark.css";@import "./field-message/light.css";@import "./field-message/dark.css";@import "./form-label/light.css";@import "./form-label/dark.css";@import "./input/light.css";@import "./input/dark.css";@import "./label/light.css";@import "./label/dark.css";@import "./link/light.css";@import "./link/dark.css";@import "./list-item/light.css";@import "./list-item/dark.css";@import "./loader/light.css";@import "./loader/dark.css";@import "./radio-group/light.css";@import "./radio-group/dark.css";@import "./radio-group-tile/light.css";@import "./radio-group-tile/dark.css";@import "./segmented-controller/light.css";@import "./segmented-controller/dark.css";@import "./select/light.css";@import "./select/dark.css";@import "./switch/light.css";@import "./switch/dark.css";@import "./table/light.css";@import "./table/dark.css";@import "./tabs/light.css";@import "./tabs/dark.css";
1
+ @import "./global.css";
@@ -1,37 +1 @@
1
- .root{display:flex;width:var(--input-elements-root-size-xl-width)}.root:focus-within{border-radius:var(--input-elements-text-field-size-xl-border-radius);box-shadow:0 0 0 6px rgba(12,87,205,.16)}.input{background-color:var(
2
- --input-light-elements-text-field-color-background-primary-default
3
- );border-color:var(
4
- --input-light-elements-text-field-color-border-primary-default
5
- );border-radius:var(--input-elements-text-field-size-xl-border-radius);border-style:solid;border-width:var(--input-elements-text-field-size-xl-border-width);box-sizing:border-box;color:var(--input-light-elements-color-text-primary-default);font-family:var(--font-families-default);font-size:var(--font-size-md);font-weight:var(--font-weights-regular);letter-spacing:var(--letter-spacing-md);line-height:var(--line-heights-md);max-height:var(--input-elements-text-field-size-xl-height);outline:none;padding-block:var(--input-elements-text-field-size-xl-padding-block);padding-inline-start:var(--input-elements-text-field-size-xl-padding-inline);width:100%}.input[data-size=lg]{border-radius:var(--input-elements-text-field-size-lg-border-radius);font-size:var(--font-size-xs);height:var(--input-elements-text-field-size-lg-height);letter-spacing:var(--letter-spacing-xs);line-height:var(--line-heights-xs);padding-block:var(--input-elements-text-field-size-lg-padding-block);padding-inline-start:var(
6
- --input-elements-text-field-size-lg-padding-inline-start
7
- )}.input[data-size=lg]+.icon{height:var(--input-elements-icon-size-lg-height)}.input[data-size=md]{border-radius:var(--input-elements-text-field-size-md-border-radius);font-size:var(--font-size-3xs);height:var(--input-elements-text-field-size-md-height);letter-spacing:var(--letter-spacing-3xs);line-height:var(--line-heights-3xs);padding-block:var(--input-elements-text-field-size-md-padding-block);padding-inline-start:var(
8
- --input-elements-text-field-size-md-padding-inline-start
9
- )}.input[data-size=md]+.icon{height:var(--input-elements-icon-size-md-height)}.root[data-altbackground=true] .icon,.root[data-altbackground=true] .input{background-color:var(
10
- --input-light-elements-text-field-color-background-altbackground-default
11
- )}.input::placeholder{color:var(--input-light-elements-text-field-color-text-error-default)}.input[data-error=true]::placeholder{color:var(--input-light-elements-text-field-color-text-error-placeholder)}.icon[data-error=true],.input[data-error=true]{background-color:var(
12
- --input-light-elements-text-field-color-background-error-default
13
- );border-color:var(
14
- --input-light-elements-text-field-color-border-error-default
15
- )}.root[data-error=true]:focus-within{border-radius:var(--input-elements-text-field-size-xl-border-radius);box-shadow:0 0 0 6px rgba(209,40,40,.24)}.icon[aria-disabled=true],.input[data-disabled=true]{cursor:not-allowed;opacity:var(--input-disabled-opacity)}.icon{align-items:center;background-color:var(
16
- --input-light-elements-icon-color-background-primary-default
17
- );border-color:var(--input-light-elements-icon-color-border-primary-default);border-radius:var(--input-elements-icon-size-xl-border-radius);border-style:solid;border-width:var(--input-elements-icon-size-xl-border-width);box-sizing:border-box;color:var(--input-light-elements-icon-color-text-primary-default);display:flex;height:var(--input-elements-icon-size-xl-height);justify-content:center;padding-inline-end:var(--input-elements-icon-size-xl-padding-block-end);padding-inline-start:var(--input-elements-text-field-size-xl-padding-inline)}.icon[data-size=md]{border-radius:var(--input-elements-icon-size-md-border-radius);height:var(--input-elements-icon-size-md-height);padding-inline-start:var(
18
- --input-elements-text-field-size-md-padding-inline-start
19
- )}.icon[data-size=lg]{border-radius:var(--input-elements-icon-size-lg-border-radius);height:var(--input-elements-icon-size-lg-height);padding-inline-start:var(
20
- --input-elements-text-field-size-lg-padding-inline-start
21
- )}.addon{align-items:center;background-color:var(
22
- --input-light-elements-addon-color-background-primary-default
23
- );border-color:var(--input-light-elements-addon-color-border-primary-default);border-radius:var(--input-elements-addon-size-xl-border-radius);border-style:solid;border-width:var(--input-elements-addon-size-xl-border-width);color:var(--input-light-elements-addon-color-text-primary-default);display:flex;height:var(--input-elements-addon-size-xl-height);padding-inline:var(--input-elements-addon-size-xl-padding-inline);z-index:10}.addon[data-size=md]{border-radius:var(--input-elements-addon-size-md-border-radius);height:var(--input-elements-addon-size-md-height);padding-inline:var(--input-elements-addon-size-md-padding-inline)}.addon[data-size=lg]{border-radius:var(--input-elements-addon-size-lg-border-radius);height:var(--input-elements-addon-size-lg-height);padding-inline:var(--input-elements-addon-size-lg-padding-inline)}.root[data-mode=dark][data-altbackground=true] .icon,.root[data-mode=dark][data-altbackground=true] .input{background-color:var(
24
- --input-dark-elements-text-field-color-background-altbackground-default
25
- )}.root[data-mode=dark]:focus-within{box-shadow:0 0 0 6px rgba(12,87,205,.24)}.root[data-mode=dark][data-error=true]:focus-within{box-shadow:0 0 0 6px rgba(209,40,40,.24)}.icon[data-mode=dark][data-error=true],.input[data-mode=dark][data-error=true]{background-color:var(
26
- --input-dark-elements-text-field-color-background-error-default
27
- );border-color:var(
28
- --input-dark-elements-text-field-color-border-error-default
29
- )}.input[data-mode=dark],.input[data-mode=dark]+.icon{background-color:var(
30
- --input-dark-elements-text-field-color-background-primary-default
31
- );border-color:var(
32
- --input-dark-elements-text-field-color-border-primary-default
33
- );color:var(--input-dark-elements-text-field-color-text-primary-default)}.input[data-mode=dark]::placeholder{color:var(--input-dark-elements-text-field-color-text-error-placeholder)}.icon[data-mode=dark]{background-color:var(
34
- --input-dark-elements-icon-color-background-primary-default
35
- );border-color:var(--input-dark-elements-icon-color-border-primary-default);color:var(--input-dark-elements-icon-color-text-primary-default)}.addon[data-mode=dark]{background-color:var(
36
- --input-dark-elements-addon-color-background-primary-default
37
- );border-color:var(--input-dark-elements-addon-color-border-primary-default)}
1
+ .root{display:flex;width:100%}.root:focus-within{border-radius:var(--border-radius-sm);box-shadow:0 0 0 6px rgba(12,87,205,.16)}.input{background-color:var(--color-neutral-200);border-color:var(--color-neutral-500);border-radius:var(--border-radius-sm);border-style:solid;border-width:var(--border-width-sm);box-sizing:border-box;color:var(--color-neutral-darkest);font-family:var(--font-families-default);font-size:var(--font-size-md);font-weight:var(--font-weights-regular);letter-spacing:var(--letter-spacing-md);line-height:var(--line-heights-md);max-height:var(--spacing-3xl);outline:none;padding-block:var(--spacing-sm);padding-inline-start:var(--spacing-md);width:100%}.input:focus{border-color:var(--color-primary-600)}.root:focus-within .icon{border-color:var(--color-primary-400)}.root:focus-within .icon[data-error=true],.root:focus-within .input[data-error=true]{border-color:var(--color-danger-600)}.input[data-size=lg]{border-radius:var(--primitive-6);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-xs);line-height:var(--line-heights-xs);padding-block:var(--spacing-xs);padding-inline-start:var(--spacing-xs)}.input[data-size=lg],.input[data-size=lg]+.icon{height:var(--spacing-2xl)}.input[data-size=md]{border-radius:var(--border-radius-xs);font-size:var(--font-size-3xs);letter-spacing:var(--letter-spacing-3xs);line-height:var(--line-heights-3xs);padding-block:var(--primitive-6);padding-inline-start:var(--spacing-xs)}.input[data-size=md],.input[data-size=md]+.icon{height:var(--spacing-xl)}.root[data-altbackground=true] .icon,.root[data-altbackground=true] .input{background-color:var(--color-neutral-lightest)}.input::placeholder{color:var(--color-neutral-darkest)}.input[data-error=true]::placeholder{color:var(--color-neutral-600)}.icon[data-error=true],.input[data-error=true]{background-color:var(--color-danger-100);border-color:var(--color-danger-600)}.root[data-error=true]:focus-within{border-radius:var(--border-radius-sm);box-shadow:0 0 0 6px rgba(209,40,40,.24)}.icon[aria-disabled=true],.input[data-disabled=true]{cursor:not-allowed;opacity:var(--opacity-disabled)}.icon{align-items:center;background-color:var(--color-neutral-200);border-color:var(--color-neutral-500);border-radius:var(--border-radius-md);border-style:solid;border-width:var(--border-width-sm);box-sizing:border-box;color:var(--color-neutral-500);display:flex;height:var(--spacing-3xl);justify-content:center;padding-inline-end:var(--spacing-4xs);padding-inline-start:var(--spacing-md)}.icon[data-size=md]{height:var(--spacing-xl)}.icon[data-size=lg],.icon[data-size=md]{border-radius:var(--border-radius-sm);padding-inline-start:var(--spacing-xs)}.icon[data-size=lg]{height:var(--spacing-2xl)}.addon{align-items:center;background-color:var(--color-neutral-lightest);border-color:var(--color-neutral-500);border-radius:var(--border-radius-sm);border-style:solid;border-width:var(--border-width-sm);color:var(--color-neutral-darkest);display:flex;height:var(--spacing-3xl);padding-inline:var(--spacing-md);z-index:10}.addon[data-size=md]{border-radius:var(--border-radius-xs);height:var(--spacing-xl);padding-inline:var(--spacing-xs)}.addon[data-size=lg]{border-radius:var(--spacing-2xs);height:var(--spacing-2xl);padding-inline:var(--spacing-sm)}.root[data-mode=dark][data-altbackground=true] .icon,.root[data-mode=dark][data-altbackground=true] .input{background-color:var(--color-neutral-darkest)}.root[data-mode=dark]:focus-within{box-shadow:0 0 0 6px rgba(12,87,205,.24)}.root[data-mode=dark][data-error=true]:focus-within{box-shadow:0 0 0 6px rgba(209,40,40,.24)}.icon[data-mode=dark][data-error=true],.input[data-mode=dark][data-error=true]{background-color:var(--color-danger-1000);border-color:var(--color-danger-500)}.input[data-mode=dark],.input[data-mode=dark]+.icon{background-color:var(--color-neutral-1000);border-color:var(--color-neutral-600);color:var(--color-neutral-lightest)}.input[data-mode=dark]::placeholder{color:var(--color-neutral-400)}.icon[data-mode=dark]{background-color:var(--color-neutral-1000);border-color:var(--color-neutral-600);color:var(--color-neutral-400)}.addon[data-mode=dark]{background-color:var(--color-neutral-darkest);border-color:var(--color-neutral-600)}.input:focus{border-color:var(--color-primary-400)}
@@ -1 +1 @@
1
- .label{all:unset;box-sizing:border-box;color:var(--label-light-color-text-primary-default);cursor:default;font-family:var(--font-families-default);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-md);line-height:var(--line-heights-md)}.label[aria-disabled=true]{cursor:not-allowed;opacity:var(--label-opacity-disabled)}.label[data-size=sm]{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-xs);line-height:var(--line-heights-xs)}.label[data-mode=dark]{color:var(--label-dark-color-text-primary-default)}
1
+ :root{color-scheme:light}.label{all:unset;box-sizing:border-box;color:var(--color-neutral-1000,#121212);cursor:default;font-family:var(--font-families-default);font-size:var(--font-size-md);font-weight:var(--font-weights-regular);letter-spacing:var(--letter-spacing-md);line-height:var(--line-heights-md)}.label[aria-disabled=true]{cursor:not-allowed;opacity:var(--opacity-disabled,.32)}.label[data-size=sm]{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-xs);line-height:var(--line-heights-xs)}.label[data-mode=dark]{color:var(--color-neutral-lightest,#fff)}
@@ -1 +1 @@
1
- .link{all:unset;box-sizing:border-box;color:var(--link-light-color-text-primary-default);cursor:pointer;display:inline-flex;font-family:var(--font-families-default);font-size:var(--font-size-xl);font-weight:var(--font-weights-bold);gap:var(--link-gap-default);letter-spacing:var(--letter-spacing-xl);line-height:var(--line-height-xl);text-decoration:underline;vertical-align:top}.link:hover{color:var(--link-light-color-text-primary-hover)}.link:active{color:var(--link-light-color-text-primary-active)}.link[data-size="3xs"]{font-size:var(--font-size-3xs);letter-spacing:var(--letter-spacing-3xs);line-height:var(--line-height-3xs)}.link[data-size="2xs"]{font-size:var(--font-size-2xs);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-height-2xs)}.link[data-size=xs]{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-xs);line-height:var(--line-height-xs)}.link[data-size=sm]{font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);line-height:var(--line-height-sm)}.link[data-size=md]{font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);line-height:var(--line-height-md)}.link[data-size=lg]{font-size:var(--font-size-lg);letter-spacing:var(--letter-spacing-lg);line-height:var(--line-height-lg)}.link[data-size=xl]{font-size:var(--font-size-xl);letter-spacing:var(--letter-spacing-xl);line-height:var(--line-height-xl)}.link[data-weight=regular]{font-weight:var(--font-weights-regular)}.link[data-mode=dark]{color:var(--link-dark-color-text-primary-default)}.link[data-mode=dark]:hover{color:var(--link-dark-color-text-primary-hover)}.link[data-mode=dark]:active{color:var(--link-dark-color-text-primary-active)}
1
+ .link{all:unset;box-sizing:border-box;color:var(--color-primary-600);cursor:pointer;display:inline-flex;font-family:var(--font-families-default);font-size:var(--font-size-xl);font-weight:var(--font-weights-bold);gap:var(--spacing-2xs);letter-spacing:var(--letter-spacing-xl);line-height:var(--line-heights-xl);text-decoration:underline;vertical-align:top}.link:hover{color:var(--color-primary-700)}.link:active{color:var(--color-primary-900)}.link[data-size="3xs"]{font-size:var(--font-size-3xs);letter-spacing:var(--letter-spacing-3xs);line-height:var(--line-heights-3xs)}.link[data-size="2xs"]{font-size:var(--font-size-2xs);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs)}.link[data-size=xs]{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-xs);line-height:var(--line-heights-xs)}.link[data-size=sm]{font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);line-height:var(--line-heights-sm)}.link[data-size=md]{font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);line-height:var(--line-heights-md)}.link[data-size=lg]{font-size:var(--font-size-lg);letter-spacing:var(--letter-spacing-lg);line-height:var(--line-heights-lg)}.link[data-size=xl]{font-size:var(--font-size-xl);letter-spacing:var(--letter-spacing-xl);line-height:var(--line-heights-xl)}.link[data-weight=regular]{font-weight:var(--font-weights-regular)}.link[data-mode=dark]{color:var(--color-primary-500)}.link[data-mode=dark]:hover{color:var(--color-primary-400)}.link[data-mode=dark]:active{color:var(--color-primary-300)}
@@ -1 +1 @@
1
- .ul{all:unset;display:flex;gap:var(--list-group-space-comfortable)}.ul[data-direction=vertical]{flex-direction:column;padding-block:var(--list-group-space-comfortable)}
1
+ .ul{all:unset;display:flex;gap:var(--spacing-3xl)}.ul[data-direction=vertical]{flex-direction:column;padding-block:var(--spacing-3xl)}
@@ -1 +1 @@
1
- .li{all:unset;color:var(--list-item-light-color-text-primary-default)}.li[data-direction=horizontal]{display:flex;gap:var(--spacing-xs)}.li[data-mode=dark]{color:var(--list-item-dark-color-text-primary-default)}
1
+ .li{all:unset;color:var(--color-neutral-darkest)}.li[data-direction=horizontal]{display:flex;gap:var(--spacing-xs)}.li[data-mode=dark]{color:var(--color-neutral-lightest)}
@@ -1 +1 @@
1
- .ul{all:unset;display:flex}.ul,.ul[data-direction=vertical]{gap:var(--list-group-space-comfortable)}.ul[data-direction=vertical]{flex-direction:column}
1
+ .ul{all:unset;display:flex;gap:var(--spacing-3xl)}.ul[data-direction=vertical]{flex-direction:column;gap:var(--spacing-3xl)}
@@ -1 +1 @@
1
- .li{all:unset;color:var(--list-item-light-color-text-primary-default)}.li[data-direction=horizontal]{display:flex;gap:var(--spacing-xs)}.li[data-mode=dark]{color:var(--list-item-dark-color-text-primary-default)}
1
+ .li{all:unset;color:var(--color-neutral-darkest)}.li[data-direction=horizontal]{display:flex;gap:var(--spacing-xs)}.li[data-mode=dark]{color:var(--color-neutral-lightest)}
@@ -1 +1 @@
1
- .loader{animation:spin 1s linear infinite;border:var(--loader-size-lg-border-width) solid var(--loader-light-color-border-primary-default);border-radius:var(--loader-size-lg-border-radius);border-top:var(--loader-size-lg-border-width) solid var(--loader-light-color-border-top-primary-default);height:var(--loader-size-lg-height);width:var(--loader-size-lg-width)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
1
+ .loader{animation:spin 1s linear infinite;border:var(--border-radius-md) solid var(--color-primary-300);border-radius:100%;border-top:var(--border-radius-md) solid var(--color-primary-700);height:var(--spacing-4xl);width:var(--spacing-4xl)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
@@ -0,0 +1 @@
1
+ .root{align-items:baseline;display:inline-flex;gap:var(--spacing-2xs);height:auto}.img{align-self:baseline;height:var(--spacing-2xl)}.root[data-powered-by=true]{height:var(--spacing-md)}.root[data-powered-by=true] .img{align-self:baseline;height:var(--spacing-md)}.powered{color:var(--color-neutral-700);font-family:var(--font-families-default);font-size:var(--font-size-3xs);font-weight:var(--font-weights-regular);letter-spacing:var(--letter-spacings-3xs);line-height:var(--line-heights-3xs)}.root[data-mode=dark] .powered{color:var(--color-neutral-400)}
@@ -0,0 +1 @@
1
+ .trigger{--gds-menu-trigger-width:100%;align-items:center;background-color:var(--color-neutral-200);border-color:var(--color-neutral-500);border-radius:var(--primitive-6);border-style:solid;border-width:var(--border-width-sm);box-sizing:border-box;display:inline-flex;justify-content:space-between;max-height:var(--spacing-3xl);padding-block:var(--spacing-sm);padding-inline:var(--spacing-md);width:var(--gds-select-dropdown-menu-width,100%)}.trigger[data-disabled],.trigger[disabled]{cursor:not-allowed;opacity:var(--opacity-disabled);user-select:none}.trigger[data-altbackground=true]{background-color:var(--color-neutral-lightest)}.trigger[data-error=true]{background-color:var(--color-danger-100);border-color:var(--color-danger-600)}.trigger:focus-visible[data-error=true]{border-color:var(--color-danger-600);box-shadow:0 0 0 .375rem rgba(209,40,40,.16)}.trigger:focus,.trigger:focus-visible{border-color:var(--color-primary-400);box-shadow:0 0 0 .375rem rgba(12,87,205,.16)}.trigger[data-size=md]{max-height:var(--spacing-xl);padding-block:var(--spacing-2xs);padding-inline:var(--spacing-xs)}.trigger[data-size=lg]{max-height:var(--spacing-2xl);padding-block:var(--primitive-6);padding-inline:var(--spacing-sm)}.container,.content{--gds-select-dropdown-menu-width:var(--radix-dropdown-menu-width);background-color:var(--color-neutral-lightest);border-color:var(--color-neutral-300);border-radius:var(--primitive-6);border-style:solid;border-width:var(--border-width-sm);max-width:var(--menu-width);overflow-y:auto;position:relative;text-align:center;width:var(--radix-dropdown-menu-trigger-width);z-index:var(--elevation-499)}.content::-webkit-scrollbar{display:none}.scrollable{max-height:256px;overflow-y:auto}.scrollable::-webkit-scrollbar{background-color:var(--color-neutral-100);border:var(--border-width-sm) solid var(--color-neutral-300);border-radius:var(--primitive-6);border-right:none;width:var(--spacing-sm);will-change:transform}.scrollable::-webkit-scrollbar-thumb{background-color:var(--color-neutral-300);border-color:var(--color-neutral-500);border-radius:var(--primitive-6);border-style:solid;border-width:var(--border-width-sm);max-height:128px}.list{list-style:none;margin:0;padding:0}.item,.list:focus{outline:none}.item{align-items:center;background-color:var(--color-neutral-lightest);display:flex;gap:var(--spacing-xs);padding-block:var(--primitive-6);padding-inline:var(--spacing-sm)}.item[data-disabled]{opacity:var(--opacity-disabled)}.item-checkbox[data-highlighted],.item-radio[data-highlighted],.item:focus,.item:focus-visible,.item:hover,.item[data-highlighted],.sub-trigger[data-highlighted]{background-color:var(--color-neutral-200)}.item[aria-checked=true],.item[data-checked=true],.item[data-state=checked]{background-color:var(--color-primary-200)}.item[aria-checked=true][data-highlighted],.item[data-checked=true][data-highlighted],.item[data-state=checked][data-highlighted]{background-color:var(--color-neutral-200)}.controls{background-color:var(--color-neutral-lightest);border-block-end:var(--border-width-sm) solid var(--color-neutral-300);padding-block-start:var(--spacing-2xs);position:sticky;top:0;width:100%;z-index:1}.controls[data-mode=dark]{background-color:var(--color-neutral-1000);border-block-end:var(--border-width-sm) solid var(--color-neutral-darkest)}.selection{align-items:center;display:flex}.selection[data-mode=dark]{border-bottom:var(--border-width-sm) solid var(--color-neutral-800)}.search{padding:var(--spacing-xs)}.count{align-items:center;display:flex;font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-xs);line-height:var(--line-heights-xs);margin:0 auto;margin-right:var(--spacing-xs)}.count,.info{color:var(--color-neutral-600);font-family:var(--font-families-default);font-weight:var(--font-weights-regular)}.info{font-size:var(--font-size-2xs);margin:0 0 0 auto;line-heights:var(--line-heights-2xs);letter-spacing:var(--letter-spacing-2xs)}.trigger[data-mode=dark]{background-color:var(--color-neutral-1000);border-color:var(--color-neutral-600)}.trigger[data-mode=dark][data-altbackground=true]{background-color:var(--color-neutral-darkest)}.trigger[data-mode=dark][data-error=true]{background-color:var(--color-danger-1000);border-color:var(--color-danger-600)}.trigger:focus-visible[data-mode=dark][data-error=true]{border-color:var(--color-danger-600);focus-color:0 0 0 .375rem rgba(209,40,40,.24)}.trigger[data-mode=dark]:focus-visible{border-color:var(--color-primary-600);box-shadow:0 0 0 .375rem rgba(12,87,205,.24)}.content[data-mode=dark]{background-color:var(--color-neutral-1000);border-color:var(--color-neutral-800)}.content[data-mode=dark]::-webkit-scrollbar{display:none}.content[data-mode=dark]>.scrollable::-webkit-scrollbar{background-color:var(--color-neutral-900);border-color:var(--color-neutral-800)}.content[data-mode=dark]>.scrollable::-webkit-scrollbar-thumb{background-color:var(--color-neutral-700);border-color:var(--color-neutral-500)}.container[data-mode=dark]{background-color:var(--color-neutral-1000);border-color:var(--color-neutral-800)}.container[data-mode=dark]::-webkit-scrollbar{display:none}.container[data-mode=dark]>.scrollable::-webkit-scrollbar{background-color:var(--color-neutral-900);border-color:var(--color-neutral-800)}.container[data-mode=dark]>.scrollable::-webkit-scrollbar-thumb{background-color:var(--color-neutral-700);border-color:var(--color-neutral-500)}.item[data-mode=dark]{background-color:var(--color-neutral-1000);color:var(--color-neutral-lightest)}.item[data-disabled][data-mode=dark]{opacity:var(--opacity-disabled)}.item-checkbox[data-highlighted][data-mode=dark],.item-radio[data-highlighted][data-mode=dark],.item[data-highlighted][data-mode=dark],.item[data-mode=dark]:focus,.item[data-mode=dark]:hover,.sub-trigger[data-highlighted][data-mode=dark]{background-color:var(--color-neutral-900)}.item[aria-checked=true][data-mode=dark],.item[data-checked=true][data-mode=dark],.item[data-state=checked][data-mode=dark]{background-color:var(--color-primary-900)}.count[data-mode=dark],.info[data-mode=dark]{color:var(--color-neutral-400)}.icon{align-self:baseline;min-height:var(--spacing-lg);min-width:var(--spacing-lg)}.heading{color:var(--color-neutral-600);display:inline-block;font-family:var(--font-families-default);font-size:var(--font-size-xs);font-weight:var(--font-weights-semibold);letter-spacing:var(--letter-spacing-xs);line-height:var(--line-heights-xs);padding-block:var(--primitive-6);padding-inline:var(--spacing-sm)}.heading[data-mode=dark]{color:var(--color-neutral-500)}.label{color:var(--color-neutral-darkest);font-family:var(--font-families-default)}.label,.label[data-mode=dark]{font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);line-height:var(--line-heights-sm)}.label[data-mode=dark]{color:var(--color-neutral-lightest);font-family:var(--font-famililes-default)}
@@ -0,0 +1 @@
1
+ .overlay,.overlay[data-mode=dark]{background-color:rgba(0,0,0,.5);inset:0;position:fixed}.content{background-color:var(--color-neutral-lightest);border-radius:var(--primitive-6);box-shadow:var(--shadow-md);left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:var(--layout-md)}.content:focus{outline:none}.content[data-size=spacious]{width:var(--layout-sm)}.content[data-mode=dark]{background-color:var(--color-neutral-darkest)}.title{color:var(--color-neutral-darkest);font-family:var(--font-families-default);font-size:var(--font-size-xl);font-weight:var(--font-weights-semibold);letter-spacing:var(--letter-spacing-xl);line-height:var(--line-heights-xl);margin:var(--spacing-4xs);text-align:var(center)}.title[data-mode=dark]{color:var(--color-neutral-lightest)}.description{color:var(--color-neutral-400);font-family:var(--font-families-default);font-size:var(--font-size-2xs);font-weight:var(--font-weights-regular);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs);margin:var(--spacing-4xs);margin-block-start:var(--spacing-sm);text-align:var(--center)}.description[data-mode=dark]{color:var(--color-neutral-lightest)}.icon{background-color:var(--color-neutral-200);border-radius:var(--primitive-6);display:flex;justify-content:center;margin:0 auto;padding:var(--spacing-2xs);width:min-content}.icon[data-type=destructive],.icon[data-type=error]{background-color:var(--color-danger-100)}.icon[data-type=success]{background-color:var(--color-success-100)}.icon[data-mode=dark][data-type=loading],.icon[data-type=loading]{background-color:transparent}.icon[data-mode=dark]{background-color:var(--color-neutral-900)}.icon[data-mode=dark][data-type=destructive],.icon[data-mode=dark][data-type=error]{background-color:var(--color-danger-900)}.icon[data-mode=dark][data-type=success]{background-color:var(--color-success-900)}.content[data-size=md]{width:var(--layout-md)}.content[data-size=lg]{width:var(--layout-lg)}.content[data-size=xl]{width:var(--layout-xl)}
@@ -0,0 +1 @@
1
+ .container{background-color:var(--color-neutral-lightest);border-bottom:1px solid var(--color-neutral-400);height:72px;position:relative}.container,.details{align-items:center;display:flex;width:100%}.details{gap:var(--spacing-sm);height:100%}.govName{font-size:var(--font-size-2xl);font-weight:480;letter-spacing:-1.5%;line-height:28.8px}.appName,.govName{font-family:var(--font-families-default)}.appName{display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weights-semibold);letter-spacing:var(--letter-spacing-xl);line-height:var(--line-heights-xl);margin-block-end:var(--spacing-xs);margin-inline-start:var(--spacing-4xs);width:100%}.divider{background-color:var(--color-neutral-700);display:inline-flex;height:var(--spacing-sm);margin-inline:var(--spacing-2xs);position:relative;top:var(--spacing-3xs)}.footerText{font-family:var(--font-families-default);font-size:var(--font-size-3xs);font-weight:var(--font-weights-regular);letter-spacing:var(--letter-spacing-3xs);line-height:var(--line-heights-3xs)}.footerLinks{display:inline-flex;gap:var(--spacing-xs)}.footerLink{color:var(--color-neutral-700)}.accountName{font-size:var(--font-size-md);font-weight:var(--font-weights-bold);letter-spacing:var(--letter-spacing-md);line-height:var(--line-heights-md);padding-bottom:var(--spacing-4xs);padding-top:var(--spacing-xs)}.accountEmail,.accountFooter,.accountName{background-color:var(--color-neutral-lightest);font-family:var(--font-families-default);margin:0;padding-inline:var(--spacing-md)}.accountEmail,.accountFooter{color:var(--color-neutral-700);font-size:var(--font-size-3xs);font-weight:var(--font-weights-regular);letter-spacing:var(--letter-spacing-3xs);line-height:var(--line-heights-3xs)}.accountEmail{padding-bottom:var(--spacing-xs)}.accountFooter{padding:var(--spacing-xs) var(--spacing-md);text-align:center}.label{font-family:var(--font-families-default);font-size:var(--font-size-sm);font-weight:var(--font-weights-regular);letter-spacing:var(--letter-spacing-sm);line-height:var(--line-heights-sm)}.container:has(.navContainer[data-open=true]){flex-direction:column}.navContainer[data-open=true]{background-color:var(--color-neutral-lightest);bottom:0;display:flex;flex-direction:column;height:calc(100vh - 72px);left:0;overflow:scroll;padding:var(--spacing-md);position:absolute;right:0;top:72px;width:100%;z-index:var(--elevation-absolute-top)}.appNavigation{justify-items:flex-end;width:100%}.appNavigation>.list{padding-bottom:var(--spacing-4xs)}.list{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;margin:0;padding:var(--spacing-md);width:100%}.list:nth-child(2){padding-bottom:var(--spacing-2xs)}.item{list-style:none;padding:0}.link{align-items:center;border-radius:var(--border-radius-sm);color:var(--color-neutral-darkest);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weights-semibold);letter-spacing:var(--letter-spacing-sm);line-height:var(--line-heights-sm);padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:background-color .25s ease-in-out;width:100%}.link:hover{background-color:var(--color-neutral-200)}.link:active{background-color:var(--color-neutral-300)}.link[data-selected=true]{background-color:var(--color-primary-200);border-radius:var(--border-radius-sm);color:var(--color-primary-800)}.close{align-items:center;display:none;position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);z-index:var(--elevation-absolute-top)}.poweredByContainer{margin-block-start:var(--spacing-xs)}.sideNavCollapsibleTrigger{align-items:center;border-radius:var(--border-radius-sm);color:var(--color-neutral-darkest);cursor:pointer;display:flex;padding:var(--spacing-xs) var(--spacing-xs);transition:background-color .25s ease-in-out;width:100%}.sideNavCollapsibleTrigger:hover{background-color:var(--color-neutral-200)}.sideNavCollapsibleTrigger>a.link[data-selected=true]{background-color:var(--color-danger-300)}@media (min-width:1024px){.container{gap:var(--spacing-2xs)}.appNavigation{width:fit-content}.navContainer{align-items:center;display:flex;gap:var(--spacing-xs);justify-content:flex-end;width:100%}.navContainer>nav>.list>li>.link{max-height:var(--spacing-2xl)!important}.appName{border-inline-start:1px solid var(--color-neutral-400);font-size:var(--font-size-2xl);letter-spacing:var(--letter-spacing-2xl);line-height:var(--line-heights-2xl);padding-inline-start:var(--spacing-sm);width:fit-content}.list{align-items:center;align-self:center;flex-direction:row;gap:var(--spacing-2xs);padding:0;width:max-content}}@media (max-width:1024px){.navContainer{display:none}.close{display:flex}}.sideNavContainer{--nav-width-expanded:calc(240px - var(--spacing-sm));--nav-width-collapsed:72px;background-color:var(--color-neutral-lightest);border-right:1px solid var(--color-neutral-400);display:flex;flex-direction:column;height:calc(100vh - 72px);justify-content:space-between;left:0;overflow-y:auto;padding:var(--spacing-sm);padding-bottom:var(--spacing-4xs);position:fixed;top:72px;transition:width .25s ease;width:var(--nav-width-expanded,240px)}.sideNavContainer::-webkit-scrollbar{display:none}.sideNavContainer.collapsed{align-items:center;width:var(--nav-width-collapsed,72px)}.sideNavList{list-style:none;margin:0;padding:0}.sideNavItemWrapper{margin-bottom:var(--spacing-xs)}.sideNavContainer.collapsed .sideNavList li{width:fit-content}.sideNavContainer:not(.collapsed) .sideNavList li{width:100%}.sideNavSubList{list-style:none;padding:0}.menu-list .link,.menu-list .link:focus,.menu-list .link:hover,.sideNavSubList .link,.sideNavSubList .link:focus,.sideNavSubList .link:hover{border-radius:var(--border-radius-none)}.sideNavList.collapsed>li>.collapsedLinkWrapper>.link,.sideNavList>li>.link{border-radius:var(--border-radius-sm);height:40px!important}.sideNavList>li>.link:focus,.sideNavList>li>.link:hover{border-radius:var(--border-radius-sm)}.sideNavFooter{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);background-color:hsla(0,0%,100%,.75);bottom:0;display:flex;justify-content:center;padding:var(--spacing-md) 0 var(--spacing-md) 0;position:sticky;width:100%;z-index:var(--elevation-100)}.badgeInline{margin-left:auto;white-space:nowrap}.collapsedLinkWrapper{position:relative}.badgeCollapsed{position:absolute;right:-16px}.sideNavContainer.collapsed .sideNavList>li[data-selected=true]{background-color:var(--color-primary-200);border-radius:var(--border-radius-sm);color:var(--color-primary-800)}
@@ -0,0 +1 @@
1
+ .root{background:var(--color-neutral-100-alpha);border:none;border-radius:var(--border-radius-xs);height:var(--spacing-md);overflow:hidden;position:relative;transform:translateZ(0);width:100%}.root:before{border:var(--border-width-sm) solid var(--color-neutral-500);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.root[data-size=sm]{height:var(--spacing-sm)}.root[data-size=sm],.root[data-size=sm] .indicator{border-radius:var(--border-radius-md)}.indicator{--indicator-background-color:var(--color-primary-600);--indicator-border-color:var(--color-primary-600);background-color:var(--indicator-background-color);border:var(--border-width-sm) solid var(--indicator-border-color);border-radius:var(--border-radius-xs);height:100%;left:0;position:absolute;top:0;transition:transform .66s cubic-bezier(.65,0,.35,1);width:100%;z-index:1}@media (prefers-color-scheme:dark){.root{background:var(--color-neutral-900-alpha)}.root:before{border-color:var(--color-neutral-600)}.indicator{--indicator-background-color:var(--color-primary-600);--indicator-border-color:var(--color-primary-600);background-color:var(--indicator-background-color);border:var(--border-width-sm) solid var(--indicator-border-color)}}
@@ -1,21 +1 @@
1
- .root{display:flex}.root[data-orientation=vertical]{display:grid;row-gap:var(--spacing-xs)}.item{background-color:var(--radio-group-light-color-background-primary-default);border-color:var(--radio-group-light-color-border-primary-default);border-radius:var(--radio-group-size-md-border-radius);border-style:solid;border-width:var(--radio-group-size-md-border-width);display:inline;height:var(--radio-group-size-md-height);min-width:var(--radio-group-size-md-min-width);width:var(--radio-group-size-md-width)}.item:focus-visible{outline:var(--radio-group-outline-primary-width) solid var(--radio-group-outline-primary-fill);outline-offset:var(--radio-group-outline-primary-offset)}.item[aria-checked=true]{background-color:var(--radio-group-light-color-background-primary-active)}.item[data-size=sm]{height:var(--radio-group-size-sm-height);min-width:var(--radio-group-size-sm-min-width);width:var(--radio-group-size-sm-width)}.item[data-error=true]{background-color:var(--radio-group-light-color-background-danger-default);border-color:var(--radio-group-light-color-border-danger-default)}.item[data-disabled]{cursor:not-allowed;opacity:var(--radio-group-opacity-disabled)}.item[data-mode=dark]{background-color:var(--radio-group-dark-color-background-primary-default);border-color:var(--radio-group-dark-color-border-primary-default)}.item[data-mode=dark][aria-checked=true]{background-color:var(--radio-group-dark-color-background-primary-active);border-color:var(--radio-group-dark-color-border-primary-active)}.item[data-mode=dark][data-error=true]{background-color:var(--radio-group-dark-color-background-danger-default);border-color:var(--radio-group-dark-color-border-danger-default)}.indicator{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.indicator:after{background-color:var(--color-neutral-lightest);border-radius:var(--radio-group-elements-indicator-size-md-border-radius);box-shadow:var(--radio-group-elements-indicator-shadow);content:"";display:block;height:var(--radio-group-elements-indicator-size-md-height);width:var(--radio-group-elements-indicator-size-md-width)}.indicator[data-size=sm]:after{border-radius:var(--radio-group-elements-indicator-size-sm-border-radius)}.tile{align-items:center;background-color:var(
2
- --radio-group-tile-light-color-background-primary-default
3
- );border:var(--radio-group-tile-size-md-border-width) solid var(--radio-group-tile-light-color-border-primary-default);border-radius:var(--radio-group-tile-size-md-border-radius);box-sizing:border-box;padding-block:var(--radio-group-tile-size-md-padding-block);padding-inline:var(--radio-group-tile-size-md-padding-inline)}.tile[data-altbackground=true]{background-color:var(
4
- --radio-group-tile-light-color-background-altbackground-default
5
- );border-color:var(
6
- --radio-group-tile-light-color-border-altbackground-default
7
- )}.tile:has(.root[data-state=checked]){background-color:var(
8
- --radio-group-tile-light-color-background-primary-active
9
- )}.tile[data-state=checked]{background-color:var(
10
- --radio-group-tile-light-color-background-primary-active
11
- );border-color:var(--radio-group-tile-light-color-border-primary-active)}.tile:not([data-state=checked]):hover{background-color:var(
12
- --radio-group-tile-light-color-background-primary-hover
13
- );border-color:var(--radio-group-tile-light-color-border-primary-hover)}.tile[data-mode=dark]{background-color:var(
14
- --radio-group-tile-dark-color-background-primary-default
15
- )}.tile[data-altbackground=checked][data-mode=dark]{background-color:var(
16
- --radio-group-tile-dark-color-background-altbackground-default
17
- )}.tile[data-mode=dark]:has(.root[data-state=checked]){background-color:var(
18
- --radio-group-tile-dark-color-background-primary-active
19
- )}.tile[data-mode=dark]:hover{background-color:var(--radio-group-tile-dark-color-background-primary-hover)}.tile[data-mode=dark][data-state=checked],.tile[data-mode=dark][data-state=checked]:hover{background-color:var(
20
- --radio-group-tile-dark-color-background-primary-active
21
- )}
1
+ .root{display:flex}.root[data-orientation=vertical]{display:grid;row-gap:var(--spacing-xs)}.item{background-color:var(--color-neutral-lightest);border-color:var(--color-neutral-800);border-radius:100%;border-style:solid;border-width:var(--border-width-sm);display:inline;height:var(--spacing-lg);min-width:var(--spacing-lg);width:var(--spacing-lg)}.item:focus-visible{outline:var(--border-width-lg) solid var(--color-primary-700);outline-offset:var(--spacing-3xs)}.item[aria-checked=true]{background-color:var(--color-primary-600)}.item[data-size=sm]{height:var(--spacing-md);min-width:var(--spacing-md);width:var(--spacing-md)}.item[data-error=true]{background-color:var(--color-danger-600);border-color:var(--color-danger-800)}.item[data-disabled]{cursor:not-allowed;opacity:var(--opacity-disabled)}.item[data-mode=dark]{background-color:var(--color-neutral-darkest);border-color:var(--color-neutral-800)}.item[data-mode=dark][aria-checked=true]{background-color:var(--color-primary-500);border-color:var(--color-primary-500)}.item[data-mode=dark][data-error=true]{background-color:var(--color-danger-500);border-color:var(--color-danger-500)}.indicator{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.indicator:after{background-color:var(--color-neutral-lightest);border-radius:50%;content:"";display:block;height:var(--spacing-xs);width:var(--spacing-xs)}.tile{align-items:center;background-color:var(--color-neutral-200);border:var(--border-width-sm) solid var(--color-neutral-200);border-radius:var(--primitive-6);box-sizing:border-box;padding-block:var(--spacing-sm);padding-inline:var(--spacing-sm)}.tile[data-altbackground=true]{background-color:var(--color-neutral-lightest);border-color:var(--color-neutral-lightest);min-height:var(--spacing-md)}.tile:has(.root[data-state=checked]){background-color:var(--color-primary-200-alpha)}.tile[data-state=checked]{background-color:var(--color-primary-200-alpha);border-color:var(--color-primary-600)}.tile[data-state=checked][data-error=true]{background-color:var(--color-danger-200);border-color:var(--color-danger-600)}.tile:not([data-state=checked]):hover{background-color:var(--color-neutral-300);border-color:var(--color-neutral-300)}.tile[data-mode=dark]{background-color:var(--color-neutral-900)}.tile[data-mode=dark][data-state=checked][data-error=true]{background-color:var(--color-danger-900);border-color:var(--color-danger-400)}.tile[data-mode=dark]:has(.root[data-state=checked]){background-color:var(--color-primary-900)}.tile[data-mode=dark]:hover{background-color:var(--color-neutral-800)}.tile[data-mode=dark][data-state=checked],.tile[data-mode=dark][data-state=checked]:hover{background-color:var(--color-primary-900)}.tile:has(.item[data-state=checked]){background-color:var(--color-primary-200-alpha);border-color:var(--color-primary-600)}.tile:has(.item[data-state=checked])[data-error=true]{background-color:var(--color-danger-200);border-color:var(--color-danger-600)}.tile:not(:has(.item[data-state=checked])):hover{background-color:var(--color-neutral-300);border-color:var(--color-neutral-300)}