@apexcura/ui-components 0.0.15-Beta18 → 0.0.15-Beta19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.css +3 -466
  2. package/dist/index.css.map +1 -0
  3. package/dist/index.js +91801 -368
  4. package/dist/index.js.map +1 -0
  5. package/dist/index.mjs +91729 -251
  6. package/dist/index.mjs.map +1 -0
  7. package/package.json +5 -5
package/dist/index.css CHANGED
@@ -1,467 +1,3 @@
1
- /* src/styles/index.css */
2
- *,
3
- ::before,
4
- ::after {
5
- box-sizing: border-box;
6
- border-width: 0;
7
- border-style: solid;
8
- border-color: #e5e7eb;
9
- }
10
- ::before,
11
- ::after {
12
- --tw-content: "";
13
- }
14
- html,
15
- :host {
16
- line-height: 1.5;
17
- -webkit-text-size-adjust: 100%;
18
- -moz-tab-size: 4;
19
- -o-tab-size: 4;
20
- tab-size: 4;
21
- font-family:
22
- ui-sans-serif,
23
- system-ui,
24
- sans-serif,
25
- "Apple Color Emoji",
26
- "Segoe UI Emoji",
27
- "Segoe UI Symbol",
28
- "Noto Color Emoji";
29
- font-feature-settings: normal;
30
- font-variation-settings: normal;
31
- -webkit-tap-highlight-color: transparent;
32
- }
33
- body {
34
- margin: 0;
35
- line-height: inherit;
36
- }
37
- hr {
38
- height: 0;
39
- color: inherit;
40
- border-top-width: 1px;
41
- }
42
- abbr:where([title]) {
43
- -webkit-text-decoration: underline dotted;
44
- text-decoration: underline dotted;
45
- }
46
- h1,
47
- h2,
48
- h3,
49
- h4,
50
- h5,
51
- h6 {
52
- font-size: inherit;
53
- font-weight: inherit;
54
- }
55
- a {
56
- color: inherit;
57
- text-decoration: inherit;
58
- }
59
- b,
60
- strong {
61
- font-weight: bolder;
62
- }
63
- code,
64
- kbd,
65
- samp,
66
- pre {
67
- font-family:
68
- ui-monospace,
69
- SFMono-Regular,
70
- Menlo,
71
- Monaco,
72
- Consolas,
73
- "Liberation Mono",
74
- "Courier New",
75
- monospace;
76
- font-feature-settings: normal;
77
- font-variation-settings: normal;
78
- font-size: 1em;
79
- }
80
- small {
81
- font-size: 80%;
82
- }
83
- sub,
84
- sup {
85
- font-size: 75%;
86
- line-height: 0;
87
- position: relative;
88
- vertical-align: baseline;
89
- }
90
- sub {
91
- bottom: -0.25em;
92
- }
93
- sup {
94
- top: -0.5em;
95
- }
96
- table {
97
- text-indent: 0;
98
- border-color: inherit;
99
- border-collapse: collapse;
100
- }
101
- button,
102
- input,
103
- optgroup,
104
- select,
105
- textarea {
106
- font-family: inherit;
107
- font-feature-settings: inherit;
108
- font-variation-settings: inherit;
109
- font-size: 100%;
110
- font-weight: inherit;
111
- line-height: inherit;
112
- letter-spacing: inherit;
113
- color: inherit;
114
- margin: 0;
115
- padding: 0;
116
- }
117
- button,
118
- select {
119
- text-transform: none;
120
- }
121
- button,
122
- input:where([type=button]),
123
- input:where([type=reset]),
124
- input:where([type=submit]) {
125
- -webkit-appearance: button;
126
- background-color: transparent;
127
- background-image: none;
128
- }
129
- :-moz-focusring {
130
- outline: auto;
131
- }
132
- :-moz-ui-invalid {
133
- box-shadow: none;
134
- }
135
- progress {
136
- vertical-align: baseline;
137
- }
138
- ::-webkit-inner-spin-button,
139
- ::-webkit-outer-spin-button {
140
- height: auto;
141
- }
142
- [type=search] {
143
- -webkit-appearance: textfield;
144
- outline-offset: -2px;
145
- }
146
- ::-webkit-search-decoration {
147
- -webkit-appearance: none;
148
- }
149
- ::-webkit-file-upload-button {
150
- -webkit-appearance: button;
151
- font: inherit;
152
- }
153
- summary {
154
- display: list-item;
155
- }
156
- blockquote,
157
- dl,
158
- dd,
159
- h1,
160
- h2,
161
- h3,
162
- h4,
163
- h5,
164
- h6,
165
- hr,
166
- figure,
167
- p,
168
- pre {
169
- margin: 0;
170
- }
171
- fieldset {
172
- margin: 0;
173
- padding: 0;
174
- }
175
- legend {
176
- padding: 0;
177
- }
178
- ol,
179
- ul,
180
- menu {
181
- list-style: none;
182
- margin: 0;
183
- padding: 0;
184
- }
185
- dialog {
186
- padding: 0;
187
- }
188
- textarea {
189
- resize: vertical;
190
- }
191
- input::-moz-placeholder,
192
- textarea::-moz-placeholder {
193
- opacity: 1;
194
- color: #9ca3af;
195
- }
196
- input::placeholder,
197
- textarea::placeholder {
198
- opacity: 1;
199
- color: #9ca3af;
200
- }
201
- button,
202
- [role=button] {
203
- cursor: pointer;
204
- }
205
- :disabled {
206
- cursor: default;
207
- }
208
- img,
209
- svg,
210
- video,
211
- canvas,
212
- audio,
213
- iframe,
214
- embed,
215
- object {
216
- display: block;
217
- vertical-align: middle;
218
- }
219
- img,
220
- video {
221
- max-width: 100%;
222
- height: auto;
223
- }
224
- [hidden] {
225
- display: none;
226
- }
227
- *,
228
- ::before,
229
- ::after {
230
- --tw-border-spacing-x: 0;
231
- --tw-border-spacing-y: 0;
232
- --tw-translate-x: 0;
233
- --tw-translate-y: 0;
234
- --tw-rotate: 0;
235
- --tw-skew-x: 0;
236
- --tw-skew-y: 0;
237
- --tw-scale-x: 1;
238
- --tw-scale-y: 1;
239
- --tw-pan-x: ;
240
- --tw-pan-y: ;
241
- --tw-pinch-zoom: ;
242
- --tw-scroll-snap-strictness: proximity;
243
- --tw-gradient-from-position: ;
244
- --tw-gradient-via-position: ;
245
- --tw-gradient-to-position: ;
246
- --tw-ordinal: ;
247
- --tw-slashed-zero: ;
248
- --tw-numeric-figure: ;
249
- --tw-numeric-spacing: ;
250
- --tw-numeric-fraction: ;
251
- --tw-ring-inset: ;
252
- --tw-ring-offset-width: 0px;
253
- --tw-ring-offset-color: #fff;
254
- --tw-ring-color: rgb(59 130 246 / 0.5);
255
- --tw-ring-offset-shadow: 0 0 #0000;
256
- --tw-ring-shadow: 0 0 #0000;
257
- --tw-shadow: 0 0 #0000;
258
- --tw-shadow-colored: 0 0 #0000;
259
- --tw-blur: ;
260
- --tw-brightness: ;
261
- --tw-contrast: ;
262
- --tw-grayscale: ;
263
- --tw-hue-rotate: ;
264
- --tw-invert: ;
265
- --tw-saturate: ;
266
- --tw-sepia: ;
267
- --tw-drop-shadow: ;
268
- --tw-backdrop-blur: ;
269
- --tw-backdrop-brightness: ;
270
- --tw-backdrop-contrast: ;
271
- --tw-backdrop-grayscale: ;
272
- --tw-backdrop-hue-rotate: ;
273
- --tw-backdrop-invert: ;
274
- --tw-backdrop-opacity: ;
275
- --tw-backdrop-saturate: ;
276
- --tw-backdrop-sepia: ;
277
- --tw-contain-size: ;
278
- --tw-contain-layout: ;
279
- --tw-contain-paint: ;
280
- --tw-contain-style: ;
281
- }
282
- ::backdrop {
283
- --tw-border-spacing-x: 0;
284
- --tw-border-spacing-y: 0;
285
- --tw-translate-x: 0;
286
- --tw-translate-y: 0;
287
- --tw-rotate: 0;
288
- --tw-skew-x: 0;
289
- --tw-skew-y: 0;
290
- --tw-scale-x: 1;
291
- --tw-scale-y: 1;
292
- --tw-pan-x: ;
293
- --tw-pan-y: ;
294
- --tw-pinch-zoom: ;
295
- --tw-scroll-snap-strictness: proximity;
296
- --tw-gradient-from-position: ;
297
- --tw-gradient-via-position: ;
298
- --tw-gradient-to-position: ;
299
- --tw-ordinal: ;
300
- --tw-slashed-zero: ;
301
- --tw-numeric-figure: ;
302
- --tw-numeric-spacing: ;
303
- --tw-numeric-fraction: ;
304
- --tw-ring-inset: ;
305
- --tw-ring-offset-width: 0px;
306
- --tw-ring-offset-color: #fff;
307
- --tw-ring-color: rgb(59 130 246 / 0.5);
308
- --tw-ring-offset-shadow: 0 0 #0000;
309
- --tw-ring-shadow: 0 0 #0000;
310
- --tw-shadow: 0 0 #0000;
311
- --tw-shadow-colored: 0 0 #0000;
312
- --tw-blur: ;
313
- --tw-brightness: ;
314
- --tw-contrast: ;
315
- --tw-grayscale: ;
316
- --tw-hue-rotate: ;
317
- --tw-invert: ;
318
- --tw-saturate: ;
319
- --tw-sepia: ;
320
- --tw-drop-shadow: ;
321
- --tw-backdrop-blur: ;
322
- --tw-backdrop-brightness: ;
323
- --tw-backdrop-contrast: ;
324
- --tw-backdrop-grayscale: ;
325
- --tw-backdrop-hue-rotate: ;
326
- --tw-backdrop-invert: ;
327
- --tw-backdrop-opacity: ;
328
- --tw-backdrop-saturate: ;
329
- --tw-backdrop-sepia: ;
330
- --tw-contain-size: ;
331
- --tw-contain-layout: ;
332
- --tw-contain-paint: ;
333
- --tw-contain-style: ;
334
- }
335
- .visible {
336
- visibility: visible;
337
- }
338
- .fixed {
339
- position: fixed;
340
- }
341
- .m-\[10px\] {
342
- margin: 10px;
343
- }
344
- .flex {
345
- display: flex;
346
- }
347
- .table {
348
- display: table;
349
- }
350
- .grid {
351
- display: grid;
352
- }
353
- .rounded-\[8px\] {
354
- border-radius: 8px;
355
- }
356
- .border {
357
- border-width: 1px;
358
- }
359
- .border-\[\#919191\] {
360
- --tw-border-opacity: 1;
361
- border-color: rgb(145 145 145 / var(--tw-border-opacity));
362
- }
363
- .border-\[\#B8A4DE\] {
364
- --tw-border-opacity: 1;
365
- border-color: rgb(184 164 222 / var(--tw-border-opacity));
366
- }
367
- .bg-\[\#E2D6F8\] {
368
- --tw-bg-opacity: 1;
369
- background-color: rgb(226 214 248 / var(--tw-bg-opacity));
370
- }
371
- .bg-\[\#F2F2F2\] {
372
- --tw-bg-opacity: 1;
373
- background-color: rgb(242 242 242 / var(--tw-bg-opacity));
374
- }
375
- .p-\[6px\] {
376
- padding: 6px;
377
- }
378
- .text-center {
379
- text-align: center;
380
- }
381
- .italic {
382
- font-style: italic;
383
- }
384
- .text-\[\\w-\] {
385
- color: w-;
386
- }
387
- .text-black {
388
- --tw-text-opacity: 1;
389
- color: rgb(0 0 0 / var(--tw-text-opacity));
390
- }
391
- .text-white {
392
- --tw-text-opacity: 1;
393
- color: rgb(255 255 255 / var(--tw-text-opacity));
394
- }
395
- .shadow-\[0px_0px_1px_1px_\#919191\] {
396
- --tw-shadow: 0px 0px 1px 1px #919191;
397
- --tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
398
- box-shadow:
399
- var(--tw-ring-offset-shadow, 0 0 #0000),
400
- var(--tw-ring-shadow, 0 0 #0000),
401
- var(--tw-shadow);
402
- }
403
- .shadow-\[0px_0px_1px_1px_\#B8A4DE\] {
404
- --tw-shadow: 0px 0px 1px 1px #B8A4DE;
405
- --tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
406
- box-shadow:
407
- var(--tw-ring-offset-shadow, 0 0 #0000),
408
- var(--tw-ring-shadow, 0 0 #0000),
409
- var(--tw-shadow);
410
- }
411
- .invert {
412
- --tw-invert: invert(100%);
413
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
414
- }
415
- .filter {
416
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
417
- }
418
- .bg-sky-700 .icon-active {
419
- filter: brightness(0) invert(1);
420
- }
421
- .submit.ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
422
- color: #472D7A;
423
- background-color: white;
424
- border: solid 1px #472D7A;
425
- }
426
- .ant-radio-button-wrapper {
427
- border: 1px solid #919191 !important;
428
- }
429
- .ant-input-affix-wrapper {
430
- border: solid 1px #919191 !important;
431
- width: 275px !important;
432
- height: 16px !important;
433
- padding: 16px !important;
434
- gap: 10px !important;
435
- }
436
- .ant-input-outlined:hover {
437
- border: solid 1px #919191 !important;
438
- }
439
- .ant-input-outlined:focus {
440
- border: solid 1px #919191 !important;
441
- }
442
- .ant-input-outlined:focus-within {
443
- border: solid 1px #919191 !important;
444
- }
445
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
446
- display: none !important;
447
- }
448
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::after {
449
- display: none !important;
450
- }
451
- .ant-radio-button-wrapper:not(:first-child)::before {
452
- width: 0 !important;
453
- }
454
- .ant-radio-button-wrapper:first-child {
455
- border-inline-start: 1px solid rgb(145 145 145) !important;
456
- }
457
- .ant-tabs-top > .ant-tabs-nav {
458
- margin: 0px !important;
459
- }
460
- .hover\:bg-\[\#F2F2F2\]:hover {
461
- --tw-bg-opacity: 1;
462
- background-color: rgb(242 242 242 / var(--tw-bg-opacity));
463
- }
464
-
465
1
  /* src/styles/sidebar.css */
466
2
  :root {
467
3
  --background: #9c88ff;
@@ -493,8 +29,6 @@ body {
493
29
  Tahoma,
494
30
  sans-serif;
495
31
  overflow: hidden;
496
- -webkit-user-select: none;
497
- -moz-user-select: none;
498
32
  user-select: none;
499
33
  }
500
34
  #nav-bar hr {
@@ -702,6 +236,8 @@ label[for=nav-toggle] {
702
236
  align-items: center;
703
237
  cursor: pointer;
704
238
  transition: transform .2s, opacity .2s;
239
+ }
240
+ #nav-footer label[for=nav-footer-toggle] {
705
241
  transform: rotate(180deg);
706
242
  }
707
243
  #nav-footer-content {
@@ -763,3 +299,4 @@ label[for=nav-toggle] {
763
299
  transition: opacity .1s;
764
300
  pointer-events: none;
765
301
  }
302
+ /*# sourceMappingURL=index.css.map */
package/dist/index.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/styles/sidebar.css"],"sourcesContent":[":root {\r\n --background: #9c88ff;\r\n --navbar-width: 256px;\r\n --navbar-width-min: 80px;\r\n --navbar-dark-primary: #18283b;\r\n --navbar-dark-secondary: #2c3e50;\r\n --navbar-light-primary: #f5f6fa;\r\n --navbar-light-secondary: #8392a5;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n background: var(--background);\r\n }\r\n \r\n #nav-bar {\r\n position: absolute;\r\n left: 1vw;\r\n top: 1vw;\r\n height: calc(100% - 2vw);\r\n background: var(--navbar-dark-primary);\r\n border-radius: 16px;\r\n display: flex;\r\n flex-direction: column;\r\n color: var(--navbar-light-primary);\r\n font-family: Verdana, Geneva, Tahoma, sans-serif;\r\n overflow: hidden;\r\n user-select: none;\r\n }\r\n \r\n #nav-bar hr {\r\n margin: 0;\r\n position: relative;\r\n left: 16px;\r\n width: calc(100% - 32px);\r\n border: none;\r\n border-top: solid 1px var(--navbar-dark-secondary);\r\n }\r\n \r\n #nav-bar a {\r\n color: inherit;\r\n text-decoration: inherit;\r\n }\r\n \r\n #nav-bar input[type=\"checkbox\"] {\r\n display: none;\r\n }\r\n \r\n #nav-header {\r\n position: relative;\r\n width: var(--navbar-width);\r\n left: 16px;\r\n width: calc(var(--navbar-width) - 16px);\r\n min-height: 80px;\r\n background: var(--navbar-dark-primary);\r\n border-radius: 16px;\r\n z-index: 2;\r\n display: flex;\r\n align-items: center;\r\n transition: width .2s;\r\n }\r\n \r\n #nav-header hr {\r\n position: absolute;\r\n bottom: 0;\r\n }\r\n \r\n #nav-title {\r\n font-size: 1.5rem;\r\n transition: opacity 1s;\r\n }\r\n \r\n label[for=\"nav-toggle\"] {\r\n position: absolute;\r\n right: 0;\r\n width: 3rem;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n }\r\n \r\n #nav-toggle-burger {\r\n position: relative;\r\n width: 16px;\r\n height: 2px;\r\n background: var(--navbar-dark-primary);\r\n border-radius: 99px;\r\n /* transition: background .2s; */\r\n }\r\n \r\n #nav-toggle-burger:before, #nav-toggle-burger:after {\r\n content: '';\r\n position: absolute;\r\n width: 10px;\r\n height: 2px;\r\n background: var(--navbar-light-primary);\r\n border-radius: 99px;\r\n transition: .2s;\r\n }\r\n \r\n #nav-toggle-burger:before {\r\n top: -6px;\r\n transform: translate(2px, 8px) rotate(30deg);\r\n }\r\n \r\n #nav-toggle-burger:after {\r\n top: 6px;\r\n transform: translate(2px, -8px) rotate(-30deg);\r\n }\r\n \r\n #nav-content {\r\n margin: -16px 0;\r\n padding: 16px 0;\r\n position: relative;\r\n flex: 1;\r\n width: var(--navbar-width);\r\n background: var(--navbar-dark-primary);\r\n box-shadow: 0 0 0 16px var(--navbar-dark-primary);\r\n direction: rtl;\r\n overflow-x: hidden;\r\n transition: width .2s;\r\n }\r\n \r\n #nav-content::-webkit-scrollbar {\r\n width: 8px;\r\n height: 8px;\r\n }\r\n \r\n #nav-content::-webkit-scrollbar-thumb {\r\n border-radius: 99px;\r\n background-color: #D62929;\r\n }\r\n \r\n #nav-content::-webkit-scrollbar-button {\r\n height: 16px;\r\n }\r\n \r\n #nav-content-highlight {\r\n position: absolute;\r\n left: 16px;\r\n top: calc(0 * 54 + 16px);\r\n width: calc(100% - 16px);\r\n height: 54px;\r\n background: var(--background);\r\n background-attachment: fixed;\r\n border-radius: 16px 0 0 16px;\r\n transition: top .2s;\r\n }\r\n \r\n #nav-content-highlight:before, #nav-content-highlight:after {\r\n content: '';\r\n position: absolute;\r\n right: 0;\r\n bottom: 100%;\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n box-shadow: 16px 16px var(--background);\r\n }\r\n \r\n #nav-content-highlight:after {\r\n top: 100%;\r\n box-shadow: 16px -16px var(--background);\r\n }\r\n \r\n .nav-button {\r\n position: relative;\r\n margin-left: 16px;\r\n height: 54px;\r\n display: flex;\r\n align-items: center;\r\n color: var(--navbar-light-secondary);\r\n direction: ltr;\r\n cursor: pointer;\r\n z-index: 1;\r\n transition: color .2s;\r\n }\r\n \r\n .nav-button span {\r\n transition: opacity 1s;\r\n }\r\n \r\n .nav-button .fas {\r\n transition: min-width .2s;\r\n }\r\n \r\n .nav-button:hover {\r\n color: var(--navbar-dark-primary);\r\n }\r\n \r\n .nav-button:hover ~ #nav-content-highlight {\r\n top: calc(var(--nav-button-index) * 54 + 16px);\r\n }\r\n \r\n #nav-bar .fas {\r\n min-width: 3rem;\r\n text-align: center;\r\n }\r\n \r\n #nav-footer {\r\n position: relative;\r\n width: var(--navbar-width);\r\n height: 54px;\r\n background: var(--navbar-dark-secondary);\r\n border-radius: 16px;\r\n display: flex;\r\n flex-direction: column;\r\n z-index: 2;\r\n transition: width .2s, height .2s;\r\n }\r\n \r\n #nav-footer-heading {\r\n position: relative;\r\n width: 100%;\r\n height: 54px;\r\n display: flex;\r\n align-items: center;\r\n }\r\n \r\n #nav-footer-avatar {\r\n position: relative;\r\n margin: 11px 0 11px 16px;\r\n left: 0;\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n transform: translate(0);\r\n transition: .2s;\r\n }\r\n \r\n #nav-footer-avatar img {\r\n height: 100%;\r\n }\r\n \r\n #nav-footer-titlebox {\r\n position: relative;\r\n margin-left: 16px;\r\n width: 10px;\r\n display: flex;\r\n flex-direction: column;\r\n transition: opacity 1s;\r\n }\r\n \r\n #nav-footer-subtitle {\r\n color: var(--navbar-light-secondary);\r\n font-size: .6rem;\r\n }\r\n \r\n #nav-toggle:not(:checked) ~ #nav-footer-toggle:checked + #nav-footer {\r\n height: 30%;\r\n min-height: 54px;\r\n }\r\n \r\n #nav-footer label[for=\"nav-footer-toggle\"] {\r\n position: absolute;\r\n right: 0;\r\n width: 3rem;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n cursor: pointer;\r\n transition: transform .2s, opacity .2s;\r\n }\r\n \r\n #nav-footer label[for=\"nav-footer-toggle\"] {\r\n transform: rotate(180deg);\r\n }\r\n \r\n #nav-footer-content {\r\n margin: 0 16px 16px 16px;\r\n border-top: solid 1px var(--navbar-light-secondary);\r\n padding: 16px 0;\r\n color: var(--navbar-light-secondary);\r\n font-size: .8rem;\r\n overflow: auto;\r\n }\r\n \r\n #nav-footer-content::-webkit-scrollbar {\r\n width: 8px;\r\n height: 8px;\r\n }\r\n \r\n #nav-footer-content::-webkit-scrollbar-thumb {\r\n border-radius: 99px;\r\n background-color: #D62929;\r\n }\r\n \r\n #nav-toggle:checked ~ #nav-header {\r\n width: calc(var(--navbar-width-min) - 16px);\r\n }\r\n \r\n #nav-toggle:checked ~ #nav-content, #nav-toggle:checked ~ #nav-footer {\r\n width: var(--navbar-width-min);\r\n }\r\n \r\n #nav-toggle:checked ~ #nav-header #nav-title {\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: opacity .1s;\r\n }\r\n \r\n #nav-toggle:checked ~ #nav-header label[for=\"nav-toggle\"] {\r\n left: calc(50% - 8px);\r\n transform: translate(-50%);\r\n }\r\n \r\n #nav-toggle:checked ~ #nav-header #nav-toggle-burger {\r\n background: var(--navbar-light-primary);\r\n }\r\n \r\n #nav-toggle:checked ~ #nav-header #nav-toggle-burger:before, \r\n #nav-toggle:checked ~ #nav-header #nav-toggle-burger:after {\r\n width: 16px;\r\n background: var(--navbar-light-secondary);\r\n transform: translate(0, 0) rotate(0deg);\r\n }\r\n \r\n #nav-toggle:checked ~ #nav-content .nav-button span {\r\n opacity: 0;\r\n transition: opacity .1s;\r\n }\r\n \r\n #nav-toggle:checked ~ #nav-content .nav-button .fas {\r\n min-width: calc(100% - 16px);\r\n }\r\n \r\n #nav-toggle:checked ~ #nav-footer #nav-footer-avatar {\r\n margin-left: 0;\r\n left: 50%;\r\n transform: translate(-50%);\r\n }\r\n \r\n #nav-toggle:checked ~ #nav-footer #nav-footer-titlebox, \r\n #nav-toggle:checked ~ #nav-footer label[for=\"nav-footer-toggle\"] {\r\n opacity: 0;\r\n transition: opacity .1s;\r\n pointer-events: none;\r\n }\r\n "],"mappings":"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","names":[]}