timvir 0.2.51 → 0.2.52

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.
@@ -3,7 +3,7 @@ import { Code } from "../../Code";
3
3
 
4
4
  # Message
5
5
 
6
- The `<Message>` component is a simple container for messages.
6
+ > A simple container for displaying messages with optional intent and icon.
7
7
 
8
8
  <Sample variant="basic" />
9
9
 
@@ -127,8 +127,8 @@
127
127
  grid-auto-rows: min-content;
128
128
  }
129
129
 
130
- .timvir-s-12c0rpe {
131
- grid-template-columns: [le] var(--timvir-page-margin) [lex lc] 1fr[rc rex] var(--timvir-page-margin) [re];
130
+ .timvir-s-1u7e2r6 {
131
+ grid-template-columns: [le]var(--timvir-page-margin)[lex lc]1fr[rc rex]var(--timvir-page-margin)[re];
132
132
  }
133
133
 
134
134
  .timvir-s-1evy7pa {
@@ -140,14 +140,14 @@
140
140
  }
141
141
 
142
142
  @media (width >= 72rem) {
143
- .timvir-s-1mxrek7.timvir-s-1mxrek7 {
144
- grid-template-columns: [le] 1fr var(--timvir-page-margin) [lex] minmax(0, 12rem) [lc] 48rem[rc] minmax(0, 12rem) [rex] var(--timvir-page-margin) 1fr[re];
143
+ .timvir-s-5diife.timvir-s-5diife {
144
+ grid-template-columns: [le]1fr var(--timvir-page-margin)[lex]minmax(0,12rem)[lc]48rem[rc]minmax(0,12rem)[rex]var(--timvir-page-margin) 1fr[re];
145
145
  }
146
146
  }
147
147
 
148
148
  @media (width >= 48rem) {
149
- .timvir-s-9q0i6z.timvir-s-9q0i6z {
150
- grid-template-columns: [le] var(--timvir-page-margin) [lex] 1fr[lc] minmax(0, 48rem) [rc] 1fr[rex] var(--timvir-page-margin) [re];
149
+ .timvir-s-1s3i72i.timvir-s-1s3i72i {
150
+ grid-template-columns: [le]var(--timvir-page-margin)[lex]1fr[lc]minmax(0,48rem)[rc]1fr[rex]var(--timvir-page-margin)[re];
151
151
  }
152
152
  }
153
153
  }
@@ -4,8 +4,7 @@ import { Grid } from "../../Grid";
4
4
 
5
5
  # Swatch
6
6
 
7
- A `<Swatch>` is a colored block element.
8
- It highlights a particular color, and provides additional information to it.
7
+ > A colored block element that highlights a particular color with additional information.
9
8
 
10
9
  <Swatch value="#FF00FF" />
11
10
 
@@ -75,8 +75,8 @@
75
75
  grid-auto-rows: min-content;
76
76
  }
77
77
 
78
- .timvir-s-12c0rpe {
79
- grid-template-columns: [le] var(--timvir-page-margin) [lex lc] 1fr[rc rex] var(--timvir-page-margin) [re];
78
+ .timvir-s-1u7e2r6 {
79
+ grid-template-columns: [le]var(--timvir-page-margin)[lex lc]1fr[rc rex]var(--timvir-page-margin)[re];
80
80
  }
81
81
 
82
82
  .timvir-s-l56j7k {
@@ -104,14 +104,14 @@
104
104
  }
105
105
 
106
106
  @media (width >= 72rem) {
107
- .timvir-s-1mxrek7.timvir-s-1mxrek7 {
108
- grid-template-columns: [le] 1fr var(--timvir-page-margin) [lex] minmax(0, 12rem) [lc] 48rem[rc] minmax(0, 12rem) [rex] var(--timvir-page-margin) 1fr[re];
107
+ .timvir-s-5diife.timvir-s-5diife {
108
+ grid-template-columns: [le]1fr var(--timvir-page-margin)[lex]minmax(0,12rem)[lc]48rem[rc]minmax(0,12rem)[rex]var(--timvir-page-margin) 1fr[re];
109
109
  }
110
110
  }
111
111
 
112
112
  @media (width >= 48rem) {
113
- .timvir-s-9q0i6z.timvir-s-9q0i6z {
114
- grid-template-columns: [le] var(--timvir-page-margin) [lex] 1fr[lc] minmax(0, 48rem) [rc] 1fr[rex] var(--timvir-page-margin) [re];
113
+ .timvir-s-1s3i72i.timvir-s-1s3i72i {
114
+ grid-template-columns: [le]var(--timvir-page-margin)[lex]1fr[lc]minmax(0,48rem)[rc]1fr[rex]var(--timvir-page-margin)[re];
115
115
  }
116
116
  }
117
117
  }
@@ -2,13 +2,12 @@ import { Viewport } from "..";
2
2
 
3
3
  # Viewport
4
4
 
5
- The `<Viewport>` component is a full-width component which is a lightly interactive wrapper around an `<iframe>`.
6
- The viewport can be resized to simulate different device widths. The height of the iframe will automatically adjust
7
- to the iframe content.
5
+ > A resizable iframe wrapper for previewing content at different device widths.
8
6
 
9
- The component does not provide the full functionality of the browsers responsive device mode simulation. In particular,
10
- it can't simulate network / CPU throttling, nor can it change the user agent. It's purpose is to provide a simple
11
- interface to test your components at different viewport widths.
7
+ <Viewport src="/docs/components/Grid/samples/basic" />
8
+
9
+ The height of the iframe automatically adjusts to fit the content.
10
+ Note that it does not replicate the browser's full responsive device mode: network and CPU throttling, as well as user agent changes, are not supported.
12
11
 
13
12
  Since `<Viewport>` uses an `<iframe>`, you must provide a page which can be loaded into it. If you used the timvir
14
13
  cli to scaffold your component, you already have one such sample (in `src/components/…/samples/basic.tsx`). Make that
@@ -16,8 +15,6 @@ sample available via a Next.js page and load it into the `<Viewport>`.
16
15
 
17
16
  See also [Concepts: Component Sample](/concepts/component-sample).
18
17
 
19
- <Viewport src="/docs/components/Grid/samples/basic" />
20
-
21
18
  ## Loading Behaviour
22
19
 
23
20
  The `<Viewport>` displays a gray, animated background while the iframe is loading.
@@ -419,7 +419,7 @@ function Viewport(props$1) {
419
419
  className: "timvir-s-wonfvy timvir-s-w75i6v timvir-s-1n2onr6 timvir-s-98rzlu timvir-s-pyat2d timvir-s-1h3vnj2 timvir-s-10r4kp7 timvir-s-b3r6kr"
420
420
  },
421
421
  1: {
422
- className: "timvir-s-wonfvy timvir-s-w75i6v timvir-s-1n2onr6 timvir-s-98rzlu timvir-s-pyat2d timvir-s-10r4kp7 timvir-s-b3r6kr timvir-s-1c74tu6 timvir-s-10e4vud timvir-s-a4qsjk timvir-s-1bx2yh timvir-s-1esw782 timvir-s-dftl3q timvir-s-9ncquh timvir-s-1w911z timvir-s-1nj7uno"
422
+ className: "timvir-s-wonfvy timvir-s-w75i6v timvir-s-1n2onr6 timvir-s-98rzlu timvir-s-pyat2d timvir-s-10r4kp7 timvir-s-b3r6kr timvir-s-1c74tu6 timvir-s-10e4vud timvir-s-a4qsjk timvir-s-1bx2yh timvir-s-1esw782 timvir-s-dftl3q timvir-s-9emw9s timvir-s-1w911z timvir-s-1nj7uno"
423
423
  }
424
424
  }[!!(height === undefined) << 0],
425
425
  style: {
@@ -101,7 +101,7 @@
101
101
  animation-timing-function: linear;
102
102
  }
103
103
 
104
- .timvir-s-9ncquh {
104
+ .timvir-s-9emw9s {
105
105
  background-image: linear-gradient(to right, #fafafa 0%, #f4f4f4 25%, #fafafa 40%);
106
106
  }
107
107
 
@@ -161,8 +161,8 @@
161
161
  grid-column-gap: 8px;
162
162
  }
163
163
 
164
- .timvir-s-12c0rpe {
165
- grid-template-columns: [le] var(--timvir-page-margin) [lex lc] 1fr[rc rex] var(--timvir-page-margin) [re];
164
+ .timvir-s-1u7e2r6 {
165
+ grid-template-columns: [le]var(--timvir-page-margin)[lex lc]1fr[rc rex]var(--timvir-page-margin)[re];
166
166
  }
167
167
 
168
168
  .timvir-s-7tmw4v {
@@ -226,14 +226,14 @@
226
226
  }
227
227
 
228
228
  @media (width >= 72rem) {
229
- .timvir-s-1mxrek7.timvir-s-1mxrek7 {
230
- grid-template-columns: [le] 1fr var(--timvir-page-margin) [lex] minmax(0, 12rem) [lc] 48rem[rc] minmax(0, 12rem) [rex] var(--timvir-page-margin) 1fr[re];
229
+ .timvir-s-5diife.timvir-s-5diife {
230
+ grid-template-columns: [le]1fr var(--timvir-page-margin)[lex]minmax(0,12rem)[lc]48rem[rc]minmax(0,12rem)[rex]var(--timvir-page-margin) 1fr[re];
231
231
  }
232
232
  }
233
233
 
234
234
  @media (width >= 48rem) {
235
- .timvir-s-9q0i6z.timvir-s-9q0i6z {
236
- grid-template-columns: [le] var(--timvir-page-margin) [lex] 1fr[lc] minmax(0, 48rem) [rc] 1fr[rex] var(--timvir-page-margin) [re];
235
+ .timvir-s-1s3i72i.timvir-s-1s3i72i {
236
+ grid-template-columns: [le]var(--timvir-page-margin)[lex]1fr[lc]minmax(0,48rem)[rc]1fr[rex]var(--timvir-page-margin)[re];
237
237
  }
238
238
  }
239
239
  }
@@ -2,7 +2,9 @@ import { WebLink } from "..";
2
2
 
3
3
  # WebLink
4
4
 
5
- `<WebLink>` is a link to an website, displayed as rich media (title, description, and opengraph image).
5
+ > A link to a website displayed as rich media with title, description, and image.
6
+
7
+ <WebLink url="https://tangled.sh" />
6
8
 
7
9
  ## Examples
8
10
 
@@ -119,8 +119,8 @@
119
119
  grid-auto-rows: min-content;
120
120
  }
121
121
 
122
- .timvir-s-12c0rpe {
123
- grid-template-columns: [le] var(--timvir-page-margin) [lex lc] 1fr[rc rex] var(--timvir-page-margin) [re];
122
+ .timvir-s-1u7e2r6 {
123
+ grid-template-columns: [le]var(--timvir-page-margin)[lex lc]1fr[rc rex]var(--timvir-page-margin)[re];
124
124
  }
125
125
 
126
126
  .timvir-s-1vbrtjm {
@@ -156,14 +156,14 @@
156
156
  }
157
157
 
158
158
  @media (width >= 72rem) {
159
- .timvir-s-1mxrek7.timvir-s-1mxrek7 {
160
- grid-template-columns: [le] 1fr var(--timvir-page-margin) [lex] minmax(0, 12rem) [lc] 48rem[rc] minmax(0, 12rem) [rex] var(--timvir-page-margin) 1fr[re];
159
+ .timvir-s-5diife.timvir-s-5diife {
160
+ grid-template-columns: [le]1fr var(--timvir-page-margin)[lex]minmax(0,12rem)[lc]48rem[rc]minmax(0,12rem)[rex]var(--timvir-page-margin) 1fr[re];
161
161
  }
162
162
  }
163
163
 
164
164
  @media (width >= 48rem) {
165
- .timvir-s-9q0i6z.timvir-s-9q0i6z {
166
- grid-template-columns: [le] var(--timvir-page-margin) [lex] 1fr[lc] minmax(0, 48rem) [rc] 1fr[rex] var(--timvir-page-margin) [re];
165
+ .timvir-s-1s3i72i.timvir-s-1s3i72i {
166
+ grid-template-columns: [le]var(--timvir-page-margin)[lex]1fr[lc]minmax(0,48rem)[rc]1fr[rex]var(--timvir-page-margin)[re];
167
167
  }
168
168
  }
169
169
  }
package/blocks/styles.css CHANGED
@@ -77,7 +77,7 @@
77
77
  outline: none;
78
78
  }
79
79
 
80
- .timvir-s-hqgf4x:hover:after, .timvir-s-1o0ppuw:focus-within:after, .timvir-s-49kzi4:hover, .timvir-s-13m658e:active {
80
+ .timvir-s-49kzi4:hover, .timvir-s-13m658e:active {
81
81
  border-color: var(--timvir-text-color);
82
82
  }
83
83
  }
@@ -127,8 +127,8 @@
127
127
  grid-auto-rows: min-content;
128
128
  }
129
129
 
130
- .timvir-s-12c0rpe {
131
- grid-template-columns: [le] var(--timvir-page-margin) [lex lc] 1fr[rc rex] var(--timvir-page-margin) [re];
130
+ .timvir-s-1u7e2r6 {
131
+ grid-template-columns: [le]var(--timvir-page-margin)[lex lc]1fr[rc rex]var(--timvir-page-margin)[re];
132
132
  }
133
133
 
134
134
  .timvir-s-9flyx0 {
@@ -148,14 +148,14 @@
148
148
  }
149
149
 
150
150
  @media (width >= 72rem) {
151
- .timvir-s-1mxrek7.timvir-s-1mxrek7 {
152
- grid-template-columns: [le] 1fr var(--timvir-page-margin) [lex] minmax(0, 12rem) [lc] 48rem[rc] minmax(0, 12rem) [rex] var(--timvir-page-margin) 1fr[re];
151
+ .timvir-s-5diife.timvir-s-5diife {
152
+ grid-template-columns: [le]1fr var(--timvir-page-margin)[lex]minmax(0,12rem)[lc]48rem[rc]minmax(0,12rem)[rex]var(--timvir-page-margin) 1fr[re];
153
153
  }
154
154
  }
155
155
 
156
156
  @media (width >= 48rem) {
157
- .timvir-s-9q0i6z.timvir-s-9q0i6z {
158
- grid-template-columns: [le] var(--timvir-page-margin) [lex] 1fr[lc] minmax(0, 48rem) [rc] 1fr[rex] var(--timvir-page-margin) [re];
157
+ .timvir-s-1s3i72i.timvir-s-1s3i72i {
158
+ grid-template-columns: [le]var(--timvir-page-margin)[lex]1fr[lc]minmax(0,48rem)[rc]1fr[rex]var(--timvir-page-margin)[re];
159
159
  }
160
160
  }
161
161
  }
@@ -204,6 +204,10 @@
204
204
  .timvir-s-5hscyn:after {
205
205
  border-width: 1px;
206
206
  }
207
+
208
+ .timvir-s-1o0ppuw:focus-within:after, .timvir-s-hqgf4x:hover:after {
209
+ border-color: var(--timvir-text-color);
210
+ }
207
211
  }
208
212
 
209
213
  @layer priority8 {
@@ -229,7 +233,7 @@
229
233
  }
230
234
 
231
235
  .timvir-s-idmeni {
232
- --timvir-b-Code-inlinePadding: max(var(--timvir-b-Code-bleed), 8px);
236
+ --timvir-b-Code-inlinePadding: max(var(--timvir-b-Code-bleed),8px);
233
237
  }
234
238
 
235
239
  .timvir-s-1f9b50e {
@@ -253,7 +257,7 @@
253
257
  }
254
258
 
255
259
  .timvir-s-1etwjqo {
256
- margin: 0 calc(-1 * var(--timvir-b-Code-bleed));
260
+ margin: 0 calc(-1*var(--timvir-b-Code-bleed));
257
261
  }
258
262
 
259
263
  .timvir-s-1ghz6dp {
@@ -344,8 +348,8 @@
344
348
  grid-auto-rows: min-content;
345
349
  }
346
350
 
347
- .timvir-s-12c0rpe {
348
- grid-template-columns: [le] var(--timvir-page-margin) [lex lc] 1fr[rc rex] var(--timvir-page-margin) [re];
351
+ .timvir-s-1u7e2r6 {
352
+ grid-template-columns: [le]var(--timvir-page-margin)[lex lc]1fr[rc rex]var(--timvir-page-margin)[re];
349
353
  }
350
354
 
351
355
  .timvir-s-jkpybl {
@@ -353,14 +357,14 @@
353
357
  }
354
358
 
355
359
  @media (width >= 72rem) {
356
- .timvir-s-1mxrek7.timvir-s-1mxrek7 {
357
- grid-template-columns: [le] 1fr var(--timvir-page-margin) [lex] minmax(0, 12rem) [lc] 48rem[rc] minmax(0, 12rem) [rex] var(--timvir-page-margin) 1fr[re];
360
+ .timvir-s-5diife.timvir-s-5diife {
361
+ grid-template-columns: [le]1fr var(--timvir-page-margin)[lex]minmax(0,12rem)[lc]48rem[rc]minmax(0,12rem)[rex]var(--timvir-page-margin) 1fr[re];
358
362
  }
359
363
  }
360
364
 
361
365
  @media (width >= 48rem) {
362
- .timvir-s-9q0i6z.timvir-s-9q0i6z {
363
- grid-template-columns: [le] var(--timvir-page-margin) [lex] 1fr[lc] minmax(0, 48rem) [rc] 1fr[rex] var(--timvir-page-margin) [re];
366
+ .timvir-s-1s3i72i.timvir-s-1s3i72i {
367
+ grid-template-columns: [le]var(--timvir-page-margin)[lex]1fr[lc]minmax(0,48rem)[rc]1fr[rex]var(--timvir-page-margin)[re];
364
368
  }
365
369
  }
366
370
  }
@@ -475,8 +479,8 @@
475
479
  grid-auto-rows: min-content;
476
480
  }
477
481
 
478
- .timvir-s-12c0rpe {
479
- grid-template-columns: [le] var(--timvir-page-margin) [lex lc] 1fr[rc rex] var(--timvir-page-margin) [re];
482
+ .timvir-s-1u7e2r6 {
483
+ grid-template-columns: [le]var(--timvir-page-margin)[lex lc]1fr[rc rex]var(--timvir-page-margin)[re];
480
484
  }
481
485
 
482
486
  .timvir-s-dz4c1r {
@@ -508,14 +512,14 @@
508
512
  }
509
513
 
510
514
  @media (width >= 72rem) {
511
- .timvir-s-1mxrek7.timvir-s-1mxrek7 {
512
- grid-template-columns: [le] 1fr var(--timvir-page-margin) [lex] minmax(0, 12rem) [lc] 48rem[rc] minmax(0, 12rem) [rex] var(--timvir-page-margin) 1fr[re];
515
+ .timvir-s-5diife.timvir-s-5diife {
516
+ grid-template-columns: [le]1fr var(--timvir-page-margin)[lex]minmax(0,12rem)[lc]48rem[rc]minmax(0,12rem)[rex]var(--timvir-page-margin) 1fr[re];
513
517
  }
514
518
  }
515
519
 
516
520
  @media (width >= 48rem) {
517
- .timvir-s-9q0i6z.timvir-s-9q0i6z {
518
- grid-template-columns: [le] var(--timvir-page-margin) [lex] 1fr[lc] minmax(0, 48rem) [rc] 1fr[rex] var(--timvir-page-margin) [re];
521
+ .timvir-s-1s3i72i.timvir-s-1s3i72i {
522
+ grid-template-columns: [le]var(--timvir-page-margin)[lex]1fr[lc]minmax(0,48rem)[rc]1fr[rex]var(--timvir-page-margin)[re];
519
523
  }
520
524
  }
521
525
  }
@@ -626,8 +630,8 @@
626
630
  grid-auto-rows: min-content;
627
631
  }
628
632
 
629
- .timvir-s-12c0rpe {
630
- grid-template-columns: [le] var(--timvir-page-margin) [lex lc] 1fr[rc rex] var(--timvir-page-margin) [re];
633
+ .timvir-s-1u7e2r6 {
634
+ grid-template-columns: [le]var(--timvir-page-margin)[lex lc]1fr[rc rex]var(--timvir-page-margin)[re];
631
635
  }
632
636
 
633
637
  .timvir-s-o5v014 {
@@ -642,27 +646,15 @@
642
646
  text-align: center;
643
647
  }
644
648
 
645
- .timvir-s-115iamj:hover:before {
646
- box-shadow: 0 0 0 2px #00000040;
647
- }
648
-
649
- .timvir-s-ach7vw:hover:before {
650
- box-shadow: 0 0 0 2px var(--c-p-5);
651
- }
652
-
653
- .timvir-s-s2hnm7:hover:before {
654
- opacity: 1;
655
- }
656
-
657
649
  @media (width >= 72rem) {
658
- .timvir-s-1mxrek7.timvir-s-1mxrek7 {
659
- grid-template-columns: [le] 1fr var(--timvir-page-margin) [lex] minmax(0, 12rem) [lc] 48rem[rc] minmax(0, 12rem) [rex] var(--timvir-page-margin) 1fr[re];
650
+ .timvir-s-5diife.timvir-s-5diife {
651
+ grid-template-columns: [le]1fr var(--timvir-page-margin)[lex]minmax(0,12rem)[lc]48rem[rc]minmax(0,12rem)[rex]var(--timvir-page-margin) 1fr[re];
660
652
  }
661
653
  }
662
654
 
663
655
  @media (width >= 48rem) {
664
- .timvir-s-9q0i6z.timvir-s-9q0i6z {
665
- grid-template-columns: [le] var(--timvir-page-margin) [lex] 1fr[lc] minmax(0, 48rem) [rc] 1fr[rex] var(--timvir-page-margin) [re];
656
+ .timvir-s-1s3i72i.timvir-s-1s3i72i {
657
+ grid-template-columns: [le]var(--timvir-page-margin)[lex]1fr[lc]minmax(0,48rem)[rc]1fr[rex]var(--timvir-page-margin)[re];
666
658
  }
667
659
  }
668
660
  }
@@ -747,6 +739,18 @@
747
739
  .timvir-s-1hmns74:before {
748
740
  position: absolute;
749
741
  }
742
+
743
+ .timvir-s-115iamj:hover:before {
744
+ box-shadow: 0 0 0 2px #00000040;
745
+ }
746
+
747
+ .timvir-s-ach7vw:hover:before {
748
+ box-shadow: 0 0 0 2px var(--c-p-5);
749
+ }
750
+
751
+ .timvir-s-s2hnm7:hover:before {
752
+ opacity: 1;
753
+ }
750
754
  }
751
755
 
752
756
  @layer priority8 {
@@ -815,8 +819,8 @@
815
819
  grid-auto-rows: min-content;
816
820
  }
817
821
 
818
- .timvir-s-12c0rpe {
819
- grid-template-columns: [le] var(--timvir-page-margin) [lex lc] 1fr[rc rex] var(--timvir-page-margin) [re];
822
+ .timvir-s-1u7e2r6 {
823
+ grid-template-columns: [le]var(--timvir-page-margin)[lex lc]1fr[rc rex]var(--timvir-page-margin)[re];
820
824
  }
821
825
 
822
826
  .timvir-s-l1xv1r {
@@ -824,14 +828,14 @@
824
828
  }
825
829
 
826
830
  @media (width >= 72rem) {
827
- .timvir-s-1mxrek7.timvir-s-1mxrek7 {
828
- grid-template-columns: [le] 1fr var(--timvir-page-margin) [lex] minmax(0, 12rem) [lc] 48rem[rc] minmax(0, 12rem) [rex] var(--timvir-page-margin) 1fr[re];
831
+ .timvir-s-5diife.timvir-s-5diife {
832
+ grid-template-columns: [le]1fr var(--timvir-page-margin)[lex]minmax(0,12rem)[lc]48rem[rc]minmax(0,12rem)[rex]var(--timvir-page-margin) 1fr[re];
829
833
  }
830
834
  }
831
835
 
832
836
  @media (width >= 48rem) {
833
- .timvir-s-9q0i6z.timvir-s-9q0i6z {
834
- grid-template-columns: [le] var(--timvir-page-margin) [lex] 1fr[lc] minmax(0, 48rem) [rc] 1fr[rex] var(--timvir-page-margin) [re];
837
+ .timvir-s-1s3i72i.timvir-s-1s3i72i {
838
+ grid-template-columns: [le]var(--timvir-page-margin)[lex]1fr[lc]minmax(0,48rem)[rc]1fr[rex]var(--timvir-page-margin)[re];
835
839
  }
836
840
  }
837
841
  }
@@ -917,7 +921,7 @@
917
921
  }
918
922
 
919
923
  .timvir-s-zqqpyx {
920
- margin-inline: calc(-1 * var(--timvir-b-Exhibit-bleed));
924
+ margin-inline: calc(-1*var(--timvir-b-Exhibit-bleed));
921
925
  }
922
926
  }
923
927
 
@@ -954,8 +958,8 @@
954
958
  grid-auto-rows: min-content;
955
959
  }
956
960
 
957
- .timvir-s-12c0rpe {
958
- grid-template-columns: [le] var(--timvir-page-margin) [lex lc] 1fr[rc rex] var(--timvir-page-margin) [re];
961
+ .timvir-s-1u7e2r6 {
962
+ grid-template-columns: [le]var(--timvir-page-margin)[lex lc]1fr[rc rex]var(--timvir-page-margin)[re];
959
963
  }
960
964
 
961
965
  .timvir-s-jkpybl {
@@ -963,14 +967,14 @@
963
967
  }
964
968
 
965
969
  @media (width >= 72rem) {
966
- .timvir-s-1mxrek7.timvir-s-1mxrek7 {
967
- grid-template-columns: [le] 1fr var(--timvir-page-margin) [lex] minmax(0, 12rem) [lc] 48rem[rc] minmax(0, 12rem) [rex] var(--timvir-page-margin) 1fr[re];
970
+ .timvir-s-5diife.timvir-s-5diife {
971
+ grid-template-columns: [le]1fr var(--timvir-page-margin)[lex]minmax(0,12rem)[lc]48rem[rc]minmax(0,12rem)[rex]var(--timvir-page-margin) 1fr[re];
968
972
  }
969
973
  }
970
974
 
971
975
  @media (width >= 48rem) {
972
- .timvir-s-9q0i6z.timvir-s-9q0i6z {
973
- grid-template-columns: [le] var(--timvir-page-margin) [lex] 1fr[lc] minmax(0, 48rem) [rc] 1fr[rex] var(--timvir-page-margin) [re];
976
+ .timvir-s-1s3i72i.timvir-s-1s3i72i {
977
+ grid-template-columns: [le]var(--timvir-page-margin)[lex]1fr[lc]minmax(0,48rem)[rc]1fr[rex]var(--timvir-page-margin)[re];
974
978
  }
975
979
  }
976
980
  }
@@ -1077,8 +1081,8 @@
1077
1081
  grid-auto-rows: min-content;
1078
1082
  }
1079
1083
 
1080
- .timvir-s-12c0rpe {
1081
- grid-template-columns: [le] var(--timvir-page-margin) [lex lc] 1fr[rc rex] var(--timvir-page-margin) [re];
1084
+ .timvir-s-1u7e2r6 {
1085
+ grid-template-columns: [le]var(--timvir-page-margin)[lex lc]1fr[rc rex]var(--timvir-page-margin)[re];
1082
1086
  }
1083
1087
 
1084
1088
  .timvir-s-1mzt3pk {
@@ -1090,6 +1094,7 @@
1090
1094
  }
1091
1095
 
1092
1096
  .timvir-s-1hx0egp {
1097
+ -webkit-user-select: text;
1093
1098
  user-select: text;
1094
1099
  }
1095
1100
 
@@ -1106,14 +1111,14 @@
1106
1111
  }
1107
1112
 
1108
1113
  @media (width >= 72rem) {
1109
- .timvir-s-1mxrek7.timvir-s-1mxrek7 {
1110
- grid-template-columns: [le] 1fr var(--timvir-page-margin) [lex] minmax(0, 12rem) [lc] 48rem[rc] minmax(0, 12rem) [rex] var(--timvir-page-margin) 1fr[re];
1114
+ .timvir-s-5diife.timvir-s-5diife {
1115
+ grid-template-columns: [le]1fr var(--timvir-page-margin)[lex]minmax(0,12rem)[lc]48rem[rc]minmax(0,12rem)[rex]var(--timvir-page-margin) 1fr[re];
1111
1116
  }
1112
1117
  }
1113
1118
 
1114
1119
  @media (width >= 48rem) {
1115
- .timvir-s-9q0i6z.timvir-s-9q0i6z {
1116
- grid-template-columns: [le] var(--timvir-page-margin) [lex] 1fr[lc] minmax(0, 48rem) [rc] 1fr[rex] var(--timvir-page-margin) [re];
1120
+ .timvir-s-1s3i72i.timvir-s-1s3i72i {
1121
+ grid-template-columns: [le]var(--timvir-page-margin)[lex]1fr[lc]minmax(0,48rem)[rc]1fr[rex]var(--timvir-page-margin)[re];
1117
1122
  }
1118
1123
  }
1119
1124
  }
@@ -1180,8 +1185,8 @@
1180
1185
  grid-auto-rows: min-content;
1181
1186
  }
1182
1187
 
1183
- .timvir-s-12c0rpe {
1184
- grid-template-columns: [le] var(--timvir-page-margin) [lex lc] 1fr[rc rex] var(--timvir-page-margin) [re];
1188
+ .timvir-s-1u7e2r6 {
1189
+ grid-template-columns: [le]var(--timvir-page-margin)[lex lc]1fr[rc rex]var(--timvir-page-margin)[re];
1185
1190
  }
1186
1191
 
1187
1192
  .timvir-s-1ayh3g3 {
@@ -1189,14 +1194,14 @@
1189
1194
  }
1190
1195
 
1191
1196
  @media (width >= 72rem) {
1192
- .timvir-s-1mxrek7.timvir-s-1mxrek7 {
1193
- grid-template-columns: [le] 1fr var(--timvir-page-margin) [lex] minmax(0, 12rem) [lc] 48rem[rc] minmax(0, 12rem) [rex] var(--timvir-page-margin) 1fr[re];
1197
+ .timvir-s-5diife.timvir-s-5diife {
1198
+ grid-template-columns: [le]1fr var(--timvir-page-margin)[lex]minmax(0,12rem)[lc]48rem[rc]minmax(0,12rem)[rex]var(--timvir-page-margin) 1fr[re];
1194
1199
  }
1195
1200
  }
1196
1201
 
1197
1202
  @media (width >= 48rem) {
1198
- .timvir-s-9q0i6z.timvir-s-9q0i6z {
1199
- grid-template-columns: [le] var(--timvir-page-margin) [lex] 1fr[lc] minmax(0, 48rem) [rc] 1fr[rex] var(--timvir-page-margin) [re];
1203
+ .timvir-s-1s3i72i.timvir-s-1s3i72i {
1204
+ grid-template-columns: [le]var(--timvir-page-margin)[lex]1fr[lc]minmax(0,48rem)[rc]1fr[rex]var(--timvir-page-margin)[re];
1200
1205
  }
1201
1206
  }
1202
1207
  }
@@ -1296,6 +1301,7 @@
1296
1301
  }
1297
1302
 
1298
1303
  .timvir-s-87ps6o {
1304
+ -webkit-user-select: none;
1299
1305
  user-select: none;
1300
1306
  }
1301
1307
 
@@ -1454,8 +1460,8 @@
1454
1460
  grid-auto-rows: min-content;
1455
1461
  }
1456
1462
 
1457
- .timvir-s-12c0rpe {
1458
- grid-template-columns: [le] var(--timvir-page-margin) [lex lc] 1fr[rc rex] var(--timvir-page-margin) [re];
1463
+ .timvir-s-1u7e2r6 {
1464
+ grid-template-columns: [le]var(--timvir-page-margin)[lex lc]1fr[rc rex]var(--timvir-page-margin)[re];
1459
1465
  }
1460
1466
 
1461
1467
  .timvir-s-1evy7pa {
@@ -1467,14 +1473,14 @@
1467
1473
  }
1468
1474
 
1469
1475
  @media (width >= 72rem) {
1470
- .timvir-s-1mxrek7.timvir-s-1mxrek7 {
1471
- grid-template-columns: [le] 1fr var(--timvir-page-margin) [lex] minmax(0, 12rem) [lc] 48rem[rc] minmax(0, 12rem) [rex] var(--timvir-page-margin) 1fr[re];
1476
+ .timvir-s-5diife.timvir-s-5diife {
1477
+ grid-template-columns: [le]1fr var(--timvir-page-margin)[lex]minmax(0,12rem)[lc]48rem[rc]minmax(0,12rem)[rex]var(--timvir-page-margin) 1fr[re];
1472
1478
  }
1473
1479
  }
1474
1480
 
1475
1481
  @media (width >= 48rem) {
1476
- .timvir-s-9q0i6z.timvir-s-9q0i6z {
1477
- grid-template-columns: [le] var(--timvir-page-margin) [lex] 1fr[lc] minmax(0, 48rem) [rc] 1fr[rex] var(--timvir-page-margin) [re];
1482
+ .timvir-s-1s3i72i.timvir-s-1s3i72i {
1483
+ grid-template-columns: [le]var(--timvir-page-margin)[lex]1fr[lc]minmax(0,48rem)[rc]1fr[rex]var(--timvir-page-margin)[re];
1478
1484
  }
1479
1485
  }
1480
1486
  }
@@ -1573,8 +1579,8 @@
1573
1579
  grid-auto-rows: min-content;
1574
1580
  }
1575
1581
 
1576
- .timvir-s-12c0rpe {
1577
- grid-template-columns: [le] var(--timvir-page-margin) [lex lc] 1fr[rc rex] var(--timvir-page-margin) [re];
1582
+ .timvir-s-1u7e2r6 {
1583
+ grid-template-columns: [le]var(--timvir-page-margin)[lex lc]1fr[rc rex]var(--timvir-page-margin)[re];
1578
1584
  }
1579
1585
 
1580
1586
  .timvir-s-l56j7k {
@@ -1602,14 +1608,14 @@
1602
1608
  }
1603
1609
 
1604
1610
  @media (width >= 72rem) {
1605
- .timvir-s-1mxrek7.timvir-s-1mxrek7 {
1606
- grid-template-columns: [le] 1fr var(--timvir-page-margin) [lex] minmax(0, 12rem) [lc] 48rem[rc] minmax(0, 12rem) [rex] var(--timvir-page-margin) 1fr[re];
1611
+ .timvir-s-5diife.timvir-s-5diife {
1612
+ grid-template-columns: [le]1fr var(--timvir-page-margin)[lex]minmax(0,12rem)[lc]48rem[rc]minmax(0,12rem)[rex]var(--timvir-page-margin) 1fr[re];
1607
1613
  }
1608
1614
  }
1609
1615
 
1610
1616
  @media (width >= 48rem) {
1611
- .timvir-s-9q0i6z.timvir-s-9q0i6z {
1612
- grid-template-columns: [le] var(--timvir-page-margin) [lex] 1fr[lc] minmax(0, 48rem) [rc] 1fr[rex] var(--timvir-page-margin) [re];
1617
+ .timvir-s-1s3i72i.timvir-s-1s3i72i {
1618
+ grid-template-columns: [le]var(--timvir-page-margin)[lex]1fr[lc]minmax(0,48rem)[rc]1fr[rex]var(--timvir-page-margin)[re];
1613
1619
  }
1614
1620
  }
1615
1621
  }
@@ -1742,7 +1748,7 @@
1742
1748
  animation-timing-function: linear;
1743
1749
  }
1744
1750
 
1745
- .timvir-s-9ncquh {
1751
+ .timvir-s-9emw9s {
1746
1752
  background-image: linear-gradient(to right, #fafafa 0%, #f4f4f4 25%, #fafafa 40%);
1747
1753
  }
1748
1754
 
@@ -1802,8 +1808,8 @@
1802
1808
  grid-column-gap: 8px;
1803
1809
  }
1804
1810
 
1805
- .timvir-s-12c0rpe {
1806
- grid-template-columns: [le] var(--timvir-page-margin) [lex lc] 1fr[rc rex] var(--timvir-page-margin) [re];
1811
+ .timvir-s-1u7e2r6 {
1812
+ grid-template-columns: [le]var(--timvir-page-margin)[lex lc]1fr[rc rex]var(--timvir-page-margin)[re];
1807
1813
  }
1808
1814
 
1809
1815
  .timvir-s-7tmw4v {
@@ -1867,14 +1873,14 @@
1867
1873
  }
1868
1874
 
1869
1875
  @media (width >= 72rem) {
1870
- .timvir-s-1mxrek7.timvir-s-1mxrek7 {
1871
- grid-template-columns: [le] 1fr var(--timvir-page-margin) [lex] minmax(0, 12rem) [lc] 48rem[rc] minmax(0, 12rem) [rex] var(--timvir-page-margin) 1fr[re];
1876
+ .timvir-s-5diife.timvir-s-5diife {
1877
+ grid-template-columns: [le]1fr var(--timvir-page-margin)[lex]minmax(0,12rem)[lc]48rem[rc]minmax(0,12rem)[rex]var(--timvir-page-margin) 1fr[re];
1872
1878
  }
1873
1879
  }
1874
1880
 
1875
1881
  @media (width >= 48rem) {
1876
- .timvir-s-9q0i6z.timvir-s-9q0i6z {
1877
- grid-template-columns: [le] var(--timvir-page-margin) [lex] 1fr[lc] minmax(0, 48rem) [rc] 1fr[rex] var(--timvir-page-margin) [re];
1882
+ .timvir-s-1s3i72i.timvir-s-1s3i72i {
1883
+ grid-template-columns: [le]var(--timvir-page-margin)[lex]1fr[lc]minmax(0,48rem)[rc]1fr[rex]var(--timvir-page-margin)[re];
1878
1884
  }
1879
1885
  }
1880
1886
  }
@@ -2077,8 +2083,8 @@
2077
2083
  grid-auto-rows: min-content;
2078
2084
  }
2079
2085
 
2080
- .timvir-s-12c0rpe {
2081
- grid-template-columns: [le] var(--timvir-page-margin) [lex lc] 1fr[rc rex] var(--timvir-page-margin) [re];
2086
+ .timvir-s-1u7e2r6 {
2087
+ grid-template-columns: [le]var(--timvir-page-margin)[lex lc]1fr[rc rex]var(--timvir-page-margin)[re];
2082
2088
  }
2083
2089
 
2084
2090
  .timvir-s-1vbrtjm {
@@ -2114,14 +2120,14 @@
2114
2120
  }
2115
2121
 
2116
2122
  @media (width >= 72rem) {
2117
- .timvir-s-1mxrek7.timvir-s-1mxrek7 {
2118
- grid-template-columns: [le] 1fr var(--timvir-page-margin) [lex] minmax(0, 12rem) [lc] 48rem[rc] minmax(0, 12rem) [rex] var(--timvir-page-margin) 1fr[re];
2123
+ .timvir-s-5diife.timvir-s-5diife {
2124
+ grid-template-columns: [le]1fr var(--timvir-page-margin)[lex]minmax(0,12rem)[lc]48rem[rc]minmax(0,12rem)[rex]var(--timvir-page-margin) 1fr[re];
2119
2125
  }
2120
2126
  }
2121
2127
 
2122
2128
  @media (width >= 48rem) {
2123
- .timvir-s-9q0i6z.timvir-s-9q0i6z {
2124
- grid-template-columns: [le] var(--timvir-page-margin) [lex] 1fr[lc] minmax(0, 48rem) [rc] 1fr[rex] var(--timvir-page-margin) [re];
2129
+ .timvir-s-1s3i72i.timvir-s-1s3i72i {
2130
+ grid-template-columns: [le]var(--timvir-page-margin)[lex]1fr[lc]minmax(0,48rem)[rc]1fr[rex]var(--timvir-page-margin)[re];
2125
2131
  }
2126
2132
  }
2127
2133
  }