@amsterdam/design-system-css 0.1.4 → 0.1.6

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 (128) hide show
  1. package/README.md +1 -1
  2. package/dist/accordion/accordion.css +1 -69
  3. package/dist/accordion/accordion.css.map +1 -1
  4. package/dist/aspect-ratio/aspect-ratio.css +30 -0
  5. package/dist/aspect-ratio/aspect-ratio.css.map +1 -0
  6. package/dist/blockquote/blockquote.css +1 -0
  7. package/dist/blockquote/blockquote.css.map +1 -0
  8. package/dist/breadcrumb/breadcrumb.css +1 -0
  9. package/dist/breadcrumb/breadcrumb.css.map +1 -0
  10. package/dist/button/button.css +1 -706
  11. package/dist/button/button.css.map +1 -1
  12. package/dist/buttons/button/button.css +729 -0
  13. package/dist/buttons/button/button.css.map +1 -0
  14. package/dist/card/card.css +56 -0
  15. package/dist/card/card.css.map +1 -0
  16. package/dist/checkbox/checkbox.css +1 -0
  17. package/dist/checkbox/checkbox.css.map +1 -0
  18. package/dist/containers/accordion/accordion.css +69 -0
  19. package/dist/containers/accordion/accordion.css.map +1 -0
  20. package/dist/containers/footer/footer.css +35 -0
  21. package/dist/containers/footer/footer.css.map +1 -0
  22. package/dist/containers/visually-hidden/visually-hidden.css +18 -0
  23. package/dist/containers/visually-hidden/visually-hidden.css.map +1 -0
  24. package/dist/footer/footer.css +1 -0
  25. package/dist/footer/footer.css.map +1 -0
  26. package/dist/form-label/form-label.css +1 -26
  27. package/dist/form-label/form-label.css.map +1 -1
  28. package/dist/forms/checkbox/checkbox.css +170 -0
  29. package/dist/forms/checkbox/checkbox.css.map +1 -0
  30. package/dist/forms/form-label/form-label.css +26 -0
  31. package/dist/forms/form-label/form-label.css.map +1 -0
  32. package/dist/grid/grid-cell.css +1 -0
  33. package/dist/grid/grid-cell.css.map +1 -0
  34. package/dist/grid/page-grid.css +1 -0
  35. package/dist/grid/page-grid.css.map +1 -0
  36. package/dist/heading/heading.css +1 -64
  37. package/dist/heading/heading.css.map +1 -1
  38. package/dist/hero/hero.css +1 -0
  39. package/dist/hero/hero.css.map +1 -0
  40. package/dist/icon/icon.css +1 -122
  41. package/dist/icon/icon.css.map +1 -1
  42. package/dist/index.css +1 -0
  43. package/dist/index.css.map +1 -0
  44. package/dist/layout/grid-cell/grid-cell.css +88 -0
  45. package/dist/layout/grid-cell/grid-cell.css.map +1 -0
  46. package/dist/layout/page-grid/page-grid.css +26 -0
  47. package/dist/layout/page-grid/page-grid.css.map +1 -0
  48. package/dist/link/link.css +1 -97
  49. package/dist/link/link.css.map +1 -1
  50. package/dist/media/icon/icon.css +122 -0
  51. package/dist/media/icon/icon.css.map +1 -0
  52. package/dist/navigation/breadcrumb/breadcrumb.css +67 -0
  53. package/dist/navigation/breadcrumb/breadcrumb.css.map +1 -0
  54. package/dist/navigation/link/link.css +111 -0
  55. package/dist/navigation/link/link.css.map +1 -0
  56. package/dist/navigation/page-menu/page-menu.css +83 -0
  57. package/dist/navigation/page-menu/page-menu.css.map +1 -0
  58. package/dist/navigation/top-task-link/top-task-link.css +59 -0
  59. package/dist/navigation/top-task-link/top-task-link.css.map +1 -0
  60. package/dist/ordered-list/ordered-list.css +1 -0
  61. package/dist/ordered-list/ordered-list.css.map +1 -0
  62. package/dist/page-heading/page-heading.css +1 -0
  63. package/dist/page-heading/page-heading.css.map +1 -0
  64. package/dist/page-menu/page-menu.css +1 -0
  65. package/dist/page-menu/page-menu.css.map +1 -0
  66. package/dist/paragraph/paragraph.css +1 -49
  67. package/dist/paragraph/paragraph.css.map +1 -1
  68. package/dist/switch/switch.css +59 -0
  69. package/dist/switch/switch.css.map +1 -0
  70. package/dist/testula/testula.css +9 -0
  71. package/dist/testula/testula.css.map +1 -0
  72. package/dist/text/blockquote/blockquote.css +43 -0
  73. package/dist/text/blockquote/blockquote.css.map +1 -0
  74. package/dist/text/heading/heading.css +67 -0
  75. package/dist/text/heading/heading.css.map +1 -0
  76. package/dist/text/ordered-list/ordered-list.css +54 -0
  77. package/dist/text/ordered-list/ordered-list.css.map +1 -0
  78. package/dist/text/page-heading/page-heading.css +34 -0
  79. package/dist/text/page-heading/page-heading.css.map +1 -0
  80. package/dist/text/paragraph/paragraph.css +53 -0
  81. package/dist/text/paragraph/paragraph.css.map +1 -0
  82. package/dist/text/unordered-list/unordered-list.css +54 -0
  83. package/dist/text/unordered-list/unordered-list.css.map +1 -0
  84. package/dist/top-task-link/top-task-link.css +1 -0
  85. package/dist/top-task-link/top-task-link.css.map +1 -0
  86. package/dist/unordered-list/unordered-list.css +1 -47
  87. package/dist/unordered-list/unordered-list.css.map +1 -1
  88. package/dist/visually-hidden/visually-hidden.css +1 -0
  89. package/dist/visually-hidden/visually-hidden.css.map +1 -0
  90. package/package.json +7 -6
  91. package/src/accordion/README.md +25 -2
  92. package/src/accordion/accordion.scss +2 -2
  93. package/src/blockquote/README.md +14 -0
  94. package/src/blockquote/blockquote.scss +41 -0
  95. package/src/breadcrumb/README.md +15 -0
  96. package/src/breadcrumb/breadcrumb.scss +68 -0
  97. package/src/button/button.scss +36 -4
  98. package/src/checkbox/README.md +27 -0
  99. package/src/checkbox/checkbox-css.md +3 -0
  100. package/src/checkbox/checkbox.scss +225 -0
  101. package/src/footer/README.md +11 -0
  102. package/src/footer/footer-css.md +11 -0
  103. package/src/footer/footer.scss +29 -0
  104. package/src/form-label/form-label.scss +2 -2
  105. package/src/grid/README.md +11 -0
  106. package/src/grid/grid-cell.scss +18 -0
  107. package/src/grid/page-grid.scss +19 -0
  108. package/src/heading/heading.scss +18 -15
  109. package/src/icon/icon.scss +10 -10
  110. package/src/index.scss +19 -0
  111. package/src/link/README.md +28 -12
  112. package/src/link/link.scss +61 -36
  113. package/src/ordered-list/README.md +7 -0
  114. package/src/ordered-list/ordered-list.scss +53 -0
  115. package/src/page-heading/README.md +16 -0
  116. package/src/page-heading/page-heading.scss +31 -0
  117. package/src/page-menu/README.md +15 -0
  118. package/src/page-menu/page-menu.scss +79 -0
  119. package/src/paragraph/paragraph.scss +12 -8
  120. package/src/top-task-link/README.md +15 -0
  121. package/src/top-task-link/top-task-link.scss +55 -0
  122. package/src/unordered-list/README.md +5 -13
  123. package/src/unordered-list/unordered-list.scss +26 -17
  124. package/src/visually-hidden/README.md +5 -0
  125. package/src/visually-hidden/visually-hidden.scss +17 -0
  126. package/dist/list/list.css +0 -12
  127. package/dist/list/list.css.map +0 -1
  128. package/src/list/list.scss +0 -16
