@pnx-mixtape/mxds 0.0.2 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (183) hide show
  1. package/README.md +13 -13
  2. package/dist/build/accordion.css +1 -108
  3. package/dist/build/accordion.entry.js +1 -0
  4. package/dist/build/base.css +1 -1000
  5. package/dist/build/breadcrumb.css +1 -47
  6. package/dist/build/button.css +1 -126
  7. package/dist/build/callout.css +1 -11
  8. package/dist/build/card.css +1 -135
  9. package/dist/build/chunks/disclosure-widget-CfhDmuvA.js +1 -0
  10. package/dist/build/chunks/keyboard-Cs0cduxq.js +1 -0
  11. package/dist/build/chunks/polyfills-DUM8gN-6.js +1 -0
  12. package/dist/build/chunks/popover-BGbvrIUp.js +1 -0
  13. package/dist/build/chunks/utilities-Bzel_okZ.js +2 -0
  14. package/dist/build/constants.css +1 -120
  15. package/dist/build/container-grid.css +1 -207
  16. package/dist/build/content-block.css +1 -23
  17. package/dist/build/dialog.css +1 -98
  18. package/dist/build/dialog.entry.js +1 -0
  19. package/dist/build/drop-menu.css +1 -78
  20. package/dist/build/drop-menu.entry.js +1 -0
  21. package/dist/build/drupal.css +1 -74
  22. package/dist/build/footer-menu.css +1 -32
  23. package/dist/build/footer.css +1 -61
  24. package/dist/build/form.css +1 -589
  25. package/dist/build/grid.css +1 -200
  26. package/dist/build/header.css +1 -131
  27. package/dist/build/header.entry.js +1 -0
  28. package/dist/build/hero-banner.css +1 -62
  29. package/dist/build/icon.css +1 -399
  30. package/dist/build/in-page-alert.css +1 -94
  31. package/dist/build/in-page-alert.entry.js +1 -0
  32. package/dist/build/in-page-navigation.css +1 -17
  33. package/dist/build/in-page-navigation.entry.js +1 -0
  34. package/dist/build/index.css +1 -4980
  35. package/dist/build/link-list.css +1 -72
  36. package/dist/build/masthead.css +1 -39
  37. package/dist/build/nav-list.css +1 -29
  38. package/dist/build/navigation.css +1 -371
  39. package/dist/build/navigation.entry.js +1 -0
  40. package/dist/build/page.css +1 -184
  41. package/dist/build/pagination.css +1 -123
  42. package/dist/build/section.css +1 -160
  43. package/dist/build/sidebar.css +1 -105
  44. package/dist/build/sticky.css +1 -47
  45. package/dist/build/sticky.entry.js +1 -0
  46. package/dist/build/tabs.css +1 -106
  47. package/dist/build/tabs.entry.js +1 -0
  48. package/dist/build/tag.css +1 -67
  49. package/dist/build/tiles.css +1 -61
  50. package/dist/build/utilities.css +1 -175
  51. package/package.json +4 -3
  52. package/src/Atom/Background/_background.css +1 -22
  53. package/src/Atom/Blockquote/_blockquote.css +1 -1
  54. package/src/Atom/Button/README.md +3 -3
  55. package/src/Atom/Button/_buttons-styles.css +1 -1
  56. package/src/Atom/Button/_buttons.css +1 -1
  57. package/src/Atom/Heading/_headings.css +1 -1
  58. package/src/Atom/Icon/README.md +1 -1
  59. package/src/Atom/Icon/_extended-set.css +1 -1
  60. package/src/Atom/Icon/_icon.css +5 -5
  61. package/src/Atom/Image/_image.css +1 -1
  62. package/src/Atom/Link/_links.css +1 -1
  63. package/src/Atom/Media/_media.css +1 -1
  64. package/src/Atom/Media/media.twig +1 -5
  65. package/src/Atom/NavList/nav-list.css +1 -1
  66. package/src/Atom/README.md +1 -1
  67. package/src/Atom/Spacing/_spacing.css +1 -1
  68. package/src/Atom/Table/_table.css +1 -1
  69. package/src/Atom/Text/_text-align.css +1 -1
  70. package/src/Atom/Text/_text-sizes.css +1 -1
  71. package/src/Atom/Video/_video.css +1 -1
  72. package/src/Atom/Video/video.twig +10 -4
  73. package/src/Atom/_animated.css +1 -1
  74. package/src/Atom/_flow-legacy.css +1 -1
  75. package/src/Atom/_flow.css +1 -1
  76. package/src/Atom/_generic.css +1 -1
  77. package/src/Atom/_hr.css +1 -1
  78. package/src/Atom/base.css +2 -2
  79. package/src/Component/Accordion/README.md +7 -17
  80. package/src/Component/Accordion/accordion.css +2 -2
  81. package/src/Component/Accordion/accordion.entry.js +2 -0
  82. package/src/Component/Breadcrumb/breadcrumb.css +1 -1
  83. package/src/Component/Callout/callout.css +1 -1
  84. package/src/Component/Card/README.md +7 -13
  85. package/src/Component/Card/card.css +3 -3
  86. package/src/Component/ContentBlock/README.md +7 -13
  87. package/src/Component/ContentBlock/content-block.css +2 -2
  88. package/src/Component/Dialog/README.md +15 -49
  89. package/src/Component/Dialog/dialog.css +3 -3
  90. package/src/Component/Dialog/dialog.entry.js +1 -0
  91. package/src/Component/DropMenu/README.md +19 -4
  92. package/src/Component/DropMenu/drop-menu.css +1 -1
  93. package/src/Component/DropMenu/drop-menu.entry.js +1 -0
  94. package/src/Component/HeroBanner/hero-banner.css +1 -1
  95. package/src/Component/HeroBanner/hero-banner.twig +1 -0
  96. package/src/Component/InPageAlert/README.md +4 -4
  97. package/src/Component/InPageAlert/in-page-alert.css +2 -2
  98. package/src/Component/InPageAlert/in-page-alert.entry.js +1 -0
  99. package/src/Component/InPageNavigation/README.md +10 -15
  100. package/src/Component/InPageNavigation/in-page-navigation.css +2 -2
  101. package/src/Component/InPageNavigation/in-page-navigation.entry.js +1 -0
  102. package/src/Component/LinkList/README.md +3 -3
  103. package/src/Component/LinkList/link-list.css +1 -1
  104. package/src/Component/Navigation/README.md +16 -7
  105. package/src/Component/Navigation/_navigation-collapsible.css +1 -1
  106. package/src/Component/Navigation/_navigation-dropdown.css +1 -1
  107. package/src/Component/Navigation/_navigation-mega.css +1 -1
  108. package/src/Component/Navigation/_navigation.css +1 -1
  109. package/src/Component/Navigation/navigation.entry.js +1 -0
  110. package/src/Component/Pagination/README.md +3 -3
  111. package/src/Component/Pagination/pagination.css +1 -1
  112. package/src/Component/Sticky/README.md +12 -5
  113. package/src/Component/Sticky/sticky.css +2 -2
  114. package/src/Component/Sticky/sticky.entry.js +1 -0
  115. package/src/Component/Tabs/README.md +12 -4
  116. package/src/Component/Tabs/tabs.css +2 -2
  117. package/src/Component/Tabs/tabs.entry.js +1 -0
  118. package/src/Component/Tag/README.md +2 -2
  119. package/src/Component/Tag/tag.css +1 -1
  120. package/src/Component/Tile/tiles.css +1 -1
  121. package/src/Form/README.md +2 -2
  122. package/src/Form/form.css +12 -12
  123. package/src/Layout/Footer/FooterMenu/footer-menu.css +1 -1
  124. package/src/Layout/Footer/footer.css +1 -1
  125. package/src/Layout/Grid/container-grid.css +2 -2
  126. package/src/Layout/Grid/grid.css +2 -2
  127. package/src/Layout/Header/_header.css +1 -1
  128. package/src/Layout/Header/_toggles.css +1 -1
  129. package/src/Layout/Header/header.entry.js +1 -0
  130. package/src/Layout/Masthead/masthead.css +5 -5
  131. package/src/Layout/Masthead/masthead.twig +2 -2
  132. package/src/Layout/Page/README.md +2 -2
  133. package/src/Layout/Page/page.css +2 -2
  134. package/src/Layout/README.md +3 -2
  135. package/src/Layout/Section/section.css +4 -4
  136. package/src/Layout/Sidebar/sidebar.css +1 -1
  137. package/src/Utility/Drupal/README.md +1 -1
  138. package/src/Utility/README.md +1 -1
  139. package/src/Utility/_layout-utils.css +1 -1
  140. package/src/Utility/utilities.css +3 -3
  141. package/dist/build/Accordion.js +0 -61
  142. package/dist/build/Accordion.js.map +0 -1
  143. package/dist/build/AccordionDiv.js +0 -62
  144. package/dist/build/AccordionDiv.js.map +0 -1
  145. package/dist/build/AccordionGroup.js +0 -85
  146. package/dist/build/AccordionGroup.js.map +0 -1
  147. package/dist/build/AccordionMobile.js +0 -31
  148. package/dist/build/AccordionMobile.js.map +0 -1
  149. package/dist/build/Dialog.js +0 -116
  150. package/dist/build/Dialog.js.map +0 -1
  151. package/dist/build/DropMenu.js +0 -132
  152. package/dist/build/DropMenu.js.map +0 -1
  153. package/dist/build/GlobalToggle.js +0 -103
  154. package/dist/build/GlobalToggle.js.map +0 -1
  155. package/dist/build/InPageAlert.js +0 -61
  156. package/dist/build/InPageAlert.js.map +0 -1
  157. package/dist/build/InPageNavigation.js +0 -92
  158. package/dist/build/InPageNavigation.js.map +0 -1
  159. package/dist/build/Navigation.js +0 -126
  160. package/dist/build/Navigation.js.map +0 -1
  161. package/dist/build/Sticky.js +0 -63
  162. package/dist/build/Sticky.js.map +0 -1
  163. package/dist/build/Tabs.js +0 -164
  164. package/dist/build/Tabs.js.map +0 -1
  165. package/dist/build/breakpoint-loader.js +0 -52
  166. package/dist/build/breakpoint-loader.js.map +0 -1
  167. package/dist/build/chunks/js.cookie-CiMiGxWx.js +0 -101
  168. package/dist/build/chunks/js.cookie-CiMiGxWx.js.map +0 -1
  169. package/dist/build/chunks/polyfills-CJ5uTmUJ.js +0 -749
  170. package/dist/build/chunks/polyfills-CJ5uTmUJ.js.map +0 -1
  171. package/dist/build/chunks/popover-wbPSyFRj.js +0 -654
  172. package/dist/build/chunks/popover-wbPSyFRj.js.map +0 -1
  173. package/dist/build/chunks/utilities-BIk0P2KX.js +0 -61
  174. package/dist/build/chunks/utilities-BIk0P2KX.js.map +0 -1
  175. package/dist/build/cookie-compliance.js +0 -122
  176. package/dist/build/cookie-compliance.js.map +0 -1
  177. package/dist/build/disclosure-widget.js +0 -124
  178. package/dist/build/disclosure-widget.js.map +0 -1
  179. package/dist/build/io-loader.js +0 -44
  180. package/dist/build/io-loader.js.map +0 -1
  181. package/dist/build/keyboard.js +0 -101
  182. package/dist/build/keyboard.js.map +0 -1
  183. package/src/index.css +0 -27
