@gemeentenijmegen/components-css 0.0.1-alpha.99 → 0.1.1
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.
- package/blockquote/index.scss +54 -0
- package/button/index.scss +10 -0
- package/dist/header.css +29 -7
- package/dist/index.min.css +8 -4
- package/dropdown-menu/index.scss +65 -0
- package/header/_mixin.scss +0 -1
- package/header/index.scss +31 -7
- package/index.scss +4 -0
- package/mega-menu/index.scss +1 -1
- package/package.json +3 -3
- package/table/_mixin.scss +1 -0
- package/top-task-card/index.scss +56 -0
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
.nijmegen-blockquote {
|
|
2
|
+
background-color: var(--utrecht-blockquote-background-color);
|
|
3
|
+
border-color: var(--utrecht-blockquote-border-color);
|
|
4
|
+
border-inline-end-width: var(--utrecht-blockquote-border-inline-start-width);
|
|
5
|
+
border-radius: var(--utrecht-blockquote-border-radius);
|
|
6
|
+
border-style: solid;
|
|
7
|
+
border-width: var(--utrecht-blockquote-border-width);
|
|
8
|
+
color: var(--utrecht-blockquote-color);
|
|
9
|
+
display: flex;
|
|
10
|
+
flex-direction: column;
|
|
11
|
+
font-family: var(--utrecht-document-font-family);
|
|
12
|
+
font-size: var(--utrecht-blockquote-font-size);
|
|
13
|
+
gap: var(--utrecht-blockquote-row-gap);
|
|
14
|
+
margin-block-end: var(--utrecht-blockquote-margin-block-end, 0);
|
|
15
|
+
margin-block-start: var(--utrecht-blockquote-margin-block-start, 0);
|
|
16
|
+
margin-inline-end: var(--utrecht-blockquote-margin-inline-end);
|
|
17
|
+
margin-inline-start: var(--utrecht-blockquote-margin-inline-start);
|
|
18
|
+
padding-block-end: var(--utrecht-blockquote-padding-block-end);
|
|
19
|
+
padding-block-start: var(--utrecht-blockquote-padding-block-start);
|
|
20
|
+
padding-inline-end: var(--utrecht-blockquote-padding-inline-end);
|
|
21
|
+
padding-inline-start: var(--utrecht-blockquote-padding-inline-start);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.nijmegen-blockquote__quote {
|
|
25
|
+
all: unset;
|
|
26
|
+
color: var(--utrecht-blockquote-content-color);
|
|
27
|
+
font-size: var(--utrecht-blockquote-content-font-size);
|
|
28
|
+
font-weight: var(--utrecht-blockquote-content-font-weight, 600);
|
|
29
|
+
|
|
30
|
+
.nijmegen-paragraph {
|
|
31
|
+
margin: 0; /* stylelint-disable-line property-disallowed-list */
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&::before {
|
|
35
|
+
aspect-ratio: 1/1;
|
|
36
|
+
background-color: var(--todo-blockquote-icon-color); /* stylelint-disable-line */
|
|
37
|
+
content: "";
|
|
38
|
+
display: block;
|
|
39
|
+
mask-image: var(
|
|
40
|
+
--utrecht-blockquote-icon,
|
|
41
|
+
url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAyOCI+PHBhdGggZD0iTTIyIDI4Yy0xLjEgMC0yLjEtLjQtMi44LTEuMkMxOC40IDI2IDE4IDI1IDE4IDI0VjEyYzAtNi4zIDMuMy0xMC40IDkuNS0xMmguOGMuMyAwIC41LjEuNy4zLjIuMS40LjMuNi41LjIuMi4zLjUuMy43di44YzAgLjMtLjEuNS0uMy43LS4xLjItLjMuNC0uNS42LS4yLjItLjUuMy0uNy4zLTQuNSAxLjEtNi41IDMuNy02LjUgOC4xdjJoNmMxIDAgMiAuNCAyLjcgMS4xczEuMiAxLjYgMS4zIDIuNlYyNGMwIDEuMS0uNCAyLjEtMS4yIDIuOC0uOC44LTEuOCAxLjItMi44IDEuMmgtNloiLz48cGF0aCBkPSJNNCAyOGMtMS4xIDAtMi4xLS40LTIuOC0xLjJDLjQgMjYuMSAwIDI1LjEgMCAyNFYxMkMwIDUuNyAzLjMgMS42IDkuNSAwaC44Yy4zIDAgLjUuMS43LjNzLjQuMy42LjVjLjIuMi4zLjUuMy43di44YzAgLjMtLjEuNS0uMy43LS4xLjItLjMuNC0uNS42LS4yLjItLjUuMy0uNy4zQzUuOSA1IDMuOSA3LjYgMy45IDEydjJoNmMxIDAgMiAuNCAyLjcgMS4xczEuMiAxLjYgMS4zIDIuNlYyNGMwIDEuMS0uNCAyLjEtMS4yIDIuOC0uOC44LTEuOCAxLjItMi44IDEuMmgtNloiLz48L3N2Zz4=")
|
|
42
|
+
);
|
|
43
|
+
mask-position: center;
|
|
44
|
+
mask-repeat: no-repeat;
|
|
45
|
+
mask-size: calc(var(--todo-blockquote-icon-size) - 1rem); /* stylelint-disable-line */
|
|
46
|
+
width: var(--todo-blockquote-icon-size); /* stylelint-disable-line */
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.nijmegen-blockquote__caption {
|
|
51
|
+
color: var(--utrecht-blockquote-attribution-color);
|
|
52
|
+
font-size: var(--utrecht-blockquote-attribution-font-size);
|
|
53
|
+
font-weight: var(--utrecht-blockquote-attribution-font-weight);
|
|
54
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
.utrecht-button {
|
|
2
|
+
text-decoration: none;
|
|
3
|
+
|
|
4
|
+
&.utrecht-button--icon-only {
|
|
5
|
+
padding-block-end: var(--nijmegen-icon-only-button-padding-block-end);
|
|
6
|
+
padding-block-start: var(--nijmegen-icon-only-button-padding-block-start);
|
|
7
|
+
padding-inline-end: var(--nijmegen-icon-only-button-padding-inline-end);
|
|
8
|
+
padding-inline-start: var(--nijmegen-icon-only-button-padding-inline-start);
|
|
9
|
+
}
|
|
10
|
+
}
|
package/dist/header.css
CHANGED
|
@@ -5,18 +5,37 @@
|
|
|
5
5
|
*/
|
|
6
6
|
/* stylelint-disable-next-line block-no-empty */
|
|
7
7
|
.nijmegen-header {
|
|
8
|
-
|
|
8
|
+
position: relative;
|
|
9
9
|
writing-mode: horizontal-tb;
|
|
10
10
|
}
|
|
11
11
|
.nijmegen-header .nijmegen-search {
|
|
12
|
-
background-color: red;
|
|
13
12
|
inline-size: 100%;
|
|
14
13
|
}
|
|
15
14
|
|
|
15
|
+
.nijmegen-header__backdrop {
|
|
16
|
+
background-color: var(--utrecht-backdrop-background-color);
|
|
17
|
+
display: none;
|
|
18
|
+
height: 100vh; /* stylelint-disable-line property-disallowed-list */
|
|
19
|
+
opacity: var(--utrecht-backdrop-opacity);
|
|
20
|
+
position: fixed;
|
|
21
|
+
top: 0; /* stylelint-disable-line property-disallowed-list */
|
|
22
|
+
width: 100%; /* stylelint-disable-line property-disallowed-list */
|
|
23
|
+
z-index: 100;
|
|
24
|
+
}
|
|
25
|
+
.nijmegen-header__backdrop--visible {
|
|
26
|
+
display: block;
|
|
27
|
+
}
|
|
28
|
+
|
|
16
29
|
.nijmegen-header__content {
|
|
30
|
+
background-color: var(--nijmegen-header-background-color, #fff);
|
|
31
|
+
border: 0 solid var(--nijmegen-header-border-color, transparent);
|
|
32
|
+
border-block-end-width: var(--nijmegen-header-border-block-end-width, 0);
|
|
33
|
+
position: relative;
|
|
34
|
+
z-index: 101;
|
|
35
|
+
}
|
|
36
|
+
.nijmegen-header__content .nijmegen-header__content--inner {
|
|
17
37
|
align-items: center;
|
|
18
38
|
align-self: center;
|
|
19
|
-
border: 0 solid var(--nijmegen-header-border-color, transparent);
|
|
20
39
|
display: flex;
|
|
21
40
|
flex-direction: row;
|
|
22
41
|
justify-content: space-between;
|
|
@@ -26,7 +45,6 @@
|
|
|
26
45
|
padding-block-start: var(--nijmegen-header-content-padding-block-start, 0);
|
|
27
46
|
padding-inline-end: var(--nijmegen-header-content-padding-inline-end, 0);
|
|
28
47
|
padding-inline-start: var(--nijmegen-header-content-padding-inline-start, 0);
|
|
29
|
-
border-block-end-width: var(--nijmegen-header-border-block-end-width, 0);
|
|
30
48
|
}
|
|
31
49
|
@media (width < 1024px) {
|
|
32
50
|
.nijmegen-header__content {
|
|
@@ -35,12 +53,15 @@
|
|
|
35
53
|
}
|
|
36
54
|
|
|
37
55
|
.nijmegen-header__content--small {
|
|
56
|
+
background-color: var(--nijmegen-header-background-color, #fff);
|
|
57
|
+
border: 0 solid var(--nijmegen-header-border-color, transparent);
|
|
58
|
+
border-block-end-width: var(--nijmegen-header-border-block-end-width, 0);
|
|
38
59
|
position: relative;
|
|
60
|
+
z-index: 101;
|
|
39
61
|
}
|
|
40
62
|
.nijmegen-header__content--small--inner {
|
|
41
63
|
align-items: center;
|
|
42
64
|
align-self: center;
|
|
43
|
-
border: 0 solid var(--nijmegen-header-border-color, transparent);
|
|
44
65
|
display: flex;
|
|
45
66
|
flex-direction: row;
|
|
46
67
|
justify-content: space-between;
|
|
@@ -50,7 +71,6 @@
|
|
|
50
71
|
padding-block-start: var(--nijmegen-header-content-padding-block-start, 0);
|
|
51
72
|
padding-inline-end: var(--nijmegen-header-content-padding-inline-end, 0);
|
|
52
73
|
padding-inline-start: var(--nijmegen-header-content-padding-inline-start, 0);
|
|
53
|
-
border-block-end-width: var(--nijmegen-header-border-block-end-width, 0);
|
|
54
74
|
}
|
|
55
75
|
@media (width >= 1024px) {
|
|
56
76
|
.nijmegen-header__content--small {
|
|
@@ -60,6 +80,8 @@
|
|
|
60
80
|
|
|
61
81
|
.nijmegen-header__mobile-menu {
|
|
62
82
|
background-color: var(--nijmegen-menu-background-color);
|
|
83
|
+
border: 0 solid var(--nijmegen-header-border-color, transparent);
|
|
84
|
+
border-block-start-width: var(--nijmegen-header-border-block-end-width, 0);
|
|
63
85
|
display: none;
|
|
64
86
|
padding-block-end: var(--nijmegen-menu-padding-block-end);
|
|
65
87
|
padding-block-start: var(--nijmegen-menu-padding-block-start);
|
|
@@ -91,7 +113,7 @@
|
|
|
91
113
|
.nijmegen-header__panel {
|
|
92
114
|
display: none;
|
|
93
115
|
left: 0; /* stylelint-disable-line property-disallowed-list */
|
|
94
|
-
padding-block-start: 1.5rem;
|
|
116
|
+
padding-block-start: calc(1.5rem + 2px);
|
|
95
117
|
position: absolute;
|
|
96
118
|
width: 100%; /* stylelint-disable-line property-disallowed-list */
|
|
97
119
|
z-index: 10;
|
package/dist/index.min.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.nijmegen-header{
|
|
1
|
+
.nijmegen-header{position:relative;writing-mode:horizontal-tb}.nijmegen-header .nijmegen-search{inline-size:100%}.nijmegen-header__backdrop{background-color:var(--utrecht-backdrop-background-color);display:none;height:100vh;opacity:var(--utrecht-backdrop-opacity);position:fixed;top:0;width:100%;z-index:100}.nijmegen-header__backdrop--visible{display:block}.nijmegen-header__content{background-color:var(--nijmegen-header-background-color,#fff);border:0 solid var(--nijmegen-header-border-color,transparent);border-block-end-width:var(--nijmegen-header-border-block-end-width,0);position:relative;z-index:101}.nijmegen-header__content .nijmegen-header__content--inner{align-items:center;align-self:center;display:flex;flex-direction:row;justify-content:space-between;margin-inline:auto;max-inline-size:var(--nijmegen-header-content-max-inline-size,100%);padding-block-end:var(--nijmegen-header-content-padding-block-end,0);padding-block-start:var(--nijmegen-header-content-padding-block-start,0);padding-inline-end:var(--nijmegen-header-content-padding-inline-end,0);padding-inline-start:var(--nijmegen-header-content-padding-inline-start,0)}@media (width < 1024px){.nijmegen-header__content{display:none}}.nijmegen-header__content--small{background-color:var(--nijmegen-header-background-color,#fff);border:0 solid var(--nijmegen-header-border-color,transparent);border-block-end-width:var(--nijmegen-header-border-block-end-width,0);position:relative;z-index:101}.nijmegen-header__content--small--inner{align-items:center;align-self:center;display:flex;flex-direction:row;justify-content:space-between;margin-inline:auto;max-inline-size:var(--nijmegen-header-content-max-inline-size,100%);padding-block-end:var(--nijmegen-header-content-padding-block-end,0);padding-block-start:var(--nijmegen-header-content-padding-block-start,0);padding-inline-end:var(--nijmegen-header-content-padding-inline-end,0);padding-inline-start:var(--nijmegen-header-content-padding-inline-start,0)}@media (width >= 1024px){.nijmegen-header__content--small{display:none}}.nijmegen-header__mobile-menu{background-color:var(--nijmegen-menu-background-color);border:0 solid var(--nijmegen-header-border-color,transparent);border-block-start-width:var(--nijmegen-header-border-block-end-width,0);display:none;padding-block-end:var(--nijmegen-menu-padding-block-end);padding-block-start:var(--nijmegen-menu-padding-block-start);position:absolute;width:100%;z-index:10}.nijmegen-header__mobile-menu .nijmegen-search,.nijmegen-header__mobile-menu nijmegen-search{display:block;max-inline-size:calc(100% - var(--nijmegen-header-content-padding-inline-end, 0) - var(--nijmegen-header-content-padding-inline-start, 0));padding-inline-end:var(--nijmegen-header-content-padding-inline-end,0);padding-inline-start:var(--nijmegen-header-content-padding-inline-start,0)}.nijmegen-header__mobile-menu--visible{display:block}.nijmegen-header__actions,.nijmegen-header__navigation{column-gap:var(--nijmegen-header-content-column-gap,0);display:flex;flex-direction:row;justify-content:space-between;list-style:none;padding-inline-start:0}.nijmegen-header__panel{display:none;left:0;padding-block-start:calc(1.5rem + 2px);position:absolute;width:100%;z-index:10}.nijmegen-header__panel--small{width:auto}.nijmegen-header-action--relative{position:relative}.nijmegen-header-action--relative .nijmegen-header__panel{left:auto;right:0}.nijmegen-header-action--relative .nijmegen-header__panel .nijmegen-listbox{min-inline-size:240px}.nijmegen-header-item{all:unset;align-items:end;color:var(--nijmegen-header-item-color,#000);column-gap:var(--nijmegen-header-item-column-gap,0);cursor:pointer;display:flex;flex-direction:row;font-family:var(--nijmegen-header-item-font-family,inherit);font-size:var(--nijmegen-header-item-font-size,1rem);font-weight:var(--nijmegen-header-item-font-weight,400);justify-content:space-between;line-height:var(--nijmegen-header-item-line-height,1.5);text-decoration:none;user-select:none}.nijmegen-header-item[aria-expanded]:after{background-color:var(--nijmegen-header-item-color,#000);content:"";display:inline-block;height:var(--nijmegen-header-item-icon-size,1.5rem);mask-position:center;mask-repeat:no-repeat;mask-size:100%;width:var(--nijmegen-header-item-icon-size,1.5rem)}.nijmegen-header-item--active,.nijmegen-header-item[aria-expanded=true]{-webkit-text-stroke-width:1px}.nijmegen-header-item--active+.nijmegen-header__panel,.nijmegen-header-item[aria-expanded=true]+.nijmegen-header__panel{display:block}.nijmegen-header-item[aria-expanded=false]:after{mask-image:var(--nijmegen-header-item-open-icon-image,url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"><path d="M0 0h24v24H0z" stroke="none"/><path d="m6 9 6 6 6-6"/></svg>'))}.nijmegen-header-item[aria-expanded=true]:after{mask-image:var(--nijmegen-header-item-open-icon-image,url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-up"><path d="M0 0h24v24H0z" stroke="none"/><path d="m6 15 6-6 6 6"/></svg>'))}.nijmegen-header-item[class*=nijmegen-header-item--icon-]:before{background-color:var(--nijmegen-header-item-color,#000);content:"";display:inline-block;height:var(--nijmegen-header-item-icon-size,1.5rem);mask-position:center;mask-repeat:no-repeat;mask-size:100%;width:var(--nijmegen-header-item-icon-size,1.5rem)}.nijmegen-header-item[class*=nijmegen-header-item--icon-][aria-expanded]:after{all:unset}.nijmegen-header-item[class*=nijmegen-header-item--icon-][aria-expanded=true]:before{mask-image:var(--nijmegen-header-item-close-icon-image,url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-x"><path d="M0 0h24v24H0z" stroke="none"/><path d="M18 6 6 18M6 6l12 12"/></svg>'))}.nijmegen-header-item--icon-search:before{mask-image:var(--nijmegen-header-item-search-icon-image,url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-search"><path d="M0 0h24v24H0z" stroke="none"/><path d="M3 10a7 7 0 1 0 14 0 7 7 0 1 0-14 0M21 21l-6-6"/></svg>'))}@media (width < 1280px){.nijmegen-header-item--icon-user span{display:none}}.nijmegen-header-item--icon-user:before{mask-image:var(--nijmegen-header-item-search-icon-image,url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-user"><path d="M0 0h24v24H0z" stroke="none"/><path d="M8 7a4 4 0 1 0 8 0 4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2"/></svg>'))}.nijmegen-header-item--hover,.nijmegen-header-item:hover{color:var(--nijmegen-header-item-hover-color,#000);text-decoration:var(--nijmegen-header-item-hover-text-decoration,none)}.nijmegen-header-item--hover:after,.nijmegen-header-item--hover:before,.nijmegen-header-item:hover:after,.nijmegen-header-item:hover:before{background-color:var(--nijmegen-header-item-hover-color,#000)}.nijmegen-header-item--active,.nijmegen-header-item:active{color:var(--nijmegen-header-item-active-color,#000);text-decoration:var(--nijmegen-header-item-active-text-decoration,none)}.nijmegen-header-item--focus-visible,.nijmegen-header-item:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--nijmegen-header-item-focus-visible-background-color,#fff);box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--nijmegen-header-item-focus-visible-color,#000);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);z-index:1}.utrecht-link .utrecht-icon{inset-block-start:var(--utrecht-icon-inset-block-start,.35rem)}.utrecht-link .utrecht-icon+span{padding-inline-start:.25rem}.utrecht-link span+.utrecht-icon{padding-inline-start:.25rem}.nijmegen-toolbar-button{--_utrecht-button-background-color:var(
|
|
2
2
|
--_utrecht-button-hint-background-color,var(--_utrecht-button-appearance-background-color,var(--utrecht-button-background-color))
|
|
3
3
|
);--_utrecht-button-color:var(
|
|
4
4
|
--_utrecht-button-hint-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-color))
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
)
|
|
113
113
|
);--_utrecht-button-border-width:var(--_utrecht-button-appearance-border-width,var(--utrecht-button-border-width,0));--_utrecht-button-border-block-end-width:var(
|
|
114
114
|
--utrecht-button-border-bottom-width,var(--_utrecht-button-border-width,0)
|
|
115
|
-
);--_utrecht-button-font-size:var(--_utrecht-button-appearance-font-size,var(--utrecht-button-font-size));--_utrecht-button-line-height:var(--_utrecht-button-appearance-line-height,var(--utrecht-button-line-height));--utrecht-icon-size:var(--utrecht-button-icon-size,1em);--_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-size:var(--utrecht-button-subtle-font-size);--_utrecht-button-appearance-font-weight:var(--utrecht-button-subtle-font-weight);--_utrecht-button-appearance-line-height:var(--utrecht-button-subtle-line-height);--_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);align-items:center;background-color:var(--_utrecht-button-background-color);block-size:fit-content;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);column-gap:var(--utrecht-button-column-gap);column-gap:var(--nijmegen-toolbar-button-column-gap);cursor:var(--utrecht-action-activate-cursor,revert);cursor:pointer;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));inline-size:var(--utrecht-button-inline-size,auto);justify-content:center;line-height:var(--_utrecht-button-line-height);max-inline-size:var(--utrecht-button-max-inline-size,fit-content);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-end:var(--nijmegen-toolbar-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-block-start:var(--nijmegen-toolbar-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-end:var(--nijmegen-toolbar-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);padding-inline-start:var(--nijmegen-toolbar-button-padding-inline-start);scale:1;text-transform:var(--utrecht-button-text-transform);-webkit-user-select:none;user-select:none}.nijmegen-toolbar-button.nijmegen-toolbar-button--icon-menu:before{mask-image:var(--nijmegen-toolbar-button-menu-icon-image,url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M0 0h24v24H0z" stroke="none"/><path d="M4 6h16M4 12h16M4 18h16"/></svg>'))}.nijmegen-toolbar-button.nijmegen-toolbar-button--icon-menu:before{background-color:var(--_utrecht-button-appearance-color);content:"";display:inline-block;flex-shrink:0;height:var(--nijmegen-toobar-button-menu-icon-height,1.5rem);mask-position:center;mask-repeat:no-repeat;mask-size:100%;width:var(--nijmegen-toobar-button-menu-icon-width,1.5rem)}.nijmegen-toolbar-button.nijmegen-toolbar-button--icon-menu[aria-expanded=true]:before{mask-image:var(--nijmegen-toolbar-button-close-icon-image,url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-x"><path d="M0 0h24v24H0z" stroke="none"/><path d="M18 6 6 18M6 6l12 12"/></svg>'))}.nijmegen-toolbar-button.nijmegen-toolbar-button--icon-search:before{mask-image:var(--nijmegen-toolbar-button-search-icon-image,url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-search"><path d="M0 0h24v24H0z" stroke="none"/><path d="M3 10a7 7 0 1 0 14 0 7 7 0 1 0-14 0M21 21l-6-6"/></svg>'))}.nijmegen-toolbar-button.nijmegen-toolbar-button--icon-search:before{background-color:var(--_utrecht-button-appearance-color);content:"";display:inline-block;flex-shrink:0;height:var(--nijmegen-toobar-button-menu-icon-height,1.5rem);mask-position:center;mask-repeat:no-repeat;mask-size:100%;width:var(--nijmegen-toobar-button-menu-icon-width,1.5rem)}.nijmegen-toolbar-button.nijmegen-toolbar-button--icon-search[aria-expanded=true]:before{mask-image:var(--nijmegen-toolbar-button-close-icon-image,url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-x"><path d="M0 0h24v24H0z" stroke="none"/><path d="M18 6 6 18M6 6l12 12"/></svg>'))}.nijmegen-toolbar-button.nijmegen-toolbar-button--focus-visible,.nijmegen-toolbar-button:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--_utrecht-button-focus-color);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);scale:var(--utrecht-button-focus-scale,1);z-index:1}.nijmegen-toolbar-button.nijmegen-toolbar-button--active,.nijmegen-toolbar-button:active:not(:disabled,[aria-disabled=true]){background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.nijmegen-toolbar-button.nijmegen-toolbar-button--hover,.nijmegen-toolbar-button:hover:not(:disabled,[aria-disabled=true]){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)}.nijmegen-mega-menu{background-color:var(--nijmegen-mega-menu-background-color,#fff);border:0 solid var(--nijmegen-mega-menu-border-color,transparent);border-block-end-width:var(--nijmegen-mega-menu-border-block-end-width,1px);margin-block-end:var(--nijmegen-mega-menu-margin-block-end);writing-mode:horizontal-tb}.nijmegen-mega-menu__container{margin-inline:auto;max-inline-size:var(--nijmegen-header-content-max-inline-size,100%)}.nijmegen-mega-menu__content{column-gap:var(--nijmegen-mega-menu-content-column-gap,0);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-inline:auto;padding-block-end:var(--nijmegen-mega-menu-content-padding-block-end,0);padding-block-start:var(--nijmegen-mega-menu-content-padding-block-start,0);padding-inline-end:var(--nijmegen-mega-menu-content-padding-inline-end,0);padding-inline-start:var(--nijmegen-mega-menu-content-padding-inline-start,0);row-gap:var(--nijmegen-mega-menu-content-row-gap,0)}.nijmegen-mega-menu__content .utrecht-heading-4{font-size:1.25rem}.nijmegen-mega-menu__content>div{display:flex;flex-direction:column;gap:var(--nijmegen-mega-menu-list-row-gap)}.nijmegen-mega-menu__content>*{flex-basis:100%}@media (width >= 768px){.nijmegen-mega-menu__content>*{flex-basis:calc(33.33333% - var(--nijmegen-mega-menu-content-column-gap, 0)*2/3)}.nijmegen-mega-menu__content>:only-child{flex-basis:100%}}@media (width >= 992px){.nijmegen-mega-menu__content>*{flex-basis:calc(25% - var(--nijmegen-mega-menu-content-column-gap, 0)*3/4)}.nijmegen-mega-menu__content>:only-child{flex-basis:100%}}.nijmegen-mega-menu__content.nijmegen-mega-menu__content--full-width>*{flex-basis:100%}.nijmegen-mobile-menu{background-color:var(--nijmegen-menu-background-color);display:flex;flex-direction:column;gap:1rem;position:relative}.nijmegen-mobile-menu__list{display:flex;flex-direction:column;line-height:var(--nijmegen-menu-link-line-height);list-style:none;margin:0;padding-inline-start:0}.nijmegen-mobile-menu__link{background-color:var(--nijmegen-menu-background-color);box-sizing:border-box;color:var(--nijmegen-menu-link-color);cursor:pointer;display:flex;font-family:var(--nijmegen-menu-link-font-family);font-size:var(--nijmegen-menu-link-font-size);font-weight:var(--nijmegen-menu-link-font-weight);justify-content:space-between;padding-block-end:var(--nijmegen-menu-link-padding-block-end);padding-block-start:var(--nijmegen-menu-link-padding-block-start);padding-inline-end:var(--nijmegen-menu-link-padding-inline-end);padding-inline-start:var(--nijmegen-menu-link-padding-inline-start);position:relative;text-decoration:none;width:100%}.nijmegen-mobile-menu__link:is(button){appearance:none;border:0}.nijmegen-mobile-menu__link.nijmegen-mobile-menu__link--focus,.nijmegen-mobile-menu__link:focus{--_utrecht-link-state-color:var(--utrecht-link-focus-color);text-decoration-skip:none;background-color:var(--utrecht-link-focus-background-color,transparent);text-decoration-skip-ink:none}.nijmegen-mobile-menu__link.nijmegen-mobile-menu__link--focus-visible,.nijmegen-mobile-menu__link:focus-visible{--_utrecht-link-state-color:var(--utrecht-link-focus-color);text-decoration-skip:none;--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);--_utrecht-link-state-text-decoration:var(
|
|
115
|
+
);--_utrecht-button-font-size:var(--_utrecht-button-appearance-font-size,var(--utrecht-button-font-size));--_utrecht-button-line-height:var(--_utrecht-button-appearance-line-height,var(--utrecht-button-line-height));--utrecht-icon-size:var(--utrecht-button-icon-size,1em);--_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-size:var(--utrecht-button-subtle-font-size);--_utrecht-button-appearance-font-weight:var(--utrecht-button-subtle-font-weight);--_utrecht-button-appearance-line-height:var(--utrecht-button-subtle-line-height);--_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);align-items:center;background-color:var(--_utrecht-button-background-color);block-size:fit-content;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);column-gap:var(--utrecht-button-column-gap);column-gap:var(--nijmegen-toolbar-button-column-gap);cursor:var(--utrecht-action-activate-cursor,revert);cursor:pointer;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));inline-size:var(--utrecht-button-inline-size,auto);justify-content:center;line-height:var(--_utrecht-button-line-height);max-inline-size:var(--utrecht-button-max-inline-size,fit-content);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-end:var(--nijmegen-toolbar-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-block-start:var(--nijmegen-toolbar-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-end:var(--nijmegen-toolbar-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);padding-inline-start:var(--nijmegen-toolbar-button-padding-inline-start);scale:1;text-transform:var(--utrecht-button-text-transform);-webkit-user-select:none;user-select:none}.nijmegen-toolbar-button.nijmegen-toolbar-button--icon-menu:before{mask-image:var(--nijmegen-toolbar-button-menu-icon-image,url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M0 0h24v24H0z" stroke="none"/><path d="M4 6h16M4 12h16M4 18h16"/></svg>'))}.nijmegen-toolbar-button.nijmegen-toolbar-button--icon-menu:before{background-color:var(--_utrecht-button-appearance-color);content:"";display:inline-block;flex-shrink:0;height:var(--nijmegen-toobar-button-menu-icon-height,1.5rem);mask-position:center;mask-repeat:no-repeat;mask-size:100%;width:var(--nijmegen-toobar-button-menu-icon-width,1.5rem)}.nijmegen-toolbar-button.nijmegen-toolbar-button--icon-menu[aria-expanded=true]:before{mask-image:var(--nijmegen-toolbar-button-close-icon-image,url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-x"><path d="M0 0h24v24H0z" stroke="none"/><path d="M18 6 6 18M6 6l12 12"/></svg>'))}.nijmegen-toolbar-button.nijmegen-toolbar-button--icon-search:before{mask-image:var(--nijmegen-toolbar-button-search-icon-image,url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-search"><path d="M0 0h24v24H0z" stroke="none"/><path d="M3 10a7 7 0 1 0 14 0 7 7 0 1 0-14 0M21 21l-6-6"/></svg>'))}.nijmegen-toolbar-button.nijmegen-toolbar-button--icon-search:before{background-color:var(--_utrecht-button-appearance-color);content:"";display:inline-block;flex-shrink:0;height:var(--nijmegen-toobar-button-menu-icon-height,1.5rem);mask-position:center;mask-repeat:no-repeat;mask-size:100%;width:var(--nijmegen-toobar-button-menu-icon-width,1.5rem)}.nijmegen-toolbar-button.nijmegen-toolbar-button--icon-search[aria-expanded=true]:before{mask-image:var(--nijmegen-toolbar-button-close-icon-image,url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-x"><path d="M0 0h24v24H0z" stroke="none"/><path d="M18 6 6 18M6 6l12 12"/></svg>'))}.nijmegen-toolbar-button.nijmegen-toolbar-button--focus-visible,.nijmegen-toolbar-button:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--_utrecht-button-focus-color);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);scale:var(--utrecht-button-focus-scale,1);z-index:1}.nijmegen-toolbar-button.nijmegen-toolbar-button--active,.nijmegen-toolbar-button:active:not(:disabled,[aria-disabled=true]){background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.nijmegen-toolbar-button.nijmegen-toolbar-button--hover,.nijmegen-toolbar-button:hover:not(:disabled,[aria-disabled=true]){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)}.nijmegen-mega-menu{background-color:var(--nijmegen-mega-menu-background-color,#fff);border:0 solid var(--nijmegen-mega-menu-border-color,transparent);border-block-start-width:var(--nijmegen-mega-menu-border-block-end-width,1px);margin-block-end:var(--nijmegen-mega-menu-margin-block-end);writing-mode:horizontal-tb}.nijmegen-mega-menu__container{margin-inline:auto;max-inline-size:var(--nijmegen-header-content-max-inline-size,100%)}.nijmegen-mega-menu__content{column-gap:var(--nijmegen-mega-menu-content-column-gap,0);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-inline:auto;padding-block-end:var(--nijmegen-mega-menu-content-padding-block-end,0);padding-block-start:var(--nijmegen-mega-menu-content-padding-block-start,0);padding-inline-end:var(--nijmegen-mega-menu-content-padding-inline-end,0);padding-inline-start:var(--nijmegen-mega-menu-content-padding-inline-start,0);row-gap:var(--nijmegen-mega-menu-content-row-gap,0)}.nijmegen-mega-menu__content .utrecht-heading-4{font-size:1.25rem}.nijmegen-mega-menu__content>div{display:flex;flex-direction:column;gap:var(--nijmegen-mega-menu-list-row-gap)}.nijmegen-mega-menu__content>*{flex-basis:100%}@media (width >= 768px){.nijmegen-mega-menu__content>*{flex-basis:calc(33.33333% - var(--nijmegen-mega-menu-content-column-gap, 0)*2/3)}.nijmegen-mega-menu__content>:only-child{flex-basis:100%}}@media (width >= 992px){.nijmegen-mega-menu__content>*{flex-basis:calc(25% - var(--nijmegen-mega-menu-content-column-gap, 0)*3/4)}.nijmegen-mega-menu__content>:only-child{flex-basis:100%}}.nijmegen-mega-menu__content.nijmegen-mega-menu__content--full-width>*{flex-basis:100%}.nijmegen-mobile-menu{background-color:var(--nijmegen-menu-background-color);display:flex;flex-direction:column;gap:1rem;position:relative}.nijmegen-mobile-menu__list{display:flex;flex-direction:column;line-height:var(--nijmegen-menu-link-line-height);list-style:none;margin:0;padding-inline-start:0}.nijmegen-mobile-menu__link{background-color:var(--nijmegen-menu-background-color);box-sizing:border-box;color:var(--nijmegen-menu-link-color);cursor:pointer;display:flex;font-family:var(--nijmegen-menu-link-font-family);font-size:var(--nijmegen-menu-link-font-size);font-weight:var(--nijmegen-menu-link-font-weight);justify-content:space-between;padding-block-end:var(--nijmegen-menu-link-padding-block-end);padding-block-start:var(--nijmegen-menu-link-padding-block-start);padding-inline-end:var(--nijmegen-menu-link-padding-inline-end);padding-inline-start:var(--nijmegen-menu-link-padding-inline-start);position:relative;text-decoration:none;width:100%}.nijmegen-mobile-menu__link:is(button){appearance:none;border:0}.nijmegen-mobile-menu__link.nijmegen-mobile-menu__link--focus,.nijmegen-mobile-menu__link:focus{--_utrecht-link-state-color:var(--utrecht-link-focus-color);text-decoration-skip:none;background-color:var(--utrecht-link-focus-background-color,transparent);text-decoration-skip-ink:none}.nijmegen-mobile-menu__link.nijmegen-mobile-menu__link--focus-visible,.nijmegen-mobile-menu__link:focus-visible{--_utrecht-link-state-color:var(--utrecht-link-focus-color);text-decoration-skip:none;--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);--_utrecht-link-state-text-decoration:var(
|
|
116
116
|
--utrecht-link-focus-visible-text-decoration,var(--utrecht-link-focus-text-decoration)
|
|
117
117
|
);--_utrecht-link-state-text-decoration-thickness:var(
|
|
118
118
|
--utrecht-link-focus-visible-text-decoration-thickness,var(--utrecht-link-focus-text-decoration-thickness)
|
|
@@ -120,7 +120,7 @@
|
|
|
120
120
|
--utrecht-link-focus-visible-text-decoration,var(--utrecht-link-focus-text-decoration)
|
|
121
121
|
);--_utrecht-link-state-text-decoration-thickness:var(
|
|
122
122
|
--utrecht-link-focus-visible-text-decoration-thickness,var(--utrecht-link-focus-text-decoration-thickness)
|
|
123
|
-
);background-color:var(--utrecht-link-focus-background-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--nijmegen-link-list-item-focus-visible-color,#000);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);text-decoration-skip-ink:none;z-index:1;z-index:var(--utrecht-stack-focus-z-index,1)}.nijmegen-link-list__link:any-link.nijmegen-link-list__link--focus-visible:before,.nijmegen-link-list__link:any-link:focus-visible:before{background-color:var(--nijmegen-link-list-item-focus-visible-color,#000)}.nijmegen-link-list__link:any-link.nijmegen-link-list__link--visited,.nijmegen-link-list__link:any-link:visited{--_utrecht-link-forced-colors-color:visitedtext;--_utrecht-link-state-color:var(--utrecht-link-visited-color)}.nijmegen-link-list__link.nijmegen-link-list__link--no-chevron{align-items:center}.nijmegen-link-list__link.nijmegen-link-list__link--no-chevron svg{flex-shrink:0}.nijmegen-link-list__link:not(.nijmegen-link-list__link--no-chevron):before{background-color:var(--utrecht-link-color);content:"";display:inline-block;flex-shrink:0;height:var(--nijmegen-icon-functional-size-height,.875rem);mask-image:var(--nijmegen-link-list-icon,url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 6 6 6-6 6"/></svg>'));mask-position:center;mask-repeat:no-repeat;mask-size:100%;position:relative;top:2px;width:var(--nijmegen-icon-functional-size-width,1.5rem)}.nijmegen-hero{background-color:var(--nijmegen-hero-background-color,#a80a2d);color:var(--nijmegen-hero-color,#fff);position:relative}.nijmegen-hero .utrecht-heading-1,.nijmegen-hero .utrecht-heading-2,.nijmegen-hero .utrecht-paragraph{color:inherit}.nijmegen-hero.nijmegen-hero--background-image{position:relative}.nijmegen-hero.nijmegen-hero--background-image:before{background:var(--nijmegen-hero-background-gradient,linear-gradient(90deg,#550517 0,rgba(85,5,23,.8) 50%,rgba(168,10,45,.8) 100%));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}@media (width < 1024px){.nijmegen-hero.nijmegen-hero--background-image:before{background:var(--nijmegen-hero-background-mobile-gradient,linear-gradient(180deg,#550517 0,rgba(85,5,23,.8) 50%,rgba(168,10,45,.8) 100%))}}.nijmegen-hero__container{display:grid;grid-auto-flow:dense;grid-template-columns:repeat(12,1fr);margin-inline-end:auto;margin-inline-start:auto;max-width:var(--nijmegen-hero-category-large-vw-container-max-inline-size,1024px);position:relative;width:100%}.nijmegen-hero__content{display:flex;flex-direction:column;gap:var(--nijmegen-hero-content-row-gap,1.5rem);grid-column-end:13;grid-column-start:1;padding-block-end:var(--nijmegen-hero-content-padding-block-end,2rem);padding-block-start:var(--nijmegen-hero-content-padding-block-start,2rem);padding-inline-end:var(--nijmegen-hero-content-padding-inline-end,1rem);padding-inline-start:var(--nijmegen-hero-content-padding-inline-start,1rem);position:relative;z-index:2}@media (width >= 1024px){.nijmegen-hero__content{padding-block-end:var(--nijmegen-hero-category-large-vw-padding-block-end,4rem);padding-block-start:var(--nijmegen-hero-category-large-vw-padding-block-start,3rem);padding-inline-end:var(--nijmegen-hero-category-large-vw-padding-inline-end,1rem);padding-inline-start:var(--nijmegen-hero-category-large-vw-padding-inline-start,1rem)}.nijmegen-hero--home .nijmegen-hero__content{grid-column-end:7;padding-block-end:var(--nijmegen-hero-home-large-vw-padding-block-end,4rem);padding-block-start:var(--nijmegen-hero-home-large-vw-padding-block-start,3rem);padding-inline-end:var(--nijmegen-hero-home-large-vw-padding-inline-end,4rem);padding-inline-start:var(--nijmegen-hero-home-large-vw-padding-inline-start,1rem)}}.nijmegen-hero__content--heading{display:flex;flex-direction:column;gap:var(--nijmegen-hero-home-heading-row-gap,.5rem)}.nijmegen-hero__image{height:100%;object-fit:cover;object-position:center center;pointer-events:none;position:absolute;right:0;top:0}.nijmegen-hero--background-image .nijmegen-hero__image{width:100%}.nijmegen-hero--home .nijmegen-hero__image{width:var(--nijmegen-hero-image-width,50%)}@media (width < 1024px){.nijmegen-hero--home .nijmegen-hero__image{display:none}}.nijmegen-footer{background-color:var(--nijmegen-page-footer-background-color);color:var(--nijmegen-page-footer-color);margin-block-end:var(--nijmegen-footer-margin-block-end)}.nijmegen-footer .utrecht-heading-4,.nijmegen-footer .utrecht-paragraph{color:inherit}.nijmegen-footer .utrecht-link{color:inherit;text-decoration-color:inherit}.nijmegen-footer .utrecht-link:any-link{color:inherit;text-decoration-color:inherit}.nijmegen-footer .utrecht-link:focus{color:var(--nijmegen-link-list-item-focus-color,#000);text-decoration:var(--nijmegen-link-list-item-focus-text-decoration,none)}.nijmegen-footer .utrecht-link:focus-visible{color:var(--nijmegen-link-list-item-focus-visible-color,#000)}.nijmegen-footer .nijmegen-link-list__link:any-link{color:inherit}.nijmegen-footer .nijmegen-link-list__link:any-link:before{background-color:var(--nijmegen-page-footer-color)}.nijmegen-footer .nijmegen-link-list__link:any-link.nijmegen-link-list__link--hover,.nijmegen-footer .nijmegen-link-list__link:any-link:hover{color:inherit}.nijmegen-footer .nijmegen-link-list__link:any-link.nijmegen-link-list__link--hover:before,.nijmegen-footer .nijmegen-link-list__link:any-link:hover:before{background-color:var(--nijmegen-page-footer-color)}.nijmegen-footer__container{margin-inline-end:auto;margin-inline-start:auto;max-width:var(--nijmegen-page-footer-content-max-inline-size);width:100%}.nijmegen-footer__main{gap:var(--nijmegen-page-footer-content-column-gap);padding-block-end:var(--nijmegen-page-footer-main-footer-content-padding-block-end);padding-block-start:var(--nijmegen-page-footer-main-footer-content-padding-block-start);padding-inline-end:var(--nijmegen-page-footer-main-footer-content-padding-inline-end);padding-inline-start:var(--nijmegen-page-footer-main-footer-content-padding-inline-start)}@media (width < 1024px){.nijmegen-footer__main{display:flex;flex-direction:column}}@media (width >= 1024px){.nijmegen-footer__main{display:grid;grid-auto-rows:1fr;grid-template-columns:1fr 1fr 1fr}}.nijmegen-footer__sub{border-top:var(--nijmegen-page-footer-sub-footer-border-width,1px);border-top-color:var(--nijmegen-page-footer-sub-footer-border-color,#6d6d6d);border-top-style:var(--nijmegen-page-footer-sub-footer-border-style,solid);display:flex;justify-content:space-between;padding-block-end:var(--nijmegen-page-footer-sub-footer-content-padding-block-end);padding-block-start:var(--nijmegen-page-footer-sub-footer-content-padding-block-start);padding-inline-end:var(--nijmegen-page-footer-sub-footer-content-padding-inline-end);padding-inline-start:var(--nijmegen-page-footer-sub-footer-content-padding-inline-start)}@media (width < 1024px){.nijmegen-footer__sub{flex-direction:column-reverse;gap:var(--nijmegen-page-footer-content-row-gap)}}.nijmegen-footer__sub ul{display:flex;flex-wrap:wrap;gap:var(--nijmegen-page-footer-sub-footer-content-gap,1rem);list-style:none;margin:0;padding:0}.nijmegen-footer__sub ul li{display:inline-flex}.nijmegen-footer__col{display:flex;flex-direction:column;gap:var(--nijmegen-page-footer-content-row-gap)}.nijmegen-footer__block{display:flex;flex-direction:column;gap:var(--nijmegen-page-footer-footer-block-column-gap)}.nijmegen-breadcrumb{font-family:var(--nijmegen-breadcrumb-navigation-font-family);font-size:var(--nijmegen-breadcrumb-navigation-font-size);font-weight:var(--nijmegen-breadcrumb-navigation-font-weight);line-height:var(--nijmegen-breadcrumb-navigation-line-height);margin-block-end:var(--nijmegen-breadcrumb-margin-block-end);overflow:hidden}@media (width >= 576px){.nijmegen-breadcrumb{background-color:var(--nijmegen-breadcrumb-navigation-background-color)}}.nijmegen-breadcrumb__list{block-size:100%;display:flex;gap:var(--nijmegen-breadcrumb-navigation-list-column-gap);margin-block-end:0;margin-block-start:0;margin-inline:auto;max-inline-size:var(--nijmegen-breadcrumb-navigation-list-max-inline-size);padding-inline-end:var(--nijmegen-breadcrumb-navigation-list-padding-inline-end);padding-inline-start:var(--nijmegen-breadcrumb-navigation-list-padding-inline-start)}@media (width <= 576px){.nijmegen-breadcrumb__list{display:none}}ol.nijmegen-breadcrumb__list{list-style:none}.nijmegen-breadcrumb__item{align-items:center;display:flex}.nijmegen-breadcrumb__item:not(:last-child):after{background-color:var(--nijmegen-breadcrumb-navigation-separator-color);content:"";display:inline-block;height:var(--nijmegen-breadcrumb-navigation-separator-size);margin-inline-start:var(--nijmegen-breadcrumb-navigation-list-column-gap);mask-image:var(--nijmegen-header-item-open-icon-image,url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right"><path d="M0 0h24v24H0z" stroke="none"/><path d="m9 6 6 6-6 6"/></svg>'));mask-position:center;mask-repeat:no-repeat;mask-size:100%;width:var(--nijmegen-breadcrumb-navigation-separator-size)}.nijmegen-breadcrumb__link{--utrecht-icon-size:var(--utrecht-link-icon-size,1em);color:var(--_utrecht-link-state-color,var(--utrecht-link-color,var(--_utrecht-link-forced-colors-color)));padding-block-end:var(--nijmegen-breadcrumb-navigation-link-padding-block-end);padding-block-start:var(--nijmegen-breadcrumb-navigation-link-padding-block-start);padding-inline-end:var(--nijmegen-breadcrumb-navigation-link-padding-inline-end);padding-inline-start:var(--nijmegen-breadcrumb-navigation-link-padding-inline-start);text-decoration:var(--nijmegen-breadcrumb-navigation-link-text-decoration);white-space:nowrap}.nijmegen-breadcrumb__link--mobile{display:inline-flex;gap:var(--nijmegen-breadcrumb-navigation-link-icon-column-gap);padding-inline-end:var(--nijmegen-breadcrumb-navigation-list-padding-inline-end);padding-inline-start:var(--nijmegen-breadcrumb-navigation-list-padding-inline-start)}@media (width >= 576px){.nijmegen-breadcrumb__link--mobile{display:none}}.nijmegen-breadcrumb__link--mobile:before{background-color:currentColor;content:"";display:inline-block;height:var(--nijmegen-breadcrumb-navigation-link-icon-size,1.5rem);mask-image:var(--nijmegen-breadcrumb-navigation-link-icon-image,url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path d="M0 0h24v24H0z" stroke="none"/><path d="M5 12h14M5 12l6 6M5 12l6-6"/></svg>'));mask-position:center;mask-repeat:no-repeat;mask-size:100%;width:var(--nijmegen-breadcrumb-navigation-link-icon-size,1.5rem)}.nijmegen-breadcrumb__link--disabled{color:var(--nijmegen-breadcrumb-navigation-link-current-color);cursor:none;pointer-events:none}.nijmegen-breadcrumb__link--active,.nijmegen-breadcrumb__link:active{color:var(--nijmegen-breadcrumb-navigation-link-active-color);text-decoration:var(--nijmegen-breadcrumb-navigation-link-active-text-decoration)}.nijmegen-breadcrumb__link--hover,.nijmegen-breadcrumb__link:hover{color:var(--nijmegen-breadcrumb-navigation-link-hover-color);text-decoration:var(--nijmegen-breadcrumb-navigation-link-hover-text-decoration)}.nijmegen-breadcrumb__link--focus,.nijmegen-breadcrumb__link:has(:focus){--_utrecht-link-state-color:var(--utrecht-link-focus-color);text-decoration-skip:none;--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-link-focus-background-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);text-decoration-skip-ink:none;z-index:1}.nijmegen-breadcrumb__link--focus-visible,.nijmegen-breadcrumb__link:focus-visible{--_utrecht-link-state-color:var(--utrecht-link-focus-color);text-decoration-skip:none;--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-link-focus-background-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);text-decoration-skip-ink:none;z-index:1}.utrecht-accordion__button{align-items:flex-start}.utrecht-accordion__button .utrecht-accordion__button-icon{position:relative;top:1px}.nijmegen-table{border-collapse:collapse;border-spacing:0;font-family:var(--nijmegen-table-font-family);font-size:var(--nijmegen-table-font-size,1.125rem);line-height:var(--nijmegen-table-line-height,150%);margin-block-end:var(--nijmegen-table-margin-block-end)}.nijmegen-table.nijmegen-table-full-width{width:100%}@media (width < 576px){.nijmegen-table{width:100%}}.nijmegen-table__caption{color:var(--nijmegen-table-caption-color);font-family:var(--nijmegen-table-caption-font-family);font-size:var(--nijmegen-table-caption-font-size);font-weight:var(--nijmegen-table-caption-font-weight);line-height:var(--nijmegen-table-caption-line-height);margin-block-end:var(--nijmegen-table-caption-margin-block-end);text-align:start}.nijmegen-table__header{background-color:var(--nijmegen-table-header-background-color);border-block-end-color:var(--nijmegen-table-header-border-block-end-color);border-block-end-width:var(--nijmegen-table-header-border-block-end-width);break-inside:avoid;color:var(--nijmegen-table-header-color);font-weight:var(--nijmegen-table-header-cell-font-weight)}@media (width < 576px){.nijmegen-table__header{display:none}}.nijmegen-table__row{border-block-end-color:var(--nijmegen-table-row-border-block-end-color);border-block-end-style:solid;border-block-end-width:var(--nijmegen-table-row-large-vw-border-block-end-width)}@media (width < 576px){.nijmegen-table__row{border-block-end-width:var(--nijmegen-table-row-border-block-end-width)}}.nijmegen-table__header-cell{padding-block-end:var(--nijmegen-table-header-cell-large-vw-padding-block-end);padding-block-start:var(--nijmegen-table-header-cell-large-vw-padding-block-start);padding-inline-end:var(--nijmegen-table-header-cell-large-vw-padding-inline-end);padding-inline-start:var(--nijmegen-table-header-cell-large-vw-padding-inline-start);text-align:start;vertical-align:top}@media (width >= 576px){.nijmegen-table__header-cell.nijmegen-table__header-cell-end{text-align:end}}.nijmegen-table__data-cell{padding-block-end:var(--nijmegen-table-data-cell-large-vw-padding-block-end);padding-block-start:var(--nijmegen-table-data-cell-large-vw-padding-block-start);padding-inline-end:var(--nijmegen-table-data-cell-large-vw-padding-inline-end);padding-inline-start:var(--nijmegen-table-data-cell-large-vw-padding-inline-start);text-align:start;vertical-align:top}@media (width >= 576px){.nijmegen-table__data-cell.nijmegen-table__data-cell-end{text-align:end}}@media (width < 576px){.nijmegen-table__data-cell{display:block;padding-block-end:var(--nijmegen-table-data-cell-padding-block-end);padding-block-start:var(--nijmegen-table-header-cell-padding-block-start);padding-inline-end:var(--nijmegen-table-data-cell-padding-inline-end);padding-inline-start:var(--nijmegen-table-data-cell-padding-inline-start)}.nijmegen-table__data-cell:before{content:attr(data-label);display:block;font-weight:var(--nijmegen-table-header-cell-font-weight,600);padding-block-end:calc(var(--nijmegen-table-data-cell-padding-block-start) + var(--nijmegen-table-header-cell-padding-block-end))}}.nijmegen-pagination{font-family:var(--nijmegen-pagination-font-family);font-size:var(--nijmegen-pagination-font-size,1.125rem);line-height:var(--nijmegen-pagination-line-height,150%);margin-block-end:var(--nijmegen-pagination-margin-block-end)}.nijmegen-pagination .nijmegen-sr-only{clip:rect(1px,1px,1px,1px)!important;block-size:1px!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;inline-size:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important}.nijmegen-pagination-list{all:unset;display:flex;list-style:none}.nijmegen-pagination__ellipses{color:var(--nijmegen-pagination-ellipses-color);font-weight:var(--nijmegen-pagination-ellipses-font-weight);min-block-size:var(--nijmegen-pagination-ellipses-min-block-size,3rem);padding-block-end:var(--nijmegen-pagination-ellipses-padding-block-end,.75rem);padding-block-start:var(--nijmegen-pagination-ellipses-padding-block-start,.75rem);padding-inline-end:var(--nijmegen-pagination-ellipses-padding-inline-end,.75rem);padding-inline-start:var(--nijmegen-pagination-ellipses-padding-inline-start,.75rem)}.nijmegen-pagination__ellipses,.nijmegen-pagination__page-link{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;text-decoration:none}.nijmegen-pagination__page-link{--utrecht-icon-size:var(--utrecht-link-icon-size,1em);background-color:var(--nijmegen-pagination-page-link-background-color);border-color:var(--nijmegen-pagination-page-link-border-color);border-radius:var(--nijmegen-pagination-page-link-border-radius);border-width:var(--nijmegen-pagination-page-link-border-width);color:var(--_utrecht-link-state-color,var(--utrecht-link-color,var(--_utrecht-link-forced-colors-color)));color:var(--nijmegen-pagination-page-link-color);font-weight:var(--nijmegen-pagination-page-link-font-weight);min-block-size:var(--nijmegen-pagination-page-link-min-block-size,3rem);min-inline-size:var(--nijmegen-pagination-page-link-min-inline-size,3rem);padding-block-end:var(--nijmegen-pagination-page-link-padding-block-end,.75rem);padding-block-start:var(--nijmegen-pagination-page-link-padding-block-start,.75rem);padding-inline-end:var(--nijmegen-pagination-page-link-padding-inline-end);padding-inline-start:var(--nijmegen-pagination-page-link-padding-inline-start);text-decoration:var(--nijmegen-pagination-page-link-text-decoration)}.nijmegen-pagination__page-link.nijmegen-pagination__page-link--hover,.nijmegen-pagination__page-link:hover{background-color:var(--nijmegen-pagination-page-link-hover-background-color);border-color:var(--nijmegen-pagination-page-link-hover-border-color);color:var(--nijmegen-pagination-page-link-hover-color);text-decoration:var(--nijmegen-pagination-page-link-hover-text-decoration)}.nijmegen-pagination__page-link.nijmegen-pagination__page-link--active,.nijmegen-pagination__page-link:active{background-color:var(--nijmegen-pagination-page-link-active-background-color);border-color:var(--nijmegen-pagination-page-link-active-border-color);color:var(--nijmegen-pagination-page-link-active-color);text-decoration:var(--nijmegen-pagination-page-link-active-text-decoration)}.nijmegen-pagination__page-link.nijmegen-pagination__page-link--focus,.nijmegen-pagination__page-link:focus{--_utrecht-link-state-color:var(--utrecht-link-focus-color);text-decoration-skip:none;background-color:var(--utrecht-link-focus-background-color,transparent);background-color:var(--nijmegen-pagination-page-link-focus-visible-background-color);color:var(--nijmegen-pagination-page-link-focus-visible-color);text-decoration:var(--nijmegen-pagination-page-link-focus-visible-text-decoration);text-decoration-skip-ink:none}.nijmegen-pagination__page-link.nijmegen-pagination__page-link--focus-visible,.nijmegen-pagination__page-link:focus-visible{--_utrecht-link-state-color:var(--utrecht-link-focus-color);text-decoration-skip:none;--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);--_utrecht-link-state-text-decoration:var(
|
|
123
|
+
);background-color:var(--utrecht-link-focus-background-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--nijmegen-link-list-item-focus-visible-color,#000);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);text-decoration-skip-ink:none;z-index:1;z-index:var(--utrecht-stack-focus-z-index,1)}.nijmegen-link-list__link:any-link.nijmegen-link-list__link--focus-visible:before,.nijmegen-link-list__link:any-link:focus-visible:before{background-color:var(--nijmegen-link-list-item-focus-visible-color,#000)}.nijmegen-link-list__link:any-link.nijmegen-link-list__link--visited,.nijmegen-link-list__link:any-link:visited{--_utrecht-link-forced-colors-color:visitedtext;--_utrecht-link-state-color:var(--utrecht-link-visited-color)}.nijmegen-link-list__link.nijmegen-link-list__link--no-chevron{align-items:center}.nijmegen-link-list__link.nijmegen-link-list__link--no-chevron svg{flex-shrink:0}.nijmegen-link-list__link:not(.nijmegen-link-list__link--no-chevron):before{background-color:var(--utrecht-link-color);content:"";display:inline-block;flex-shrink:0;height:var(--nijmegen-icon-functional-size-height,.875rem);mask-image:var(--nijmegen-link-list-icon,url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 6 6 6-6 6"/></svg>'));mask-position:center;mask-repeat:no-repeat;mask-size:100%;position:relative;top:2px;width:var(--nijmegen-icon-functional-size-width,1.5rem)}.nijmegen-hero{background-color:var(--nijmegen-hero-background-color,#a80a2d);color:var(--nijmegen-hero-color,#fff);position:relative}.nijmegen-hero .utrecht-heading-1,.nijmegen-hero .utrecht-heading-2,.nijmegen-hero .utrecht-paragraph{color:inherit}.nijmegen-hero.nijmegen-hero--background-image{position:relative}.nijmegen-hero.nijmegen-hero--background-image:before{background:var(--nijmegen-hero-background-gradient,linear-gradient(90deg,#550517 0,rgba(85,5,23,.8) 50%,rgba(168,10,45,.8) 100%));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}@media (width < 1024px){.nijmegen-hero.nijmegen-hero--background-image:before{background:var(--nijmegen-hero-background-mobile-gradient,linear-gradient(180deg,#550517 0,rgba(85,5,23,.8) 50%,rgba(168,10,45,.8) 100%))}}.nijmegen-hero__container{display:grid;grid-auto-flow:dense;grid-template-columns:repeat(12,1fr);margin-inline-end:auto;margin-inline-start:auto;max-width:var(--nijmegen-hero-category-large-vw-container-max-inline-size,1024px);position:relative;width:100%}.nijmegen-hero__content{display:flex;flex-direction:column;gap:var(--nijmegen-hero-content-row-gap,1.5rem);grid-column-end:13;grid-column-start:1;padding-block-end:var(--nijmegen-hero-content-padding-block-end,2rem);padding-block-start:var(--nijmegen-hero-content-padding-block-start,2rem);padding-inline-end:var(--nijmegen-hero-content-padding-inline-end,1rem);padding-inline-start:var(--nijmegen-hero-content-padding-inline-start,1rem);position:relative;z-index:2}@media (width >= 1024px){.nijmegen-hero__content{padding-block-end:var(--nijmegen-hero-category-large-vw-padding-block-end,4rem);padding-block-start:var(--nijmegen-hero-category-large-vw-padding-block-start,3rem);padding-inline-end:var(--nijmegen-hero-category-large-vw-padding-inline-end,1rem);padding-inline-start:var(--nijmegen-hero-category-large-vw-padding-inline-start,1rem)}.nijmegen-hero--home .nijmegen-hero__content{grid-column-end:7;padding-block-end:var(--nijmegen-hero-home-large-vw-padding-block-end,4rem);padding-block-start:var(--nijmegen-hero-home-large-vw-padding-block-start,3rem);padding-inline-end:var(--nijmegen-hero-home-large-vw-padding-inline-end,4rem);padding-inline-start:var(--nijmegen-hero-home-large-vw-padding-inline-start,1rem)}}.nijmegen-hero__content--heading{display:flex;flex-direction:column;gap:var(--nijmegen-hero-home-heading-row-gap,.5rem)}.nijmegen-hero__image{height:100%;object-fit:cover;object-position:center center;pointer-events:none;position:absolute;right:0;top:0}.nijmegen-hero--background-image .nijmegen-hero__image{width:100%}.nijmegen-hero--home .nijmegen-hero__image{width:var(--nijmegen-hero-image-width,50%)}@media (width < 1024px){.nijmegen-hero--home .nijmegen-hero__image{display:none}}.nijmegen-footer{background-color:var(--nijmegen-page-footer-background-color);color:var(--nijmegen-page-footer-color);margin-block-end:var(--nijmegen-footer-margin-block-end)}.nijmegen-footer .utrecht-heading-4,.nijmegen-footer .utrecht-paragraph{color:inherit}.nijmegen-footer .utrecht-link{color:inherit;text-decoration-color:inherit}.nijmegen-footer .utrecht-link:any-link{color:inherit;text-decoration-color:inherit}.nijmegen-footer .utrecht-link:focus{color:var(--nijmegen-link-list-item-focus-color,#000);text-decoration:var(--nijmegen-link-list-item-focus-text-decoration,none)}.nijmegen-footer .utrecht-link:focus-visible{color:var(--nijmegen-link-list-item-focus-visible-color,#000)}.nijmegen-footer .nijmegen-link-list__link:any-link{color:inherit}.nijmegen-footer .nijmegen-link-list__link:any-link:before{background-color:var(--nijmegen-page-footer-color)}.nijmegen-footer .nijmegen-link-list__link:any-link.nijmegen-link-list__link--hover,.nijmegen-footer .nijmegen-link-list__link:any-link:hover{color:inherit}.nijmegen-footer .nijmegen-link-list__link:any-link.nijmegen-link-list__link--hover:before,.nijmegen-footer .nijmegen-link-list__link:any-link:hover:before{background-color:var(--nijmegen-page-footer-color)}.nijmegen-footer__container{margin-inline-end:auto;margin-inline-start:auto;max-width:var(--nijmegen-page-footer-content-max-inline-size);width:100%}.nijmegen-footer__main{gap:var(--nijmegen-page-footer-content-column-gap);padding-block-end:var(--nijmegen-page-footer-main-footer-content-padding-block-end);padding-block-start:var(--nijmegen-page-footer-main-footer-content-padding-block-start);padding-inline-end:var(--nijmegen-page-footer-main-footer-content-padding-inline-end);padding-inline-start:var(--nijmegen-page-footer-main-footer-content-padding-inline-start)}@media (width < 1024px){.nijmegen-footer__main{display:flex;flex-direction:column}}@media (width >= 1024px){.nijmegen-footer__main{display:grid;grid-auto-rows:1fr;grid-template-columns:1fr 1fr 1fr}}.nijmegen-footer__sub{border-top:var(--nijmegen-page-footer-sub-footer-border-width,1px);border-top-color:var(--nijmegen-page-footer-sub-footer-border-color,#6d6d6d);border-top-style:var(--nijmegen-page-footer-sub-footer-border-style,solid);display:flex;justify-content:space-between;padding-block-end:var(--nijmegen-page-footer-sub-footer-content-padding-block-end);padding-block-start:var(--nijmegen-page-footer-sub-footer-content-padding-block-start);padding-inline-end:var(--nijmegen-page-footer-sub-footer-content-padding-inline-end);padding-inline-start:var(--nijmegen-page-footer-sub-footer-content-padding-inline-start)}@media (width < 1024px){.nijmegen-footer__sub{flex-direction:column-reverse;gap:var(--nijmegen-page-footer-content-row-gap)}}.nijmegen-footer__sub ul{display:flex;flex-wrap:wrap;gap:var(--nijmegen-page-footer-sub-footer-content-gap,1rem);list-style:none;margin:0;padding:0}.nijmegen-footer__sub ul li{display:inline-flex}.nijmegen-footer__col{display:flex;flex-direction:column;gap:var(--nijmegen-page-footer-content-row-gap)}.nijmegen-footer__block{display:flex;flex-direction:column;gap:var(--nijmegen-page-footer-footer-block-column-gap)}.nijmegen-breadcrumb{font-family:var(--nijmegen-breadcrumb-navigation-font-family);font-size:var(--nijmegen-breadcrumb-navigation-font-size);font-weight:var(--nijmegen-breadcrumb-navigation-font-weight);line-height:var(--nijmegen-breadcrumb-navigation-line-height);margin-block-end:var(--nijmegen-breadcrumb-margin-block-end);overflow:hidden}@media (width >= 576px){.nijmegen-breadcrumb{background-color:var(--nijmegen-breadcrumb-navigation-background-color)}}.nijmegen-breadcrumb__list{block-size:100%;display:flex;gap:var(--nijmegen-breadcrumb-navigation-list-column-gap);margin-block-end:0;margin-block-start:0;margin-inline:auto;max-inline-size:var(--nijmegen-breadcrumb-navigation-list-max-inline-size);padding-inline-end:var(--nijmegen-breadcrumb-navigation-list-padding-inline-end);padding-inline-start:var(--nijmegen-breadcrumb-navigation-list-padding-inline-start)}@media (width <= 576px){.nijmegen-breadcrumb__list{display:none}}ol.nijmegen-breadcrumb__list{list-style:none}.nijmegen-breadcrumb__item{align-items:center;display:flex}.nijmegen-breadcrumb__item:not(:last-child):after{background-color:var(--nijmegen-breadcrumb-navigation-separator-color);content:"";display:inline-block;height:var(--nijmegen-breadcrumb-navigation-separator-size);margin-inline-start:var(--nijmegen-breadcrumb-navigation-list-column-gap);mask-image:var(--nijmegen-header-item-open-icon-image,url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right"><path d="M0 0h24v24H0z" stroke="none"/><path d="m9 6 6 6-6 6"/></svg>'));mask-position:center;mask-repeat:no-repeat;mask-size:100%;width:var(--nijmegen-breadcrumb-navigation-separator-size)}.nijmegen-breadcrumb__link{--utrecht-icon-size:var(--utrecht-link-icon-size,1em);color:var(--_utrecht-link-state-color,var(--utrecht-link-color,var(--_utrecht-link-forced-colors-color)));padding-block-end:var(--nijmegen-breadcrumb-navigation-link-padding-block-end);padding-block-start:var(--nijmegen-breadcrumb-navigation-link-padding-block-start);padding-inline-end:var(--nijmegen-breadcrumb-navigation-link-padding-inline-end);padding-inline-start:var(--nijmegen-breadcrumb-navigation-link-padding-inline-start);text-decoration:var(--nijmegen-breadcrumb-navigation-link-text-decoration);white-space:nowrap}.nijmegen-breadcrumb__link--mobile{display:inline-flex;gap:var(--nijmegen-breadcrumb-navigation-link-icon-column-gap);padding-inline-end:var(--nijmegen-breadcrumb-navigation-list-padding-inline-end);padding-inline-start:var(--nijmegen-breadcrumb-navigation-list-padding-inline-start)}@media (width >= 576px){.nijmegen-breadcrumb__link--mobile{display:none}}.nijmegen-breadcrumb__link--mobile:before{background-color:currentColor;content:"";display:inline-block;height:var(--nijmegen-breadcrumb-navigation-link-icon-size,1.5rem);mask-image:var(--nijmegen-breadcrumb-navigation-link-icon-image,url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path d="M0 0h24v24H0z" stroke="none"/><path d="M5 12h14M5 12l6 6M5 12l6-6"/></svg>'));mask-position:center;mask-repeat:no-repeat;mask-size:100%;width:var(--nijmegen-breadcrumb-navigation-link-icon-size,1.5rem)}.nijmegen-breadcrumb__link--disabled{color:var(--nijmegen-breadcrumb-navigation-link-current-color);cursor:none;pointer-events:none}.nijmegen-breadcrumb__link--active,.nijmegen-breadcrumb__link:active{color:var(--nijmegen-breadcrumb-navigation-link-active-color);text-decoration:var(--nijmegen-breadcrumb-navigation-link-active-text-decoration)}.nijmegen-breadcrumb__link--hover,.nijmegen-breadcrumb__link:hover{color:var(--nijmegen-breadcrumb-navigation-link-hover-color);text-decoration:var(--nijmegen-breadcrumb-navigation-link-hover-text-decoration)}.nijmegen-breadcrumb__link--focus,.nijmegen-breadcrumb__link:has(:focus){--_utrecht-link-state-color:var(--utrecht-link-focus-color);text-decoration-skip:none;--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-link-focus-background-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);text-decoration-skip-ink:none;z-index:1}.nijmegen-breadcrumb__link--focus-visible,.nijmegen-breadcrumb__link:focus-visible{--_utrecht-link-state-color:var(--utrecht-link-focus-color);text-decoration-skip:none;--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-link-focus-background-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);text-decoration-skip-ink:none;z-index:1}.utrecht-accordion__button{align-items:flex-start}.utrecht-accordion__button .utrecht-accordion__button-icon{position:relative;top:1px}.nijmegen-table{border-collapse:collapse;border-spacing:0;font-family:var(--nijmegen-table-font-family);font-size:var(--nijmegen-table-font-size,1.125rem);line-height:var(--nijmegen-table-line-height,150%);margin-block-end:var(--nijmegen-table-margin-block-end)}.nijmegen-table.nijmegen-table-full-width{width:100%}@media (width < 576px){.nijmegen-table{width:100%}}.nijmegen-table__caption{color:var(--nijmegen-table-caption-color);font-family:var(--nijmegen-table-caption-font-family);font-size:var(--nijmegen-table-caption-font-size);font-weight:var(--nijmegen-table-caption-font-weight);line-height:var(--nijmegen-table-caption-line-height);margin-block-end:var(--nijmegen-table-caption-margin-block-end);text-align:start}.nijmegen-table__header{background-color:var(--nijmegen-table-header-background-color);border-block-end-color:var(--nijmegen-table-header-border-block-end-color);border-block-end-width:var(--nijmegen-table-header-border-block-end-width);break-inside:avoid;color:var(--nijmegen-table-header-color);font-weight:var(--nijmegen-table-header-cell-font-weight)}@media (width < 576px){.nijmegen-table__header{display:none}}.nijmegen-table__row{border-block-end-color:var(--nijmegen-table-row-border-block-end-color);border-block-end-style:solid;border-block-end-width:var(--nijmegen-table-row-large-vw-border-block-end-width)}@media (width < 576px){.nijmegen-table__row{border-block-end-width:var(--nijmegen-table-row-border-block-end-width)}}.nijmegen-table__header-cell{font-weight:var(--nijmegen-table-header-cell-large-vw-font-weight);padding-block-end:var(--nijmegen-table-header-cell-large-vw-padding-block-end);padding-block-start:var(--nijmegen-table-header-cell-large-vw-padding-block-start);padding-inline-end:var(--nijmegen-table-header-cell-large-vw-padding-inline-end);padding-inline-start:var(--nijmegen-table-header-cell-large-vw-padding-inline-start);text-align:start;vertical-align:top}@media (width >= 576px){.nijmegen-table__header-cell.nijmegen-table__header-cell-end{text-align:end}}.nijmegen-table__data-cell{padding-block-end:var(--nijmegen-table-data-cell-large-vw-padding-block-end);padding-block-start:var(--nijmegen-table-data-cell-large-vw-padding-block-start);padding-inline-end:var(--nijmegen-table-data-cell-large-vw-padding-inline-end);padding-inline-start:var(--nijmegen-table-data-cell-large-vw-padding-inline-start);text-align:start;vertical-align:top}@media (width >= 576px){.nijmegen-table__data-cell.nijmegen-table__data-cell-end{text-align:end}}@media (width < 576px){.nijmegen-table__data-cell{display:block;padding-block-end:var(--nijmegen-table-data-cell-padding-block-end);padding-block-start:var(--nijmegen-table-header-cell-padding-block-start);padding-inline-end:var(--nijmegen-table-data-cell-padding-inline-end);padding-inline-start:var(--nijmegen-table-data-cell-padding-inline-start)}.nijmegen-table__data-cell:before{content:attr(data-label);display:block;font-weight:var(--nijmegen-table-header-cell-font-weight,600);padding-block-end:calc(var(--nijmegen-table-data-cell-padding-block-start) + var(--nijmegen-table-header-cell-padding-block-end))}}.nijmegen-pagination{font-family:var(--nijmegen-pagination-font-family);font-size:var(--nijmegen-pagination-font-size,1.125rem);line-height:var(--nijmegen-pagination-line-height,150%);margin-block-end:var(--nijmegen-pagination-margin-block-end)}.nijmegen-pagination .nijmegen-sr-only{clip:rect(1px,1px,1px,1px)!important;block-size:1px!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;inline-size:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important}.nijmegen-pagination-list{all:unset;display:flex;list-style:none}.nijmegen-pagination__ellipses{color:var(--nijmegen-pagination-ellipses-color);font-weight:var(--nijmegen-pagination-ellipses-font-weight);min-block-size:var(--nijmegen-pagination-ellipses-min-block-size,3rem);padding-block-end:var(--nijmegen-pagination-ellipses-padding-block-end,.75rem);padding-block-start:var(--nijmegen-pagination-ellipses-padding-block-start,.75rem);padding-inline-end:var(--nijmegen-pagination-ellipses-padding-inline-end,.75rem);padding-inline-start:var(--nijmegen-pagination-ellipses-padding-inline-start,.75rem)}.nijmegen-pagination__ellipses,.nijmegen-pagination__page-link{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;text-decoration:none}.nijmegen-pagination__page-link{--utrecht-icon-size:var(--utrecht-link-icon-size,1em);background-color:var(--nijmegen-pagination-page-link-background-color);border-color:var(--nijmegen-pagination-page-link-border-color);border-radius:var(--nijmegen-pagination-page-link-border-radius);border-width:var(--nijmegen-pagination-page-link-border-width);color:var(--_utrecht-link-state-color,var(--utrecht-link-color,var(--_utrecht-link-forced-colors-color)));color:var(--nijmegen-pagination-page-link-color);font-weight:var(--nijmegen-pagination-page-link-font-weight);min-block-size:var(--nijmegen-pagination-page-link-min-block-size,3rem);min-inline-size:var(--nijmegen-pagination-page-link-min-inline-size,3rem);padding-block-end:var(--nijmegen-pagination-page-link-padding-block-end,.75rem);padding-block-start:var(--nijmegen-pagination-page-link-padding-block-start,.75rem);padding-inline-end:var(--nijmegen-pagination-page-link-padding-inline-end);padding-inline-start:var(--nijmegen-pagination-page-link-padding-inline-start);text-decoration:var(--nijmegen-pagination-page-link-text-decoration)}.nijmegen-pagination__page-link.nijmegen-pagination__page-link--hover,.nijmegen-pagination__page-link:hover{background-color:var(--nijmegen-pagination-page-link-hover-background-color);border-color:var(--nijmegen-pagination-page-link-hover-border-color);color:var(--nijmegen-pagination-page-link-hover-color);text-decoration:var(--nijmegen-pagination-page-link-hover-text-decoration)}.nijmegen-pagination__page-link.nijmegen-pagination__page-link--active,.nijmegen-pagination__page-link:active{background-color:var(--nijmegen-pagination-page-link-active-background-color);border-color:var(--nijmegen-pagination-page-link-active-border-color);color:var(--nijmegen-pagination-page-link-active-color);text-decoration:var(--nijmegen-pagination-page-link-active-text-decoration)}.nijmegen-pagination__page-link.nijmegen-pagination__page-link--focus,.nijmegen-pagination__page-link:focus{--_utrecht-link-state-color:var(--utrecht-link-focus-color);text-decoration-skip:none;background-color:var(--utrecht-link-focus-background-color,transparent);background-color:var(--nijmegen-pagination-page-link-focus-visible-background-color);color:var(--nijmegen-pagination-page-link-focus-visible-color);text-decoration:var(--nijmegen-pagination-page-link-focus-visible-text-decoration);text-decoration-skip-ink:none}.nijmegen-pagination__page-link.nijmegen-pagination__page-link--focus-visible,.nijmegen-pagination__page-link:focus-visible{--_utrecht-link-state-color:var(--utrecht-link-focus-color);text-decoration-skip:none;--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);--_utrecht-link-state-text-decoration:var(
|
|
124
124
|
--utrecht-link-focus-visible-text-decoration,var(--utrecht-link-focus-text-decoration)
|
|
125
125
|
);--_utrecht-link-state-text-decoration-thickness:var(
|
|
126
126
|
--utrecht-link-focus-visible-text-decoration-thickness,var(--utrecht-link-focus-text-decoration-thickness)
|
|
@@ -148,4 +148,8 @@
|
|
|
148
148
|
--utrecht-link-focus-visible-text-decoration,var(--utrecht-link-focus-text-decoration)
|
|
149
149
|
);--_utrecht-link-state-text-decoration-thickness:var(
|
|
150
150
|
--utrecht-link-focus-visible-text-decoration-thickness,var(--utrecht-link-focus-text-decoration-thickness)
|
|
151
|
-
);background-color:var(--utrecht-link-focus-background-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);text-decoration-skip-ink:none;z-index:1;z-index:var(--utrecht-stack-focus-z-index,1)}.nijmegen-search{inline-size:var(--nijmegen-search-input-max-inline-size);max-inline-size:100%;position:relative}.nijmegen-search.nijmegen-search--full-width{inline-size:100%}.nijmegen-search__container{display:flex;gap:var(--nijmegen-search-input-column-gap)}.nijmegen-search__container .utrecht-button{max-block-size:51px;min-block-size:51px}.nijmegen-search__input-holder{flex:1;position:relative}.nijmegen-search__search-button.nijmegen-search__search-button--dark{border-color:var(--nijmegen-search-input-button-border-color)!important}@media (width < 576px){.nijmegen-search__search-button svg{display:none}}.nijmegen-search__clear-button{align-items:center;aspect-ratio:1/1;background-color:transparent;border:0;cursor:pointer;display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0}.nijmegen-search__clear-button.nijmegen-search__clear-button--hide{display:none}.nijmegen-search__clear-button svg{stroke:var(--nijmegen-interaction-color)}.nijmegen-search__input{background-color:var(--nijmegen-search-input-background-color);border-color:var(--nijmegen-search-input-border-color);border-radius:var(--nijmegen-search-input-border-radius);border-style:solid;border-width:var(--nijmegen-search-input-border-width);box-sizing:border-box;color:var(--nijmegen-search-input-color);font-family:var(--nijmegen-search-input-font-family);font-size:var(--nijmegen-search-input-font-size);font-weight:var(--nijmegen-search-input-font-weight);line-height:var(--nijmegen-search-input-line-height);min-block-size:var(--nijmegen-search-input-min-block-size);padding-block-end:var(--nijmegen-search-input-padding-block-end);padding-block-start:var(--nijmegen-search-input-padding-block-start);padding-inline-end:var(--nijmegen-search-input-padding-inline-end);padding-inline-start:var(--nijmegen-search-input-padding-inline-start);width:100%}.nijmegen-search__input.nijmegen-search__input--hover,.nijmegen-search__input:hover{background-color:var(--nijmegen-search-input-hover-background-color);border-color:var(--nijmegen-search-input-hover-border-color);color:var(--nijmegen-search-input-hover-color)}.nijmegen-search__input.nijmegen-search__input--focus,.nijmegen-search__input:focus{background-color:var(--nijmegen-search-input-focus-background-color);border-color:var(--nijmegen-search-input-focus-border-color);color:var(--nijmegen-search-input-focus-color)}.nijmegen-search__input.nijmegen-search__input--focus,.nijmegen-search__input:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--nijmegen-search-input-focus-background-color);border-color:var(--nijmegen-search-input-focus-border-color);box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--nijmegen-search-input-focus-color);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);z-index:1}.nijmegen-search__input.nijmegen-search__input-read-only,.nijmegen-search__input:read-only{background-color:var(--nijmegen-search-input-read-only-background-color);border-color:var(--nijmegen-search-input-read-only-border-color);color:var(--nijmegen-search-input-read-only-color)}.nijmegen-search__input.nijmegen-search__input--disabled{background-color:var(--nijmegen-search-input-disabled-background-color);border-color:var(--nijmegen-search-input-disabled-border-color);color:var(--nijmegen-search-input-disabled-color);cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.nijmegen-search__input::placeholder{color:var(--nijmegen-search-input-placeholder-color)}.nijmegen-search__autocomplete-results{display:none;margin-block-start:var(--nijmegen-search-input-autocomplete-offset,8px);position:absolute;top:var(--nijmegen-search-input-min-block-size);width:100%}.nijmegen-search__autocomplete-results--show-results{display:block}.nijmegen-search__autocomplete-results--static{position:static}.nijmegen-image{max-height:100%;max-width:100%;object-fit:cover}.nijmegen-image.nijmegen-image--aspect-16-9{aspect-ratio:16/9}.nijmegen-image.nijmegen-image--aspect-1-1{aspect-ratio:1/1}.nijmegen-image.nijmegen-image--aspect-4-3{aspect-ratio:4/3}.nijmegen-step-list{box-sizing:border-box;font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-unordered-list-font-size,var(--utrecht-document-font-size,inherit));line-height:var(--utrecht-unordered-list-line-height,var(--utrecht-document-line-height,inherit));list-style:none;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-unordered-list-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-end:var(--nijmegen-step-list-margin-block-end);margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));padding-inline-start:var(--utrecht-unordered-list-padding-inline-start,2ch);padding-inline-start:0;text-align:start}.nijmegen-step-list__item{position:relative}.nijmegen-step-list__item:after{background-color:var(--nijmegen-step-list-connector-border-color);content:"";height:100%;inset-block-start:0;inset-inline-start:var(--nijmegen-step-list-connector-padding-inline-start);position:absolute;width:var(--nijmegen-step-list-connector-width,2px);z-index:-1}.nijmegen-step-list__item:not(:first-child){padding-block-start:var(--nijmegen-step-list-step-padding-block-start)}.nijmegen-step-list__item:last-child:after{height:var(--nijmegen-step-list-step-padding-block-start)}ol.nijmegen-step-list{counter-reset:nijmegen-counter}ol.nijmegen-step-list .nijmegen-step-list__item{counter-increment:nijmegen-counter}ol.nijmegen-step-list .nijmegen-step-list__item:before{align-items:center;background-color:var(--nijmegen-step-list-connector-border-color,#282828);border-radius:var(--nijmegen-step-list-step-marker-border-radius);color:var(--nijmegen-step-list-step-marker-color,#fff);content:counter(nijmegen-counter);display:flex;font-family:var(--nijmegen-step-list-step-marker-font-family);font-size:var(--nijmegen-step-list-step-marker-font-size);font-weight:var(--nijmegen-step-list-step-marker-font-weight);height:var(--nijmegen-step-list-step-marker-size);justify-content:space-around;line-height:var(--nijmegen-step-list-step-marker-line-height);position:absolute;width:var(--nijmegen-step-list-step-marker-size)}ul.nijmegen-step-list .nijmegen-step-list__item:before{background-color:var(--nijmegen-step-list-step-marker-color);border:2px solid #282828;border-color:var(--nijmegen-step-list-connector-border-color);border-radius:var(--nijmegen-step-list-step-marker-border-radius);border-width:var(--nijmegen-step-list-connector-width,2px);content:"";height:var(--nijmegen-step-list-step-marker-nested-size,16px);inset-block-start:49px;inset-inline-start:10px;position:absolute;width:var(--nijmegen-step-list-step-marker-nested-size,16px)}ul.nijmegen-step-list .nijmegen-step-list__item:first-child:before{inset-block-start:10px}ul.nijmegen-step-list .nijmegen-step-list__item:first-child:after{height:calc(100% - 10px);inset-block-start:10px}ul.nijmegen-step-list .nijmegen-step-list__item:last-child:after{height:50px}.nijmegen-step-list__header{padding-block-start:var(--nijmegen-step-list-step-heading-padding-block-start,4px);padding-inline-start:56px}.nijmegen-step-list__body{display:flex;flex-direction:column;gap:var(--nijmegen-step-list-step-body-content-row-gap);padding-inline-start:56px}.nijmegen-step-list__body>*{align-self:flex-start;margin:0!important}.nijmegen-image-text-block{display:flex}#storybook-root .nijmegen-image-text-block{max-width:1000px}@media (width < 992px){.nijmegen-image-text-block{flex:1;flex-direction:column-reverse;gap:var(--nijmegen-image-text-block-row-gap)}}@media (width >= 992px){.nijmegen-image-text-block{align-items:center;flex-direction:row-reverse;gap:var(--nijmegen-image-text-block-large-vw-column-gap)}.nijmegen-image-text-block--reverse{flex-direction:row}}.nijmegen-image-text-block__content{display:flex;flex-direction:column;gap:var(--nijmegen-image-text-block-content-row-gap)}@media (width >= 992px){.nijmegen-image-text-block__content{flex-shrink:0;width:50%}}.nijmegen-image-text-block__message{display:flex;flex-direction:column;gap:var(--nijmegen-image-text-block-message-row-gap)}.nijmegen-image-text-block__image{display:flex}
|
|
151
|
+
);background-color:var(--utrecht-link-focus-background-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);text-decoration-skip-ink:none;z-index:1;z-index:var(--utrecht-stack-focus-z-index,1)}.nijmegen-search{inline-size:var(--nijmegen-search-input-max-inline-size);max-inline-size:100%;position:relative}.nijmegen-search.nijmegen-search--full-width{inline-size:100%}.nijmegen-search__container{display:flex;gap:var(--nijmegen-search-input-column-gap)}.nijmegen-search__container .utrecht-button{max-block-size:51px;min-block-size:51px}.nijmegen-search__input-holder{flex:1;position:relative}.nijmegen-search__search-button.nijmegen-search__search-button--dark{border-color:var(--nijmegen-search-input-button-border-color)!important}@media (width < 576px){.nijmegen-search__search-button svg{display:none}}.nijmegen-search__clear-button{align-items:center;aspect-ratio:1/1;background-color:transparent;border:0;cursor:pointer;display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0}.nijmegen-search__clear-button.nijmegen-search__clear-button--hide{display:none}.nijmegen-search__clear-button svg{stroke:var(--nijmegen-interaction-color)}.nijmegen-search__input{background-color:var(--nijmegen-search-input-background-color);border-color:var(--nijmegen-search-input-border-color);border-radius:var(--nijmegen-search-input-border-radius);border-style:solid;border-width:var(--nijmegen-search-input-border-width);box-sizing:border-box;color:var(--nijmegen-search-input-color);font-family:var(--nijmegen-search-input-font-family);font-size:var(--nijmegen-search-input-font-size);font-weight:var(--nijmegen-search-input-font-weight);line-height:var(--nijmegen-search-input-line-height);min-block-size:var(--nijmegen-search-input-min-block-size);padding-block-end:var(--nijmegen-search-input-padding-block-end);padding-block-start:var(--nijmegen-search-input-padding-block-start);padding-inline-end:var(--nijmegen-search-input-padding-inline-end);padding-inline-start:var(--nijmegen-search-input-padding-inline-start);width:100%}.nijmegen-search__input.nijmegen-search__input--hover,.nijmegen-search__input:hover{background-color:var(--nijmegen-search-input-hover-background-color);border-color:var(--nijmegen-search-input-hover-border-color);color:var(--nijmegen-search-input-hover-color)}.nijmegen-search__input.nijmegen-search__input--focus,.nijmegen-search__input:focus{background-color:var(--nijmegen-search-input-focus-background-color);border-color:var(--nijmegen-search-input-focus-border-color);color:var(--nijmegen-search-input-focus-color)}.nijmegen-search__input.nijmegen-search__input--focus,.nijmegen-search__input:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--nijmegen-search-input-focus-background-color);border-color:var(--nijmegen-search-input-focus-border-color);box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--nijmegen-search-input-focus-color);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);z-index:1}.nijmegen-search__input.nijmegen-search__input-read-only,.nijmegen-search__input:read-only{background-color:var(--nijmegen-search-input-read-only-background-color);border-color:var(--nijmegen-search-input-read-only-border-color);color:var(--nijmegen-search-input-read-only-color)}.nijmegen-search__input.nijmegen-search__input--disabled{background-color:var(--nijmegen-search-input-disabled-background-color);border-color:var(--nijmegen-search-input-disabled-border-color);color:var(--nijmegen-search-input-disabled-color);cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.nijmegen-search__input::placeholder{color:var(--nijmegen-search-input-placeholder-color)}.nijmegen-search__autocomplete-results{display:none;margin-block-start:var(--nijmegen-search-input-autocomplete-offset,8px);position:absolute;top:var(--nijmegen-search-input-min-block-size);width:100%}.nijmegen-search__autocomplete-results--show-results{display:block}.nijmegen-search__autocomplete-results--static{position:static}.nijmegen-image{max-height:100%;max-width:100%;object-fit:cover}.nijmegen-image.nijmegen-image--aspect-16-9{aspect-ratio:16/9}.nijmegen-image.nijmegen-image--aspect-1-1{aspect-ratio:1/1}.nijmegen-image.nijmegen-image--aspect-4-3{aspect-ratio:4/3}.nijmegen-step-list{box-sizing:border-box;font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-unordered-list-font-size,var(--utrecht-document-font-size,inherit));line-height:var(--utrecht-unordered-list-line-height,var(--utrecht-document-line-height,inherit));list-style:none;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-unordered-list-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-end:var(--nijmegen-step-list-margin-block-end);margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));padding-inline-start:var(--utrecht-unordered-list-padding-inline-start,2ch);padding-inline-start:0;text-align:start}.nijmegen-step-list__item{position:relative}.nijmegen-step-list__item:after{background-color:var(--nijmegen-step-list-connector-border-color);content:"";height:100%;inset-block-start:0;inset-inline-start:var(--nijmegen-step-list-connector-padding-inline-start);position:absolute;width:var(--nijmegen-step-list-connector-width,2px);z-index:-1}.nijmegen-step-list__item:not(:first-child){padding-block-start:var(--nijmegen-step-list-step-padding-block-start)}.nijmegen-step-list__item:last-child:after{height:var(--nijmegen-step-list-step-padding-block-start)}ol.nijmegen-step-list{counter-reset:nijmegen-counter}ol.nijmegen-step-list .nijmegen-step-list__item{counter-increment:nijmegen-counter}ol.nijmegen-step-list .nijmegen-step-list__item:before{align-items:center;background-color:var(--nijmegen-step-list-connector-border-color,#282828);border-radius:var(--nijmegen-step-list-step-marker-border-radius);color:var(--nijmegen-step-list-step-marker-color,#fff);content:counter(nijmegen-counter);display:flex;font-family:var(--nijmegen-step-list-step-marker-font-family);font-size:var(--nijmegen-step-list-step-marker-font-size);font-weight:var(--nijmegen-step-list-step-marker-font-weight);height:var(--nijmegen-step-list-step-marker-size);justify-content:space-around;line-height:var(--nijmegen-step-list-step-marker-line-height);position:absolute;width:var(--nijmegen-step-list-step-marker-size)}ul.nijmegen-step-list .nijmegen-step-list__item:before{background-color:var(--nijmegen-step-list-step-marker-color);border:2px solid #282828;border-color:var(--nijmegen-step-list-connector-border-color);border-radius:var(--nijmegen-step-list-step-marker-border-radius);border-width:var(--nijmegen-step-list-connector-width,2px);content:"";height:var(--nijmegen-step-list-step-marker-nested-size,16px);inset-block-start:49px;inset-inline-start:10px;position:absolute;width:var(--nijmegen-step-list-step-marker-nested-size,16px)}ul.nijmegen-step-list .nijmegen-step-list__item:first-child:before{inset-block-start:10px}ul.nijmegen-step-list .nijmegen-step-list__item:first-child:after{height:calc(100% - 10px);inset-block-start:10px}ul.nijmegen-step-list .nijmegen-step-list__item:last-child:after{height:50px}.nijmegen-step-list__header{padding-block-start:var(--nijmegen-step-list-step-heading-padding-block-start,4px);padding-inline-start:56px}.nijmegen-step-list__body{display:flex;flex-direction:column;gap:var(--nijmegen-step-list-step-body-content-row-gap);padding-inline-start:56px}.nijmegen-step-list__body>*{align-self:flex-start;margin:0!important}.nijmegen-blockquote{background-color:var(--utrecht-blockquote-background-color);border-color:var(--utrecht-blockquote-border-color);border-inline-end-width:var(--utrecht-blockquote-border-inline-start-width);border-radius:var(--utrecht-blockquote-border-radius);border-style:solid;border-width:var(--utrecht-blockquote-border-width);color:var(--utrecht-blockquote-color);display:flex;flex-direction:column;font-family:var(--utrecht-document-font-family);font-size:var(--utrecht-blockquote-font-size);gap:var(--utrecht-blockquote-row-gap);margin-block-end:var(--utrecht-blockquote-margin-block-end,0);margin-block-start:var(--utrecht-blockquote-margin-block-start,0);margin-inline-end:var(--utrecht-blockquote-margin-inline-end);margin-inline-start:var(--utrecht-blockquote-margin-inline-start);padding-block-end:var(--utrecht-blockquote-padding-block-end);padding-block-start:var(--utrecht-blockquote-padding-block-start);padding-inline-end:var(--utrecht-blockquote-padding-inline-end);padding-inline-start:var(--utrecht-blockquote-padding-inline-start)}.nijmegen-blockquote__quote{all:unset;color:var(--utrecht-blockquote-content-color);font-size:var(--utrecht-blockquote-content-font-size);font-weight:var(--utrecht-blockquote-content-font-weight,600)}.nijmegen-blockquote__quote .nijmegen-paragraph{margin:0}.nijmegen-blockquote__quote:before{aspect-ratio:1/1;background-color:var(--todo-blockquote-icon-color);content:"";display:block;mask-image:var(--utrecht-blockquote-icon,url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAyOCI+PHBhdGggZD0iTTIyIDI4Yy0xLjEgMC0yLjEtLjQtMi44LTEuMkMxOC40IDI2IDE4IDI1IDE4IDI0VjEyYzAtNi4zIDMuMy0xMC40IDkuNS0xMmguOGMuMyAwIC41LjEuNy4zLjIuMS40LjMuNi41LjIuMi4zLjUuMy43di44YzAgLjMtLjEuNS0uMy43LS4xLjItLjMuNC0uNS42LS4yLjItLjUuMy0uNy4zLTQuNSAxLjEtNi41IDMuNy02LjUgOC4xdjJoNmMxIDAgMiAuNCAyLjcgMS4xczEuMiAxLjYgMS4zIDIuNlYyNGMwIDEuMS0uNCAyLjEtMS4yIDIuOC0uOC44LTEuOCAxLjItMi44IDEuMmgtNlpNNCAyOGMtMS4xIDAtMi4xLS40LTIuOC0xLjJDLjQgMjYuMSAwIDI1LjEgMCAyNFYxMkMwIDUuNyAzLjMgMS42IDkuNSAwaC44Yy4zIDAgLjUuMS43LjNzLjQuMy42LjVjLjIuMi4zLjUuMy43di44YzAgLjMtLjEuNS0uMy43LS4xLjItLjMuNC0uNS42LS4yLjItLjUuMy0uNy4zQzUuOSA1IDMuOSA3LjYgMy45IDEydjJoNmMxIDAgMiAuNCAyLjcgMS4xczEuMiAxLjYgMS4zIDIuNlYyNGMwIDEuMS0uNCAyLjEtMS4yIDIuOC0uOC44LTEuOCAxLjItMi44IDEuMmgtNloiLz48L3N2Zz4="));mask-position:center;mask-repeat:no-repeat;mask-size:calc(var(--todo-blockquote-icon-size) - 1rem);width:var(--todo-blockquote-icon-size)}.nijmegen-blockquote__caption{color:var(--utrecht-blockquote-attribution-color);font-size:var(--utrecht-blockquote-attribution-font-size);font-weight:var(--utrecht-blockquote-attribution-font-weight)}.nijmegen-image-text-block{display:flex}#storybook-root .nijmegen-image-text-block{max-width:1000px}@media (width < 992px){.nijmegen-image-text-block{flex:1;flex-direction:column-reverse;gap:var(--nijmegen-image-text-block-row-gap)}}@media (width >= 992px){.nijmegen-image-text-block{align-items:center;flex-direction:row-reverse;gap:var(--nijmegen-image-text-block-large-vw-column-gap)}.nijmegen-image-text-block--reverse{flex-direction:row}}.nijmegen-image-text-block__content{display:flex;flex-direction:column;gap:var(--nijmegen-image-text-block-content-row-gap)}@media (width >= 992px){.nijmegen-image-text-block__content{flex-shrink:0;width:50%}}.nijmegen-image-text-block__message{display:flex;flex-direction:column;gap:var(--nijmegen-image-text-block-message-row-gap)}.nijmegen-image-text-block__image{display:flex}.utrecht-button{text-decoration:none}.utrecht-button.utrecht-button--icon-only{padding-block-end:var(--nijmegen-icon-only-button-padding-block-end);padding-block-start:var(--nijmegen-icon-only-button-padding-block-start);padding-inline-end:var(--nijmegen-icon-only-button-padding-inline-end);padding-inline-start:var(--nijmegen-icon-only-button-padding-inline-start)}.nijmegen-dropdown-menu{background-color:var(--nijmegen-dropdown-menu-background-color);border-color:var(--nijmegen-dropdown-menu-border-color);border-radius:var(--nijmegen-dropdown-menu-border-radius);border-style:solid;border-width:var(--nijmegen-dropdown-menu-border-width);box-sizing:border-box;color:var(--nijmegen-dropdown-menu-color);margin-block-end:var(--nijmegen-dropdown-menu-margin-block-end);max-block-size:var(--nijmegen-dropdown-menu-max-block-size);min-inline-size:var(--nijmegen-dropdown-menu-min-inline-size)}.nijmegen-dropdown-menu__list{box-sizing:border-box;font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-unordered-list-font-size,var(--utrecht-document-font-size,inherit));line-height:var(--utrecht-unordered-list-line-height,var(--utrecht-document-line-height,inherit));list-style:none;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-unordered-list-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));padding-inline-start:var(--utrecht-unordered-list-padding-inline-start,2ch);padding-inline-start:0;text-align:start}.nijmegen-dropdown-menu__item{align-items:center;background-color:var(--nijmegen-dropdown-menu-item-background-color);box-sizing:border-box;color:var(--nijmegen-dropdown-menu-item-color);display:flex;font-family:var(--nijmegen-dropdown-menu-item-font-family);font-size:var(--nijmegen-dropdown-menu-item-font-size);font-weight:var(--nijmegen-dropdown-menu-item-font-weight);line-height:var(--nijmegen-dropdown-menu-item-line-height);min-block-size:var(--nijmegen-dropdown-menu-item-min-block-size);padding-block-end:var(--nijmegen-dropdown-menu-item-padding-block-end);padding-block-start:var(--nijmegen-dropdown-menu-item-padding-block-start);padding-inline-end:var(--nijmegen-dropdown-menu-item-padding-inline-end);padding-inline-start:var(--nijmegen-dropdown-menu-item-padding-inline-start);text-decoration:none}.nijmegen-dropdown-menu__item.nijmegen-dropdown-menu__item--active,.nijmegen-dropdown-menu__item:active{background-color:var(--nijmegen-dropdown-menu-item-active-background-color);color:var(--nijmegen-dropdown-menu-item-active-color)}.nijmegen-dropdown-menu__item.nijmegen-dropdown-menu__item--hover,.nijmegen-dropdown-menu__item:hover{--_utrecht-link-forced-colors-color:linktext;--_utrecht-link-state-color:var(--utrecht-link-hover-color);--_utrecht-link-state-text-decoration:var(--utrecht-link-hover-text-decoration);--_utrecht-link-state-text-decoration-thickness:var(--utrecht-link-hover-text-decoration-thickness);text-decoration-skip:none;background-color:var(--nijmegen-dropdown-menu-item-hover-background-color);color:var(--nijmegen-dropdown-menu-item-hover-color);cursor:pointer;text-decoration-skip-ink:none}.nijmegen-dropdown-menu__item.nijmegen-dropdown-menu__item--focus-visible,.nijmegen-dropdown-menu__item:focus-visible{--_utrecht-link-state-color:var(--utrecht-link-focus-color);text-decoration-skip:none;--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);--_utrecht-link-state-text-decoration:var(
|
|
152
|
+
--utrecht-link-focus-visible-text-decoration,var(--utrecht-link-focus-text-decoration)
|
|
153
|
+
);--_utrecht-link-state-text-decoration-thickness:var(
|
|
154
|
+
--utrecht-link-focus-visible-text-decoration-thickness,var(--utrecht-link-focus-text-decoration-thickness)
|
|
155
|
+
);background-color:var(--utrecht-link-focus-background-color,transparent);background-color:var(--nijmegen-dropdown-menu-item-focus-visible-background-color);box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--nijmegen-dropdown-menu-item-focus-visible-color);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);text-decoration-skip-ink:none;z-index:1;z-index:var(--utrecht-stack-focus-z-index,1)}.nijmegen-toptask-card{background-color:var(--utrecht-toptask-link-background-color);border-radius:var(--todo-toptask-link-border-radius);box-sizing:border-box;color:var(--utrecht-toptask-link-color);display:flex;flex-direction:column;font-family:var(--todo-toptask-link-font-family);font-size:var(--utrecht-toptask-link-font-size);font-weight:var(--todo-toptask-link-font-weight);line-height:var(--utrecht-toptask-link-line-height);max-inline-size:var(--utrecht-toptask-link-max-inline-size);min-block-size:var(--utrecht-toptask-link-min-block-size);min-inline-size:var(--utrecht-toptask-link-min-inline-size);padding-block-end:var(--utrecht-toptask-link-padding-block-end);padding-block-start:var(--utrecht-toptask-link-padding-block-start);padding-inline-end:var(--utrecht-toptask-link-padding-inline-end);padding-inline-start:var(--utrecht-toptask-link-padding-inline-start);text-decoration:none}.nijmegen-toptask-card--hover,.nijmegen-toptask-card:hover{background-color:var(--utrecht-toptask-link-hover-background-color,var(--utrecht-toptask-link-background-color));color:var(--utrecht-toptask-link-hover-color,var(--utrecht-toptask-link-color));transform:var(--utrecht-toptask-link-hover-transform-scale,1)}.nijmegen-toptask-card--focus-visible,.nijmegen-toptask-card:focus-visible{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);z-index:1}.nijmegen-toptask-card--focus,.nijmegen-toptask-card:focus{background-color:var(--utrecht-toptask-link-focus-background-color,var(--utrecht-toptask-link-background-color));color:var(--utrecht-toptask-link-focus-color,var(--utrecht-toptask-link-color))}.nijmegen-toptask-card__title{display:block}.nijmegen-toptask-card__icon{display:block;width:var(--utrecht-toptask-link-icon-size)}.nijmegen-toptask-card__icon svg{fill:currentColor}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
@import "~@utrecht/link-css/src/mixin";
|
|
2
|
+
@import "~@utrecht/focus-ring-css/src/mixin";
|
|
3
|
+
@import "~@utrecht/unordered-list-css/src/mixin";
|
|
4
|
+
|
|
5
|
+
.nijmegen-dropdown-menu {
|
|
6
|
+
background-color: var(--nijmegen-dropdown-menu-background-color);
|
|
7
|
+
border-color: var(--nijmegen-dropdown-menu-border-color);
|
|
8
|
+
border-radius: var(--nijmegen-dropdown-menu-border-radius);
|
|
9
|
+
border-style: solid;
|
|
10
|
+
border-width: var(--nijmegen-dropdown-menu-border-width);
|
|
11
|
+
box-sizing: border-box;
|
|
12
|
+
color: var(--nijmegen-dropdown-menu-color);
|
|
13
|
+
margin-block-end: var(--nijmegen-dropdown-menu-margin-block-end);
|
|
14
|
+
max-block-size: var(--nijmegen-dropdown-menu-max-block-size);
|
|
15
|
+
min-inline-size: var(--nijmegen-dropdown-menu-min-inline-size);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.nijmegen-dropdown-menu__list {
|
|
19
|
+
@include utrecht-unordered-list;
|
|
20
|
+
|
|
21
|
+
list-style: none;
|
|
22
|
+
padding-inline-start: 0;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.nijmegen-dropdown-menu__item {
|
|
26
|
+
align-items: center;
|
|
27
|
+
background-color: var(--nijmegen-dropdown-menu-item-background-color);
|
|
28
|
+
box-sizing: border-box;
|
|
29
|
+
color: var(--nijmegen-dropdown-menu-item-color);
|
|
30
|
+
display: flex;
|
|
31
|
+
font-family: var(--nijmegen-dropdown-menu-item-font-family);
|
|
32
|
+
font-size: var(--nijmegen-dropdown-menu-item-font-size);
|
|
33
|
+
font-weight: var(--nijmegen-dropdown-menu-item-font-weight);
|
|
34
|
+
line-height: var(--nijmegen-dropdown-menu-item-line-height);
|
|
35
|
+
min-block-size: var(--nijmegen-dropdown-menu-item-min-block-size);
|
|
36
|
+
padding-block-end: var(--nijmegen-dropdown-menu-item-padding-block-end);
|
|
37
|
+
padding-block-start: var(--nijmegen-dropdown-menu-item-padding-block-start);
|
|
38
|
+
padding-inline-end: var(--nijmegen-dropdown-menu-item-padding-inline-end);
|
|
39
|
+
padding-inline-start: var(--nijmegen-dropdown-menu-item-padding-inline-start);
|
|
40
|
+
text-decoration: none;
|
|
41
|
+
|
|
42
|
+
&:active,
|
|
43
|
+
&.nijmegen-dropdown-menu__item--active {
|
|
44
|
+
background-color: var(--nijmegen-dropdown-menu-item-active-background-color);
|
|
45
|
+
color: var(--nijmegen-dropdown-menu-item-active-color);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
&:hover,
|
|
49
|
+
&.nijmegen-dropdown-menu__item--hover {
|
|
50
|
+
@include utrecht-link--hover;
|
|
51
|
+
|
|
52
|
+
background-color: var(--nijmegen-dropdown-menu-item-hover-background-color);
|
|
53
|
+
color: var(--nijmegen-dropdown-menu-item-hover-color);
|
|
54
|
+
cursor: pointer;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
&:focus-visible,
|
|
58
|
+
&.nijmegen-dropdown-menu__item--focus-visible {
|
|
59
|
+
@include utrecht-link--focus;
|
|
60
|
+
@include utrecht-link--focus-visible;
|
|
61
|
+
|
|
62
|
+
background-color: var(--nijmegen-dropdown-menu-item-focus-visible-background-color);
|
|
63
|
+
color: var(--nijmegen-dropdown-menu-item-focus-visible-color);
|
|
64
|
+
}
|
|
65
|
+
}
|
package/header/_mixin.scss
CHANGED
package/header/index.scss
CHANGED
|
@@ -3,19 +3,39 @@
|
|
|
3
3
|
@import "./mixin";
|
|
4
4
|
|
|
5
5
|
.nijmegen-header {
|
|
6
|
-
|
|
6
|
+
position: relative;
|
|
7
7
|
writing-mode: horizontal-tb;
|
|
8
8
|
|
|
9
9
|
.nijmegen-search {
|
|
10
|
-
background-color: red;
|
|
11
10
|
inline-size: 100%;
|
|
12
11
|
}
|
|
13
12
|
}
|
|
14
13
|
|
|
15
|
-
.nijmegen-
|
|
16
|
-
|
|
14
|
+
.nijmegen-header__backdrop {
|
|
15
|
+
background-color: var(--utrecht-backdrop-background-color);
|
|
16
|
+
display: none;
|
|
17
|
+
height: 100vh; /* stylelint-disable-line property-disallowed-list */
|
|
18
|
+
opacity: var(--utrecht-backdrop-opacity);
|
|
19
|
+
position: fixed;
|
|
20
|
+
top: 0; /* stylelint-disable-line property-disallowed-list */
|
|
21
|
+
width: 100%; /* stylelint-disable-line property-disallowed-list */
|
|
22
|
+
z-index: 100;
|
|
23
|
+
|
|
24
|
+
&--visible {
|
|
25
|
+
display: block;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
17
28
|
|
|
29
|
+
.nijmegen-header__content {
|
|
30
|
+
background-color: var(--nijmegen-header-background-color, #fff);
|
|
31
|
+
border: 0 solid var(--nijmegen-header-border-color, transparent);
|
|
18
32
|
border-block-end-width: var(--nijmegen-header-border-block-end-width, 0);
|
|
33
|
+
position: relative;
|
|
34
|
+
z-index: 101;
|
|
35
|
+
|
|
36
|
+
.nijmegen-header__content--inner {
|
|
37
|
+
@include nijmegen-header-content;
|
|
38
|
+
}
|
|
19
39
|
|
|
20
40
|
@media (width <1024px) {
|
|
21
41
|
display: none;
|
|
@@ -23,12 +43,14 @@
|
|
|
23
43
|
}
|
|
24
44
|
|
|
25
45
|
.nijmegen-header__content--small {
|
|
46
|
+
background-color: var(--nijmegen-header-background-color, #fff);
|
|
47
|
+
border: 0 solid var(--nijmegen-header-border-color, transparent);
|
|
48
|
+
border-block-end-width: var(--nijmegen-header-border-block-end-width, 0);
|
|
26
49
|
position: relative;
|
|
50
|
+
z-index: 101;
|
|
27
51
|
|
|
28
52
|
&--inner {
|
|
29
53
|
@include nijmegen-header-content;
|
|
30
|
-
|
|
31
|
-
border-block-end-width: var(--nijmegen-header-border-block-end-width, 0);
|
|
32
54
|
}
|
|
33
55
|
|
|
34
56
|
@media (width >=1024px) {
|
|
@@ -38,6 +60,8 @@
|
|
|
38
60
|
|
|
39
61
|
.nijmegen-header__mobile-menu {
|
|
40
62
|
background-color: var(--nijmegen-menu-background-color);
|
|
63
|
+
border: 0 solid var(--nijmegen-header-border-color, transparent);
|
|
64
|
+
border-block-start-width: var(--nijmegen-header-border-block-end-width, 0);
|
|
41
65
|
display: none;
|
|
42
66
|
padding-block-end: var(--nijmegen-menu-padding-block-end);
|
|
43
67
|
padding-block-start: var(--nijmegen-menu-padding-block-start);
|
|
@@ -76,7 +100,7 @@
|
|
|
76
100
|
.nijmegen-header__panel {
|
|
77
101
|
display: none;
|
|
78
102
|
left: 0; /* stylelint-disable-line property-disallowed-list */
|
|
79
|
-
padding-block-start: 1.5rem;
|
|
103
|
+
padding-block-start: calc(1.5rem + 2px);
|
|
80
104
|
position: absolute;
|
|
81
105
|
width: 100%; /* stylelint-disable-line property-disallowed-list */
|
|
82
106
|
z-index: 10;
|
package/index.scss
CHANGED
package/mega-menu/index.scss
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
.nijmegen-mega-menu {
|
|
4
4
|
background-color: var(--nijmegen-mega-menu-background-color, #fff);
|
|
5
5
|
border: 0 solid var(--nijmegen-mega-menu-border-color, transparent);
|
|
6
|
-
border-block-
|
|
6
|
+
border-block-start-width: var(--nijmegen-mega-menu-border-block-end-width, 1px);
|
|
7
7
|
margin-block-end: var(--nijmegen-mega-menu-margin-block-end);
|
|
8
8
|
writing-mode: horizontal-tb;
|
|
9
9
|
}
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.
|
|
2
|
+
"version": "0.1.1",
|
|
3
3
|
"author": "Community for NL Design System",
|
|
4
4
|
"description": "CSS Components for a design system based on the NL Design System architecture",
|
|
5
5
|
"license": "EUPL-1.2",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"url": "git@github.com:GemeenteNijmegen/design-system.git"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
|
-
"@gemeentenijmegen/layout-css": "0.
|
|
27
|
+
"@gemeentenijmegen/layout-css": "0.1.1",
|
|
28
28
|
"@rollup/plugin-terser": "0.4.4",
|
|
29
29
|
"@utrecht/button-css": "2.3.1",
|
|
30
30
|
"@utrecht/focus-ring-css": "2.3.1",
|
|
@@ -35,5 +35,5 @@
|
|
|
35
35
|
"rollup": "4.12.1",
|
|
36
36
|
"rollup-plugin-postcss": "4.0.2"
|
|
37
37
|
},
|
|
38
|
-
"gitHead": "
|
|
38
|
+
"gitHead": "73ac00419431f8fc9e3dd1841b58ed9490e07083"
|
|
39
39
|
}
|
package/table/_mixin.scss
CHANGED
|
@@ -48,6 +48,7 @@
|
|
|
48
48
|
@mixin nijmegen-table__header-cell {
|
|
49
49
|
@include table-cell;
|
|
50
50
|
|
|
51
|
+
font-weight: var(--nijmegen-table-header-cell-large-vw-font-weight);
|
|
51
52
|
padding-block-end: var(--nijmegen-table-header-cell-large-vw-padding-block-end);
|
|
52
53
|
padding-block-start: var(--nijmegen-table-header-cell-large-vw-padding-block-start);
|
|
53
54
|
padding-inline-end: var(--nijmegen-table-header-cell-large-vw-padding-inline-end);
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
.nijmegen-toptask-card {
|
|
2
|
+
background-color: var(--utrecht-toptask-link-background-color);
|
|
3
|
+
box-sizing: border-box;
|
|
4
|
+
color: var(--utrecht-toptask-link-color);
|
|
5
|
+
display: flex;
|
|
6
|
+
flex-direction: column;
|
|
7
|
+
font-family: var(--todo-toptask-link-font-family); /* stylelint-disable-line */
|
|
8
|
+
font-size: var(--utrecht-toptask-link-font-size);
|
|
9
|
+
font-weight: var(--todo-toptask-link-font-weight); /* stylelint-disable-line */
|
|
10
|
+
line-height: var(--utrecht-toptask-link-line-height);
|
|
11
|
+
border-radius: var(--todo-toptask-link-border-radius); /* stylelint-disable-line */
|
|
12
|
+
max-inline-size: var(--utrecht-toptask-link-max-inline-size);
|
|
13
|
+
min-block-size: var(--utrecht-toptask-link-min-block-size);
|
|
14
|
+
min-inline-size: var(--utrecht-toptask-link-min-inline-size);
|
|
15
|
+
padding-block-end: var(--utrecht-toptask-link-padding-block-end);
|
|
16
|
+
padding-block-start: var(--utrecht-toptask-link-padding-block-start);
|
|
17
|
+
padding-inline-end: var(--utrecht-toptask-link-padding-inline-end);
|
|
18
|
+
padding-inline-start: var(--utrecht-toptask-link-padding-inline-start);
|
|
19
|
+
text-decoration: none;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.nijmegen-toptask-card--hover,
|
|
23
|
+
.nijmegen-toptask-card:hover {
|
|
24
|
+
background-color: var(--utrecht-toptask-link-hover-background-color, var(--utrecht-toptask-link-background-color));
|
|
25
|
+
color: var(--utrecht-toptask-link-hover-color, var(--utrecht-toptask-link-color));
|
|
26
|
+
transform: var(--utrecht-toptask-link-hover-transform-scale, 1);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.nijmegen-toptask-card--focus-visible,
|
|
30
|
+
.nijmegen-toptask-card:focus-visible {
|
|
31
|
+
box-shadow: var(--_utrecht-focus-ring-box-shadow);
|
|
32
|
+
outline-color: var(--utrecht-focus-outline-color, revert);
|
|
33
|
+
outline-offset: var(--utrecht-focus-outline-offset, revert);
|
|
34
|
+
outline-style: var(--utrecht-focus-outline-style, revert);
|
|
35
|
+
outline-width: var(--utrecht-focus-outline-width, revert);
|
|
36
|
+
z-index: 1;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.nijmegen-toptask-card--focus,
|
|
40
|
+
.nijmegen-toptask-card:focus {
|
|
41
|
+
background-color: var(--utrecht-toptask-link-focus-background-color, var(--utrecht-toptask-link-background-color));
|
|
42
|
+
color: var(--utrecht-toptask-link-focus-color, var(--utrecht-toptask-link-color));
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.nijmegen-toptask-card__title {
|
|
46
|
+
display: block;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.nijmegen-toptask-card__icon {
|
|
50
|
+
display: block;
|
|
51
|
+
width: var(--utrecht-toptask-link-icon-size); /* stylelint-disable-line property-disallowed-list */
|
|
52
|
+
|
|
53
|
+
svg {
|
|
54
|
+
fill: currentColor;
|
|
55
|
+
}
|
|
56
|
+
}
|