@@ -1,122 +1 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- /**
6
- * @license EUPL-1.2+
7
- * Copyright (c) 2023 Gemeente Amsterdam
8
- */
9
- /*
10
- The breakpoint is 854px / 16 = 53.375rems
11
- https://developer.mozilla.org/en-US/docs/Web/CSS/@media#accessibility_concerns
12
- */
13
- .amsterdam-icon {
14
- align-items: center;
15
- display: inline-flex;
16
- }
17
-
18
- .amsterdam-icon svg {
19
- fill: currentColor;
20
- }
21
-
22
- .amsterdam-icon-size-3 {
23
- height: calc(var(--amsterdam-icon-size-3-icon-size-narrow) * var(--amsterdam-icon-size-3-container-multiplier));
24
- }
25
- @media screen and (width > 53.375rem) {
26
- .amsterdam-icon-size-3 {
27
- height: calc(var(--amsterdam-icon-size-3-icon-size-wide) * var(--amsterdam-icon-size-3-container-multiplier));
28
- }
29
- }
30
-
31
- .amsterdam-icon-size-3 svg {
32
- height: var(--amsterdam-icon-size-3-icon-size-narrow);
33
- width: var(--amsterdam-icon-size-3-icon-size-narrow);
34
- }
35
- @media screen and (width > 53.375rem) {
36
- .amsterdam-icon-size-3 svg {
37
- height: var(--amsterdam-icon-size-3-icon-size-wide);
38
- width: var(--amsterdam-icon-size-3-icon-size-wide);
39
- }
40
- }
41
-
42
- .amsterdam-icon-size-4 {
43
- height: calc(var(--amsterdam-icon-size-4-icon-size-narrow) * var(--amsterdam-icon-size-4-container-multiplier));
44
- }
45
- @media screen and (width > 53.375rem) {
46
- .amsterdam-icon-size-4 {
47
- height: calc(var(--amsterdam-icon-size-4-icon-size-wide) * var(--amsterdam-icon-size-4-container-multiplier));
48
- }
49
- }
50
-
51
- .amsterdam-icon-size-4 svg {
52
- height: var(--amsterdam-icon-size-4-icon-size-narrow);
53
- width: var(--amsterdam-icon-size-4-icon-size-narrow);
54
- }
55
- @media screen and (width > 53.375rem) {
56
- .amsterdam-icon-size-4 svg {
57
- height: var(--amsterdam-icon-size-4-icon-size-wide);
58
- width: var(--amsterdam-icon-size-4-icon-size-wide);
59
- }
60
- }
61
-
62
- .amsterdam-icon-size-5 {
63
- height: calc(var(--amsterdam-icon-size-5-icon-size-narrow) * var(--amsterdam-icon-size-5-container-multiplier));
64
- }
65
- @media screen and (width > 53.375rem) {
66
- .amsterdam-icon-size-5 {
67
- height: calc(var(--amsterdam-icon-size-5-icon-size-wide) * var(--amsterdam-icon-size-5-container-multiplier));
68
- }
69
- }
70
-
71
- .amsterdam-icon-size-5 svg {
72
- height: var(--amsterdam-icon-size-5-icon-size-narrow);
73
- width: var(--amsterdam-icon-size-5-icon-size-narrow);
74
- }
75
- @media screen and (width > 53.375rem) {
76
- .amsterdam-icon-size-5 svg {
77
- height: var(--amsterdam-icon-size-5-icon-size-wide);
78
- width: var(--amsterdam-icon-size-5-icon-size-wide);
79
- }
80
- }
81
-
82
- .amsterdam-icon-size-6 {
83
- height: calc(var(--amsterdam-icon-size-6-icon-size-narrow) * var(--amsterdam-icon-size-6-container-multiplier));
84
- }
85
- @media screen and (width > 53.375rem) {
86
- .amsterdam-icon-size-6 {
87
- height: calc(var(--amsterdam-icon-size-6-icon-size-wide) * var(--amsterdam-icon-size-6-container-multiplier));
88
- }
89
- }
90
-
91
- .amsterdam-icon-size-6 svg {
92
- height: var(--amsterdam-icon-size-6-icon-size-narrow);
93
- width: var(--amsterdam-icon-size-6-icon-size-narrow);
94
- }
95
- @media screen and (width > 53.375rem) {
96
- .amsterdam-icon-size-6 svg {
97
- height: var(--amsterdam-icon-size-6-icon-size-wide);
98
- width: var(--amsterdam-icon-size-6-icon-size-wide);
99
- }
100
- }
101
-
102
- .amsterdam-icon-size-7 {
103
- height: calc(var(--amsterdam-icon-size-7-icon-size-narrow) * var(--amsterdam-icon-size-7-container-multiplier));
104
- }
105
- @media screen and (width > 53.375rem) {
106
- .amsterdam-icon-size-7 {
107
- height: calc(var(--amsterdam-icon-size-7-icon-size-wide) * var(--amsterdam-icon-size-7-container-multiplier));
108
- }
109
- }
110
-
111
- .amsterdam-icon-size-7 svg {
112
- height: var(--amsterdam-icon-size-7-icon-size-narrow);
113
- width: var(--amsterdam-icon-size-7-icon-size-narrow);
114
- }
115
- @media screen and (width > 53.375rem) {
116
- .amsterdam-icon-size-7 svg {
117
- height: var(--amsterdam-icon-size-7-icon-size-wide);
118
- width: var(--amsterdam-icon-size-7-icon-size-wide);
119
- }
120
- }
121
-
122
- /*# sourceMappingURL=icon.css.map */
1
+ .amsterdam-icon{align-items:center;display:inline-flex}.amsterdam-icon svg{fill:currentColor}.amsterdam-icon--size-3{height:calc(var(--amsterdam-icon-size-3-icon-size-narrow)*var(--amsterdam-icon-size-3-container-multiplier))}@media screen and (width > 53.375rem){.amsterdam-icon--size-3{height:calc(var(--amsterdam-icon-size-3-icon-size-wide)*var(--amsterdam-icon-size-3-container-multiplier))}}.amsterdam-icon--size-3 svg{height:var(--amsterdam-icon-size-3-icon-size-narrow);width:var(--amsterdam-icon-size-3-icon-size-narrow)}@media screen and (width > 53.375rem){.amsterdam-icon--size-3 svg{height:var(--amsterdam-icon-size-3-icon-size-wide);width:var(--amsterdam-icon-size-3-icon-size-wide)}}.amsterdam-icon--size-4{height:calc(var(--amsterdam-icon-size-4-icon-size-narrow)*var(--amsterdam-icon-size-4-container-multiplier))}@media screen and (width > 53.375rem){.amsterdam-icon--size-4{height:calc(var(--amsterdam-icon-size-4-icon-size-wide)*var(--amsterdam-icon-size-4-container-multiplier))}}.amsterdam-icon--size-4 svg{height:var(--amsterdam-icon-size-4-icon-size-narrow);width:var(--amsterdam-icon-size-4-icon-size-narrow)}@media screen and (width > 53.375rem){.amsterdam-icon--size-4 svg{height:var(--amsterdam-icon-size-4-icon-size-wide);width:var(--amsterdam-icon-size-4-icon-size-wide)}}.amsterdam-icon--size-5{height:calc(var(--amsterdam-icon-size-5-icon-size-narrow)*var(--amsterdam-icon-size-5-container-multiplier))}@media screen and (width > 53.375rem){.amsterdam-icon--size-5{height:calc(var(--amsterdam-icon-size-5-icon-size-wide)*var(--amsterdam-icon-size-5-container-multiplier))}}.amsterdam-icon--size-5 svg{height:var(--amsterdam-icon-size-5-icon-size-narrow);width:var(--amsterdam-icon-size-5-icon-size-narrow)}@media screen and (width > 53.375rem){.amsterdam-icon--size-5 svg{height:var(--amsterdam-icon-size-5-icon-size-wide);width:var(--amsterdam-icon-size-5-icon-size-wide)}}.amsterdam-icon--size-6{height:calc(var(--amsterdam-icon-size-6-icon-size-narrow)*var(--amsterdam-icon-size-6-container-multiplier))}@media screen and (width > 53.375rem){.amsterdam-icon--size-6{height:calc(var(--amsterdam-icon-size-6-icon-size-wide)*var(--amsterdam-icon-size-6-container-multiplier))}}.amsterdam-icon--size-6 svg{height:var(--amsterdam-icon-size-6-icon-size-narrow);width:var(--amsterdam-icon-size-6-icon-size-narrow)}@media screen and (width > 53.375rem){.amsterdam-icon--size-6 svg{height:var(--amsterdam-icon-size-6-icon-size-wide);width:var(--amsterdam-icon-size-6-icon-size-wide)}}.amsterdam-icon--size-7{height:calc(var(--amsterdam-icon-size-7-icon-size-narrow)*var(--amsterdam-icon-size-7-container-multiplier))}@media screen and (width > 53.375rem){.amsterdam-icon--size-7{height:calc(var(--amsterdam-icon-size-7-icon-size-wide)*var(--amsterdam-icon-size-7-container-multiplier))}}.amsterdam-icon--size-7 svg{height:var(--amsterdam-icon-size-7-icon-size-narrow);width:var(--amsterdam-icon-size-7-icon-size-narrow)}@media screen and (width > 53.375rem){.amsterdam-icon--size-7 svg{height:var(--amsterdam-icon-size-7-icon-size-wide);width:var(--amsterdam-icon-size-7-icon-size-wide)}}/*# sourceMappingURL=icon.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/icon/icon.scss","../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADEA;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EAHF;IAII;;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;;AAGJ;EACE;;AAEA;EAHF;IAII;;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;;AAIJ;EACE;;AAEA;EAHF;IAII;;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;;AAIJ;EACE;;AAEA;EAHF;IAII;;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;;AAIJ;EACE;;AAEA;EAHF;IAII;;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA","file":"icon.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/icon/icon.scss"],"names":[],"mappings":"AAOA,gBACE,mBACA,oBAGF,oBACE,kBAGF,wBACE,6GAEA,sCAHF,wBAII,4GAIJ,4BACE,qDACA,oDAEA,sCAJF,4BAKI,mDACA,mDAGJ,wBACE,6GAEA,sCAHF,wBAII,4GAIJ,4BACE,qDACA,oDAEA,sCAJF,4BAKI,mDACA,mDAIJ,wBACE,6GAEA,sCAHF,wBAII,4GAIJ,4BACE,qDACA,oDAEA,sCAJF,4BAKI,mDACA,mDAIJ,wBACE,6GAEA,sCAHF,wBAII,4GAIJ,4BACE,qDACA,oDAEA,sCAJF,4BAKI,mDACA,mDAIJ,wBACE,6GAEA,sCAHF,wBAII,4GAIJ,4BACE,qDACA,oDAEA,sCAJF,4BAKI,mDACA","file":"icon.css"}
package/dist/index.css ADDED
@@ -0,0 +1 @@
1
+ .amsterdam-page-menu{align-items:center;column-gap:var(--amsterdam-page-menu-column-gap);display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;row-gap:var(--amsterdam-page-menu-row-gap);box-sizing:border-box;margin-block:0;padding-inline:0}.amsterdam-page-menu__link{color:var(--amsterdam-page-menu-item-color);display:inline-flex;flex-direction:row;font-family:var(--amsterdam-page-menu-item-font-family);font-size:var(--amsterdam-page-menu-item-narrow-font-size);font-weight:var(--amsterdam-page-menu-item-narrow-font-weight);gap:var(--amsterdam-page-menu-item-gap);line-height:var(--amsterdam-page-menu-item-line-height);outline-offset:var(--amsterdam-focus-outline-offset);text-align:center;text-decoration:var(--amsterdam-page-menu-item-text-decoration);touch-action:manipulation;box-sizing:border-box;-webkit-text-size-adjust:100%}@media screen and (width > 53.375rem){.amsterdam-page-menu__link{font-size:var(--amsterdam-page-menu-item-wide-font-size)}}.amsterdam-page-menu__button{cursor:pointer;box-sizing:border-box;-webkit-text-size-adjust:100%;background-color:rgba(0,0,0,0);border:0;margin-block:0;padding-inline:0;color:var(--amsterdam-page-menu-item-color);display:inline-flex;flex-direction:row;font-family:var(--amsterdam-page-menu-item-font-family);font-size:var(--amsterdam-page-menu-item-narrow-font-size);font-weight:var(--amsterdam-page-menu-item-narrow-font-weight);gap:var(--amsterdam-page-menu-item-gap);line-height:var(--amsterdam-page-menu-item-line-height);outline-offset:var(--amsterdam-focus-outline-offset);text-align:center;text-decoration:var(--amsterdam-page-menu-item-text-decoration);touch-action:manipulation}@media screen and (width > 53.375rem){.amsterdam-page-menu__button{font-size:var(--amsterdam-page-menu-item-wide-font-size)}}.amsterdam-page-menu__link:hover,.amsterdam-page-menu__button:hover{color:var(--amsterdam-page-menu-item-hover-color);text-decoration:var(--amsterdam-page-menu-item-hover-text-decoration)}.amsterdam-page-menu__link svg,.amsterdam-page-menu__button svg{color:currentColor}.amsterdam-accordion__header{display:flex;margin-block:0;margin-inline:0}.amsterdam-accordion__button{background-color:rgba(0,0,0,0);border:0;color:var(--amsterdam-accordion-button-color);cursor:pointer;display:flex;font-family:var(--amsterdam-accordion-button-font-family);font-size:var(--amsterdam-accordion-button-narrow-font-size);font-weight:var(--amsterdam-accordion-button-font-weight);justify-content:space-between;line-height:var(--amsterdam-accordion-button-line-height);padding-block:.75rem;padding-inline:1rem;width:100%}@media screen and (width > 53.375rem){.amsterdam-accordion__button{font-size:var(--amsterdam-accordion-button-wide-font-size)}}.amsterdam-accordion__button:focus{outline-offset:var(--amsterdam-accordion-button-focus-outline-offset)}.amsterdam-accordion__button:hover{box-shadow:var(--amsterdam-accordion-button-hover-box-shadow)}.amsterdam-accordion__button svg{transform:rotate(0deg);transition:transform .3s ease}@media(prefers-reduced-motion){.amsterdam-accordion__button svg{transition:none}}.amsterdam-accordion__button[aria-expanded=true] svg{transform:rotate(180deg)}.amsterdam-accordion__panel{display:none;padding-block:1rem;padding-inline:1rem}.amsterdam-accordion__panel--expanded{display:block}.amsterdam-breadcrumb{font-family:var(--amsterdam-breadcrumb-font-family, inherit);font-size:var(--amsterdam-breadcrumb-narrow-font-size);line-height:var(--amsterdam-breadcrumb-line-height)}@media screen and (width > 53.375rem){.amsterdam-breadcrumb{font-size:var(--amsterdam-breadcrumb-wide-font-size)}}.amsterdam-breadcrumb__list{break-after:avoid;break-inside:avoid;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;box-sizing:border-box;margin-block:0;padding-inline:0}.amsterdam-breadcrumb-item{align-items:center;display:flex}.amsterdam-breadcrumb-item:not(:last-child)::after{background-color:var(--amsterdam-breadcrumb-color);clip-path:path("M 4.725,16 3.275,14.545 9.815,8 3.275,1.455 4.725,0 l 8,8 z");content:"";display:inline-block;height:16px;margin-inline-start:1rem;width:16px}.amsterdam-breadcrumb-item__link{color:var(--amsterdam-breadcrumb-color);cursor:pointer;outline-offset:var(--amsterdam-breadcrumb-item-link-outline-offset);text-decoration:none}.amsterdam-breadcrumb-item__link::first-letter{text-transform:capitalize}.amsterdam-breadcrumb-item__link:focus,.amsterdam-breadcrumb-item__link:hover,.amsterdam-breadcrumb-item__link:active{color:var(--amsterdam-breadcrumb-item-link-hover-color);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.utrecht-button{--_utrecht-button-background-color: var( --_utrecht-button-hint-background-color, var(--_utrecht-button-appearance-background-color, var(--utrecht-button-background-color)) );--_utrecht-button-color: var( --_utrecht-button-hint-color, var(--_utrecht-button-appearance-color, var(--utrecht-button-color)) );--_utrecht-button-border-color: var( --_utrecht-button-hint-border-color, var(--_utrecht-button-appearance-border-color, var(--utrecht-button-border-color, transparent)) );--_utrecht-button-border-bottom-color: var( --_utrecht-button-hint-border-bottom-color, var( --_utrecht-button-hint-border-color, var( --_utrecht-button-appearance-border-bottom-color, var( --_utrecht-button-appearance-border-color, var(--utrecht-button-border-bottom-color, var(--utrecht-button-border-color, transparent)) ) ) ) );--_utrecht-button-disabled-background-color: var( --_utrecht-button-hint-disabled-background-color, var( --_utrecht-button-appearance-disabled-background-color, var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color)) ) );--_utrecht-button-disabled-border-color: var( --_utrecht-button-hint-disabled-border-color, var( --_utrecht-button-appearance-disabled-border-color, var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color)) ) );--_utrecht-button-disabled-color: var( --_utrecht-button-hint-disabled-color, var(--_utrecht-button-appearance-disabled-color, var(--utrecht-button-disabled-color, var(--utrecht-button-color))) );--_utrecht-button-pressed-background-color: var( --_utrecht-button-hint-pressed-background-color, var( --_utrecht-button-hint-background-color, var( --_utrecht-button-appearance-pressed-background-color, var( --_utrecht-button-appearance-background-color, var(--utrecht-button-pressed-background-color, var(--utrecht-button-background-color)) ) ) ) );--_utrecht-button-pressed-border-color: var( --_utrecht-button-hint-pressed-border-color, var( --_utrecht-button-hint-border-color, var( --_utrecht-button-appearance-pressed-border-color, var( --_utrecht-button-appearance-border-color, var(--utrecht-button-pressed-border-color, var(--utrecht-button-border-color)) ) ) ) );--_utrecht-button-pressed-color: var( --_utrecht-button-hint-pressed-color, var( --_utrecht-button-hint-color, var( --_utrecht-button-appearance-pressed-color, var(--_utrecht-button-appearance-color, var(--utrecht-button-pressed-color, var(--utrecht-button-color))) ) ) );--_utrecht-button-focus-background-color: var( --_utrecht-button-hint-focus-background-color, var( --_utrecht-button-hint-background-color, var( --_utrecht-button-appearance-focus-background-color, var( --_utrecht-button-appearance-background-color, var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color)) ) ) ) );--_utrecht-button-focus-border-color: var( --_utrecht-button-hint-focus-border-color, var( --_utrecht-button-hint-border-color, var( --_utrecht-button-appearance-focus-border-color, var( --_utrecht-button-appearance-border-color, var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color)) ) ) ) );--_utrecht-button-focus-color: var( --_utrecht-button-hint-focus-color, var( --_utrecht-button-hint-color, var( --_utrecht-button-appearance-focus-color, var(--_utrecht-button-appearance-color, var(--utrecht-button-focus-color, var(--utrecht-button-color))) ) ) );--_utrecht-button-hover-background-color: var( --_utrecht-button-hint-hover-background-color, var( --_utrecht-button-hint-background-color, var( --_utrecht-button-appearance-hover-background-color, var( --_utrecht-button-appearance-background-color, var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color)) ) ) ) );--_utrecht-button-hover-border-color: var( --_utrecht-button-hint-hover-border-color, var( --_utrecht-button-hint-border-color, var( --_utrecht-button-appearance-hover-border-color, var( --_utrecht-button-appearance-border-color, var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color)) ) ) ) );--_utrecht-button-hover-color: var( --_utrecht-button-hint-hover-color, var( --_utrecht-button-hint-color, var( --_utrecht-button-appearance-hover-color, var(--_utrecht-button-appearance-color, var(--utrecht-button-hover-color, var(--utrecht-button-color))) ) ) );--_utrecht-button-active-background-color: var( --_utrecht-button-hint-active-background-color, var( --_utrecht-button-hint-background-color, var( --_utrecht-button-appearance-active-background-color, var( --_utrecht-button-appearance-background-color, var(--utrecht-button-active-background-color, var(--utrecht-button-background-color)) ) ) ) );--_utrecht-button-active-border-color: var( --_utrecht-button-hint-active-border-color, var( --_utrecht-button-hint-border-color, var( --_utrecht-button-appearance-active-border-color, var( --_utrecht-button-appearance-border-color, var(--utrecht-button-active-border-color, var(--utrecht-button-border-color)) ) ) ) );--_utrecht-button-active-color: var( --_utrecht-button-hint-active-color, var( --_utrecht-button-hint-color, var( --_utrecht-button-appearance-active-color, var(--_utrecht-button-appearance-color, var(--utrecht-button-active-color, var(--utrecht-button-color))) ) ) );--_utrecht-button-border-width: var(--_utrecht-button-appearance-border-width, var(--utrecht-button-border-width, 0));--_utrecht-button-border-block-end-width: var( --utrecht-button-border-bottom-width, var(--_utrecht-button-border-width, 0) );--utrecht-icon-size: var(--utrecht-button-icon-size, 1em);align-items:center;background-color:var(--_utrecht-button-background-color);border-block-end-color:var(--_utrecht-button-border-bottom-color);border-block-end-width:var(--_utrecht-button-border-block-end-width);border-color:var(--_utrecht-button-border-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);box-sizing:border-box;color:var(--_utrecht-button-color);cursor:var(--utrecht-action-activate-cursor, revert);display:inline-flex;font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family, inherit));font-weight:var(--_utrecht-button-appearance-font-weight, var(--utrecht-button-font-weight));gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size, auto);justify-content:center;line-height:var(--utrecht-button-line-height);min-block-size:var(--utrecht-button-min-block-size, 44px);min-inline-size:var(--utrecht-button-min-inline-size, 44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);-webkit-user-select:none;user-select:none}@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.utrecht-button{--_utrecht-button-disabled-border-color: GrayText;--_utrecht-button-disabled-color: GrayText;background-color:ButtonFace;border-color:buttonborder;color:ButtonText}}.utrecht-button--distanced{margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-button--submit{cursor:var(--utrecht-action-submit-cursor, revert)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor, wait)}.utrecht-button--pressed{background-color:var(--_utrecht-button-pressed-background-color);border-color:var(--_utrecht-button-pressed-border-color);color:var(--_utrecht-button-pressed-color)}.utrecht-button:disabled,.utrecht-button--disabled{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-button--focus-visible{--_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-button--focus:not(.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale, 1)}.utrecht-button:focus{--_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-button:focus:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale, 1);--_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-button:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-button--hover:not(:disabled,.utrecht-button--disabled),.utrecht-button:hover:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale, 1)}.utrecht-button:active:not(:disabled,[aria-disabled=true],.utrecht-button--disabled),.utrecht-button--active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button--primary-action{--_utrecht-button-appearance-active-background-color: var(--utrecht-button-primary-action-active-background-color);--_utrecht-button-appearance-active-border-color: var(--utrecht-button-primary-action-active-border-color);--_utrecht-button-appearance-active-color: var(--utrecht-button-primary-action-active-color);--_utrecht-button-appearance-background-color: var(--utrecht-button-primary-action-background-color);--_utrecht-button-appearance-border-color: var(--utrecht-button-primary-action-border-color);--_utrecht-button-appearance-border-width: var(--utrecht-button-primary-action-border-width);--_utrecht-button-appearance-color: var(--utrecht-button-primary-action-color);--_utrecht-button-appearance-font-weight: var(--utrecht-button-primary-action-font-weight);--_utrecht-button-appearance-disabled-background-color: var( --utrecht-button-primary-action-disabled-background-color );--_utrecht-button-appearance-disabled-border-color: var(--utrecht-button-primary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color: var(--utrecht-button-primary-action-disabled-color);--_utrecht-button-appearance-focus-background-color: var(--utrecht-button-primary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color: var(--utrecht-button-primary-action-focus-border-color);--_utrecht-button-appearance-focus-color: var(--utrecht-button-primary-action-focus-color);--_utrecht-button-appearance-hover-background-color: var(--utrecht-button-primary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color: var(--utrecht-button-primary-action-hover-border-color);--_utrecht-button-appearance-hover-color: var(--utrecht-button-primary-action-hover-color);--_utrecht-button-appearance-pressed-background-color: var(--utrecht-button-primary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color: var(--utrecht-button-primary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color: var(--utrecht-button-primary-action-pressed-color)}.utrecht-button--secondary-action{--_utrecht-button-appearance-active-background-color: var(--utrecht-button-secondary-action-active-background-color);--_utrecht-button-appearance-active-border-color: var(--utrecht-button-secondary-action-active-border-color);--_utrecht-button-appearance-active-color: var(--utrecht-button-secondary-action-active-color);--_utrecht-button-appearance-background-color: var(--utrecht-button-secondary-action-background-color);--_utrecht-button-appearance-border-color: var(--utrecht-button-secondary-action-border-color);--_utrecht-button-appearance-border-width: var(--utrecht-button-secondary-action-border-width);--_utrecht-button-appearance-color: var(--utrecht-button-secondary-action-color);--_utrecht-button-appearance-font-weight: var(--utrecht-button-secondary-action-font-weight);--_utrecht-button-appearance-disabled-background-color: var( --utrecht-button-secondary-action-disabled-background-color );--_utrecht-button-appearance-disabled-border-color: var(--utrecht-button-secondary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color: var(--utrecht-button-secondary-action-disabled-color);--_utrecht-button-appearance-focus-background-color: var(--utrecht-button-secondary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color: var(--utrecht-button-secondary-action-focus-border-color);--_utrecht-button-appearance-focus-color: var(--utrecht-button-secondary-action-focus-color);--_utrecht-button-appearance-hover-background-color: var(--utrecht-button-secondary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color: var(--utrecht-button-secondary-action-hover-border-color);--_utrecht-button-appearance-hover-color: var(--utrecht-button-secondary-action-hover-color);--_utrecht-button-appearance-pressed-background-color: var(--utrecht-button-secondary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color: var(--utrecht-button-secondary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color: var(--utrecht-button-secondary-action-pressed-color)}.utrecht-button--subtle{--_utrecht-button-appearance-active-background-color: var(--utrecht-button-subtle-active-background-color);--_utrecht-button-appearance-active-border-color: var(--utrecht-button-subtle-active-border-color);--_utrecht-button-appearance-active-color: var(--utrecht-button-subtle-active-color);--_utrecht-button-appearance-background-color: var(--utrecht-button-subtle-background-color);--_utrecht-button-appearance-border-color: var(--utrecht-button-subtle-border-color);--_utrecht-button-appearance-border-width: var(--utrecht-button-subtle-border-width);--_utrecht-button-appearance-color: var(--utrecht-button-subtle-color);--_utrecht-button-appearance-font-weight: var(--utrecht-button-subtle-font-weight);--_utrecht-button-appearance-disabled-background-color: var( --utrecht-button-subtle-disabled-background-color );--_utrecht-button-appearance-disabled-border-color: var(--utrecht-button-subtle-disabled-border-color);--_utrecht-button-appearance-disabled-color: var(--utrecht-button-subtle-disabled-color);--_utrecht-button-appearance-focus-background-color: var(--utrecht-button-subtle-focus-background-color);--_utrecht-button-appearance-focus-border-color: var(--utrecht-button-subtle-focus-border-color);--_utrecht-button-appearance-focus-color: var(--utrecht-button-subtle-focus-color);--_utrecht-button-appearance-hover-background-color: var(--utrecht-button-subtle-hover-background-color);--_utrecht-button-appearance-hover-border-color: var(--utrecht-button-subtle-hover-border-color);--_utrecht-button-appearance-hover-color: var(--utrecht-button-subtle-hover-color);--_utrecht-button-appearance-pressed-background-color: var(--utrecht-button-subtle-pressed-background-color);--_utrecht-button-appearance-pressed-border-color: var(--utrecht-button-subtle-pressed-border-color);--_utrecht-button-appearance-pressed-color: var(--utrecht-button-subtle-pressed-color)}.utrecht-button--primary-action.utrecht-button--danger{--_utrecht-button-hint-active-background-color: var(--utrecht-button-primary-action-danger-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-primary-action-danger-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-primary-action-danger-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-primary-action-danger-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-primary-action-danger-border-color);--_utrecht-button-hint-color: var(--utrecht-button-primary-action-danger-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-primary-action-danger-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-primary-action-danger-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-primary-action-danger-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-primary-action-danger-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-primary-action-danger-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-primary-action-danger-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-primary-action-danger-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-primary-action-danger-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-primary-action-danger-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-primary-action-danger-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-primary-action-danger-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-primary-action-danger-pressed-color)}.utrecht-button--primary-action.utrecht-button--ready{--_utrecht-button-hint-active-background-color: var(--utrecht-button-primary-action-ready-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-primary-action-ready-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-primary-action-ready-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-primary-action-ready-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-primary-action-ready-border-color);--_utrecht-button-hint-color: var(--utrecht-button-primary-action-ready-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-primary-action-ready-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-primary-action-ready-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-primary-action-ready-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-primary-action-ready-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-primary-action-ready-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-primary-action-ready-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-primary-action-ready-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-primary-action-ready-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-primary-action-ready-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-primary-action-ready-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-primary-action-ready-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-primary-action-ready-pressed-color)}.utrecht-button--primary-action.utrecht-button--warning{--_utrecht-button-hint-active-background-color: var(--utrecht-button-primary-action-warning-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-primary-action-warning-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-primary-action-warning-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-primary-action-warning-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-primary-action-warning-border-color);--_utrecht-button-hint-color: var(--utrecht-button-primary-action-warning-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-primary-action-warning-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-primary-action-warning-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-primary-action-warning-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-primary-action-warning-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-primary-action-warning-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-primary-action-warning-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-primary-action-warning-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-primary-action-warning-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-primary-action-warning-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-primary-action-warning-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-primary-action-warning-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-primary-action-warning-pressed-color)}.utrecht-button--secondary-action.utrecht-button--danger{--_utrecht-button-hint-active-background-color: var(--utrecht-button-secondary-action-danger-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-secondary-action-danger-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-secondary-action-danger-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-secondary-action-danger-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-secondary-action-danger-border-color);--_utrecht-button-hint-color: var(--utrecht-button-secondary-action-danger-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-secondary-action-danger-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-secondary-action-danger-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-secondary-action-danger-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-secondary-action-danger-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-secondary-action-danger-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-secondary-action-danger-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-secondary-action-danger-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-secondary-action-danger-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-secondary-action-danger-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-secondary-action-danger-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-secondary-action-danger-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-secondary-action-danger-pressed-color)}.utrecht-button--secondary-action.utrecht-button--ready{--_utrecht-button-hint-active-background-color: var(--utrecht-button-secondary-action-ready-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-secondary-action-ready-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-secondary-action-ready-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-secondary-action-ready-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-secondary-action-ready-border-color);--_utrecht-button-hint-color: var(--utrecht-button-secondary-action-ready-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-secondary-action-ready-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-secondary-action-ready-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-secondary-action-ready-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-secondary-action-ready-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-secondary-action-ready-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-secondary-action-ready-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-secondary-action-ready-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-secondary-action-ready-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-secondary-action-ready-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-secondary-action-ready-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-secondary-action-ready-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-secondary-action-ready-pressed-color)}.utrecht-button--secondary-action.utrecht-button--warning{--_utrecht-button-hint-active-background-color: var(--utrecht-button-secondary-action-warning-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-secondary-action-warning-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-secondary-action-warning-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-secondary-action-warning-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-secondary-action-warning-border-color);--_utrecht-button-hint-color: var(--utrecht-button-secondary-action-warning-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-secondary-action-warning-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-secondary-action-warning-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-secondary-action-warning-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-secondary-action-warning-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-secondary-action-warning-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-secondary-action-warning-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-secondary-action-warning-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-secondary-action-warning-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-secondary-action-warning-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-secondary-action-warning-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-secondary-action-warning-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-secondary-action-warning-pressed-color)}.utrecht-button--subtle.utrecht-button--danger{--_utrecht-button-hint-active-background-color: var(--utrecht-button-subtle-danger-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-subtle-danger-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-subtle-danger-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-subtle-danger-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-subtle-danger-border-color);--_utrecht-button-hint-color: var(--utrecht-button-subtle-danger-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-subtle-danger-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-subtle-danger-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-subtle-danger-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-subtle-danger-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-subtle-danger-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-subtle-danger-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-subtle-danger-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-subtle-danger-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-subtle-danger-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-subtle-danger-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-subtle-danger-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-subtle-danger-pressed-color)}.utrecht-button--subtle.utrecht-button--ready{--_utrecht-button-hint-active-background-color: var(--utrecht-button-subtle-ready-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-subtle-ready-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-subtle-ready-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-subtle-ready-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-subtle-ready-border-color);--_utrecht-button-hint-color: var(--utrecht-button-subtle-ready-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-subtle-ready-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-subtle-ready-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-subtle-ready-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-subtle-ready-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-subtle-ready-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-subtle-ready-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-subtle-ready-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-subtle-ready-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-subtle-ready-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-subtle-ready-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-subtle-ready-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-subtle-ready-pressed-color)}.utrecht-button--subtle.utrecht-button--warning{--_utrecht-button-hint-active-background-color: var(--utrecht-button-subtle-warning-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-subtle-warning-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-subtle-warning-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-subtle-warning-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-subtle-warning-border-color);--_utrecht-button-hint-color: var(--utrecht-button-subtle-warning-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-subtle-warning-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-subtle-warning-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-subtle-warning-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-subtle-warning-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-subtle-warning-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-subtle-warning-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-subtle-warning-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-subtle-warning-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-subtle-warning-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-subtle-warning-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-subtle-warning-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-subtle-warning-pressed-color)}.amsterdam-button{font-size:var(--amsterdam-button-narrow-font-size)}@media screen and (width > 53.375rem){.amsterdam-button{font-size:var(--amsterdam-button-wide-font-size)}}.amsterdam-button--secondary{box-shadow:var(--amsterdam-button-secondary-box-shadow)}.amsterdam-button--secondary:disabled,.amsterdam-button--secondary [aria-disabled=true]{box-shadow:var(--amsterdam-button-secondary-disabled-box-shadow)}.amsterdam-button--secondary:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--amsterdam-button-secondary-hover-box-shadow)}.amsterdam-button--secondary.amsterdam-button--secondary:focus{color:var(--amsterdam-button-secondary-focus-color)}.amsterdam-button--secondary:focus:not(:disabled,[aria-disabled=true]){box-shadow:var(--amsterdam-button-secondary-focus-box-shadow)}.amsterdam-button--tertiary:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--amsterdam-button-tertiary-hover-box-shadow)}.amsterdam-button--tertiary:focus:not(:disabled,[aria-disabled=true]){box-shadow:var(--amsterdam-button-tertiary-focus-box-shadow)}.amsterdam-form-label{color:var(--amsterdam-form-label-color);font-family:var(--amsterdam-form-label-font-family);font-size:var(--amsterdam-form-label-narrow-font-size);font-weight:var(--amsterdam-form-label-font-weight);line-height:var(--amsterdam-form-label-line-height)}@media screen and (width > 53.375rem){.amsterdam-form-label{font-size:var(--amsterdam-form-label-wide-font-size)}}.amsterdam-heading{break-after:avoid;break-inside:avoid;color:var(--amsterdam-heading-color);font-family:var(--amsterdam-heading-font-family);font-weight:var(--amsterdam-heading-font-weight);box-sizing:border-box;margin-block:0}.amsterdam-heading--1{font-size:var(--amsterdam-heading-1-narrow-font-size);line-height:var(--amsterdam-heading-1-line-height)}@media screen and (width > 53.375rem){.amsterdam-heading--1{font-size:var(--amsterdam-heading-1-wide-font-size)}}.amsterdam-heading--2{font-size:var(--amsterdam-heading-2-narrow-font-size);line-height:var(--amsterdam-heading-2-line-height)}@media screen and (width > 53.375rem){.amsterdam-heading--2{font-size:var(--amsterdam-heading-2-wide-font-size)}}.amsterdam-heading--3{font-size:var(--amsterdam-heading-3-narrow-font-size);line-height:var(--amsterdam-heading-3-line-height)}@media screen and (width > 53.375rem){.amsterdam-heading--3{font-size:var(--amsterdam-heading-3-wide-font-size)}}.amsterdam-heading--4{font-size:var(--amsterdam-heading-4-narrow-font-size);line-height:var(--amsterdam-heading-4-line-height)}@media screen and (width > 53.375rem){.amsterdam-heading--4{font-size:var(--amsterdam-heading-4-wide-font-size)}}.amsterdam-heading--inverse-color{color:var(--amsterdam-heading-inverse-color)}.amsterdam-icon{align-items:center;display:inline-flex}.amsterdam-icon svg{fill:currentColor}.amsterdam-icon--size-3{height:calc(var(--amsterdam-icon-size-3-icon-size-narrow)*var(--amsterdam-icon-size-3-container-multiplier))}@media screen and (width > 53.375rem){.amsterdam-icon--size-3{height:calc(var(--amsterdam-icon-size-3-icon-size-wide)*var(--amsterdam-icon-size-3-container-multiplier))}}.amsterdam-icon--size-3 svg{height:var(--amsterdam-icon-size-3-icon-size-narrow);width:var(--amsterdam-icon-size-3-icon-size-narrow)}@media screen and (width > 53.375rem){.amsterdam-icon--size-3 svg{height:var(--amsterdam-icon-size-3-icon-size-wide);width:var(--amsterdam-icon-size-3-icon-size-wide)}}.amsterdam-icon--size-4{height:calc(var(--amsterdam-icon-size-4-icon-size-narrow)*var(--amsterdam-icon-size-4-container-multiplier))}@media screen and (width > 53.375rem){.amsterdam-icon--size-4{height:calc(var(--amsterdam-icon-size-4-icon-size-wide)*var(--amsterdam-icon-size-4-container-multiplier))}}.amsterdam-icon--size-4 svg{height:var(--amsterdam-icon-size-4-icon-size-narrow);width:var(--amsterdam-icon-size-4-icon-size-narrow)}@media screen and (width > 53.375rem){.amsterdam-icon--size-4 svg{height:var(--amsterdam-icon-size-4-icon-size-wide);width:var(--amsterdam-icon-size-4-icon-size-wide)}}.amsterdam-icon--size-5{height:calc(var(--amsterdam-icon-size-5-icon-size-narrow)*var(--amsterdam-icon-size-5-container-multiplier))}@media screen and (width > 53.375rem){.amsterdam-icon--size-5{height:calc(var(--amsterdam-icon-size-5-icon-size-wide)*var(--amsterdam-icon-size-5-container-multiplier))}}.amsterdam-icon--size-5 svg{height:var(--amsterdam-icon-size-5-icon-size-narrow);width:var(--amsterdam-icon-size-5-icon-size-narrow)}@media screen and (width > 53.375rem){.amsterdam-icon--size-5 svg{height:var(--amsterdam-icon-size-5-icon-size-wide);width:var(--amsterdam-icon-size-5-icon-size-wide)}}.amsterdam-icon--size-6{height:calc(var(--amsterdam-icon-size-6-icon-size-narrow)*var(--amsterdam-icon-size-6-container-multiplier))}@media screen and (width > 53.375rem){.amsterdam-icon--size-6{height:calc(var(--amsterdam-icon-size-6-icon-size-wide)*var(--amsterdam-icon-size-6-container-multiplier))}}.amsterdam-icon--size-6 svg{height:var(--amsterdam-icon-size-6-icon-size-narrow);width:var(--amsterdam-icon-size-6-icon-size-narrow)}@media screen and (width > 53.375rem){.amsterdam-icon--size-6 svg{height:var(--amsterdam-icon-size-6-icon-size-wide);width:var(--amsterdam-icon-size-6-icon-size-wide)}}.amsterdam-icon--size-7{height:calc(var(--amsterdam-icon-size-7-icon-size-narrow)*var(--amsterdam-icon-size-7-container-multiplier))}@media screen and (width > 53.375rem){.amsterdam-icon--size-7{height:calc(var(--amsterdam-icon-size-7-icon-size-wide)*var(--amsterdam-icon-size-7-container-multiplier))}}.amsterdam-icon--size-7 svg{height:var(--amsterdam-icon-size-7-icon-size-narrow);width:var(--amsterdam-icon-size-7-icon-size-narrow)}@media screen and (width > 53.375rem){.amsterdam-icon--size-7 svg{height:var(--amsterdam-icon-size-7-icon-size-wide);width:var(--amsterdam-icon-size-7-icon-size-wide)}}.amsterdam-link{color:var(--amsterdam-link-color);font-family:var(--amsterdam-link-font-family);font-weight:var(--amsterdam-link-font-weight);outline-offset:var(--amsterdam-link-outline-offset)}.amsterdam-link:hover,.amsterdam-link:active,.amsterdam-link:focus{color:var(--amsterdam-link-focus-color)}.amsterdam-link--standalone{display:inline-block;font-size:var(--amsterdam-link-standalone-narrow-font-size);line-height:var(--amsterdam-link-standalone-line-height);text-decoration-thickness:var(--amsterdam-link-standalone-text-decoration-thickness);text-underline-offset:var(--amsterdam-link-standalone-text-underline-offset)}.amsterdam-link--standalone:hover,.amsterdam-link--standalone:active,.amsterdam-link--standalone:focus{text-decoration-thickness:var(--amsterdam-link-standalone-focus-text-decoration-thickness);text-underline-offset:var(--amsterdam-link-standalone-focus-text-underline-offset)}@media screen and (width > 53.375rem){.amsterdam-link--standalone{font-size:var(--amsterdam-link-standalone-wide-font-size)}}.amsterdam-link--inline{font-family:var(--amsterdam-link-inline-font-family);font-size:var(--amsterdam-link-inline-font-size);line-height:var(--amsterdam-link-inline-line-height);text-decoration:var(--amsterdam-link-inline-text-decoration);text-decoration-thickness:var(--amsterdam-link-text-decoration-thickness)}.amsterdam-link--inline:hover,.amsterdam-link--inline:active,.amsterdam-link--inline:focus{text-decoration:var(--amsterdam-link-inline-focus-text-decoration);text-underline-offset:var(--amsterdam-link-inline-focus-text-underline-offset)}.amsterdam-link--inline:visited{color:var(--amsterdam-link-inline-visited-color)}.amsterdam-link--in-list{align-items:flex-start;display:inline-flex;font-size:var(--amsterdam-link-in-list-narrow-font-size);gap:var(--amsterdam-link-in-list-gap);line-height:var(--amsterdam-link-in-list-line-height);text-decoration:var(--amsterdam-link-in-list-text-decoration)}.amsterdam-link--in-list:hover,.amsterdam-link--in-list:active,.amsterdam-link--in-list:focus{text-decoration:var(--amsterdam-link-in-list-focus-text-decoration);text-decoration-thickness:var(--amsterdam-link-in-list-focus-text-decoration-thickness);text-underline-offset:var(--amsterdam-link-in-list-focus-text-underline-offset)}@media screen and (width > 53.375rem){.amsterdam-link--in-list{font-size:var(--amsterdam-link-in-list-wide-font-size)}}.amsterdam-link--in-list__chevron span.amsterdam-icon svg{height:16px;width:16px}.amsterdam-link--on-background-dark{color:var(--amsterdam-link-on-background-dark-color)}.amsterdam-link--on-background-dark:hover,.amsterdam-link--on-background-dark:active,.amsterdam-link--on-background-dark:focus{color:var(--amsterdam-link-on-background-dark-hover-color)}.amsterdam-link--on-background-dark:visited{color:var(--amsterdam-link-on-background-dark-visited-color)}.amsterdam-link--on-background-light{color:var(--amsterdam-link-on-background-light-color)}.amsterdam-link--on-background-light:hover,.amsterdam-link--on-background-light:active,.amsterdam-link--on-background-light:focus{color:var(--amsterdam-link-on-background-light-hover-color)}.amsterdam-link--on-background-light:visited{color:var(--amsterdam-link-on-background-light-visited-color)}.amsterdam-link--inline.amsterdam-link--on-background-dark,.amsterdam-link--inline.amsterdam-link--on-background-light{text-decoration:var(--amsterdam-link-inline-focus-text-decoration);text-underline-offset:var(--amsterdam-link-inline-focus-text-underline-offset)}.amsterdam-link--inline.amsterdam-link--on-background-dark:hover,.amsterdam-link--inline.amsterdam-link--on-background-dark:active,.amsterdam-link--inline.amsterdam-link--on-background-dark:focus,.amsterdam-link--inline.amsterdam-link--on-background-light:hover,.amsterdam-link--inline.amsterdam-link--on-background-light:active,.amsterdam-link--inline.amsterdam-link--on-background-light:focus{text-decoration:var(--amsterdam-link-inline-text-decoration)}.amsterdam-paragraph{color:var(--amsterdam-paragraph-color);font-family:var(--amsterdam-paragraph-font-family);font-size:var(--amsterdam-paragraph-narrow-font-size);font-weight:var(--amsterdam-paragraph-font-weight);line-height:var(--amsterdam-paragraph-line-height);box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}@media screen and (width > 53.375rem){.amsterdam-paragraph{font-size:var(--amsterdam-paragraph-wide-font-size)}}.amsterdam-paragraph--small{font-size:var(--amsterdam-paragraph-small-narrow-font-size);line-height:var(--amsterdam-paragraph-small-line-height)}@media screen and (width > 53.375rem){.amsterdam-paragraph--small{font-size:var(--amsterdam-paragraph-small-wide-font-size)}}.amsterdam-paragraph--large{font-size:var(--amsterdam-paragraph-large-narrow-font-size);line-height:var(--amsterdam-paragraph-large-line-height)}@media screen and (width > 53.375rem){.amsterdam-paragraph--large{font-size:var(--amsterdam-paragraph-large-wide-font-size)}}.amsterdam-paragraph--inverse-color{color:var(--amsterdam-paragraph-inverse-color)}.amsterdam-unordered-list{box-sizing:border-box;list-style:none;margin-block:0;padding-inline-start:0;-webkit-text-size-adjust:100%;display:grid;gap:var(--amsterdam-unordered-list-gap)}.amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers){color:var(--amsterdam-unordered-list-color);font-family:var(--amsterdam-unordered-list-font-family);font-size:var(--amsterdam-unordered-list-narrow-font-size);font-weight:var(--amsterdam-unordered-list-font-weight);line-height:var(--amsterdam-unordered-list-line-height);list-style-type:var(--amsterdam-unordered-list-list-style-type)}@media screen and (width > 53.375rem){.amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers){font-size:var(--amsterdam-unordered-list-wide-font-size)}}.amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers) .amsterdam-unordered-list__item{margin-inline-start:var(--amsterdam-unordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-unordered-list-item-padding-inline-start)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-unordered-list{list-style-type:var(--amsterdam-unordered-list-unordered-list-list-style-type)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-unordered-list .amsterdam-unordered-list__item{margin-inline-start:var(--amsterdam-unordered-list-unordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-unordered-list-unordered-list-item-padding-inline-start)}.amsterdam-ordered-list{box-sizing:border-box;list-style-type:none;margin-block:0;padding-inline-start:0;-webkit-text-size-adjust:100%;display:grid;gap:var(--amsterdam-ordered-list-gap)}.amsterdam-ordered-list:not(.amsterdam-ordered-list--no-markers){color:var(--amsterdam-ordered-list-color);font-family:var(--amsterdam-ordered-list-font-family);font-size:var(--amsterdam-ordered-list-narrow-font-size);font-weight:var(--amsterdam-ordered-list-font-weight);line-height:var(--amsterdam-ordered-list-line-height);list-style-type:var(--amsterdam-ordered-list-list-style-type)}@media screen and (width > 53.375rem){.amsterdam-ordered-list:not(.amsterdam-ordered-list--no-markers){font-size:var(--amsterdam-ordered-list-wide-font-size)}}.amsterdam-ordered-list:not(.amsterdam-ordered-list--no-markers) .amsterdam-ordered-list__item{margin-inline-start:var(--amsterdam-ordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-ordered-list-item-padding-inline-start)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-ordered-list{list-style-type:var(--amsterdam-ordered-list-ordered-list-list-style-type)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-ordered-list .amsterdam-ordered-list__item{margin-inline-start:var(--amsterdam-ordered-list-ordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-ordered-list-ordered-list-item-padding-inline-start)}@media screen and (width > 53.375rem){.amsterdam-grid-column-start-1{grid-column-start:1}.amsterdam-grid-column-span-1{grid-column-end:span 1}.amsterdam-grid-column-start-2{grid-column-start:2}.amsterdam-grid-column-span-2{grid-column-end:span 2}.amsterdam-grid-column-start-3{grid-column-start:3}.amsterdam-grid-column-span-3{grid-column-end:span 3}.amsterdam-grid-column-start-4{grid-column-start:4}.amsterdam-grid-column-span-4{grid-column-end:span 4}.amsterdam-grid-column-start-5{grid-column-start:5}.amsterdam-grid-column-span-5{grid-column-end:span 5}.amsterdam-grid-column-start-6{grid-column-start:6}.amsterdam-grid-column-span-6{grid-column-end:span 6}.amsterdam-grid-column-start-7{grid-column-start:7}.amsterdam-grid-column-span-7{grid-column-end:span 7}.amsterdam-grid-column-start-8{grid-column-start:8}.amsterdam-grid-column-span-8{grid-column-end:span 8}.amsterdam-grid-column-start-9{grid-column-start:9}.amsterdam-grid-column-span-9{grid-column-end:span 9}.amsterdam-grid-column-start-10{grid-column-start:10}.amsterdam-grid-column-span-10{grid-column-end:span 10}.amsterdam-grid-column-start-11{grid-column-start:11}.amsterdam-grid-column-span-11{grid-column-end:span 11}.amsterdam-grid-column-start-12{grid-column-start:12}.amsterdam-grid-column-span-12{grid-column-end:span 12}}.amsterdam-page-grid{column-gap:var(--amsterdam-page-grid-column-gap);display:grid;grid-template-columns:repeat(var(--amsterdam-page-grid-column-count-narrow), 1fr);max-width:var(--amsterdam-page-grid-max-width)}@media screen and (width > 53.375rem){.amsterdam-page-grid{grid-template-columns:repeat(var(--amsterdam-page-grid-column-count-wide), 1fr)}}/*# sourceMappingURL=index.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../src/page-menu/page-menu.scss","../src/accordion/accordion.scss","../src/breadcrumb/breadcrumb.scss","../node_modules/@utrecht/components/button/css/index.scss","../node_modules/@utrecht/components/button/css/_mixin.scss","../node_modules/@utrecht/components/common/focus/_mixin.scss","../src/button/button.scss","../src/form-label/form-label.scss","../src/heading/heading.scss","../src/icon/icon.scss","../src/link/link.scss","../src/paragraph/paragraph.scss","../src/unordered-list/unordered-list.scss","../src/ordered-list/ordered-list.scss","../src/grid/grid-cell.scss","../src/grid/page-grid.scss"],"names":[],"mappings":"AAyBA,qBACE,mBACA,iDACA,aACA,mBACA,eACA,gBACA,2CAxBA,sBACA,eACA,iBA8CF,2BAlBE,4CACA,oBACA,mBACA,wDACA,2DACA,+DACA,wCACA,wDACA,qDACA,kBACA,gEACA,0BAnCA,sBACA,8BAoCA,sCAKF,2BAJI,0DASJ,6BACE,eAhDA,sBACA,8BAIA,+BACA,SACA,eACA,iBAgBA,4CACA,oBACA,mBACA,wDACA,2DACA,+DACA,wCACA,wDACA,qDACA,kBACA,gEACA,0BAEA,sCAUF,6BATI,0DAiBJ,oEAEE,kDACA,sEAGF,gEAEE,mBCtEF,6BACE,aACA,eACA,gBAGF,6BACE,+BACA,SACA,8CACA,eACA,aACA,0DACA,6DACA,0DACA,8BACA,0DACA,qBACA,oBACA,WAEA,sCAfF,6BAgBI,4DAGF,mCACE,sEAGF,mCACE,8DAGF,iCACE,uBACA,8BAEA,+BAJF,iCAKI,iBAKN,qDACE,yBAGF,4BACE,aACA,mBACA,oBAGF,sCACE,cChDF,sBACE,6DACA,uDACA,oDAEA,sCALF,sBAMI,sDAIJ,4BACE,kBACA,mBACA,aACA,eACA,UACA,gBArBA,sBACA,eACA,iBAwBF,2BACE,mBACA,aAGF,mDACE,mDACA,8EACA,WACA,qBACA,YACA,yBACA,WAGF,iCACE,wCACA,eACA,oEACA,qBAEA,+CACE,0BAGF,sHAGE,wDACA,0BACA,8BACA,0BCxDJ,gBCOE,+KAIA,mIAIA,4KAIA,4UAaA,6PAOA,yOAOA,oMAIA,+VAaA,mUAaA,gRAUA,uVAaA,2TAaA,wQAUA,uVAaA,2TAaA,wQAUA,2VAaA,+TAaA,4QAUA,sHACA,8HAIA,0DAEA,mBACA,yDACA,kEACA,qEACA,iDACA,kDACA,mBACA,iDACA,sBACA,mCACA,qDACA,oBACA,mFACA,wFACA,6FACA,mCACA,oDACA,uBACA,8CACA,0DACA,4DACA,0DACA,8DACA,4DACA,gEACA,oDACA,yBACA,iBAIA,iFDxOF,gBCyOI,kDACA,2CAQA,4BACA,0BACA,kBD/OJ,2BCsPE,wDACA,4DACA,0DACA,8DDrPF,wBCyPE,mDDpPF,sBCwPE,+CDpPF,yBCwRE,iEACA,yDACA,2CDtRF,mDCoPE,kEACA,0DACA,4CACA,0DDlPF,+BEvBE,sIAGA,iDACA,yDACA,2DACA,yDACA,yDFqBF,sDC4PE,+DACA,uDACA,yCACA,2CDvPA,sBEpCA,sIAGA,iDACA,yDACA,2DACA,yDACA,yDFmCA,oFC8OA,+DACA,uDACA,yCACA,2CC3RA,sIAGA,iDACA,yDACA,2DACA,yDACA,yDF0CA,0CErCA,gBACA,qBFiDF,oJCiOE,+DACA,uDACA,yCACA,2CD/NF,6GC0ME,gEACA,wDACA,0CA6BA,gCACE,mHACA,2GACA,6FACA,qGACA,6FACA,6FACA,+EACA,2FACA,yHAGA,+GACA,iGACA,iHACA,yGACA,2FACA,iHACA,yGACA,2FACA,qHACA,6GACA,+FAtBF,kCACE,qHACA,6GACA,+FACA,uGACA,+FACA,+FACA,iFACA,6FACA,2HAGA,iHACA,mGACA,mHACA,2GACA,6FACA,mHACA,2GACA,6FACA,uHACA,+GACA,iGAtBF,wBACE,2GACA,mGACA,qFACA,6FACA,qFACA,qFACA,uEACA,mFACA,iHAGA,uGACA,yFACA,yGACA,iGACA,mFACA,yGACA,iGACA,mFACA,6GACA,qGACA,uFAKF,uDACE,oHACA,4GACA,8FACA,sGACA,8FACA,gFACA,0HAGA,gHACA,kGACA,kHACA,0GACA,4FACA,kHACA,0GACA,4FACA,wHAGA,8GACA,gGAtBF,sDACE,mHACA,2GACA,6FACA,qGACA,6FACA,+EACA,yHAGA,+GACA,iGACA,iHACA,yGACA,2FACA,iHACA,yGACA,2FACA,uHAGA,6GACA,+FAtBF,wDACE,qHACA,6GACA,+FACA,uGACA,+FACA,iFACA,2HAGA,iHACA,mGACA,mHACA,2GACA,6FACA,mHACA,2GACA,6FACA,yHAGA,+GACA,iGAtBF,yDACE,sHACA,8GACA,gGACA,wGACA,gGACA,kFACA,4HAGA,kHACA,oGACA,oHACA,4GACA,8FACA,oHACA,4GACA,8FACA,0HAGA,gHACA,kGAtBF,wDACE,qHACA,6GACA,+FACA,uGACA,+FACA,iFACA,2HAGA,iHACA,mGACA,mHACA,2GACA,6FACA,mHACA,2GACA,6FACA,yHAGA,+GACA,iGAtBF,0DACE,uHACA,+GACA,iGACA,yGACA,iGACA,mFACA,6HAGA,mHACA,qGACA,qHACA,6GACA,+FACA,qHACA,6GACA,+FACA,2HAGA,iHACA,mGAtBF,+CACE,4GACA,oGACA,sFACA,8FACA,sFACA,wEACA,kHAGA,wGACA,0FACA,0GACA,kGACA,oFACA,0GACA,kGACA,oFACA,gHAGA,sGACA,wFAtBF,8CACE,2GACA,mGACA,qFACA,6FACA,qFACA,uEACA,iHAGA,uGACA,yFACA,yGACA,iGACA,mFACA,yGACA,iGACA,mFACA,+GAGA,qGACA,uFAtBF,gDACE,6GACA,qGACA,uFACA,+FACA,uFACA,yEACA,mHAGA,yGACA,2FACA,2GACA,mGACA,qFACA,2GACA,mGACA,qFACA,iHAGA,uGACA,yFElWJ,kBACE,mDAEA,sCAHF,kBAII,kDAIJ,6BACE,wDAEA,wFAEE,iEAGF,uEACE,8DAQF,+DACE,oDAIJ,uEACE,8DAIA,sEACE,6DAIJ,sEACE,6DC1CF,sBACE,wCACA,oDACA,uDACA,oDACA,oDAEA,sCAPF,sBAQI,sDCHJ,mBACE,kBACA,mBACA,qCACA,iDACA,iDATA,sBACA,eAaF,sBACE,sDACA,mDAEA,sCAJF,sBAKI,qDAIJ,sBACE,sDACA,mDAEA,sCAJF,sBAKI,qDAIJ,sBACE,sDACA,mDAEA,sCAJF,sBAKI,qDAIJ,sBACE,sDACA,mDAEA,sCAJF,sBAKI,qDAIJ,kCACE,6CCpDF,gBACE,mBACA,oBAGF,oBACE,kBAGF,wBACE,6GAEA,sCAHF,wBAII,4GAIJ,4BACE,qDACA,oDAEA,sCAJF,4BAKI,mDACA,mDAGJ,wBACE,6GAEA,sCAHF,wBAII,4GAIJ,4BACE,qDACA,oDAEA,sCAJF,4BAKI,mDACA,mDAIJ,wBACE,6GAEA,sCAHF,wBAII,4GAIJ,4BACE,qDACA,oDAEA,sCAJF,4BAKI,mDACA,mDAIJ,wBACE,6GAEA,sCAHF,wBAII,4GAIJ,4BACE,qDACA,oDAEA,sCAJF,4BAKI,mDACA,mDAIJ,wBACE,6GAEA,sCAHF,wBAII,4GAIJ,4BACE,qDACA,oDAEA,sCAJF,4BAKI,mDACA,mDC9FJ,gBACE,kCACA,8CACA,8CACA,oDAEA,mEAGE,wCAIJ,4BACE,qBACA,4DACA,yDACA,qFACA,6EAEA,uGAGE,2FACA,mFAGF,sCAdF,4BAeI,2DAIJ,wBACE,qDACA,iDACA,qDACA,6DACA,0EAEA,2FAGE,mEACA,+EAGF,gCACE,iDAIJ,yBACE,uBACA,oBACA,yDACA,sCACA,sDACA,8DAEA,8FAGE,oEACA,wFACA,gFAGF,sCAhBF,yBAiBI,wDAMF,0DACE,YACA,WAIJ,oCACE,qDAEA,+HAGE,2DAGF,4CACE,6DAIJ,qCACE,sDAEA,kIAGE,4DAGF,6CACE,8DAIJ,uHAEE,mEACA,+EAEA,2YAGE,6DC9GJ,qBACE,uCACA,mDACA,sDACA,mDACA,mDAVA,sBACA,eACA,8BAUA,sCAPF,qBAQI,qDAMJ,4BACE,4DACA,yDAEA,sCAJF,4BAKI,2DAIJ,4BACE,4DACA,yDAEA,sCAJF,4BAKI,2DAIJ,oCACE,+CC7BF,0BARE,sBACA,gBACA,eACA,uBACA,8BAOA,aACA,wCAIF,qEACE,4CACA,wDACA,2DACA,wDACA,wDACA,gEAEA,sCARF,qEASI,0DAIF,qGACE,6EACA,+EAKJ,iFACE,+EAEA,iHACE,4FACA,8FCjCJ,wBARE,sBACA,qBACA,eACA,uBACA,8BAOA,aACA,sCAIF,iEACE,0CACA,sDACA,yDACA,sDACA,sDACA,8DAEA,sCARF,iEASI,wDAIF,+FACE,2EACA,6EAKJ,+EACE,2EAEA,6GACE,wFACA,0FC3CJ,sCAEI,+BACE,kBAFS,EAKX,8BACE,uBALF,+BACE,kBAFS,EAKX,8BACE,uBALF,+BACE,kBAFS,EAKX,8BACE,uBALF,+BACE,kBAFS,EAKX,8BACE,uBALF,+BACE,kBAFS,EAKX,8BACE,uBALF,+BACE,kBAFS,EAKX,8BACE,uBALF,+BACE,kBAFS,EAKX,8BACE,uBALF,+BACE,kBAFS,EAKX,8BACE,uBALF,+BACE,kBAFS,EAKX,8BACE,uBALF,gCACE,kBAFS,GAKX,+BACE,wBALF,gCACE,kBAFS,GAKX,+BACE,wBALF,gCACE,kBAFS,GAKX,+BACE,yBCPN,qBACE,iDACA,aACA,kFACA,+CAGF,sCACE,qBACE","file":"index.css"}
@@ -0,0 +1,88 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright (c) 2023 Gemeente Amsterdam
4
+ */
5
+ /**
6
+ * @license EUPL-1.2+
7
+ * Copyright (c) 2023 Gemeente Amsterdam
8
+ */
9
+ /*
10
+ The breakpoint is 854px / 16 = 53.375rems
11
+ https://developer.mozilla.org/en-US/docs/Web/CSS/@media#accessibility_concerns
12
+ */
13
+ @media screen and (width > 53.375rem) {
14
+ .amsterdam-grid-column-start-1 {
15
+ grid-column-start: 1;
16
+ }
17
+ .amsterdam-grid-column-span-1 {
18
+ grid-column-end: span 1;
19
+ }
20
+ .amsterdam-grid-column-start-2 {
21
+ grid-column-start: 2;
22
+ }
23
+ .amsterdam-grid-column-span-2 {
24
+ grid-column-end: span 2;
25
+ }
26
+ .amsterdam-grid-column-start-3 {
27
+ grid-column-start: 3;
28
+ }
29
+ .amsterdam-grid-column-span-3 {
30
+ grid-column-end: span 3;
31
+ }
32
+ .amsterdam-grid-column-start-4 {
33
+ grid-column-start: 4;
34
+ }
35
+ .amsterdam-grid-column-span-4 {
36
+ grid-column-end: span 4;
37
+ }
38
+ .amsterdam-grid-column-start-5 {
39
+ grid-column-start: 5;
40
+ }
41
+ .amsterdam-grid-column-span-5 {
42
+ grid-column-end: span 5;
43
+ }
44
+ .amsterdam-grid-column-start-6 {
45
+ grid-column-start: 6;
46
+ }
47
+ .amsterdam-grid-column-span-6 {
48
+ grid-column-end: span 6;
49
+ }
50
+ .amsterdam-grid-column-start-7 {
51
+ grid-column-start: 7;
52
+ }
53
+ .amsterdam-grid-column-span-7 {
54
+ grid-column-end: span 7;
55
+ }
56
+ .amsterdam-grid-column-start-8 {
57
+ grid-column-start: 8;
58
+ }
59
+ .amsterdam-grid-column-span-8 {
60
+ grid-column-end: span 8;
61
+ }
62
+ .amsterdam-grid-column-start-9 {
63
+ grid-column-start: 9;
64
+ }
65
+ .amsterdam-grid-column-span-9 {
66
+ grid-column-end: span 9;
67
+ }
68
+ .amsterdam-grid-column-start-10 {
69
+ grid-column-start: 10;
70
+ }
71
+ .amsterdam-grid-column-span-10 {
72
+ grid-column-end: span 10;
73
+ }
74
+ .amsterdam-grid-column-start-11 {
75
+ grid-column-start: 11;
76
+ }
77
+ .amsterdam-grid-column-span-11 {
78
+ grid-column-end: span 11;
79
+ }
80
+ .amsterdam-grid-column-start-12 {
81
+ grid-column-start: 12;
82
+ }
83
+ .amsterdam-grid-column-span-12 {
84
+ grid-column-end: span 12;
85
+ }
86
+ }
87
+
88
+ /*# sourceMappingURL=grid-cell.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/layout/grid-cell/grid-cell.scss","../../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADEA;EAEI;IACE,mBAFS;;EAKX;IACE;;EALF;IACE,mBAFS;;EAKX;IACE;;EALF;IACE,mBAFS;;EAKX;IACE;;EALF;IACE,mBAFS;;EAKX;IACE;;EALF;IACE,mBAFS;;EAKX;IACE;;EALF;IACE,mBAFS;;EAKX;IACE;;EALF;IACE,mBAFS;;EAKX;IACE;;EALF;IACE,mBAFS;;EAKX;IACE;;EALF;IACE,mBAFS;;EAKX;IACE;;EALF;IACE,mBAFS;;EAKX;IACE;;EALF;IACE,mBAFS;;EAKX;IACE;;EALF;IACE,mBAFS;;EAKX;IACE","file":"grid-cell.css"}
@@ -0,0 +1,26 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright (c) 2023 Gemeente Amsterdam
4
+ */
5
+ /**
6
+ * @license EUPL-1.2+
7
+ * Copyright (c) 2023 Gemeente Amsterdam
8
+ */
9
+ /*
10
+ The breakpoint is 854px / 16 = 53.375rems
11
+ https://developer.mozilla.org/en-US/docs/Web/CSS/@media#accessibility_concerns
12
+ */
13
+ .amsterdam-page-grid {
14
+ column-gap: var(--amsterdam-page-grid-column-gap);
15
+ display: grid;
16
+ grid-template-columns: repeat(var(--amsterdam-page-grid-column-count-narrow), 1fr);
17
+ max-width: var(--amsterdam-page-grid-max-width);
18
+ }
19
+
20
+ @media screen and (width > 53.375rem) {
21
+ .amsterdam-page-grid {
22
+ grid-template-columns: repeat(var(--amsterdam-page-grid-column-count-wide), 1fr);
23
+ }
24
+ }
25
+
26
+ /*# sourceMappingURL=page-grid.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/layout/page-grid/page-grid.scss","../../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADEA;EACE;EACA;EACA;EACA;;;AAGF;EACE;IACE","file":"page-grid.css"}
@@ -1,97 +1 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- /**
6
- * @license EUPL-1.2+
7
- * Copyright (c) 2023 Gemeente Amsterdam
8
- */
9
- /*
10
- The breakpoint is 854px / 16 = 53.375rems
11
- https://developer.mozilla.org/en-US/docs/Web/CSS/@media#accessibility_concerns
12
- */
13
- .amsterdam-link {
14
- color: var(--amsterdam-link-color, blue);
15
- font-family: var(--amsterdam-paragraph-font-family);
16
- font-size: var(--amsterdam-link-font-size-narrow);
17
- line-height: var(--amsterdam-link-line-height);
18
- outline-offset: var(--amsterdam-link-outline-offset);
19
- text-decoration: var(--amsterdam-link-text-decoration, underline);
20
- text-decoration-color: var(--amsterdam-link-text-decoration-color, currentColor);
21
- text-decoration-thickness: var(--amsterdam-link-text-decoration-thickness, 1px);
22
- text-underline-offset: var(--amsterdam-link-text-underline-offset);
23
- }
24
- .amsterdam-link:hover, .amsterdam-link:active {
25
- color: var(--amsterdam-link-hover-color);
26
- text-decoration: var(--amsterdam-link-hover-text-decoration);
27
- text-decoration-thickness: var(--amsterdam-link-hover-text-decoration-thickness, 1px);
28
- }
29
- .amsterdam-link:focus {
30
- color: var(--amsterdam-link-focus-color);
31
- text-decoration: var(--amsterdam-link-focus-text-decoration);
32
- }
33
- .amsterdam-link:visited {
34
- color: var(--amsterdam-link-visited-color);
35
- }
36
- @media screen and (width > 53.375rem) {
37
- .amsterdam-link {
38
- font-size: var(--amsterdam-link-font-size-wide);
39
- }
40
- }
41
-
42
- .amsterdam-link--standalone-bold {
43
- font-weight: var(--amsterdam-link-standalone-bold-font-weight);
44
- }
45
-
46
- .amsterdam-link--inline {
47
- font-family: var(--amsterdam-link-inline-font-family);
48
- font-size: var(--amsterdam-link-inline-font-size);
49
- text-underline-offset: var(--amsterdam-link-inline-text-underline-offset);
50
- }
51
- .amsterdam-link--inline:visited {
52
- color: var(--amsterdam-link-inline-visited-color);
53
- }
54
-
55
- .amsterdam-link--in-list {
56
- align-items: flex-start;
57
- display: inline-flex;
58
- font-size: var(--amsterdam-link-in-list-font-size-narrow);
59
- gap: var(--amsterdam-link-in-list-gap);
60
- line-height: var(--amsterdam-link-in-list-line-height);
61
- text-underline-offset: var(--amsterdam-link-in-list-text-underline-offset);
62
- }
63
- .amsterdam-link--in-list span.amsterdam-icon svg {
64
- height: 16px;
65
- width: 16px;
66
- }
67
- @media screen and (width > 53.375rem) {
68
- .amsterdam-link--in-list {
69
- font-size: var(--amsterdam-link-in-list-font-size-wide);
70
- }
71
- }
72
-
73
- .amsterdam-link--on-background-dark {
74
- color: var(--amsterdam-link-on-background-dark-color);
75
- text-decoration: var(--amsterdam-link-on-background-dark-text-decoration);
76
- }
77
- .amsterdam-link--on-background-dark:hover, .amsterdam-link--on-background-dark:active {
78
- color: var(--amsterdam-link-on-background-dark-hover-color);
79
- text-decoration: var(--amsterdam-link-on-background-dark-hover-text-decoration);
80
- }
81
- .amsterdam-link--on-background-dark:visited {
82
- color: var(--amsterdam-link-on-background-dark-visited-color);
83
- }
84
-
85
- .amsterdam-link--on-background-light {
86
- color: var(--amsterdam-link-on-background-light-color);
87
- text-decoration: var(--amsterdam-link-on-background-light-text-decoration);
88
- }
89
- .amsterdam-link--on-background-light:hover, .amsterdam-link--on-background-light:active {
90
- color: var(--amsterdam-link-on-background-light-hover-color);
91
- text-decoration: var(--amsterdam-link-on-background-light-hover-text-decoration);
92
- }
93
- .amsterdam-link--on-background-light:visited {
94
- color: var(--amsterdam-link-on-background-light-visited-color);
95
- }
96
-
97
- /*# sourceMappingURL=link.css.map */
1
+ .amsterdam-link{color:var(--amsterdam-link-color);font-family:var(--amsterdam-link-font-family);font-weight:var(--amsterdam-link-font-weight);outline-offset:var(--amsterdam-link-outline-offset)}.amsterdam-link:hover,.amsterdam-link:active,.amsterdam-link:focus{color:var(--amsterdam-link-focus-color)}.amsterdam-link--standalone{display:inline-block;font-size:var(--amsterdam-link-standalone-narrow-font-size);line-height:var(--amsterdam-link-standalone-line-height);text-decoration-thickness:var(--amsterdam-link-standalone-text-decoration-thickness);text-underline-offset:var(--amsterdam-link-standalone-text-underline-offset)}.amsterdam-link--standalone:hover,.amsterdam-link--standalone:active,.amsterdam-link--standalone:focus{text-decoration-thickness:var(--amsterdam-link-standalone-focus-text-decoration-thickness);text-underline-offset:var(--amsterdam-link-standalone-focus-text-underline-offset)}@media screen and (width > 53.375rem){.amsterdam-link--standalone{font-size:var(--amsterdam-link-standalone-wide-font-size)}}.amsterdam-link--inline{font-family:var(--amsterdam-link-inline-font-family);font-size:var(--amsterdam-link-inline-font-size);line-height:var(--amsterdam-link-inline-line-height);text-decoration:var(--amsterdam-link-inline-text-decoration);text-decoration-thickness:var(--amsterdam-link-text-decoration-thickness)}.amsterdam-link--inline:hover,.amsterdam-link--inline:active,.amsterdam-link--inline:focus{text-decoration:var(--amsterdam-link-inline-focus-text-decoration);text-underline-offset:var(--amsterdam-link-inline-focus-text-underline-offset)}.amsterdam-link--inline:visited{color:var(--amsterdam-link-inline-visited-color)}.amsterdam-link--in-list{align-items:flex-start;display:inline-flex;font-size:var(--amsterdam-link-in-list-narrow-font-size);gap:var(--amsterdam-link-in-list-gap);line-height:var(--amsterdam-link-in-list-line-height);text-decoration:var(--amsterdam-link-in-list-text-decoration)}.amsterdam-link--in-list:hover,.amsterdam-link--in-list:active,.amsterdam-link--in-list:focus{text-decoration:var(--amsterdam-link-in-list-focus-text-decoration);text-decoration-thickness:var(--amsterdam-link-in-list-focus-text-decoration-thickness);text-underline-offset:var(--amsterdam-link-in-list-focus-text-underline-offset)}@media screen and (width > 53.375rem){.amsterdam-link--in-list{font-size:var(--amsterdam-link-in-list-wide-font-size)}}.amsterdam-link--in-list__chevron span.amsterdam-icon svg{height:16px;width:16px}.amsterdam-link--on-background-dark{color:var(--amsterdam-link-on-background-dark-color)}.amsterdam-link--on-background-dark:hover,.amsterdam-link--on-background-dark:active,.amsterdam-link--on-background-dark:focus{color:var(--amsterdam-link-on-background-dark-hover-color)}.amsterdam-link--on-background-dark:visited{color:var(--amsterdam-link-on-background-dark-visited-color)}.amsterdam-link--on-background-light{color:var(--amsterdam-link-on-background-light-color)}.amsterdam-link--on-background-light:hover,.amsterdam-link--on-background-light:active,.amsterdam-link--on-background-light:focus{color:var(--amsterdam-link-on-background-light-hover-color)}.amsterdam-link--on-background-light:visited{color:var(--amsterdam-link-on-background-light-visited-color)}.amsterdam-link--inline.amsterdam-link--on-background-dark,.amsterdam-link--inline.amsterdam-link--on-background-light{text-decoration:var(--amsterdam-link-inline-focus-text-decoration);text-underline-offset:var(--amsterdam-link-inline-focus-text-underline-offset)}.amsterdam-link--inline.amsterdam-link--on-background-dark:hover,.amsterdam-link--inline.amsterdam-link--on-background-dark:active,.amsterdam-link--inline.amsterdam-link--on-background-dark:focus,.amsterdam-link--inline.amsterdam-link--on-background-light:hover,.amsterdam-link--inline.amsterdam-link--on-background-light:active,.amsterdam-link--inline.amsterdam-link--on-background-light:focus{text-decoration:var(--amsterdam-link-inline-text-decoration)}/*# sourceMappingURL=link.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/link/link.scss","../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EA3BF;IA4BI;;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAGF;EAdF;IAeI;;;;AAIJ;EACE;EACA;;AAEA;EAEE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;;AAEA;EAEE;EACA;;AAGF;EACE","file":"link.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/link/link.scss"],"names":[],"mappings":"AAOA,gBACE,kCACA,8CACA,8CACA,oDAEA,mEAGE,wCAIJ,4BACE,qBACA,4DACA,yDACA,qFACA,6EAEA,uGAGE,2FACA,mFAGF,sCAdF,4BAeI,2DAIJ,wBACE,qDACA,iDACA,qDACA,6DACA,0EAEA,2FAGE,mEACA,+EAGF,gCACE,iDAIJ,yBACE,uBACA,oBACA,yDACA,sCACA,sDACA,8DAEA,8FAGE,oEACA,wFACA,gFAGF,sCAhBF,yBAiBI,wDAMF,0DACE,YACA,WAIJ,oCACE,qDAEA,+HAGE,2DAGF,4CACE,6DAIJ,qCACE,sDAEA,kIAGE,4DAGF,6CACE,8DAIJ,uHAEE,mEACA,+EAEA,2YAGE","file":"link.css"}
@@ -0,0 +1,122 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright (c) 2023 Gemeente Amsterdam
4
+ */
5
+ /**
6
+ * @license EUPL-1.2+
7
+ * Copyright (c) 2023 Gemeente Amsterdam
8
+ */
9
+ /*
10
+ The breakpoint is 854px / 16 = 53.375rems
11
+ https://developer.mozilla.org/en-US/docs/Web/CSS/@media#accessibility_concerns
12
+ */
13
+ .amsterdam-icon {
14
+ align-items: center;
15
+ display: inline-flex;
16
+ }
17
+
18
+ .amsterdam-icon svg {
19
+ fill: currentColor;
20
+ }
21
+
22
+ .amsterdam-icon--size-3 {
23
+ height: calc(var(--amsterdam-icon-size-3-icon-size-narrow) * var(--amsterdam-icon-size-3-container-multiplier));
24
+ }
25
+ @media screen and (width > 53.375rem) {
26
+ .amsterdam-icon--size-3 {
27
+ height: calc(var(--amsterdam-icon-size-3-icon-size-wide) * var(--amsterdam-icon-size-3-container-multiplier));
28
+ }
29
+ }
30
+
31
+ .amsterdam-icon--size-3 svg {
32
+ height: var(--amsterdam-icon-size-3-icon-size-narrow);
33
+ width: var(--amsterdam-icon-size-3-icon-size-narrow);
34
+ }
35
+ @media screen and (width > 53.375rem) {
36
+ .amsterdam-icon--size-3 svg {
37
+ height: var(--amsterdam-icon-size-3-icon-size-wide);
38
+ width: var(--amsterdam-icon-size-3-icon-size-wide);
39
+ }
40
+ }
41
+
42
+ .amsterdam-icon--size-4 {
43
+ height: calc(var(--amsterdam-icon-size-4-icon-size-narrow) * var(--amsterdam-icon-size-4-container-multiplier));
44
+ }
45
+ @media screen and (width > 53.375rem) {
46
+ .amsterdam-icon--size-4 {
47
+ height: calc(var(--amsterdam-icon-size-4-icon-size-wide) * var(--amsterdam-icon-size-4-container-multiplier));
48
+ }
49
+ }
50
+
51
+ .amsterdam-icon--size-4 svg {
52
+ height: var(--amsterdam-icon-size-4-icon-size-narrow);
53
+ width: var(--amsterdam-icon-size-4-icon-size-narrow);
54
+ }
55
+ @media screen and (width > 53.375rem) {
56
+ .amsterdam-icon--size-4 svg {
57
+ height: var(--amsterdam-icon-size-4-icon-size-wide);
58
+ width: var(--amsterdam-icon-size-4-icon-size-wide);
59
+ }
60
+ }
61
+
62
+ .amsterdam-icon--size-5 {
63
+ height: calc(var(--amsterdam-icon-size-5-icon-size-narrow) * var(--amsterdam-icon-size-5-container-multiplier));
64
+ }
65
+ @media screen and (width > 53.375rem) {
66
+ .amsterdam-icon--size-5 {
67
+ height: calc(var(--amsterdam-icon-size-5-icon-size-wide) * var(--amsterdam-icon-size-5-container-multiplier));
68
+ }
69
+ }
70
+
71
+ .amsterdam-icon--size-5 svg {
72
+ height: var(--amsterdam-icon-size-5-icon-size-narrow);
73
+ width: var(--amsterdam-icon-size-5-icon-size-narrow);
74
+ }
75
+ @media screen and (width > 53.375rem) {
76
+ .amsterdam-icon--size-5 svg {
77
+ height: var(--amsterdam-icon-size-5-icon-size-wide);
78
+ width: var(--amsterdam-icon-size-5-icon-size-wide);
79
+ }
80
+ }
81
+
82
+ .amsterdam-icon--size-6 {
83
+ height: calc(var(--amsterdam-icon-size-6-icon-size-narrow) * var(--amsterdam-icon-size-6-container-multiplier));
84
+ }
85
+ @media screen and (width > 53.375rem) {
86
+ .amsterdam-icon--size-6 {
87
+ height: calc(var(--amsterdam-icon-size-6-icon-size-wide) * var(--amsterdam-icon-size-6-container-multiplier));
88
+ }
89
+ }
90
+
91
+ .amsterdam-icon--size-6 svg {
92
+ height: var(--amsterdam-icon-size-6-icon-size-narrow);
93
+ width: var(--amsterdam-icon-size-6-icon-size-narrow);
94
+ }
95
+ @media screen and (width > 53.375rem) {
96
+ .amsterdam-icon--size-6 svg {
97
+ height: var(--amsterdam-icon-size-6-icon-size-wide);
98
+ width: var(--amsterdam-icon-size-6-icon-size-wide);
99
+ }
100
+ }
101
+
102
+ .amsterdam-icon--size-7 {
103
+ height: calc(var(--amsterdam-icon-size-7-icon-size-narrow) * var(--amsterdam-icon-size-7-container-multiplier));
104
+ }
105
+ @media screen and (width > 53.375rem) {
106
+ .amsterdam-icon--size-7 {
107
+ height: calc(var(--amsterdam-icon-size-7-icon-size-wide) * var(--amsterdam-icon-size-7-container-multiplier));
108
+ }
109
+ }
110
+
111
+ .amsterdam-icon--size-7 svg {
112
+ height: var(--amsterdam-icon-size-7-icon-size-narrow);
113
+ width: var(--amsterdam-icon-size-7-icon-size-narrow);
114
+ }
115
+ @media screen and (width > 53.375rem) {
116
+ .amsterdam-icon--size-7 svg {
117
+ height: var(--amsterdam-icon-size-7-icon-size-wide);
118
+ width: var(--amsterdam-icon-size-7-icon-size-wide);
119
+ }
120
+ }
121
+
122
+ /*# sourceMappingURL=icon.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/media/icon/icon.scss","../../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADEA;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EAHF;IAII;;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;;AAGJ;EACE;;AAEA;EAHF;IAII;;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;;AAIJ;EACE;;AAEA;EAHF;IAII;;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;;AAIJ;EACE;;AAEA;EAHF;IAII;;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;;AAIJ;EACE;;AAEA;EAHF;IAII;;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA","file":"icon.css"}