@@ -1,47 +1 @@
1
- /**
2
- * Breadcrumb Navigation
3
- */
4
-
5
- @layer components {
6
- .nav--breadcrumb {
7
- --nav-font-size: var(--font-size-s);
8
-
9
- position: relative;
10
- z-index: 1;
11
- overflow: auto;
12
- white-space: nowrap;
13
- }
14
-
15
- .nav--breadcrumb > ul {
16
- gap: var(--breadcrumb-gap, var(--spacing-xxxxs));
17
- }
18
-
19
- .nav--breadcrumb > ul > li {
20
- color: var(
21
- --breadcrumb-foreground,
22
- var(--foreground, var(--colour-foreground-alt))
23
- );
24
- display: flex;
25
- align-items: center;
26
- }
27
-
28
- .nav--breadcrumb > ul > li:where(:not(:last-child))::after {
29
- content: "";
30
- display: block;
31
- vertical-align: middle;
32
- -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M6 13.4L4.6 12l4-4-4-4L6 2.6 11.4 8z'/%3E%3C/svg%3E");
33
- mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M6 13.4L4.6 12l4-4-4-4L6 2.6 11.4 8z'/%3E%3C/svg%3E");
34
- -webkit-mask-position: center;
35
- mask-position: center;
36
- -webkit-mask-repeat: no-repeat;
37
- mask-repeat: no-repeat;
38
- block-size: var(--spacing-m);
39
- inline-size: var(--spacing-m);
40
- background-color: currentcolor;
41
- }
42
- [dir="rtl"] .nav--breadcrumb > ul > li::after, .translated-rtl .nav--breadcrumb > ul > li::after {
43
- transform: rotate(180deg);
44
- }
45
- }
46
-
47
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJyZWFkY3J1bWIuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxtQ0FBbUM7O0lBRW5DLGtCQUFrQjtJQUNsQixVQUFVO0lBQ1YsY0FBYztJQUNkLG1CQUFtQjtFQTBCckI7O0lBeEJFO01BQ0UsZ0RBQWdEO0lBQ2xEOztJQUVBO01BQ0U7OztPQUdDO01BQ0QsYUFBYTtNQUNiLG1CQUFtQjtJQWFyQjs7TUFYRTtRQUNFLFdBQVc7UUFDWCxjQUFjO1FBQ2Qsc0JBQXNCO1FBQ3RCLDZMQUFnRTtnQkFBaEUscUxBQWdFO1FBQ2hFLDZCQUFxQjtnQkFBckIscUJBQXFCO1FBQ3JCLDhCQUFzQjtnQkFBdEIsc0JBQXNCO1FBQ3RCLDRCQUE0QjtRQUM1Qiw2QkFBNkI7UUFDN0IsOEJBQThCO01BQ2hDO0lBTUY7TUFDRSx5QkFBeUI7SUFDM0I7QUFFSiIsImZpbGUiOiJicmVhZGNydW1iLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQnJlYWRjcnVtYiBOYXZpZ2F0aW9uXG4gKi9cblxuQGxheWVyIGNvbXBvbmVudHMge1xuICAubmF2LS1icmVhZGNydW1iIHtcbiAgICAtLW5hdi1mb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1zKTtcblxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB6LWluZGV4OiAxO1xuICAgIG92ZXJmbG93OiBhdXRvO1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cbiAgICAmID4gdWwge1xuICAgICAgZ2FwOiB2YXIoLS1icmVhZGNydW1iLWdhcCwgdmFyKC0tc3BhY2luZy14eHh4cykpO1xuICAgIH1cblxuICAgICYgPiB1bCA+IGxpIHtcbiAgICAgIGNvbG9yOiB2YXIoXG4gICAgICAgIC0tYnJlYWRjcnVtYi1mb3JlZ3JvdW5kLFxuICAgICAgICB2YXIoLS1mb3JlZ3JvdW5kLCB2YXIoLS1jb2xvdXItZm9yZWdyb3VuZC1hbHQpKVxuICAgICAgKTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgICAmOndoZXJlKDpub3QoOmxhc3QtY2hpbGQpKTo6YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgbWFzay1pbWFnZTogc3ZnLWxvYWQoXCIuLi8uLi9BdG9tL0ljb24vaW1hZ2VzL2NoZXZyb24tcmlnaHQuc3ZnXCIpO1xuICAgICAgICBtYXNrLXBvc2l0aW9uOiBjZW50ZXI7XG4gICAgICAgIG1hc2stcmVwZWF0OiBuby1yZXBlYXQ7XG4gICAgICAgIGJsb2NrLXNpemU6IHZhcigtLXNwYWNpbmctbSk7XG4gICAgICAgIGlubGluZS1zaXplOiB2YXIoLS1zcGFjaW5nLW0pO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBjdXJyZW50Y29sb3I7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgW2Rpcj1cInJ0bFwiXSAubmF2LS1icmVhZGNydW1iLFxuICAudHJhbnNsYXRlZC1ydGwgLm5hdi0tYnJlYWRjcnVtYiB7XG4gICAgJiA+IHVsID4gbGk6OmFmdGVyIHtcbiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7XG4gICAgfVxuICB9XG59XG4iXX0= */
1
+ @layer design-system.components{.nav--breadcrumb{--nav-font-size: var(--font-size-s);position:relative;z-index:1;overflow:auto;white-space:nowrap}.nav--breadcrumb>ul{gap:var(--breadcrumb-gap, var(--spacing-xxxxs))}.nav--breadcrumb>ul>li{color:var( --breadcrumb-foreground, var(--foreground, var(--colour-foreground-alt)) );display:flex;align-items:center}.nav--breadcrumb>ul>li:where(:not(:last-child)):after{content:"";display:block;vertical-align:middle;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M6 13.4L4.6 12l4-4-4-4L6 2.6 11.4 8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M6 13.4L4.6 12l4-4-4-4L6 2.6 11.4 8z'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;block-size:var(--spacing-m);inline-size:var(--spacing-m);background-color:currentcolor}[dir=rtl] .nav--breadcrumb>ul>li:after,.translated-rtl .nav--breadcrumb>ul>li:after{transform:rotate(180deg)}}
@@ -1,126 +1 @@
1
- /**
2
- * Buttons
3
- */
4
-
5
- @layer elements {
6
- .button {
7
- --outline-offset: 0.0625rem;
8
- --outline-width: 0.25rem;
9
-
10
- display: inline-flex;
11
- inline-size: -moz-fit-content;
12
- inline-size: fit-content;
13
- gap: var(--button-gap, var(--spacing-s));
14
- font-size: var(--button-font-size, var(--font-size));
15
- font-weight: var(--font-weight-bold);
16
- font-family: var(--font-family);
17
- line-height: var(--line-height-ui);
18
- border: 2px solid
19
- var(--button-line-colour, var(--colour-border));
20
- border: var(--line-width, 2px) solid
21
- var(--button-line-colour, var(--colour-border));
22
- border-radius: var(--radius, var(--border-radius-l));
23
- padding-block: var(--vertical-padding, var(--spacing-xxs));
24
- padding-inline: var(--horizontal-padding, var(--spacing-m));
25
- background-color: var(--background, var(--colour-background));
26
- color: var(--foreground, var(--colour-foreground));
27
- text-decoration-line: none;
28
- transition:
29
- 0.2s color,
30
- 0.2s background-color,
31
- 0.2s border-color;
32
- }
33
-
34
- .button:hover {
35
- cursor: pointer;
36
- text-decoration-line: none;
37
- }
38
-
39
- .button:disabled {
40
- cursor: not-allowed;
41
- opacity: 0.3;
42
- }
43
-
44
- .button--full-width {
45
- inline-size: 100%;
46
- justify-content: center;
47
- }
48
-
49
- .button--large {
50
- --vertical-padding: var(--spacing-s);
51
- --horizontal-padding: var(--spacing-l);
52
- }
53
-
54
- .button--small {
55
- --button-font-size: var(--font-size-s);
56
- --vertical-padding: var(--spacing-xxxs);
57
- --horizontal-padding: var(--spacing-s);
58
- }
59
-
60
- .button--icon-only {
61
- inline-size: var(--spacing-xl);
62
- block-size: var(--spacing-xl);
63
- padding: 0;
64
- border-radius: var(--border-radius-round);
65
- overflow: hidden;
66
- flex-wrap: wrap;
67
- }
68
-
69
- .button--icon-only::before {
70
- inline-size: 100%;
71
- block-size: 100%;
72
- -webkit-mask-size: var(--spacing-s);
73
- mask-size: var(--spacing-s);
74
- }
75
- }
76
-
77
- /**
78
- * Buttons
79
- */
80
-
81
- @layer elements {
82
- .button--dark {
83
- --button-line-colour: var(--colour-primary);
84
- --background: var(--colour-primary);
85
- --foreground: var(--colour-foreground-reverse);
86
- }
87
-
88
- .button--dark.button--outline {
89
- --background: transparent;
90
- --foreground: var(--colour-primary);
91
- }
92
-
93
- .button--light {
94
- border: transparent;
95
- color: var(--link-colour, var(--colour-primary));
96
- text-decoration-line: underline;
97
- }
98
-
99
- .button--light:hover {
100
- text-decoration-line: underline;
101
- }
102
-
103
- .button--destructive {
104
- --button-line-colour: var(--colour-error-foreground);
105
- --background: var(--colour-error-foreground);
106
- --foreground: var(--colour-foreground-reverse);
107
- }
108
-
109
- .button--destructive.button--outline {
110
- --background: transparent;
111
- --foreground: var(--colour-error-foreground);
112
- }
113
-
114
- .button--white {
115
- --button-line-colour: var(--colour-foreground-reverse);
116
- --background: var(--colour-foreground-reverse);
117
- --foreground: var(--colour-foreground);
118
- }
119
-
120
- .button--white.button--outline {
121
- --background: transparent;
122
- --foreground: var(--colour-foreground-reverse);
123
- }
124
- }
125
-
126
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIl9idXR0b25zLmNzcyIsIl9idXR0b25zLXN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLDJCQUFxQjtJQUNyQix3QkFBb0I7O0lBRXBCLG9CQUFvQjtJQUNwQiw2QkFBd0I7SUFBeEIsd0JBQXdCO0lBQ3hCLHdDQUF3QztJQUN4QyxvREFBb0Q7SUFDcEQsb0NBQW9DO0lBQ3BDLCtCQUErQjtJQUMvQixrQ0FBa0M7SUFDbEM7cURBQ2lEO0lBRGpEO3FEQUNpRDtJQUNqRCxvREFBb0Q7SUFDcEQsMERBQTBEO0lBQzFELDJEQUEyRDtJQUMzRCw2REFBNkQ7SUFDN0Qsa0RBQWtEO0lBQ2xELDBCQUEwQjtJQUMxQjs7O3VCQUdtQjtFQVdyQjs7SUFURTtNQUNFLGVBQWU7TUFDZiwwQkFBMEI7SUFDNUI7O0lBRUE7TUFDRSxtQkFBbUI7TUFDbkIsWUFBWTtJQUNkOztFQUdGO0lBQ0UsaUJBQWlCO0lBQ2pCLHVCQUF1QjtFQUN6Qjs7RUFFQTtJQUNFLG9DQUFvQztJQUNwQyxzQ0FBc0M7RUFDeEM7O0VBRUE7SUFDRSxzQ0FBc0M7SUFDdEMsdUNBQXVDO0lBQ3ZDLHNDQUFzQztFQUN4Qzs7RUFFQTtJQUNFLDhCQUE4QjtJQUM5Qiw2QkFBNkI7SUFDN0IsVUFBVTtJQUNWLHlDQUF5QztJQUN6QyxnQkFBZ0I7SUFDaEIsZUFBZTtFQU9qQjs7SUFMRTtNQUNFLGlCQUFpQjtNQUNqQixnQkFBZ0I7TUFDaEIsbUNBQTJCO2NBQTNCLDJCQUEyQjtJQUM3QjtBQUVKOztBQ3RFQTs7RUFFRTs7QUFFRjtFQUNFO0lBQ0UsMkNBQTJDO0lBQzNDLG1DQUFtQztJQUNuQyw4Q0FBOEM7RUFNaEQ7O0lBSkU7TUFDRSx5QkFBeUI7TUFDekIsbUNBQW1DO0lBQ3JDOztFQUdGO0lBQ0UsbUJBQW1CO0lBQ25CLGdEQUFnRDtJQUNoRCwrQkFBK0I7RUFLakM7O0lBSEU7TUFDRSwrQkFBK0I7SUFDakM7O0VBR0Y7SUFDRSxvREFBb0Q7SUFDcEQsNENBQTRDO0lBQzVDLDhDQUE4QztFQU1oRDs7SUFKRTtNQUNFLHlCQUF5QjtNQUN6Qiw0Q0FBNEM7SUFDOUM7O0VBR0Y7SUFDRSxzREFBc0Q7SUFDdEQsOENBQThDO0lBQzlDLHNDQUFzQztFQU14Qzs7SUFKRTtNQUNFLHlCQUF5QjtNQUN6Qiw4Q0FBOEM7SUFDaEQ7QUFFSiIsImZpbGUiOiJidXR0b24uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBCdXR0b25zXG4gKi9cblxuQGxheWVyIGVsZW1lbnRzIHtcbiAgLmJ1dHRvbiB7XG4gICAgLS1vdXRsaW5lLW9mZnNldDogMXB4O1xuICAgIC0tb3V0bGluZS13aWR0aDogNHB4O1xuXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgaW5saW5lLXNpemU6IGZpdC1jb250ZW50O1xuICAgIGdhcDogdmFyKC0tYnV0dG9uLWdhcCwgdmFyKC0tc3BhY2luZy1zKSk7XG4gICAgZm9udC1zaXplOiB2YXIoLS1idXR0b24tZm9udC1zaXplLCB2YXIoLS1mb250LXNpemUpKTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZm9udC13ZWlnaHQtYm9sZCk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tbGluZS1oZWlnaHQtdWkpO1xuICAgIGJvcmRlcjogdmFyKC0tbGluZS13aWR0aCwgMnB4KSBzb2xpZFxuICAgICAgdmFyKC0tYnV0dG9uLWxpbmUtY29sb3VyLCB2YXIoLS1jb2xvdXItYm9yZGVyKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaXVzLCB2YXIoLS1ib3JkZXItcmFkaXVzLWwpKTtcbiAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS12ZXJ0aWNhbC1wYWRkaW5nLCB2YXIoLS1zcGFjaW5nLXh4cykpO1xuICAgIHBhZGRpbmctaW5saW5lOiB2YXIoLS1ob3Jpem9udGFsLXBhZGRpbmcsIHZhcigtLXNwYWNpbmctbSkpO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmQsIHZhcigtLWNvbG91ci1iYWNrZ3JvdW5kKSk7XG4gICAgY29sb3I6IHZhcigtLWZvcmVncm91bmQsIHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kKSk7XG4gICAgdGV4dC1kZWNvcmF0aW9uLWxpbmU6IG5vbmU7XG4gICAgdHJhbnNpdGlvbjpcbiAgICAgIDAuMnMgY29sb3IsXG4gICAgICAwLjJzIGJhY2tncm91bmQtY29sb3IsXG4gICAgICAwLjJzIGJvcmRlci1jb2xvcjtcblxuICAgICY6aG92ZXIge1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgdGV4dC1kZWNvcmF0aW9uLWxpbmU6IG5vbmU7XG4gICAgfVxuXG4gICAgJjpkaXNhYmxlZCB7XG4gICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgICAgb3BhY2l0eTogMC4zO1xuICAgIH1cbiAgfVxuXG4gIC5idXR0b24tLWZ1bGwtd2lkdGgge1xuICAgIGlubGluZS1zaXplOiAxMDAlO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB9XG5cbiAgLmJ1dHRvbi0tbGFyZ2Uge1xuICAgIC0tdmVydGljYWwtcGFkZGluZzogdmFyKC0tc3BhY2luZy1zKTtcbiAgICAtLWhvcml6b250YWwtcGFkZGluZzogdmFyKC0tc3BhY2luZy1sKTtcbiAgfVxuXG4gIC5idXR0b24tLXNtYWxsIHtcbiAgICAtLWJ1dHRvbi1mb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1zKTtcbiAgICAtLXZlcnRpY2FsLXBhZGRpbmc6IHZhcigtLXNwYWNpbmcteHh4cyk7XG4gICAgLS1ob3Jpem9udGFsLXBhZGRpbmc6IHZhcigtLXNwYWNpbmctcyk7XG4gIH1cblxuICAuYnV0dG9uLS1pY29uLW9ubHkge1xuICAgIGlubGluZS1zaXplOiB2YXIoLS1zcGFjaW5nLXhsKTtcbiAgICBibG9jay1zaXplOiB2YXIoLS1zcGFjaW5nLXhsKTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWJvcmRlci1yYWRpdXMtcm91bmQpO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgZmxleC13cmFwOiB3cmFwO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGlubGluZS1zaXplOiAxMDAlO1xuICAgICAgYmxvY2stc2l6ZTogMTAwJTtcbiAgICAgIG1hc2stc2l6ZTogdmFyKC0tc3BhY2luZy1zKTtcbiAgICB9XG4gIH1cbn1cbiIsIi8qKlxuICogQnV0dG9uc1xuICovXG5cbkBsYXllciBlbGVtZW50cyB7XG4gIC5idXR0b24tLWRhcmsge1xuICAgIC0tYnV0dG9uLWxpbmUtY29sb3VyOiB2YXIoLS1jb2xvdXItcHJpbWFyeSk7XG4gICAgLS1iYWNrZ3JvdW5kOiB2YXIoLS1jb2xvdXItcHJpbWFyeSk7XG4gICAgLS1mb3JlZ3JvdW5kOiB2YXIoLS1jb2xvdXItZm9yZWdyb3VuZC1yZXZlcnNlKTtcblxuICAgICYuYnV0dG9uLS1vdXRsaW5lIHtcbiAgICAgIC0tYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICAtLWZvcmVncm91bmQ6IHZhcigtLWNvbG91ci1wcmltYXJ5KTtcbiAgICB9XG4gIH1cblxuICAuYnV0dG9uLS1saWdodCB7XG4gICAgYm9yZGVyOiB0cmFuc3BhcmVudDtcbiAgICBjb2xvcjogdmFyKC0tbGluay1jb2xvdXIsIHZhcigtLWNvbG91ci1wcmltYXJ5KSk7XG4gICAgdGV4dC1kZWNvcmF0aW9uLWxpbmU6IHVuZGVybGluZTtcblxuICAgICY6aG92ZXIge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uLWxpbmU6IHVuZGVybGluZTtcbiAgICB9XG4gIH1cblxuICAuYnV0dG9uLS1kZXN0cnVjdGl2ZSB7XG4gICAgLS1idXR0b24tbGluZS1jb2xvdXI6IHZhcigtLWNvbG91ci1lcnJvci1mb3JlZ3JvdW5kKTtcbiAgICAtLWJhY2tncm91bmQ6IHZhcigtLWNvbG91ci1lcnJvci1mb3JlZ3JvdW5kKTtcbiAgICAtLWZvcmVncm91bmQ6IHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kLXJldmVyc2UpO1xuXG4gICAgJi5idXR0b24tLW91dGxpbmUge1xuICAgICAgLS1iYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIC0tZm9yZWdyb3VuZDogdmFyKC0tY29sb3VyLWVycm9yLWZvcmVncm91bmQpO1xuICAgIH1cbiAgfVxuXG4gIC5idXR0b24tLXdoaXRlIHtcbiAgICAtLWJ1dHRvbi1saW5lLWNvbG91cjogdmFyKC0tY29sb3VyLWZvcmVncm91bmQtcmV2ZXJzZSk7XG4gICAgLS1iYWNrZ3JvdW5kOiB2YXIoLS1jb2xvdXItZm9yZWdyb3VuZC1yZXZlcnNlKTtcbiAgICAtLWZvcmVncm91bmQ6IHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kKTtcblxuICAgICYuYnV0dG9uLS1vdXRsaW5lIHtcbiAgICAgIC0tYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICAtLWZvcmVncm91bmQ6IHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kLXJldmVyc2UpO1xuICAgIH1cbiAgfVxufVxuIl19 */
1
+ @layer design-system.atoms{.button{--outline-offset: .0625rem;--outline-width: .25rem;display:inline-flex;inline-size:-moz-fit-content;inline-size:fit-content;gap:var(--button-gap, var(--spacing-s));font-size:var(--button-font-size, var(--font-size));font-weight:var(--font-weight-bold);font-family:var(--font-family);line-height:var(--line-height-ui);border:2px solid var(--button-line-colour, var(--colour-border));border:var(--line-width, 2px) solid var(--button-line-colour, var(--colour-border));border-radius:var(--radius, var(--border-radius-l));padding-block:var(--vertical-padding, var(--spacing-xxs));padding-inline:var(--horizontal-padding, var(--spacing-m));background-color:var(--background, var(--colour-background));color:var(--foreground, var(--colour-foreground));text-decoration-line:none;transition:.2s color,.2s background-color,.2s border-color}.button:hover{cursor:pointer;text-decoration-line:none}.button:disabled{cursor:not-allowed;opacity:.3}.button--full-width{inline-size:100%;justify-content:center}.button--large{--vertical-padding: var(--spacing-s);--horizontal-padding: var(--spacing-l)}.button--small{--button-font-size: var(--font-size-s);--vertical-padding: var(--spacing-xxxs);--horizontal-padding: var(--spacing-s)}.button--icon-only{inline-size:var(--spacing-xl);block-size:var(--spacing-xl);padding:0;border-radius:var(--border-radius-round);overflow:hidden;flex-wrap:wrap}.button--icon-only:before{inline-size:100%;block-size:100%;-webkit-mask-size:var(--spacing-s);mask-size:var(--spacing-s)}}@layer design-system.atoms{.button--dark{--button-line-colour: var(--colour-primary);--background: var(--colour-primary);--foreground: var(--colour-foreground-reverse)}.button--dark.button--outline{--background: transparent;--foreground: var(--colour-primary)}.button--light{border:transparent;color:var(--link-colour, var(--colour-primary));text-decoration-line:underline}.button--light:hover{text-decoration-line:underline}.button--destructive{--button-line-colour: var(--colour-error-foreground);--background: var(--colour-error-foreground);--foreground: var(--colour-foreground-reverse)}.button--destructive.button--outline{--background: transparent;--foreground: var(--colour-error-foreground)}.button--white{--button-line-colour: var(--colour-foreground-reverse);--background: var(--colour-foreground-reverse);--foreground: var(--colour-foreground)}.button--white.button--outline{--background: transparent;--foreground: var(--colour-foreground-reverse)}}
@@ -1,11 +1 @@
1
- @layer components {
2
- .callout {
3
- padding-inline-start: var(--line-gap, var(--gap));
4
- border-inline-start: 6px solid
5
- var(--line-colour, var(--colour-primary));
6
- border-inline-start: var(--line-width, 6px) solid
7
- var(--line-colour, var(--colour-primary));
8
- }
9
- }
10
-
11
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNhbGxvdXQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0U7SUFDRSxpREFBaUQ7SUFDakQ7K0NBQzJDO0lBRDNDOytDQUMyQztFQUM3QztBQUNGIiwiZmlsZSI6ImNhbGxvdXQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQGxheWVyIGNvbXBvbmVudHMge1xuICAuY2FsbG91dCB7XG4gICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IHZhcigtLWxpbmUtZ2FwLCB2YXIoLS1nYXApKTtcbiAgICBib3JkZXItaW5saW5lLXN0YXJ0OiB2YXIoLS1saW5lLXdpZHRoLCA2cHgpIHNvbGlkXG4gICAgICB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLXByaW1hcnkpKTtcbiAgfVxufVxuIl19 */
1
+ @layer design-system.components{.callout{padding-inline-start:var(--line-gap, var(--gap));border-inline-start:6px solid var(--line-colour, var(--colour-primary));border-inline-start:var(--line-width, 6px) solid var(--line-colour, var(--colour-primary))}}
@@ -1,135 +1 @@
1
- /**
2
- * Content Card
3
- */
4
-
5
- @layer components {
6
- .card {
7
- display: grid;
8
- grid-template: "media" auto "content" 1fr / 1fr;
9
- grid-gap: var(--card-gap, var(--gap));
10
- gap: var(--card-gap, var(--gap));
11
- }
12
-
13
- @container (min-width: 720px) {
14
- .card {
15
- --card-gap: var(--gap-l);
16
-
17
- grid-template: "media content" 1fr / 1fr 1fr;
18
- align-items: center;
19
- }
20
-
21
- .card .card__content {
22
- justify-content: center;
23
- }
24
- }
25
-
26
- @container (min-width: 946px) {
27
- .card {
28
- --card-gap: 6rem;
29
- }
30
- }
31
- @container (min-width: 720px) {
32
-
33
- .card.card--right {
34
- grid-template-areas: "content media";
35
- }
36
- }
37
-
38
- .card[class*="background--"] {
39
- border-radius: var(--border-radius);
40
- }
41
-
42
- .card[class*="background--"] .card__content {
43
- padding-inline: var(--spacing-s);
44
- padding-block-end: var(--spacing-s);
45
- }
46
-
47
- @container (min-width: 720px) {
48
-
49
- .card[class*="background--"] .card__content {
50
- padding-block-start: var(--spacing-s);
51
- padding-inline-start: 0;
52
- }
53
- }
54
- @container (min-width: 720px) {
55
-
56
- .card.card--right[class*="background--"] {
57
- padding-inline: var(--spacing-s) 0;
58
- }
59
- }
60
-
61
- .card .card__content {
62
- grid-area: content;
63
- }
64
-
65
- .card :is(.card__media, figure) {
66
- grid-area: media;
67
- display: grid;
68
- margin: auto;
69
- position: relative;
70
- inline-size: 100%;
71
- }
72
-
73
- .card :is(.card__media, figure) img {
74
- aspect-ratio: var(--ratio);
75
- border-radius: var(--border-radius);
76
- -o-object-fit: cover;
77
- object-fit: cover;
78
- display: block;
79
- }
80
-
81
- .card :is(.card__media, figure) .skeleton--bg {
82
- aspect-ratio: var(--ratio);
83
- }
84
-
85
- .card .link-list {
86
- inline-size: 100%;
87
- }
88
- }
89
-
90
- /**
91
- * Content Card Grid
92
- */
93
-
94
- @layer components {
95
- .grid:has(> *:nth-child(2):last-child) > :is(.card, .container:has(.card)) {
96
- inline-size: 100%;
97
- max-inline-size: 37ch;
98
- max-inline-size: var(--max-card-width, 37ch);
99
- margin-inline: auto;
100
- }
101
- }
102
-
103
- /**
104
- * Content Card Linked
105
- */
106
-
107
- @layer components {
108
- a.card[href]:hover {
109
- color: inherit;
110
- }
111
-
112
- .card--clickable {
113
- position: relative;
114
- }
115
-
116
- .card--clickable:focus-within {
117
- border-radius: var(--border-radius);
118
- outline: var(--outline-width) var(--outline-style) var(--outline-color);
119
- outline-offset: 2px;
120
- }
121
- .card--clickable :is(a[href], button):focus-visible {
122
- outline: none;
123
- }
124
-
125
- .card--clickable a::after {
126
- content: "";
127
- position: absolute;
128
- inset-block-start: 0;
129
- inset-inline-start: 0;
130
- inline-size: 100%;
131
- block-size: 100%;
132
- }
133
- }
134
-
135
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNhcmQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxhQUFhO0lBQ2IsK0NBQStDO0lBQy9DLHFDQUFnQztJQUFoQyxnQ0FBZ0M7RUFxRWxDOztJQW5FRTtFQUxGO01BTUksd0JBQXdCOztNQUV4Qiw0Q0FBNEM7TUFDNUMsbUJBQW1CO0VBK0R2Qjs7TUE3REk7UUFDRSx1QkFBdUI7TUFDekI7SUFDRjs7SUFFQTtFQWhCRjtNQWlCSSxnQkFBZ0I7RUF1RHBCO0lBdERFO01BR0U7O0lBREY7UUFFSSxvQ0FBb0M7SUFFeEM7TUFERTs7SUFHRjtNQUNFLG1DQUFtQztJQWlCckM7O01BZkU7UUFDRSxnQ0FBZ0M7UUFDaEMsbUNBQW1DO01BTXJDOztRQUpFOztNQUpGO1VBS0kscUNBQXFDO1VBQ3JDLHVCQUF1QjtNQUUzQjtRQURFO1FBSUE7O01BREY7VUFFSSxrQ0FBa0M7TUFFdEM7UUFERTs7SUFJSjtNQUNFLGtCQUFrQjtJQUNwQjs7SUFFQTtNQUNFLGdCQUFnQjtNQUNoQixhQUFhO01BQ2IsWUFBWTtNQUNaLGtCQUFrQjtNQUNsQixpQkFBaUI7SUFZbkI7O01BVkU7UUFDRSwwQkFBMEI7UUFDMUIsbUNBQW1DO1FBQ25DLG9CQUFpQjtXQUFqQixpQkFBaUI7UUFDakIsY0FBYztNQUNoQjs7TUFFQTtRQUNFLDBCQUEwQjtNQUM1Qjs7SUFHRjtNQUNFLGlCQUFpQjtJQUNuQjtBQUVKOztBQUVBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxpQkFBaUI7SUFDakIscUJBQTRDO0lBQTVDLDRDQUE0QztJQUM1QyxtQkFBbUI7RUFDckI7QUFDRjs7QUFFQTs7RUFFRTs7QUFFRjtJQUVJO01BQ0UsY0FBYztJQUNoQjs7RUFHRjtJQUNFLGtCQUFrQjtFQXNCcEI7O0lBcEJFO01BQ0UsbUNBQW1DO01BQ25DLHVFQUF1RTtNQUN2RSxtQkFBbUI7SUFDckI7TUFHRTtRQUNFLGFBQWE7TUFDZjs7SUFHRjtNQUNFLFdBQVc7TUFDWCxrQkFBa0I7TUFDbEIsb0JBQW9CO01BQ3BCLHFCQUFxQjtNQUNyQixpQkFBaUI7TUFDakIsZ0JBQWdCO0lBQ2xCO0FBRUoiLCJmaWxlIjoiY2FyZC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvbnRlbnQgQ2FyZFxuICovXG5cbkBsYXllciBjb21wb25lbnRzIHtcbiAgLmNhcmQge1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZTogXCJtZWRpYVwiIGF1dG8gXCJjb250ZW50XCIgMWZyIC8gMWZyO1xuICAgIGdhcDogdmFyKC0tY2FyZC1nYXAsIHZhcigtLWdhcCkpO1xuXG4gICAgQGNvbnRhaW5lciAobWluLXdpZHRoOiB0b2tlbihcImJyZWFrcG9pbnQuY29udGVudENhcmRcIikpIHtcbiAgICAgIC0tY2FyZC1nYXA6IHZhcigtLWdhcC1sKTtcblxuICAgICAgZ3JpZC10ZW1wbGF0ZTogXCJtZWRpYSBjb250ZW50XCIgMWZyIC8gMWZyIDFmcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAgICYgLmNhcmRfX2NvbnRlbnQge1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBAY29udGFpbmVyIChtaW4td2lkdGg6IHRva2VuKFwiYnJlYWtwb2ludC5sXCIpKSB7XG4gICAgICAtLWNhcmQtZ2FwOiA2cmVtO1xuICAgIH1cblxuICAgICYuY2FyZC0tcmlnaHQge1xuICAgICAgQGNvbnRhaW5lciAobWluLXdpZHRoOiB0b2tlbihcImJyZWFrcG9pbnQuY29udGVudENhcmRcIikpIHtcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1hcmVhczogXCJjb250ZW50IG1lZGlhXCI7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJltjbGFzcyo9XCJiYWNrZ3JvdW5kLS1cIl0ge1xuICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tYm9yZGVyLXJhZGl1cyk7XG5cbiAgICAgICYgLmNhcmRfX2NvbnRlbnQge1xuICAgICAgICBwYWRkaW5nLWlubGluZTogdmFyKC0tc3BhY2luZy1zKTtcbiAgICAgICAgcGFkZGluZy1ibG9jay1lbmQ6IHZhcigtLXNwYWNpbmctcyk7XG5cbiAgICAgICAgQGNvbnRhaW5lciAobWluLXdpZHRoOiB0b2tlbihcImJyZWFrcG9pbnQuY29udGVudENhcmRcIikpIHtcbiAgICAgICAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1zcGFjaW5nLXMpO1xuICAgICAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAwO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgICYuY2FyZC0tcmlnaHQge1xuICAgICAgICBAY29udGFpbmVyIChtaW4td2lkdGg6IHRva2VuKFwiYnJlYWtwb2ludC5jb250ZW50Q2FyZFwiKSkge1xuICAgICAgICAgIHBhZGRpbmctaW5saW5lOiB2YXIoLS1zcGFjaW5nLXMpIDA7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5jYXJkX19jb250ZW50IHtcbiAgICAgIGdyaWQtYXJlYTogY29udGVudDtcbiAgICB9XG5cbiAgICAmIDppcyguY2FyZF9fbWVkaWEsIGZpZ3VyZSkge1xuICAgICAgZ3JpZC1hcmVhOiBtZWRpYTtcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICBtYXJnaW46IGF1dG87XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBpbmxpbmUtc2l6ZTogMTAwJTtcblxuICAgICAgJiBpbWcge1xuICAgICAgICBhc3BlY3QtcmF0aW86IHZhcigtLXJhdGlvKTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tYm9yZGVyLXJhZGl1cyk7XG4gICAgICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIH1cblxuICAgICAgJiAuc2tlbGV0b24tLWJnIHtcbiAgICAgICAgYXNwZWN0LXJhdGlvOiB2YXIoLS1yYXRpbyk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiAubGluay1saXN0IHtcbiAgICAgIGlubGluZS1zaXplOiAxMDAlO1xuICAgIH1cbiAgfVxufVxuXG4vKipcbiAqIENvbnRlbnQgQ2FyZCBHcmlkXG4gKi9cblxuQGxheWVyIGNvbXBvbmVudHMge1xuICAuZ3JpZDpoYXMoPiAqOm50aC1jaGlsZCgyKTpsYXN0LWNoaWxkKSA+IDppcyguY2FyZCwgLmNvbnRhaW5lcjpoYXMoLmNhcmQpKSB7XG4gICAgaW5saW5lLXNpemU6IDEwMCU7XG4gICAgbWF4LWlubGluZS1zaXplOiB2YXIoLS1tYXgtY2FyZC13aWR0aCwgMzdjaCk7XG4gICAgbWFyZ2luLWlubGluZTogYXV0bztcbiAgfVxufVxuXG4vKipcbiAqIENvbnRlbnQgQ2FyZCBMaW5rZWRcbiAqL1xuXG5AbGF5ZXIgY29tcG9uZW50cyB7XG4gIGFbaHJlZl0uY2FyZCB7XG4gICAgJjpob3ZlciB7XG4gICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB9XG4gIH1cblxuICAuY2FyZC0tY2xpY2thYmxlIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ib3JkZXItcmFkaXVzKTtcbiAgICAgIG91dGxpbmU6IHZhcigtLW91dGxpbmUtd2lkdGgpIHZhcigtLW91dGxpbmUtc3R5bGUpIHZhcigtLW91dGxpbmUtY29sb3IpO1xuICAgICAgb3V0bGluZS1vZmZzZXQ6IDJweDtcbiAgICB9XG5cbiAgICAmIDppcyhhW2hyZWZdLCBidXR0b24pIHtcbiAgICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiBhOjphZnRlciB7XG4gICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgaW5zZXQtYmxvY2stc3RhcnQ6IDA7XG4gICAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IDA7XG4gICAgICBpbmxpbmUtc2l6ZTogMTAwJTtcbiAgICAgIGJsb2NrLXNpemU6IDEwMCU7XG4gICAgfVxuICB9XG59XG4iXX0= */
1
+ @layer design-system.components{.card{display:grid;grid-template:"media" auto "content" 1fr / 1fr;grid-gap:var(--card-gap, var(--gap));gap:var(--card-gap, var(--gap))}@container (min-width: 720px){.card{--card-gap: var(--gap-l);grid-template:"media content" 1fr / 1fr 1fr;align-items:center}.card .card__content{justify-content:center}}@container (min-width: 946px){.card{--card-gap: 6rem}}@container (min-width: 720px){.card.card--right{grid-template-areas:"content media"}}.card[class*=background--]{border-radius:var(--border-radius)}.card[class*=background--] .card__content{padding-inline:var(--spacing-s);padding-block-end:var(--spacing-s)}@container (min-width: 720px){.card[class*=background--] .card__content{padding-block-start:var(--spacing-s);padding-inline-start:0}}@container (min-width: 720px){.card.card--right[class*=background--]{padding-inline:var(--spacing-s) 0}}.card .card__content{grid-area:content}.card :is(.card__media,figure){grid-area:media;display:grid;margin:auto;position:relative;inline-size:100%}.card :is(.card__media,figure) img{aspect-ratio:var(--ratio);border-radius:var(--border-radius);-o-object-fit:cover;object-fit:cover;display:block}.card :is(.card__media,figure) .skeleton--bg{aspect-ratio:var(--ratio)}.card .link-list{inline-size:100%}}@layer design-system.components{.grid:has(>*:nth-child(2):last-child)>:is(.card,.container:has(.card)){inline-size:100%;max-inline-size:37ch;max-inline-size:var(--max-card-width, 37ch);margin-inline:auto}}@layer design-system.components{a.card[href]:hover{color:inherit}.card--clickable{position:relative}.card--clickable:focus-within{border-radius:var(--border-radius);outline:var(--outline-width) var(--outline-style) var(--outline-color);outline-offset:2px}.card--clickable :is(a[href],button):focus-visible{outline:none}.card--clickable a:after{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%}}
@@ -0,0 +1 @@
1
+ import{m as t}from"./utilities-Bzel_okZ.js";class e{constructor(e,i,s,r=document){if(this.init=()=>{if(Object.prototype.hasOwnProperty.call(this.trigger,"disclosureWidget"))return;const{attribute:t,setInitialAttribute:e}=this.options;this.trigger.disclosureWidget=this,e&&this.element.setAttribute(t,""),this.attach()},this.handleToggle=()=>{const{attribute:t,setInitialAttribute:e}=this.options;this.element.toggleAttribute(t);const i=this.element.hasAttribute(t);this.isOpen=e?!i:i,this.trigger.setAttribute("aria-expanded",String(this.isOpen));const s=new CustomEvent("disclosure-toggle",{bubbles:!0,cancelable:!0,detail:{isOpen:this.isOpen,id:this.id,options:this.options,target:this.element}});this.trigger.dispatchEvent(s)},this.handleMouse=t=>{const{currentTarget:e,type:i,relatedTarget:s}=t;if("mouseover"===i||"mouseout"===i){const t=this.trigger.parentNode;if(t!==e||t.contains(s))return}else if(this.trigger!==e)return;const{shouldPreventDefault:r}=this.options;this.handleToggle(),r&&(t.preventDefault(),t.stopPropagation())},this.handleKeyboard=t=>{const{key:e,target:i}=t;if(this.trigger!==i)return;const{isOpen:s}=this,{shouldPreventDefault:r}=this.options;switch(e){case"ArrowDown":case"Enter":s||this.handleToggle(),r&&t.preventDefault();break;case"ArrowUp":case"Escape":s&&this.handleToggle(),r&&t.preventDefault()}},this.attach=()=>{if(this.attached)return;const{clickEvent:t}=this.options;if("mouseover"===t){const t=this.trigger.parentNode;t.addEventListener("mouseover",this.handleMouse),t.addEventListener("mouseout",this.handleMouse)}else this.trigger.addEventListener("click",this.handleMouse);this.trigger.addEventListener("keydown",this.handleKeyboard),this.trigger.setAttribute("aria-expanded","false"),this.trigger.hasAttribute("aria-controls")||this.trigger.setAttribute("aria-controls",this.id),this.attached=!0},this.detach=()=>{if(!this.attached)return;this.isOpen&&this.handleToggle();const{clickEvent:t}=this.options;if("mouseover"===t){const t=this.trigger.parentNode;t.removeEventListener("mouseover",this.handleMouse),t.removeEventListener("mouseout",this.handleMouse)}else this.trigger.removeEventListener("click",this.handleMouse);this.trigger.removeEventListener("keydown",this.handleKeyboard),this.trigger.removeAttribute("aria-expanded"),this.attached=!1},this.generatedId=()=>{const e=this.trigger?.textContent?.trim();return e?t(e):""},!e)throw new Error("toggle is required.");if(!i)throw new Error("element is required.");this.options={attribute:"inert",shouldPreventDefault:!0,setInitialAttribute:!0,clickEvent:"click",...s},this.context=r||document,this.trigger=e,this.element=i,this.id=this.element.id||this.generatedId()}}export{e as D};
@@ -0,0 +1 @@
1
+ class e{constructor(){this.attachPopup=(e,t)=>{window.Mixtape.Popups.push({id:e,closefn:t})},this.detachPopup=e=>{window.Mixtape.Popups=window.Mixtape.Popups.filter((t=>t.id!==e))},this.attachMenu=(e,t)=>{window.Mixtape.Menu={context:e,items:t}},this.detachMenu=()=>{window.Mixtape.Menu=null},this.getNextFocusableMenuItem=(e,t=!1)=>t?0===e?window.Mixtape.Menu.items.length-1:e-1:window.Mixtape.Menu.items.length>e+1?e+1:0,this.moveFocus=(e,t=!1)=>{if(!window.Mixtape.Menu.items)return;let i=0;window.Mixtape.Menu.items.forEach(((t,n)=>{t===e&&(i=n)}));let n=this.getNextFocusableMenuItem(i,t),o=window.Mixtape.Menu.items[n].getAttribute("tabindex");if("-1"!==o)window.Mixtape.Menu.items[n].focus();else{for(;"-1"===o;)n=this.getNextFocusableMenuItem(n,t),o=window.Mixtape.Menu.items[n].getAttribute("tabindex");window.Mixtape.Menu.items[n].focus()}window.Mixtape.Menu.active=n},this.handleGlobalClick=({target:e})=>{const t=window.Mixtape.Popups?window.Mixtape.Popups[window.Mixtape.Popups.length-1]:null;if(t&&t.id){const i=document.querySelector(`#${t.id}`).parentElement;if(i&&(e===i||i?.contains(e)))return;t.closefn()}},this.handleGlobalKeydown=e=>{const t=window.Mixtape.Popups?window.Mixtape.Popups[window.Mixtape.Popups.length-1]:null,i=e.target;switch(e.key){case"Escape":t&&t.closefn();break;case"ArrowDown":case"ArrowRight":window.Mixtape.Menu?.items&&(e.preventDefault(),this.moveFocus(i));break;case"ArrowUp":case"ArrowLeft":window.Mixtape.Menu?.items&&(e.preventDefault(),this.moveFocus(i,!0))}},this.attachEventListeners=e=>{window.addEventListener("click",this.handleGlobalClick,{signal:e}),window.addEventListener("keydown",this.handleGlobalKeydown,{signal:e})},window.Mixtape=window.Mixtape||{},window.Mixtape.Popups=window.Mixtape.Popups||[],window.Mixtape.Menu=window.Mixtape.Menu||{}}}export{e as K};
@@ -0,0 +1 @@
1
+ const t=Math.min,e=Math.max,n=Math.round,o=t=>({x:t,y:t});function i(t){return t.split("-")[0]}function r(t){return["top","bottom"].includes(i(t))?"y":"x"}function c(t){const{x:e,y:n,width:o,height:i}=t;return{width:o,height:i,top:n,left:e,right:e+o,bottom:n+i,x:e,y:n}}function l(t,e,n){let{reference:o,floating:c}=t;const l=r(e),s=function(t){return function(t){return"x"===t?"y":"x"}(r(t))}(e),f=function(t){return"y"===t?"height":"width"}(s),u=i(e),a="y"===l,h=o.x+o.width/2-c.width/2,d=o.y+o.height/2-c.height/2,p=o[f]/2-c[f]/2;let g;switch(u){case"top":g={x:h,y:o.y-c.height};break;case"bottom":g={x:h,y:o.y+o.height};break;case"right":g={x:o.x+o.width,y:d};break;case"left":g={x:o.x-c.width,y:d};break;default:g={x:o.x,y:o.y}}switch(function(t){return t.split("-")[1]}(e)){case"start":g[s]-=p*(n&&a?-1:1);break;case"end":g[s]+=p*(n&&a?-1:1)}return g}function s(t){return a(t)?(t.nodeName||"").toLowerCase():"#document"}function f(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function u(t){var e;return null==(e=(a(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function a(t){return t instanceof Node||t instanceof f(t).Node}function h(t){return t instanceof Element||t instanceof f(t).Element}function d(t){return t instanceof HTMLElement||t instanceof f(t).HTMLElement}function p(t){return!(typeof ShadowRoot>"u")&&(t instanceof ShadowRoot||t instanceof f(t).ShadowRoot)}function g(t){const{overflow:e,overflowX:n,overflowY:o,display:i}=b(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!["inline","contents"].includes(i)}function y(t){return["table","td","th"].includes(s(t))}function m(t){return[":popover-open",":modal"].some((e=>{try{return t.matches(e)}catch{return!1}}))}function w(t){const e=x(),n=h(t)?b(t):t;return"none"!==n.transform||"none"!==n.perspective||!!n.containerType&&"normal"!==n.containerType||!e&&!!n.backdropFilter&&"none"!==n.backdropFilter||!e&&!!n.filter&&"none"!==n.filter||["transform","perspective","filter"].some((t=>(n.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(n.contain||"").includes(t)))}function x(){return!(typeof CSS>"u"||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function v(t){return["html","body","#document"].includes(s(t))}function b(t){return f(t).getComputedStyle(t)}function L(t){return h(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function T(t){if("html"===s(t))return t;const e=t.assignedSlot||t.parentNode||p(t)&&t.host||u(t);return p(e)?e.host:e}function R(t){const e=T(t);return v(e)?t.ownerDocument?t.ownerDocument.body:t.body:d(e)&&g(e)?e:R(e)}function E(t,e,n){var o;void 0===e&&(e=[]),void 0===n&&(n=!0);const i=R(t),r=i===(null==(o=t.ownerDocument)?void 0:o.body),c=f(i);return r?e.concat(c,c.visualViewport||[],g(i)?i:[],c.frameElement&&n?E(c.frameElement):[]):e.concat(i,E(i,[],n))}function S(t){const e=b(t);let o=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const r=d(t),c=r?t.offsetWidth:o,l=r?t.offsetHeight:i,s=n(o)!==c||n(i)!==l;return s&&(o=c,i=l),{width:o,height:i,$:s}}function C(t){return h(t)?t:t.contextElement}function D(t){const e=C(t);if(!d(e))return o(1);const i=e.getBoundingClientRect(),{width:r,height:c,$:l}=S(e);let s=(l?n(i.width):i.width)/r,f=(l?n(i.height):i.height)/c;return(!s||!Number.isFinite(s))&&(s=1),(!f||!Number.isFinite(f))&&(f=1),{x:s,y:f}}const k=o(0);function P(t){const e=f(t);return x()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:k}function H(t,e,n,i){void 0===e&&(e=!1),void 0===n&&(n=!1);const r=t.getBoundingClientRect(),l=C(t);let s=o(1);e&&(i?h(i)&&(s=D(i)):s=D(t));const u=function(t,e,n){return void 0===e&&(e=!1),!(!n||e&&n!==f(t))&&e}(l,n,i)?P(l):o(0);let a=(r.left+u.x)/s.x,d=(r.top+u.y)/s.y,p=r.width/s.x,g=r.height/s.y;if(l){const t=f(l),e=i&&h(i)?f(i):i;let n=t,o=n.frameElement;for(;o&&i&&e!==n;){const t=D(o),e=o.getBoundingClientRect(),i=b(o),r=e.left+(o.clientLeft+parseFloat(i.paddingLeft))*t.x,c=e.top+(o.clientTop+parseFloat(i.paddingTop))*t.y;a*=t.x,d*=t.y,p*=t.x,g*=t.y,a+=r,d+=c,n=f(o),o=n.frameElement}}return c({width:p,height:g,x:a,y:d})}function W(t){return H(u(t)).left+L(t).scrollLeft}function F(t,n,i){let r;if("viewport"===n)r=function(t,e){const n=f(t),o=u(t),i=n.visualViewport;let r=o.clientWidth,c=o.clientHeight,l=0,s=0;if(i){r=i.width,c=i.height;const t=x();(!t||t&&"fixed"===e)&&(l=i.offsetLeft,s=i.offsetTop)}return{width:r,height:c,x:l,y:s}}(t,i);else if("document"===n)r=function(t){const n=u(t),o=L(t),i=t.ownerDocument.body,r=e(n.scrollWidth,n.clientWidth,i.scrollWidth,i.clientWidth),c=e(n.scrollHeight,n.clientHeight,i.scrollHeight,i.clientHeight);let l=-o.scrollLeft+W(t);const s=-o.scrollTop;return"rtl"===b(i).direction&&(l+=e(n.clientWidth,i.clientWidth)-r),{width:r,height:c,x:l,y:s}}(u(t));else if(h(n))r=function(t,e){const n=H(t,!0,"fixed"===e),i=n.top+t.clientTop,r=n.left+t.clientLeft,c=d(t)?D(t):o(1);return{width:t.clientWidth*c.x,height:t.clientHeight*c.y,x:r*c.x,y:i*c.y}}(n,i);else{const e=P(t);r={...n,x:n.x-e.x,y:n.y-e.y}}return c(r)}function V(t,e){const n=T(t);return!(n===e||!h(n)||v(n))&&("fixed"===b(n).position||V(n,e))}function B(t,e){const n=e.get(t);if(n)return n;let o=E(t,[],!1).filter((t=>h(t)&&"body"!==s(t))),i=null;const r="fixed"===b(t).position;let c=r?T(t):t;for(;h(c)&&!v(c);){const e=b(c),n=w(c);!n&&"fixed"===e.position&&(i=null),(r?!n&&!i:!n&&"static"===e.position&&i&&["absolute","fixed"].includes(i.position)||g(c)&&!n&&V(t,c))?o=o.filter((t=>t!==c)):i=e,c=T(c)}return e.set(t,o),o}function M(t,e,n){const i=d(e),r=u(e),c="fixed"===n,l=H(t,!0,c,e);let f={scrollLeft:0,scrollTop:0};const a=o(0);if(i||!i&&!c)if(("body"!==s(e)||g(r))&&(f=L(e)),i){const t=H(e,!0,c,e);a.x=t.x+e.clientLeft,a.y=t.y+e.clientTop}else r&&(a.x=W(r));return{x:l.left+f.scrollLeft-a.x,y:l.top+f.scrollTop-a.y,width:l.width,height:l.height}}function N(t){return"static"===b(t).position}function $(t,e){return d(t)&&"fixed"!==b(t).position?e?e(t):t.offsetParent:null}function A(t,e){const n=f(t);if(m(t))return n;if(!d(t)){let e=T(t);for(;e&&!v(e);){if(h(e)&&!N(e))return e;e=T(e)}return n}let o=$(t,e);for(;o&&y(o)&&N(o);)o=$(o,e);return o&&v(o)&&N(o)&&!w(o)?n:o||function(t){let e=T(t);for(;d(e)&&!v(e);){if(w(e))return e;if(m(e))return null;e=T(e)}return null}(t)||n}const O={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:n,offsetParent:i,strategy:r}=t;const c="fixed"===r,l=u(i),f=!!e&&m(e.floating);if(i===l||f&&c)return n;let a={scrollLeft:0,scrollTop:0},h=o(1);const p=o(0),y=d(i);if((y||!y&&!c)&&(("body"!==s(i)||g(l))&&(a=L(i)),d(i))){const t=H(i);h=D(i),p.x=t.x+i.clientLeft,p.y=t.y+i.clientTop}return{width:n.width*h.x,height:n.height*h.y,x:n.x*h.x-a.scrollLeft*h.x+p.x,y:n.y*h.y-a.scrollTop*h.y+p.y}},getDocumentElement:u,getClippingRect:function(n){let{element:o,boundary:i,rootBoundary:r,strategy:c}=n;const l=[..."clippingAncestors"===i?m(o)?[]:B(o,this._c):[].concat(i),r],s=l[0],f=l.reduce(((n,i)=>{const r=F(o,i,c);return n.top=e(r.top,n.top),n.right=t(r.right,n.right),n.bottom=t(r.bottom,n.bottom),n.left=e(r.left,n.left),n}),F(o,s,c));return{width:f.right-f.left,height:f.bottom-f.top,x:f.left,y:f.top}},getOffsetParent:A,getElementRects:async function(t){const e=this.getOffsetParent||A,n=this.getDimensions,o=await n(t.floating);return{reference:M(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:n}=S(t);return{width:e,height:n}},getScale:D,isElement:h,isRTL:function(t){return"rtl"===b(t).direction}},X=(t,e,n)=>{const o=new Map,i={platform:O,...n},r={...i.platform,_c:o};return(async(t,e,n)=>{const{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:c}=n,s=r.filter(Boolean),f=await(null==c.isRTL?void 0:c.isRTL(e));let u=await c.getElementRects({reference:t,floating:e,strategy:i}),{x:a,y:h}=l(u,o,f),d=o,p={},g=0;for(let n=0;n<s.length;n++){const{name:r,fn:y}=s[n],{x:m,y:w,data:x,reset:v}=await y({x:a,y:h,initialPlacement:o,placement:d,strategy:i,middlewareData:p,rects:u,platform:c,elements:{reference:t,floating:e}});a=m??a,h=w??h,p={...p,[r]:{...p[r],...x}},v&&g<=50&&(g++,"object"==typeof v&&(v.placement&&(d=v.placement),v.rects&&(u=!0===v.rects?await c.getElementRects({reference:t,floating:e,strategy:i}):v.rects),({x:a,y:h}=l(u,d,f))),n=-1)}return{x:a,y:h,placement:d,strategy:i,middlewareData:p}})(t,e,{...i,platform:r})};class Y{constructor(t){this.popover=t,this.trigger=document.querySelector(`[popovertarget="${t.getAttribute("id")}"`),this.positionPopover=this.positionPopover.bind(this),this.popover.addEventListener("toggle",this.positionPopover)}positionPopover=({newState:t})=>{"open"===t&&X(this.trigger,this.popover,{placement:"bottom-start"}).then((({x:t,y:e})=>{this.popover.style.insetInlineStart=`${t}px`,this.popover.style.insetBlockStart=`${e}px`}))}}export{Y as default};
@@ -0,0 +1 @@
1
+ var e=class extends Event{oldState;newState;constructor(e,{oldState:t="",newState:n="",...o}={}){super(e,o),this.oldState=String(t||""),this.newState=String(n||"")}},t=new WeakMap;function n(n,o,r){t.set(n,setTimeout((()=>{t.has(n)&&n.dispatchEvent(new e("toggle",{cancelable:!1,oldState:o,newState:r}))}),0))}var o=globalThis.ShadowRoot||function(){},r=globalThis.HTMLDialogElement||function(){},i=new WeakMap,a=new WeakMap,s=new WeakMap;function c(e){return s.get(e)||"hidden"}var l=new WeakMap;function p(e,t){return!("auto"!==e.popover&&"manual"!==e.popover||!e.isConnected||t&&"showing"!==c(e)||!t&&"hidden"!==c(e)||e instanceof r&&e.hasAttribute("open")||document.fullscreenElement===e)}function u(e){return e?Array.from(a.get(e.ownerDocument)||[]).indexOf(e)+1:0}function f(e){const t=g(e),n=function(e){for(;e;){const t=e.popoverTargetElement;if(t instanceof HTMLElement)return t;if((e=e.parentElement||h(e))instanceof o&&(e=e.host),e instanceof Document)return}}(e);return u(t)>u(n)?t:n}function d(e){const t=a.get(e);for(const e of t||[]){if(e.isConnected)return e;t.delete(e)}return null}function h(e){return"function"==typeof e.getRootNode?e.getRootNode():e.parentNode?h(e.parentNode):e}function g(e){for(;e;){if(e instanceof HTMLElement&&"auto"===e.popover&&"showing"===s.get(e))return e;if((e=e instanceof Element&&e.assignedSlot||e.parentElement||h(e))instanceof o&&(e=e.host),e instanceof Document)return}}function m(e){return!(e.hidden||e instanceof o||(e instanceof HTMLButtonElement||e instanceof HTMLInputElement||e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement||e instanceof HTMLOptGroupElement||e instanceof HTMLOptionElement||e instanceof HTMLFieldSetElement)&&e.disabled||e instanceof HTMLInputElement&&"hidden"===e.type||e instanceof HTMLAnchorElement&&""===e.href)&&("number"==typeof e.tabIndex&&-1!==e.tabIndex)}function v(e){(function(e){if(e.shadowRoot&&!0!==e.shadowRoot.delegatesFocus)return null;let t=e;t.shadowRoot&&(t=t.shadowRoot);let n=t.querySelector("[autofocus]");if(n)return n;{const e=t.querySelectorAll("slot");for(const t of e){const e=t.assignedElements({flatten:!0});for(const t of e){if(t.hasAttribute("autofocus"))return t;if(n=t.querySelector("[autofocus]"),n)return n}}}const o=e.ownerDocument.createTreeWalker(t,NodeFilter.SHOW_ELEMENT);let r=o.currentNode;for(;r;){if(m(r))return r;r=o.nextNode()}})(e)?.focus()}var w=new WeakMap;function b(t){if(!p(t,!1))return;const o=t.ownerDocument;if(!t.dispatchEvent(new e("beforetoggle",{cancelable:!0,oldState:"closed",newState:"open"}))||!p(t,!1))return;let r=!1;if("auto"===t.popover){const e=t.getAttribute("popover"),n=function(e){const t=new Map;let n=0;for(const o of a.get(e.ownerDocument)||[])t.set(o,n),n+=1;t.set(e,n),n+=1;let o=null;return function(e){const n=g(e);if(null===n)return null;const r=t.get(n);(null===o||t.get(o)<r)&&(o=n)}(e.parentElement||h(e)),o}(t)||o;if(S(n,!1,!0),e!==t.getAttribute("popover")||!p(t,!1))return}d(o)||(r=!0),w.delete(t);const c=o.activeElement;t.classList.add(":popover-open"),s.set(t,"showing"),i.has(o)||i.set(o,new Set),i.get(o).add(t),v(t),"auto"===t.popover&&(a.has(o)||a.set(o,new Set),a.get(o).add(t),A(l.get(t),!0)),r&&c&&"auto"===t.popover&&w.set(t,c),n(t,"closed","open")}function E(t,o=!1,r=!1){if(!p(t,!0))return;const c=t.ownerDocument;if("auto"===t.popover&&(S(t,o,r),!p(t,!0))||(A(l.get(t),!1),l.delete(t),r&&(t.dispatchEvent(new e("beforetoggle",{oldState:"open",newState:"closed"})),!p(t,!0))))return;i.get(c)?.delete(t),a.get(c)?.delete(t),t.classList.remove(":popover-open"),s.set(t,"hidden"),r&&n(t,"open","closed");const u=w.get(t);u&&(w.delete(t),o&&u.focus())}function y(e,t=!1,n=!1){let o=d(e);for(;o;)E(o,t,n),o=d(e)}function S(e,t,n){const o=e.ownerDocument||e;if(e instanceof Document)return y(o,t,n);let r=null,i=!1;for(const t of a.get(o)||[])if(t===e)i=!0;else if(i){r=t;break}if(!i)return y(o,t,n);for(;r&&"showing"===c(r)&&a.get(o)?.size;)E(r,t,n)}var T=new WeakMap;function M(e){if(!e.isTrusted)return;const t=e.composedPath()[0];if(!t)return;const n=t.ownerDocument;if(!d(n))return;const o=f(t);if(o&&"pointerdown"===e.type)T.set(n,o);else if("pointerup"===e.type){const e=T.get(n)===o;T.delete(n),e&&S(o||n,!1,!0)}}var L=new WeakMap;function A(e,t=!1){if(!e)return;L.has(e)||L.set(e,e.getAttribute("aria-expanded"));const n=e.popoverTargetElement;if(n instanceof HTMLElement&&"auto"===n.popover)e.setAttribute("aria-expanded",String(t));else{const t=L.get(e);t?e.setAttribute("aria-expanded",t):e.removeAttribute("aria-expanded")}}var H=globalThis.ShadowRoot||function(){};function k(e,t,n){const o=e[t];Object.defineProperty(e,t,{value(e){return o.call(this,n(e))}})}var D=/(^|[^\\]):popover-open\b/g;function x(){const e="function"==typeof globalThis.CSSLayerBlockRule;return`\n${e?"@layer popover-polyfill {":""}\n :where([popover]) {\n position: fixed;\n z-index: 2147483647;\n inset: 0;\n padding: 0.25em;\n width: fit-content;\n height: fit-content;\n border-width: initial;\n border-color: initial;\n border-image: initial;\n border-style: solid;\n background-color: canvas;\n color: canvastext;\n overflow: auto;\n margin: auto;\n }\n\n :where([popover]:not(.\\:popover-open)) {\n display: none;\n }\n\n :where(dialog[popover].\\:popover-open) {\n display: block;\n }\n\n :where(dialog[popover][open]) {\n display: revert;\n }\n\n :where([anchor].\\:popover-open) {\n inset: auto;\n }\n\n :where([anchor]:popover-open) {\n inset: auto;\n }\n\n @supports not (background-color: canvas) {\n :where([popover]) {\n background-color: white;\n color: black;\n }\n }\n\n @supports (width: -moz-fit-content) {\n :where([popover]) {\n width: -moz-fit-content;\n height: -moz-fit-content;\n }\n }\n\n @supports not (inset: 0) {\n :where([popover]) {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n }\n${e?"}":""}\n`}var R=null;function N(e){const t=x();if(null===R)try{(R=new CSSStyleSheet).replaceSync(t)}catch{R=!1}if(!1===R){const n=document.createElement("style");n.textContent=t,e instanceof Document?e.head.prepend(n):e.prepend(n)}else e.adoptedStyleSheets=[R,...e.adoptedStyleSheets]}typeof HTMLElement<"u"&&"object"==typeof HTMLElement.prototype&&"popover"in HTMLElement.prototype||function(){if(typeof window>"u")return;function t(e){return e?.includes(":popover-open")&&(e=e.replace(D,"$1.\\:popover-open")),e}window.ToggleEvent=window.ToggleEvent||e,k(Document.prototype,"querySelector",t),k(Document.prototype,"querySelectorAll",t),k(Element.prototype,"querySelector",t),k(Element.prototype,"querySelectorAll",t),k(Element.prototype,"matches",t),k(Element.prototype,"closest",t),k(DocumentFragment.prototype,"querySelectorAll",t),Object.defineProperties(HTMLElement.prototype,{popover:{enumerable:!0,configurable:!0,get(){if(!this.hasAttribute("popover"))return null;const e=(this.getAttribute("popover")||"").toLowerCase();return""===e||"auto"==e?"auto":"manual"},set(e){this.setAttribute("popover",e)}},showPopover:{enumerable:!0,configurable:!0,value(){b(this)}},hidePopover:{enumerable:!0,configurable:!0,value(){E(this,!0,!0)}},togglePopover:{enumerable:!0,configurable:!0,value(e){"showing"===s.get(this)&&void 0===e||!1===e?E(this,!0,!0):(void 0===e||!0===e)&&b(this)}}});const n=Element.prototype.attachShadow;n&&Object.defineProperties(Element.prototype,{attachShadow:{enumerable:!0,configurable:!0,writable:!0,value(e){const t=n.call(this,e);return N(t),t}}});const o=HTMLElement.prototype.attachInternals;o&&Object.defineProperties(HTMLElement.prototype,{attachInternals:{enumerable:!0,configurable:!0,writable:!0,value(){const e=o.call(this);return e.shadowRoot&&N(e.shadowRoot),e}}});const r=new WeakMap;function i(e){Object.defineProperties(e.prototype,{popoverTargetElement:{enumerable:!0,configurable:!0,set(e){if(null===e)this.removeAttribute("popovertarget"),r.delete(this);else{if(!(e instanceof Element))throw new TypeError("popoverTargetElement must be an element or null");this.setAttribute("popovertarget",""),r.set(this,e)}},get(){if("button"!==this.localName&&"input"!==this.localName||"input"===this.localName&&"reset"!==this.type&&"image"!==this.type&&"button"!==this.type||this.disabled||this.form&&"submit"===this.type)return null;const e=r.get(this);if(e&&e.isConnected)return e;if(e&&!e.isConnected)return r.delete(this),null;const t=h(this),n=this.getAttribute("popovertarget");return(t instanceof Document||t instanceof H)&&n&&t.getElementById(n)||null}},popoverTargetAction:{enumerable:!0,configurable:!0,get(){const e=(this.getAttribute("popovertargetaction")||"").toLowerCase();return"show"===e||"hide"===e?e:"toggle"},set(e){this.setAttribute("popovertargetaction",e)}}})}i(HTMLButtonElement),i(HTMLInputElement);const a=e=>{const t=e.composedPath(),n=t[0];if(!(n instanceof Element)||n?.shadowRoot)return;const o=h(n);if(!(o instanceof H||o instanceof Document))return;const r=t.find((e=>e.matches?.("[popovertargetaction],[popovertarget]")));return r?(function(e){const t=e.popoverTargetElement;if(!(t instanceof HTMLElement))return;const n=c(t);"show"===e.popoverTargetAction&&"showing"===n||"hide"===e.popoverTargetAction&&"hidden"===n||("showing"===n?E(t,!0,!0):p(t,!1)&&(l.set(t,e),b(t)))}(r),void e.preventDefault()):void 0},u=e=>{const t=e.key,n=e.target;!e.defaultPrevented&&n&&("Escape"===t||"Esc"===t)&&S(n.ownerDocument,!0,!0)};var f;(f=document).addEventListener("click",a),f.addEventListener("keydown",u),f.addEventListener("pointerdown",M),f.addEventListener("pointerup",M),N(document)}();
@@ -0,0 +1,2 @@
1
+ /*! js-cookie v3.0.5 | MIT */
2
+ function e(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)e[n]=r[n]}return e}!function t(r,n){function o(t,o,i){if(!(typeof document>"u")){"number"==typeof(i=e({},n,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var c="";for(var s in i)i[s]&&(c+="; "+s,!0!==i[s]&&(c+="="+i[s].split(";")[0]));return document.cookie=t+"="+r.write(o,t)+c}}return Object.create({set:o,get:function(e){if(!(typeof document>"u"||arguments.length&&!e)){for(var t=document.cookie?document.cookie.split("; "):[],n={},o=0;o<t.length;o++){var i=t[o].split("="),c=i.slice(1).join("=");try{var s=decodeURIComponent(i[0]);if(n[s]=r.read(c,s),e===s)break}catch{}}return e?n[e]:n}},remove:function(t,r){o(t,"",e({},r,{expires:-1}))},withAttributes:function(r){return t(this.converter,e({},this.attributes,r))},withConverter:function(r){return t(e({},this.converter,r),this.attributes)}},{attributes:{value:Object.freeze(n)},converter:{value:Object.freeze(r)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"});const t=class{constructor(e,t){this.init=()=>{this.observer=new IntersectionObserver((e=>{e.forEach((({isIntersecting:e})=>{e&&this.load().catch((e=>this.handleError(e)))}))})),this.observer.observe(this.el),this.fallbackBtn?.addEventListener("click",this.handleClick)},this.load=async()=>{try{await this.callback()}catch(e){this.handleError(e)}this.observer.unobserve(this.el)},this.handleClick=()=>{this.load().catch((e=>this.handleError(e)))},this.handleError=e=>{console.error(e),this.errorMsg?.removeAttribute("hidden")},this.el=e,this.callback=t,this.fallbackBtn=this.el.querySelector("[data-load-fallback]"),this.errorMsg=this.el.querySelector("[data-load-error]")}};t.create=(e,r)=>{Object.hasOwn(window,"once")&&window.once("intersection-loader",e)?.forEach((e=>{new t(e,r).init()}))};const r=(e,t=20)=>{if("string"!=typeof e||!e)return"";let r=e.toLowerCase().trim().replace(/\s+/g,"-").replace(/[^-a-z0-9]/g,"").replace(/[\n\r]+|[\s]{2,}/g,"");return[...Array(6).keys()].forEach((()=>{r.charAt(0).match(/[a-z]/g)||(r=r.substring(1))})),t&&(r=r.substring(0,t+1)),r},n=e=>{try{const t=document.createElement("div");return t.innerHTML=e,t.firstElementChild}catch(e){return console.error(e),null}},o=(e,t,r,n=[])=>{const{target:o,clientY:i,clientX:c}=e,s=o instanceof HTMLOptionElement||o instanceof HTMLSelectElement;if((n?.filter((e=>e===o||e.contains(o)))).length||s)return;const a=new IntersectionObserver((([{boundingClientRect:e}])=>{const{top:t,height:n,width:o,left:s}=e;t<=i&&i<=t+n&&s<=c&&c<=s+o||r(),a.disconnect()}));a.observe(t)},i=(e,t)=>{const{key:r}=e;"Escape"===r&&t()};export{i as a,n as c,o as h,r as m};
@@ -1,120 +1 @@
1
- /* stylelint-disable custom-property-pattern */
2
-
3
- /**
4
- * Variables
5
- */
6
-
7
- :root {
8
- --_hue-primary: 288;
9
- --_hue-accent: 328;
10
- --_hue-info: 288;
11
- --_hue-error: 34;
12
- --_hue-warning: 70;
13
- --_hue-success: 134;
14
- --_hue-outline: 288;
15
-
16
- /* System colours */
17
- --colour-background: lch(100% 0 0);
18
- --colour-background-alt: lch(95% 0 0);
19
- --colour-foreground: lch(0% 0 0);
20
- --colour-foreground-alt: lch(25% 0 0);
21
- --colour-border: lch(90% 0 0);
22
-
23
- /* Brand colors */
24
- --colour-primary: lch(43% 100 var(--_hue-primary));
25
- --colour-primary-light: lch(95% 10 var(--_hue-primary));
26
- --colour-accent: lch(43% 100 var(--_hue-accent));
27
- --colour-accent-light: lch(95% 10 var(--_hue-accent));
28
-
29
- /* Reverse colors */
30
- --colour-foreground-reverse: lch(100% 0 0);
31
- --colour-foreground-alt-reverse: lch(95% 0 0);
32
- --colour-background-reverse: lch(0% 0 0);
33
- --colour-border-reverse: lch(10% 0 0);
34
-
35
- /* State colours */
36
- --colour-error-foreground: lch(40% 100 var(--_hue-error));
37
- --colour-error-background: lch(95% 10 var(--_hue-error));
38
- --colour-success-foreground: lch(45% 100 var(--_hue-success));
39
- --colour-success-background: lch(95% 10 var(--_hue-success));
40
- --colour-warning-foreground: lch(46% 100 var(--_hue-warning));
41
- --colour-warning-background: lch(95% 10 var(--_hue-warning));
42
- --colour-info-foreground: lch(43% 100 var(--_hue-info));
43
- --colour-info-background: lch(95% 10 var(--_hue-info));
44
-
45
- /* Typography */
46
- --font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
47
- --type-ratio: 1.25;
48
- --type-ratio-small: 1.125;
49
- --base-font-size: 1rem;
50
- --font-size: var(--base-font-size);
51
- --font-size-s: calc(var(--base-font-size) / var(--type-ratio-small));
52
- --font-size-xs: calc(var(--font-size-s) / var(--type-ratio-small));
53
- --font-size-sm: calc(var(--base-font-size) * var(--type-ratio-small));
54
- --font-size-m: calc(var(--base-font-size) * var(--type-ratio));
55
- --font-size-l: calc(var(--font-size-m) * var(--type-ratio));
56
- --font-size-xl: calc(var(--font-size-l) * var(--type-ratio));
57
- --font-size-xxl: calc(var(--font-size-xl) * var(--type-ratio));
58
- --font-size-xxxl: calc(var(--font-size-xxl) * var(--type-ratio));
59
- --font-size-diff: 0.3;
60
-
61
- --line-height: 1.6;
62
- --line-height-h: 1.2;
63
- --line-height-ui: 0.9rem;
64
-
65
- --font-weight-normal: 400;
66
- --font-weight-bold: 700;
67
-
68
- /* Spacing */
69
- --spacing-xxxxs: 0.25em;
70
- --spacing-xxxs: 0.5em;
71
- --spacing-xxs: 0.75em;
72
- --spacing-xs: 0.875em;
73
- --spacing-s: 1em;
74
- --spacing-m: 1.5em;
75
- --spacing-l: 2em;
76
- --spacing-xl: 2.5em;
77
- --spacing-xxl: 3em;
78
- --spacing-xxxl: 3.5em;
79
- --spacing-xxxxl: 3.5em;
80
- --spacing-ul: 4.5em;
81
- --spacing-uul: 5em;
82
- --spacing-uuul: 5.5em;
83
-
84
- --outline-width: 0.125rem;
85
- --outline-offset: 0;
86
- --outline-style: solid;
87
- --outline-color: lch(45% 100 var(--_hue-outline));
88
-
89
- /* Layout */
90
- --container-max-width-narrow: 58ch;
91
- --container-max-width: 76ch;
92
- --gap-s: 1em;
93
- --gap: 1.5em;
94
- --gap-l: 2em;
95
- --gap-xl: 2.5em;
96
- --breakpoint-xs: 26.25rem;
97
- --breakpoint-s: 33.75rem;
98
- --breakpoint-m: 45rem;
99
- --breakpoint-l: 59.125rem;
100
- --breakpoint-xl: 68.75rem;
101
-
102
- /* Utility */
103
- --shadow-color: lch(25% 0 0);
104
- --shadow-size: 0.875em;
105
- --shadow-shape: 0 0 var(--shadow-size);
106
- --box-shadow: var(--shadow-shape) var(--shadow-color);
107
- --border-radius: 0.1875rem;
108
- --border-radius-l: 2em;
109
- --border-radius-round: 50%;
110
- --ratio: 16 / 9;
111
- --ease: cubic-bezier(0.25, 0, 0.3, 1);
112
- }
113
-
114
- @media (max-width: 719.98px) {
115
- :root {
116
- --section-xl: var(--spacing-xxl);
117
- }
118
- }
119
-
120
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnN0YW50cy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsOENBQThDOztBQUU5Qzs7RUFFRTs7QUFFRjtFQUNFLG1CQUF1QztFQUN2QyxrQkFBcUM7RUFDckMsZ0JBQWlDO0VBQ2pDLGdCQUFtQztFQUNuQyxrQkFBdUM7RUFDdkMsbUJBQXVDO0VBQ3ZDLG1CQUE0Qzs7RUFFNUMsbUJBQW1CO0VBQ25CLGtDQUE0QztFQUM1QyxxQ0FBbUQ7RUFDbkQsZ0NBQTRDO0VBQzVDLHFDQUFtRDtFQUNuRCw2QkFBNEM7O0VBRTVDLGlCQUFpQjtFQUNqQixrREFBa0Q7RUFDbEQsdURBQXVEO0VBQ3ZELGdEQUFnRDtFQUNoRCxxREFBcUQ7O0VBRXJELG1CQUFtQjtFQUNuQiwwQ0FBdUQ7RUFDdkQsNkNBQThEO0VBQzlELHdDQUF1RDtFQUN2RCxxQ0FBdUQ7O0VBRXZELGtCQUFrQjtFQUNsQix5REFBeUQ7RUFDekQsd0RBQXdEO0VBQ3hELDZEQUE2RDtFQUM3RCw0REFBNEQ7RUFDNUQsNkRBQTZEO0VBQzdELDREQUE0RDtFQUM1RCx1REFBdUQ7RUFDdkQsc0RBQXNEOztFQUV0RCxlQUFlO0VBQ2YsbUdBQW1DO0VBQ25DLGtCQUFzQztFQUN0Qyx5QkFBaUQ7RUFDakQsc0JBQXlDO0VBQ3pDLGtDQUFrQztFQUNsQyxvRUFBb0U7RUFDcEUsa0VBQWtFO0VBQ2xFLHFFQUFxRTtFQUNyRSw4REFBOEQ7RUFDOUQsMkRBQTJEO0VBQzNELDREQUE0RDtFQUM1RCw4REFBOEQ7RUFDOUQsZ0VBQWdFO0VBQ2hFLHFCQUF5Qzs7RUFFekMsa0JBQTRDO0VBQzVDLG9CQUFpRDtFQUNqRCx3QkFBNkM7O0VBRTdDLHlCQUErQztFQUMvQyx1QkFBNkM7O0VBRTdDLFlBQVk7RUFDWix1QkFBNEM7RUFDNUMscUJBQTBDO0VBQzFDLHFCQUF3QztFQUN4QyxxQkFBc0M7RUFDdEMsZ0JBQW9DO0VBQ3BDLGtCQUFvQztFQUNwQyxnQkFBb0M7RUFDcEMsbUJBQXNDO0VBQ3RDLGtCQUF3QztFQUN4QyxxQkFBMEM7RUFDMUMsc0JBQTJDO0VBQzNDLG1CQUFzQztFQUN0QyxrQkFBd0M7RUFDeEMscUJBQTBDOztFQUUxQyx5QkFBK0M7RUFDL0MsbUJBQWlEO0VBQ2pELHNCQUErQztFQUMvQyxpREFBaUQ7O0VBRWpELFdBQVc7RUFDWCxrQ0FBNEQ7RUFDNUQsMkJBQXNEO0VBQ3RELFlBQTRCO0VBQzVCLFlBQTBCO0VBQzFCLFlBQTRCO0VBQzVCLGVBQThCO0VBQzlCLHlCQUF1QztFQUN2Qyx3QkFBcUM7RUFDckMscUJBQXFDO0VBQ3JDLHlCQUFxQztFQUNyQyx5QkFBdUM7O0VBRXZDLFlBQVk7RUFDWiw0QkFBOEM7RUFDOUMsc0JBQTJDO0VBQzNDLHNDQUFzQztFQUN0QyxxREFBcUQ7RUFDckQsMEJBQTBDO0VBQzFDLHNCQUE0QztFQUM1QywwQkFBb0Q7RUFDcEQsZUFBK0I7RUFDL0IscUNBQXFDO0FBQ3ZDOztBQUVBO0VBQ0U7SUFDRSxnQ0FBZ0M7RUFDbEM7QUFDRiIsImZpbGUiOiJjb25zdGFudHMuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyogc3R5bGVsaW50LWRpc2FibGUgY3VzdG9tLXByb3BlcnR5LXBhdHRlcm4gKi9cblxuLyoqXG4gKiBWYXJpYWJsZXNcbiAqL1xuXG46cm9vdCB7XG4gIC0tX2h1ZS1wcmltYXJ5OiB0b2tlbihcImNvbG91ci5wcmltYXJ5XCIpO1xuICAtLV9odWUtYWNjZW50OiB0b2tlbihcImNvbG91ci5hY2NlbnRcIik7XG4gIC0tX2h1ZS1pbmZvOiB0b2tlbihcImNvbG91ci5pbmZvXCIpO1xuICAtLV9odWUtZXJyb3I6IHRva2VuKFwiY29sb3VyLmVycm9yXCIpO1xuICAtLV9odWUtd2FybmluZzogdG9rZW4oXCJjb2xvdXIud2FybmluZ1wiKTtcbiAgLS1faHVlLXN1Y2Nlc3M6IHRva2VuKFwiY29sb3VyLnN1Y2Nlc3NcIik7XG4gIC0tX2h1ZS1vdXRsaW5lOiB0b2tlbihcInV0aWxpdHkub3V0bGluZS5odWVcIik7XG5cbiAgLyogU3lzdGVtIGNvbG91cnMgKi9cbiAgLS1jb2xvdXItYmFja2dyb3VuZDogdG9rZW4oXCJjb2xvdXIubWFpbi5iZ1wiKTtcbiAgLS1jb2xvdXItYmFja2dyb3VuZC1hbHQ6IHRva2VuKFwiY29sb3VyLm1haW4uYmdBbHRcIik7XG4gIC0tY29sb3VyLWZvcmVncm91bmQ6IHRva2VuKFwiY29sb3VyLm1haW4uZmdcIik7XG4gIC0tY29sb3VyLWZvcmVncm91bmQtYWx0OiB0b2tlbihcImNvbG91ci5tYWluLmZnQWx0XCIpO1xuICAtLWNvbG91ci1ib3JkZXI6IHRva2VuKFwiY29sb3VyLm1haW4uYm9yZGVyXCIpO1xuXG4gIC8qIEJyYW5kIGNvbG9ycyAqL1xuICAtLWNvbG91ci1wcmltYXJ5OiBsY2goNDMlIDEwMCB2YXIoLS1faHVlLXByaW1hcnkpKTtcbiAgLS1jb2xvdXItcHJpbWFyeS1saWdodDogbGNoKDk1JSAxMCB2YXIoLS1faHVlLXByaW1hcnkpKTtcbiAgLS1jb2xvdXItYWNjZW50OiBsY2goNDMlIDEwMCB2YXIoLS1faHVlLWFjY2VudCkpO1xuICAtLWNvbG91ci1hY2NlbnQtbGlnaHQ6IGxjaCg5NSUgMTAgdmFyKC0tX2h1ZS1hY2NlbnQpKTtcblxuICAvKiBSZXZlcnNlIGNvbG9ycyAqL1xuICAtLWNvbG91ci1mb3JlZ3JvdW5kLXJldmVyc2U6IHRva2VuKFwiY29sb3VyLnJldmVyc2UuZmdcIik7XG4gIC0tY29sb3VyLWZvcmVncm91bmQtYWx0LXJldmVyc2U6IHRva2VuKFwiY29sb3VyLnJldmVyc2UuZmdBbHRcIik7XG4gIC0tY29sb3VyLWJhY2tncm91bmQtcmV2ZXJzZTogdG9rZW4oXCJjb2xvdXIucmV2ZXJzZS5iZ1wiKTtcbiAgLS1jb2xvdXItYm9yZGVyLXJldmVyc2U6IHRva2VuKFwiY29sb3VyLnJldmVyc2UuYm9yZGVyXCIpO1xuXG4gIC8qIFN0YXRlIGNvbG91cnMgKi9cbiAgLS1jb2xvdXItZXJyb3ItZm9yZWdyb3VuZDogbGNoKDQwJSAxMDAgdmFyKC0tX2h1ZS1lcnJvcikpO1xuICAtLWNvbG91ci1lcnJvci1iYWNrZ3JvdW5kOiBsY2goOTUlIDEwIHZhcigtLV9odWUtZXJyb3IpKTtcbiAgLS1jb2xvdXItc3VjY2Vzcy1mb3JlZ3JvdW5kOiBsY2goNDUlIDEwMCB2YXIoLS1faHVlLXN1Y2Nlc3MpKTtcbiAgLS1jb2xvdXItc3VjY2Vzcy1iYWNrZ3JvdW5kOiBsY2goOTUlIDEwIHZhcigtLV9odWUtc3VjY2VzcykpO1xuICAtLWNvbG91ci13YXJuaW5nLWZvcmVncm91bmQ6IGxjaCg0NiUgMTAwIHZhcigtLV9odWUtd2FybmluZykpO1xuICAtLWNvbG91ci13YXJuaW5nLWJhY2tncm91bmQ6IGxjaCg5NSUgMTAgdmFyKC0tX2h1ZS13YXJuaW5nKSk7XG4gIC0tY29sb3VyLWluZm8tZm9yZWdyb3VuZDogbGNoKDQzJSAxMDAgdmFyKC0tX2h1ZS1pbmZvKSk7XG4gIC0tY29sb3VyLWluZm8tYmFja2dyb3VuZDogbGNoKDk1JSAxMCB2YXIoLS1faHVlLWluZm8pKTtcblxuICAvKiBUeXBvZ3JhcGh5ICovXG4gIC0tZm9udC1mYW1pbHk6IHRva2VuKFwiZm9udC5mYW1pbHlcIik7XG4gIC0tdHlwZS1yYXRpbzogdG9rZW4oXCJmb250LnNpemUucmF0aW9cIik7XG4gIC0tdHlwZS1yYXRpby1zbWFsbDogdG9rZW4oXCJmb250LnNpemUucmF0aW9TbWFsbFwiKTtcbiAgLS1iYXNlLWZvbnQtc2l6ZTogdG9rZW4oXCJmb250LnNpemUuYmFzZVwiKTtcbiAgLS1mb250LXNpemU6IHZhcigtLWJhc2UtZm9udC1zaXplKTtcbiAgLS1mb250LXNpemUtczogY2FsYyh2YXIoLS1iYXNlLWZvbnQtc2l6ZSkgLyB2YXIoLS10eXBlLXJhdGlvLXNtYWxsKSk7XG4gIC0tZm9udC1zaXplLXhzOiBjYWxjKHZhcigtLWZvbnQtc2l6ZS1zKSAvIHZhcigtLXR5cGUtcmF0aW8tc21hbGwpKTtcbiAgLS1mb250LXNpemUtc206IGNhbGModmFyKC0tYmFzZS1mb250LXNpemUpICogdmFyKC0tdHlwZS1yYXRpby1zbWFsbCkpO1xuICAtLWZvbnQtc2l6ZS1tOiBjYWxjKHZhcigtLWJhc2UtZm9udC1zaXplKSAqIHZhcigtLXR5cGUtcmF0aW8pKTtcbiAgLS1mb250LXNpemUtbDogY2FsYyh2YXIoLS1mb250LXNpemUtbSkgKiB2YXIoLS10eXBlLXJhdGlvKSk7XG4gIC0tZm9udC1zaXplLXhsOiBjYWxjKHZhcigtLWZvbnQtc2l6ZS1sKSAqIHZhcigtLXR5cGUtcmF0aW8pKTtcbiAgLS1mb250LXNpemUteHhsOiBjYWxjKHZhcigtLWZvbnQtc2l6ZS14bCkgKiB2YXIoLS10eXBlLXJhdGlvKSk7XG4gIC0tZm9udC1zaXplLXh4eGw6IGNhbGModmFyKC0tZm9udC1zaXplLXh4bCkgKiB2YXIoLS10eXBlLXJhdGlvKSk7XG4gIC0tZm9udC1zaXplLWRpZmY6IHRva2VuKFwiZm9udC5zaXplLmRpZmZcIik7XG5cbiAgLS1saW5lLWhlaWdodDogdG9rZW4oXCJmb250LmxpbmVIZWlnaHQubWFpblwiKTtcbiAgLS1saW5lLWhlaWdodC1oOiB0b2tlbihcImZvbnQubGluZUhlaWdodC5oZWFkaW5nXCIpO1xuICAtLWxpbmUtaGVpZ2h0LXVpOiB0b2tlbihcImZvbnQubGluZUhlaWdodC51aVwiKTtcblxuICAtLWZvbnQtd2VpZ2h0LW5vcm1hbDogdG9rZW4oXCJmb250LndlaWdodC5tYWluXCIpO1xuICAtLWZvbnQtd2VpZ2h0LWJvbGQ6IHRva2VuKFwiZm9udC53ZWlnaHQuYm9sZFwiKTtcblxuICAvKiBTcGFjaW5nICovXG4gIC0tc3BhY2luZy14eHh4czogdG9rZW4oXCJzaXplLnNwYWNpbmcueHh4eHNcIik7XG4gIC0tc3BhY2luZy14eHhzOiB0b2tlbihcInNpemUuc3BhY2luZy54eHhzXCIpO1xuICAtLXNwYWNpbmcteHhzOiB0b2tlbihcInNpemUuc3BhY2luZy54eHNcIik7XG4gIC0tc3BhY2luZy14czogdG9rZW4oXCJzaXplLnNwYWNpbmcueHNcIik7XG4gIC0tc3BhY2luZy1zOiB0b2tlbihcInNpemUuc3BhY2luZy5zXCIpO1xuICAtLXNwYWNpbmctbTogdG9rZW4oXCJzaXplLnNwYWNpbmcubVwiKTtcbiAgLS1zcGFjaW5nLWw6IHRva2VuKFwic2l6ZS5zcGFjaW5nLmxcIik7XG4gIC0tc3BhY2luZy14bDogdG9rZW4oXCJzaXplLnNwYWNpbmcueGxcIik7XG4gIC0tc3BhY2luZy14eGw6IHRva2VuKFwic2l6ZS5zcGFjaW5nLnh4bFwiKTtcbiAgLS1zcGFjaW5nLXh4eGw6IHRva2VuKFwic2l6ZS5zcGFjaW5nLnh4eGxcIik7XG4gIC0tc3BhY2luZy14eHh4bDogdG9rZW4oXCJzaXplLnNwYWNpbmcueHh4bFwiKTtcbiAgLS1zcGFjaW5nLXVsOiB0b2tlbihcInNpemUuc3BhY2luZy51bFwiKTtcbiAgLS1zcGFjaW5nLXV1bDogdG9rZW4oXCJzaXplLnNwYWNpbmcudXVsXCIpO1xuICAtLXNwYWNpbmctdXV1bDogdG9rZW4oXCJzaXplLnNwYWNpbmcudXV1bFwiKTtcblxuICAtLW91dGxpbmUtd2lkdGg6IHRva2VuKFwidXRpbGl0eS5vdXRsaW5lLndpZHRoXCIpO1xuICAtLW91dGxpbmUtb2Zmc2V0OiB0b2tlbihcInV0aWxpdHkub3V0bGluZS5vZmZzZXRcIik7XG4gIC0tb3V0bGluZS1zdHlsZTogdG9rZW4oXCJ1dGlsaXR5Lm91dGxpbmUuc3R5bGVcIik7XG4gIC0tb3V0bGluZS1jb2xvcjogbGNoKDQ1JSAxMDAgdmFyKC0tX2h1ZS1vdXRsaW5lKSk7XG5cbiAgLyogTGF5b3V0ICovXG4gIC0tY29udGFpbmVyLW1heC13aWR0aC1uYXJyb3c6IHRva2VuKFwic2l6ZS5jb250YWluZXIubmFycm93XCIpO1xuICAtLWNvbnRhaW5lci1tYXgtd2lkdGg6IHRva2VuKFwic2l6ZS5jb250YWluZXIuYWxpZ25lZFwiKTtcbiAgLS1nYXAtczogdG9rZW4oXCJzaXplLmdhcC5zXCIpO1xuICAtLWdhcDogdG9rZW4oXCJzaXplLmdhcC5tXCIpO1xuICAtLWdhcC1sOiB0b2tlbihcInNpemUuZ2FwLmxcIik7XG4gIC0tZ2FwLXhsOiB0b2tlbihcInNpemUuZ2FwLnhsXCIpO1xuICAtLWJyZWFrcG9pbnQteHM6IHRva2VuKFwiYnJlYWtwb2ludC54c1wiKTtcbiAgLS1icmVha3BvaW50LXM6IHRva2VuKFwiYnJlYWtwb2ludC5zXCIpO1xuICAtLWJyZWFrcG9pbnQtbTogdG9rZW4oXCJicmVha3BvaW50Lm1cIik7XG4gIC0tYnJlYWtwb2ludC1sOiB0b2tlbihcImJyZWFrcG9pbnQubFwiKTtcbiAgLS1icmVha3BvaW50LXhsOiB0b2tlbihcImJyZWFrcG9pbnQueGxcIik7XG5cbiAgLyogVXRpbGl0eSAqL1xuICAtLXNoYWRvdy1jb2xvcjogdG9rZW4oXCJ1dGlsaXR5LnNoYWRvdy5jb2xvdXJcIik7XG4gIC0tc2hhZG93LXNpemU6IHRva2VuKFwidXRpbGl0eS5zaGFkb3cuc2l6ZVwiKTtcbiAgLS1zaGFkb3ctc2hhcGU6IDAgMCB2YXIoLS1zaGFkb3ctc2l6ZSk7XG4gIC0tYm94LXNoYWRvdzogdmFyKC0tc2hhZG93LXNoYXBlKSB2YXIoLS1zaGFkb3ctY29sb3IpO1xuICAtLWJvcmRlci1yYWRpdXM6IHRva2VuKFwidXRpbGl0eS5yYWRpdXMubVwiKTtcbiAgLS1ib3JkZXItcmFkaXVzLWw6IHRva2VuKFwidXRpbGl0eS5yYWRpdXMubFwiKTtcbiAgLS1ib3JkZXItcmFkaXVzLXJvdW5kOiB0b2tlbihcInV0aWxpdHkucmFkaXVzLnJvdW5kXCIpO1xuICAtLXJhdGlvOiB0b2tlbihcInV0aWxpdHkucmF0aW9cIik7XG4gIC0tZWFzZTogY3ViaWMtYmV6aWVyKDAuMjUsIDAsIDAuMywgMSk7XG59XG5cbkBtZWRpYSAoLS1tZWRpdW0tZG93bikge1xuICA6cm9vdCB7XG4gICAgLS1zZWN0aW9uLXhsOiB2YXIoLS1zcGFjaW5nLXh4bCk7XG4gIH1cbn1cbiJdfQ== */
1
+ :root{--_hue-primary: 288;--_hue-accent: 328;--_hue-info: 288;--_hue-error: 34;--_hue-warning: 70;--_hue-success: 134;--_hue-outline: 288;--colour-background: lch(100% 0 0);--colour-background-alt: lch(95% 0 0);--colour-foreground: lch(0% 0 0);--colour-foreground-alt: lch(25% 0 0);--colour-border: lch(90% 0 0);--colour-primary: lch(43% 100 var(--_hue-primary));--colour-primary-light: lch(95% 10 var(--_hue-primary));--colour-accent: lch(43% 100 var(--_hue-accent));--colour-accent-light: lch(95% 10 var(--_hue-accent));--colour-foreground-reverse: lch(100% 0 0);--colour-foreground-alt-reverse: lch(95% 0 0);--colour-background-reverse: lch(0% 0 0);--colour-border-reverse: lch(10% 0 0);--colour-error-foreground: lch(40% 100 var(--_hue-error));--colour-error-background: lch(95% 10 var(--_hue-error));--colour-success-foreground: lch(45% 100 var(--_hue-success));--colour-success-background: lch(95% 10 var(--_hue-success));--colour-warning-foreground: lch(46% 100 var(--_hue-warning));--colour-warning-background: lch(95% 10 var(--_hue-warning));--colour-info-foreground: lch(43% 100 var(--_hue-info));--colour-info-background: lch(95% 10 var(--_hue-info));--font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;--type-ratio: 1.25;--type-ratio-small: 1.125;--base-font-size: 1rem;--font-size: var(--base-font-size);--font-size-s: calc(var(--base-font-size) / var(--type-ratio-small));--font-size-xs: calc(var(--font-size-s) / var(--type-ratio-small));--font-size-sm: calc(var(--base-font-size) * var(--type-ratio-small));--font-size-m: calc(var(--base-font-size) * var(--type-ratio));--font-size-l: calc(var(--font-size-m) * var(--type-ratio));--font-size-xl: calc(var(--font-size-l) * var(--type-ratio));--font-size-xxl: calc(var(--font-size-xl) * var(--type-ratio));--font-size-xxxl: calc(var(--font-size-xxl) * var(--type-ratio));--font-size-diff: .3;--line-height: 1.6;--line-height-h: 1.2;--line-height-ui: .9rem;--font-weight-normal: 400;--font-weight-bold: 700;--spacing-xxxxs: .25em;--spacing-xxxs: .5em;--spacing-xxs: .75em;--spacing-xs: .875em;--spacing-s: 1em;--spacing-m: 1.5em;--spacing-l: 2em;--spacing-xl: 2.5em;--spacing-xxl: 3em;--spacing-xxxl: 3.5em;--spacing-xxxxl: 3.5em;--spacing-ul: 4.5em;--spacing-uul: 5em;--spacing-uuul: 5.5em;--outline-width: .125rem;--outline-offset: 0;--outline-style: solid;--outline-color: lch(45% 100 var(--_hue-outline));--container-max-width-narrow: 58ch;--container-max-width: 76ch;--gap-s: 1em;--gap: 1.5em;--gap-l: 2em;--gap-xl: 2.5em;--breakpoint-xs: 26.25rem;--breakpoint-s: 33.75rem;--breakpoint-m: 45rem;--breakpoint-l: 59.125rem;--breakpoint-xl: 68.75rem;--shadow-color: lch(25% 0 0);--shadow-size: .875em;--shadow-shape: 0 0 var(--shadow-size);--box-shadow: var(--shadow-shape) var(--shadow-color);--border-radius: .1875rem;--border-radius-l: 2em;--border-radius-round: 50%;--ratio: 16 / 9;--ease: cubic-bezier(.25, 0, .3, 1)}@media (max-width: 719.98px){:root{--section-xl: var(--spacing-xxl)}}