25if (!defined(
'NOREQUIRESOC')) {
26 define(
'NOREQUIRESOC',
'1');
29if (!defined(
'NOCSRFCHECK')) {
30 define(
'NOCSRFCHECK', 1);
32if (!defined(
'NOTOKENRENEWAL')) {
33 define(
'NOTOKENRENEWAL', 1);
35if (!defined(
'NOLOGIN')) {
39if (!defined(
'NOREQUIREHTML')) {
40 define(
'NOREQUIREHTML', 1);
42if (!defined(
'NOREQUIREAJAX')) {
43 define(
'NOREQUIREAJAX',
'1');
46session_cache_limiter(
'public');
48require_once __DIR__.
'/../../../main.inc.php';
49require_once __DIR__.
'/../../../webportal/class/webPortalTheme.class.php';
56if (empty($dolibarr_nocache)) {
57 header(
'Cache-Control: max-age=10800, public, must-revalidate');
59 header(
'Cache-Control: no-cache');
72 --font-family: system-ui, -apple-system,
"Segoe UI",
"Roboto",
"Ubuntu",
73 "Cantarell",
"Noto Sans", sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
74 "Segoe UI Symbol",
"Noto Color Emoji";
78 --border-radius: 0.25rem;
82 --typography-spacing-vertical: 1.5rem;
83 --block-spacing-vertical: calc(var(--spacing) * 1.5);
84 --block-spacing-horizontal: var(--spacing);
85 --grid-spacing-vertical: 0;
86 --grid-spacing-horizontal: var(--spacing);
87 --form-element-spacing-vertical: 0.3em;
88 --form-element-spacing-horizontal: 0.5em;
89 --nav-element-spacing-vertical: 1rem;
90 --nav-element-spacing-horizontal: 1rem;
91 --nav-link-spacing-vertical: 0.5rem;
92 --nav-link-spacing-horizontal: 0.5rem;
93 --form-label-font-weight: var(--font-weight);
94 --transition: 0.2s ease-in-out;
95 --modal-overlay-backdrop-filter: blur(0.25rem);
97@media (min-width: 576px) {
102@media (min-width: 768px) {
107@media (min-width: 992px) {
112@media (min-width: 1200px) {
118@media (min-width: 576px) {
123 --block-spacing-vertical: calc(var(--spacing) * 2);
126@media (min-width: 768px) {
131 --block-spacing-vertical: calc(var(--spacing) * 2.2);
134@media (min-width: 992px) {
139 --block-spacing-vertical: calc(var(--spacing) * 2.3);
142@media (min-width: 1200px) {
147 --block-spacing-vertical: calc(var(--spacing) * 2.5);
151@media (min-width: 576px) {
153 --block-spacing-horizontal: calc(var(--spacing) * 1.25);
156@media (min-width: 768px) {
158 --block-spacing-horizontal: calc(var(--spacing) * 1.5);
161@media (min-width: 992px) {
163 --block-spacing-horizontal: calc(var(--spacing) * 1.75);
166@media (min-width: 1200px) {
168 --block-spacing-horizontal: calc(var(--spacing) * 2);
173 --block-spacing-vertical: calc(var(--spacing) * 2);
174 --block-spacing-horizontal: var(--spacing);
176@media (min-width: 576px) {
178 --block-spacing-vertical: calc(var(--spacing) * 2.5);
179 --block-spacing-horizontal: calc(var(--spacing) * 1.25);
182@media (min-width: 768px) {
184 --block-spacing-vertical: calc(var(--spacing) * 3);
185 --block-spacing-horizontal: calc(var(--spacing) * 1.5);
190 scroll-behavior: smooth;
194 --text-decoration: none;
196a.secondary, a.contrast {
197 --text-decoration: underline;
201 --font-size: 0.875em;
216 --typography-spacing-vertical: 3rem;
221 --font-size: 1.75rem;
222 --typography-spacing-vertical: 2.625rem;
227 --typography-spacing-vertical: 2.25rem;
231 --font-size: 1.25rem;
232 --typography-spacing-vertical: 1.874rem;
236 --font-size: 1.125rem;
237 --typography-spacing-vertical: 1.6875rem;
245[
type=checkbox][role=
switch] {
256:not(thead, tfoot) > * > td {
257 --font-size: 0.875em;
264 --font-family:
"Menlo",
"Consolas",
"Roboto Mono",
"Ubuntu Monospace",
265 "Noto Mono",
"Oxygen Mono",
"Liberation Mono", monospace,
266 "Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji";
270 --font-weight: bolder;
274 --background-color: #fff;
275 --color: hsl(<?php echo $webPortalTheme->primaryColorHsl[
'h']; ?>, <?php echo $webPortalTheme->primaryColorHsl[
's']; ?>%, <?php echo $webPortalTheme->primaryColorHsl[
'l']; ?>%);
276 --h1-color: hsl(205, 30%, 15%);
278 --h3-color: hsl(205, 25%, 23%);
280 --h5-color: hsl(205, 20%, 32%);
282 --muted-color: hsl(205, 10%, 50%);
283 --muted-border-color: hsl(205, 20%, 94%);
285 --banner-background : #ededed;
286 --primary-color-hue : <?php echo $webPortalTheme->primaryColorHsl[
'h']; ?>;
287 --primary-color-saturation : <?php echo $webPortalTheme->primaryColorHsl[
's']; ?>%;
288 --primary-color-lightness : <?php echo $webPortalTheme->primaryColorHsl[
'l']; ?>%;
289 --primary : hsl(var(--primary-color-hue), var(--primary-color-saturation), var(--primary-color-lightness));
290 --primary-hover: hsl(var(--primary-color-hue), 90%, 32%);
291 --primary-focus: hsl(var(--primary-color-hue), var(--primary-color-saturation), var(--primary-color-lightness), 0.125);
292 --primary-inverse: #fff;
293 --secondary: hsl(205, 15%, 41%);
294 --secondary-hover: hsl(205, 20%, 32%);
295 --secondary-focus: rgba(89, 107, 120, 0.125);
296 --secondary-inverse: #fff;
297 --contrast: hsl(205, 30%, 15%);
298 --contrast-hover: #000;
299 --contrast-focus: rgba(89, 107, 120, 0.125);
300 --contrast-inverse: #fff;
301 --mark-background-color: #fff2ca;
302 --mark-color: #543a26;
303 --ins-color: #388e3c;
304 --del-color: #c62828;
305 --blockquote-border-color: var(--muted-border-color);
306 --blockquote-footer-color: var(--muted-color);
307 --
button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
308 --
button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
309 --form-element-background-color: transparent;
310 --form-element-border-color: hsl(205, 14%, 68%);
311 --form-element-color: var(--color);
312 --form-element-placeholder-color: var(--muted-color);
313 --form-element-active-background-color: transparent;
314 --form-element-active-border-color: var(--primary);
315 --form-element-focus-color: var(--primary-focus);
316 --form-element-
disabled-background-color: hsl(205, 18%, 86%);
317 --form-element-
disabled-border-color: hsl(205, 14%, 68%);
318 --form-element-
disabled-opacity: 0.5;
319 --form-element-invalid-border-color: #c62828;
320 --form-element-invalid-active-border-color: #d32f2f;
321 --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);
322 --form-element-valid-border-color: #388e3c;
323 --form-element-valid-active-border-color: #43a047;
324 --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);
325 --
switch-background-color: hsl(205, 16%, 77%);
326 --
switch-color: var(--primary-inverse);
327 --
switch-checked-background-color: var(--primary);
328 --range-border-color: hsl(205, 18%, 86%);
329 --range-active-border-color: hsl(205, 16%, 77%);
330 --range-thumb-border-color: var(--background-color);
331 --range-thumb-color: var(--secondary);
332 --range-thumb-hover-color: var(--secondary-hover);
333 --range-thumb-active-color: var(--primary);
334 --
table-border-color: var(--muted-border-color);
335 --
table-row-stripped-background-color: #f6f8f9;
336 --code-background-color: hsl(205, 20%, 94%);
337 --code-color: var(--muted-color);
338 --code-kbd-background-color: var(--contrast);
339 --code-kbd-color: var(--contrast-inverse);
340 --code-tag-color: hsl(330, 40%, 50%);
341 --code-
property-color: hsl(185, 40%, 40%);
342 --code-value-color: hsl(40, 20%, 50%);
343 --code-comment-color: hsl(205, 14%, 68%);
344 --accordion-border-color: var(--muted-border-color);
345 --accordion-close-summary-color: var(--color);
346 --accordion-open-summary-color: var(--muted-color);
347 --card-background-color: var(--background-color);
348 --card-border-color: var(--muted-border-color);
350 0.0145rem 0.029rem 0.174rem rgba(27, 40, 50, 0.01698),
351 0.0335rem 0.067rem 0.402rem rgba(27, 40, 50, 0.024),
352 0.0625rem 0.125rem 0.75rem rgba(27, 40, 50, 0.03),
353 0.1125rem 0.225rem 1.35rem rgba(27, 40, 50, 0.036),
354 0.2085rem 0.417rem 2.502rem rgba(27, 40, 50, 0.04302),
355 0.5rem 1rem 6rem rgba(27, 40, 50, 0.06),
356 0 0 0 0.0625rem rgba(27, 40, 50, 0.015);
357 --card-sectionning-background-color: #fbfbfc;
358 --dropdown-background-color: #fbfbfc;
359 --dropdown-border-color: #e1e6eb;
360 --dropdown-box-shadow: var(--card-box-shadow);
361 --dropdown-color: var(--color);
362 --dropdown-hover-background-color: hsl(205, 20%, 94%);
363 --modal-overlay-background-color: rgba(213, 220, 226, 0.7);
364 --progress-background-color: hsl(205, 18%, 86%);
365 --progress-color: var(--primary);
366 --loading-spinner-opacity: 0.5;
367 --tooltip-background-color: var(--contrast);
368 --tooltip-color: var(--contrast-inverse);
371 --
icon-checkbox: url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
372 --
icon-chevron: url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
373 --
icon-chevron-
button: url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
374 --
icon-chevron-
button-inverse: url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
375 --
icon-caret: url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='-96 0 10.24 10.24' style='fill:rgba(65, 84, 98)'%3E%3Cpath d='M-96 1.92h10.24l-5.12 6.4z' /%3E%3C/svg%3E");
376 --
icon-close: url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
377 --
icon-date: url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
378 --
icon-invalid: url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(198, 40, 40)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
379 --
icon-minus: url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
380 --
icon-search: url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
381 --
icon-time: url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
382 --
icon-valid: url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(56, 142, 60)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
384 --nav-background-color: rgba(255,255,255,0.8);
385 --nav-border-color: rgba(127,127,127,0.3);
391 --login-form-border-color: #D1D1D4;
392 --login-form-border-color-hover: hsl(var(--primary-color-hue), var(--primary-color-saturation), 50%);
393 --login-form-
icon-color: hsl(var(--primary-color-hue), var(--primary-color-saturation), 50%);
395 --login-background : linear-gradient(
397 hsl(var(--primary-color-hue), var(--primary-color-saturation), 70%),
398 hsl(var(--primary-color-hue), var(--primary-color-saturation), 90%)
512 --background-color: #11191f;
513 --color: hsl(205, 16%, 77%);
514 --h1-color: hsl(205, 20%, 94%);
516 --h3-color: hsl(205, 18%, 86%);
518 --h5-color: hsl(205, 16%, 77%);
520 --muted-color: hsl(205, 10%, 50%);
521 --muted-border-color: #1f2d38;
526 --secondary: hsl(205, 15%, 41%);
527 --secondary-hover: hsl(205, 10%, 50%);
528 --secondary-focus: rgba(115, 130, 140, 0.25);
529 --secondary-inverse: #fff;
530 --contrast: hsl(205, 20%, 94%);
531 --contrast-hover: #fff;
532 --contrast-focus: rgba(115, 130, 140, 0.25);
533 --contrast-inverse: #000;
534 --mark-background-color: #d1c284;
535 --mark-color: #11191f;
536 --ins-color: #388e3c;
537 --del-color: #c62828;
538 --blockquote-border-color: var(--muted-border-color);
539 --blockquote-footer-color: var(--muted-color);
540 --
button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
541 --
button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
542 --form-element-background-color: #11191f;
543 --form-element-border-color: #374956;
544 --form-element-color: var(--color);
545 --form-element-placeholder-color: var(--muted-color);
546 --form-element-active-background-color: var(--form-element-background-color);
547 --form-element-active-border-color: var(--primary);
548 --form-element-focus-color: var(--primary-focus);
549 --form-element-
disabled-background-color: hsl(205, 25%, 23%);
550 --form-element-
disabled-border-color: hsl(205, 20%, 32%);
551 --form-element-
disabled-opacity: 0.5;
552 --form-element-invalid-border-color: #b71c1c;
553 --form-element-invalid-active-border-color: #c62828;
554 --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);
555 --form-element-valid-border-color: #2e7d32;
556 --form-element-valid-active-border-color: #388e3c;
557 --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);
558 --
switch-background-color: #374956;
559 --
switch-color: var(--primary-inverse);
560 --
switch-checked-background-color: var(--primary);
561 --range-border-color: #24333e;
562 --range-active-border-color: hsl(205, 25%, 23%);
563 --range-thumb-border-color: var(--background-color);
564 --range-thumb-color: var(--secondary);
565 --range-thumb-hover-color: var(--secondary-hover);
566 --range-thumb-active-color: var(--primary);
567 --
table-border-color: var(--muted-border-color);
568 --
table-row-stripped-background-color: rgba(115, 130, 140, 0.05);
569 --code-background-color: #18232c;
570 --code-color: var(--muted-color);
571 --code-kbd-background-color: var(--contrast);
572 --code-kbd-color: var(--contrast-inverse);
573 --code-tag-color: hsl(330, 30%, 50%);
574 --code-
property-color: hsl(185, 30%, 50%);
575 --code-value-color: hsl(40, 10%, 50%);
576 --code-comment-color: #4d606d;
577 --accordion-border-color: var(--muted-border-color);
578 --accordion-active-summary-color: var(--primary);
579 --accordion-close-summary-color: var(--color);
580 --accordion-open-summary-color: var(--muted-color);
581 --card-background-color: #141e26;
582 --card-border-color: var(--card-background-color);
584 0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),
585 0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),
586 0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),
587 0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),
588 0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),
589 0.5rem 1rem 6rem rgba(0, 0, 0, 0.06),
590 0 0 0 0.0625rem rgba(0, 0, 0, 0.015);
591 --card-sectionning-background-color: #18232c;
592 --dropdown-background-color: hsl(205, 30%, 15%);
593 --dropdown-border-color: #24333e;
594 --dropdown-box-shadow: var(--card-box-shadow);
595 --dropdown-color: var(--color);
596 --dropdown-hover-background-color: rgba(36, 51, 62, 0.75);
597 --modal-overlay-background-color: rgba(36, 51, 62, 0.8);
598 --progress-background-color: #24333e;
599 --progress-color: var(--primary);
600 --loading-spinner-opacity: 0.5;
601 --tooltip-background-color: var(--contrast);
602 --tooltip-color: var(--contrast-inverse);
606 --
icon-checkbox: url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
607 --
icon-chevron: url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
608 --
icon-chevron-
button: url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
609 --
icon-chevron-
button-inverse: url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
610 --
icon-close: url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
611 --
icon-date: url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
612 --
icon-invalid: url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 28, 28)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
613 --
icon-minus: url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
614 --
icon-search: url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
615 --
icon-time: url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
616 --
icon-valid: url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
624 accent-color: var(--primary);
634 box-sizing: border-box;
635 background-repeat: no-repeat;
640 text-decoration: inherit;
641 vertical-align: inherit;
645 -webkit-tap-highlight-color: transparent;
646 -webkit-text-size-adjust: 100%;
647 -moz-text-size-adjust: 100%;
648 text-size-adjust: 100%;
649 background-color: var(--background-color);
651 font-weight: var(--font-weight);
652 font-size: var(--font-size);
653 line-height: var(--line-height);
654 font-family: var(--font-family);
655 text-rendering: optimizeLegibility;
656 overflow-wrap:
break-word;
681 padding: var(--block-spacing-vertical) 0;
692 padding-right: var(--spacing);
693 padding-left: var(--spacing);
696@media (min-width: 576px) {
703@media (min-width: 768px) {
708@media (min-width: 992px) {
713@media (min-width: 1200px) {
724 margin-bottom: var(--block-spacing-vertical);
732 grid-column-gap: var(--grid-spacing-horizontal);
733 grid-row-gap: var(--grid-spacing-vertical);
735 grid-
template-columns: 1fr;
738@media (min-width: 992px) {
740 grid-
template-columns: repeat(
auto-fit, minmax(0%, 1fr));
757 padding: calc(var(--spacing) * 0.5) 0;
758 color: var(--muted-color);
774 vertical-align: baseline;
796 margin-bottom: var(--typography-spacing-vertical);
799 font-weight: var(--font-weight);
800 font-size: var(--font-size);
805 --color: var(--primary);
806 --background-color: transparent;
808 background-color: var(--background-color);
810 -webkit-text-decoration: var(--text-decoration);
811 text-decoration: var(--text-decoration);
812 transition: background-color var(--transition), color var(--transition), box-shadow var(--transition), -webkit-text-decoration var(--transition);
813 transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);
814 transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition), -webkit-text-decoration var(--transition);
816a:is([aria-current], :hover, :active, :focus),
817[role=link]:is([aria-current], :hover, :active, :focus) {
818 --color: var(--primary-hover);
819 --text-decoration: underline;
823 --background-color: var(--primary-focus);
826[role=link].secondary {
827 --color: var(--secondary);
829a.secondary:is([aria-current], :hover, :active, :focus),
830[role=link].secondary:is([aria-current], :hover, :active, :focus) {
831 --color: var(--secondary-hover);
834[role=link].secondary:focus {
835 --background-color: var(--secondary-focus);
838[role=link].contrast {
839 --color: var(--contrast);
841a.contrast:is([aria-current], :hover, :active, :focus),
842[role=link].contrast:is([aria-current], :hover, :active, :focus) {
843 --color: var(--contrast-hover);
846[role=link].contrast:focus {
847 --background-color: var(--contrast-focus);
858 font-weight: var(--font-weight);
859 font-size: var(--font-size);
860 font-family: var(--font-family);
864 --color: var(--h1-color);
868 --color: var(--h2-color);
872 --color: var(--h3-color);
876 --color: var(--h4-color);
880 --color: var(--h5-color);
884 --color: var(--h6-color);
887:where(address, blockquote, dl, figure, form, ol, p, pre,
table, ul) ~ :is(h1, h2, h3, h4, h5, h6) {
888 margin-top: var(--typography-spacing-vertical);
893 margin-bottom: var(--typography-spacing-vertical);
899hgroup > *:last-child,
900.headings > *:last-child {
901 --color: var(--muted-color);
902 --font-weight: unset;
908 margin-bottom: var(--typography-spacing-vertical);
912 font-size: var(--font-size);
917 padding-left: var(--spacing);
918 -webkit-padding-start: var(--spacing);
919 padding-
inline-start: var(--spacing);
920 -webkit-padding-end: 0;
921 padding-
inline-end: 0;
923:where(dl, ol, ul) li {
924 margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);
927:where(dl, ol, ul) :is(dl, ol, ul) {
929 margin-top: calc(var(--typography-spacing-vertical) * 0.25);
937 padding: 0.125rem 0.25rem;
938 background-color: var(--mark-background-color);
939 color: var(--mark-color);
940 vertical-align: baseline;
945 margin: var(--typography-spacing-vertical) 0;
946 padding: var(--spacing);
948 border-left: 0.25rem solid var(--blockquote-border-color);
949 -webkit-border-start: 0.25rem solid var(--blockquote-border-color);
950 border-
inline-start: 0.25rem solid var(--blockquote-border-color);
951 -webkit-border-end: none;
952 border-
inline-end: none;
955 margin-top: calc(var(--typography-spacing-vertical) * 0.5);
956 color: var(--blockquote-footer-color);
960 border-bottom: 1px dotted;
961 text-decoration: none;
966 color: var(--ins-color);
967 text-decoration: none;
971 color: var(--del-color);
975 background-color: var(--primary-focus);
979 background-color: var(--primary-focus);
985:where(audio, canvas, iframe, img, svg, video) {
986 vertical-align: middle;
991 display:
inline-block;
994audio:not([controls]) {
1009:where(svg:not([fill])) {
1023 font-family: inherit;
1024 text-transform: none;
1031 -webkit-appearance:
button;
1037 margin-bottom: var(--spacing);
1041 display:
inline-block;
1042 text-decoration: none;
1050 --background-color: var(--primary);
1051 --border-color: var(--primary);
1052 --color: var(--primary-inverse);
1053 --box-shadow: var(--
button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
1054 padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
1055 border: var(--border-width) solid var(--border-color);
1056 border-radius: var(--border-radius);
1058 background-color: var(--background-color);
1059 box-shadow: var(--box-shadow);
1060 color: var(--color);
1061 font-weight: var(--font-weight);
1063 line-height: var(--line-height);
1066 transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
1068button:is([aria-current], :hover, :active, :focus),
1069input[
type=submit]:is([aria-current], :hover, :active, :focus),
1070input[
type=
button]:is([aria-current], :hover, :active, :focus),
1071input[
type=reset]:is([aria-current], :hover, :active, :focus),
1072[role=
button]:is([aria-current], :hover, :active, :focus) {
1073 --background-color: var(--primary-hover);
1074 --border-color: var(--primary-hover);
1075 --box-shadow: var(--
button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
1076 --color: var(--primary-inverse);
1079input[
type=submit]:focus,
1081input[
type=reset]:focus,
1083 --box-shadow: var(--
button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
1084 0 0 0 var(--outline-width) var(--primary-focus);
1089 --background-color: var(--secondary);
1090 --border-color: var(--secondary);
1091 --color: var(--secondary-inverse);
1095input[
type=reset]:is([aria-current], :hover, :active, :focus) {
1096 --background-color: var(--secondary-hover);
1097 --border-color: var(--secondary-hover);
1098 --color: var(--secondary-inverse);
1101input[
type=reset]:focus {
1102 --box-shadow: var(--
button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
1103 0 0 0 var(--outline-width) var(--secondary-focus);
1107 --background-color: var(--contrast);
1108 --border-color: var(--contrast);
1109 --color: var(--contrast-inverse);
1112 --background-color: var(--contrast-hover);
1113 --border-color: var(--contrast-hover);
1114 --color: var(--contrast-inverse);
1117 --box-shadow: var(--
button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
1118 0 0 0 var(--outline-width) var(--contrast-focus);
1122input[
type=reset].outline {
1123 --background-color: transparent;
1124 --color: var(--primary);
1127input[
type=reset].outline:is([aria-current], :hover, :active, :focus) {
1128 --background-color: transparent;
1129 --color: var(--primary-hover);
1133input[
type=reset].outline {
1134 --color: var(--secondary);
1136:is(
button, input[
type=submit], input[
type=
button], [role=
button]).outline.secondary:is([aria-current], :hover, :active, :focus),
1137input[
type=reset].outline:is([aria-current], :hover, :active, :focus) {
1138 --color: var(--secondary-hover);
1142 --color: var(--contrast);
1144:is(
button, input[
type=submit], input[
type=
button], [role=
button]).outline.contrast:is([aria-current], :hover, :active, :focus) {
1145 --color: var(--contrast-hover);
1150a[role=
button]:not([href]) {
1152 pointer-events: none;
1164 line-height: var(--line-height);
1165 font-family: inherit;
1166 letter-spacing: inherit;
1174 text-transform: none;
1181 white-space: normal;
1193::-webkit-inner-spin-
button,
1194::-webkit-outer-spin-
button {
1199 -webkit-appearance: textfield;
1200 outline-offset: -2px;
1203[
type=search]::-webkit-search-decoration {
1204 -webkit-appearance: none;
1207::-webkit-file-upload-
button {
1208 -webkit-appearance:
button;
1235input:not([
type=checkbox], [
type=radio], [
type=range]) {
1236 height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);
1241 margin-bottom: var(--spacing);
1249 margin-bottom: calc(var(--spacing) * 0.25);
1250 font-weight: var(--form-label-font-weight, var(--font-weight));
1253input:not([
type=checkbox], [
type=radio]),
1262 -webkit-appearance: none;
1263 -moz-appearance: none;
1265 padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
1271 --background-color: var(--form-element-background-color);
1272 --border-color: var(--form-element-border-color);
1273 --color: var(--form-element-color);
1275 border: var(--border-width) solid var(--border-color);
1276 border-radius: var(--border-radius);
1278 background-color: var(--background-color);
1279 box-shadow: var(--box-shadow);
1280 color: var(--color);
1281 font-weight: var(--font-weight);
1282 transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
1286:where(select, textarea):is(:active, :focus) {
1287 --background-color: var(--form-element-active-background-color);
1290input:not([
type=submit], [
type=
button], [
type=reset], [role=
switch], [readonly]):is(:active, :focus),
1291:where(select, textarea):is(:active, :focus) {
1292 --border-color: var(--form-element-active-border-color);
1298 --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);
1305 --background-color: var(--form-element-
disabled-background-color);
1306 --border-color: var(--form-element-
disabled-border-color);
1307 opacity: var(--form-element-
disabled-opacity);
1308 pointer-events: none;
1311:where(input, select, textarea):not([
type=checkbox], [
type=radio], [
type=date], [
type=datetime-local], [
type=month], [
type=time], [
type=week])[aria-invalid] {
1312 padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
1313 padding-left: var(--form-element-spacing-horizontal);
1314 -webkit-padding-start: var(--form-element-spacing-horizontal) !important;
1315 padding-
inline-start: var(--form-element-spacing-horizontal) !important;
1316 -webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
1317 padding-
inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
1318 background-
position: center right 0.75rem;
1319 background-size: 1rem
auto;
1320 background-repeat: no-repeat;
1322:where(input, select, textarea):not([
type=checkbox], [
type=radio], [
type=date], [
type=datetime-local], [
type=month], [
type=time], [
type=week])[aria-invalid=false] {
1323 background-image: var(--
icon-valid);
1325:where(input, select, textarea):not([
type=checkbox], [
type=radio], [
type=date], [
type=datetime-local], [
type=month], [
type=time], [
type=week])[aria-invalid=true] {
1326 background-image: var(--
icon-invalid);
1328:where(input, select, textarea)[aria-invalid=
false] {
1329 --border-color: var(--form-element-valid-border-color);
1331:where(input, select, textarea)[aria-invalid=
false]:is(:active, :focus) {
1332 --border-color: var(--form-element-valid-active-border-color) !important;
1333 --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;
1335:where(input, select, textarea)[aria-invalid=
true] {
1336 --border-color: var(--form-element-invalid-border-color);
1338:where(input, select, textarea)[aria-invalid=
true]:is(:active, :focus) {
1339 --border-color: var(--form-element-invalid-active-border-color) !important;
1340 --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;
1343[dir=rtl] :where(input, select, textarea):not([
type=checkbox], [
type=radio]):is([aria-invalid], [aria-invalid=true], [aria-invalid=false]) {
1344 background-
position: center left 0.75rem;
1348input::-webkit-input-placeholder,
1349textarea::placeholder,
1350textarea::-webkit-input-placeholder,
1352 color: var(--form-element-placeholder-color);
1356input:not([
type=checkbox], [
type=radio]),
1359 margin-bottom: var(--spacing);
1364 background-color: transparent;
1366select:not([multiple], [size]) {
1367 padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);
1368 padding-left: var(--form-element-spacing-horizontal);
1369 -webkit-padding-start: var(--form-element-spacing-horizontal);
1370 padding-
inline-start: var(--form-element-spacing-horizontal);
1371 -webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
1372 padding-
inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
1373 background-image: var(--
icon-chevron);
1374 background-
position: center right 0.75rem;
1375 background-size: 1rem
auto;
1376 background-repeat: no-repeat;
1379[dir=rtl] select:not([multiple], [size]) {
1380 background-
position: center left 0.75rem;
1383:where(input, select, textarea, .grid) + small {
1386 margin-top: calc(var(--spacing) * -0.75);
1387 margin-bottom: var(--spacing);
1388 color: var(--muted-color);
1391label > :where(input, select, textarea) {
1392 margin-top: calc(var(--spacing) * 0.25);
1401 -webkit-appearance: none;
1402 -moz-appearance: none;
1406 margin-top: -0.125em;
1407 margin-right: 0.375em;
1409 -webkit-margin-start: 0;
1410 margin-
inline-start: 0;
1411 -webkit-margin-end: 0.375em;
1412 margin-
inline-end: 0.375em;
1413 border-width: var(--border-width);
1415 vertical-align: middle;
1418[
type=checkbox]::-ms-check,
1419[
type=radio]::-ms-check {
1422[
type=checkbox]:checked, [
type=checkbox]:checked:active, [
type=checkbox]:checked:focus,
1423[
type=radio]:checked,
1424[
type=radio]:checked:active,
1425[
type=radio]:checked:focus {
1426 --background-color: var(--primary);
1427 --border-color: var(--primary);
1428 background-image: var(--
icon-checkbox);
1430 background-size: 0.75em
auto;
1431 background-repeat: no-repeat;
1433[
type=checkbox] ~ label,
1434[
type=radio] ~ label {
1435 display:
inline-block;
1436 margin-right: 0.375em;
1441[
type=checkbox]:indeterminate {
1442 --background-color: var(--primary);
1443 --border-color: var(--primary);
1444 background-image: var(--
icon-minus);
1446 background-size: 0.75em
auto;
1447 background-repeat: no-repeat;
1453[
type=radio]:checked, [
type=radio]:checked:active, [
type=radio]:checked:focus {
1454 --background-color: var(--primary-inverse);
1455 border-width: 0.35em;
1456 background-image: none;
1459[
type=checkbox][role=
switch] {
1460 --background-color: var(--
switch-background-color);
1461 --border-color: var(--
switch-background-color);
1462 --color: var(--
switch-color);
1465 border: var(--border-width) solid var(--border-color);
1466 border-radius: 1.25em;
1467 background-color: var(--background-color);
1468 line-height: 1.25em;
1470[
type=checkbox][role=
switch]:focus {
1471 --background-color: var(--
switch-background-color);
1472 --border-color: var(--
switch-background-color);
1474[
type=checkbox][role=
switch]:checked {
1475 --background-color: var(--
switch-checked-background-color);
1476 --border-color: var(--
switch-checked-background-color);
1478[
type=checkbox][role=
switch]:before {
1480 width: calc(1.25em - (var(--border-width) * 2));
1483 background-color: var(--color);
1485 transition: margin 0.1s ease-in-out;
1487[
type=checkbox][role=
switch]:checked {
1488 background-image: none;
1490[
type=checkbox][role=
switch]:checked::before {
1491 margin-left: calc(1.125em - var(--border-width));
1492 -webkit-margin-start: calc(1.125em - var(--border-width));
1493 margin-
inline-start: calc(1.125em - var(--border-width));
1496[
type=checkbox][aria-invalid=
false],
1497[
type=checkbox]:checked[aria-invalid=
false],
1498[
type=radio][aria-invalid=
false],
1499[
type=radio]:checked[aria-invalid=
false],
1500[
type=checkbox][role=
switch][aria-invalid=
false],
1501[
type=checkbox][role=
switch]:checked[aria-invalid=
false] {
1502 --border-color: var(--form-element-valid-border-color);
1504[
type=checkbox][aria-invalid=
true],
1505[
type=checkbox]:checked[aria-invalid=
true],
1506[
type=radio][aria-invalid=
true],
1507[
type=radio]:checked[aria-invalid=
true],
1508[
type=checkbox][role=
switch][aria-invalid=
true],
1509[
type=checkbox][role=
switch]:checked[aria-invalid=
true] {
1510 --border-color: var(--form-element-invalid-border-color);
1517[
type=color]::-webkit-color-swatch-wrapper {
1520[
type=color]::-moz-focus-inner {
1523[
type=color]::-webkit-color-swatch {
1525 border-radius: calc(var(--border-radius) * 0.5);
1527[
type=color]::-moz-color-swatch {
1529 border-radius: calc(var(--border-radius) * 0.5);
1536 background-image: var(--
icon-date);
1538 background-size: var(--
icon-width)
auto;
1539 background-repeat: no-repeat;
1542 background-image: var(--
icon-time);
1545[
type=date]::-webkit-calendar-picker-indicator,
1546[
type=datetime-local]::-webkit-calendar-picker-indicator,
1547[
type=month]::-webkit-calendar-picker-indicator,
1548[
type=time]::-webkit-calendar-picker-indicator,
1549[
type=week]::-webkit-calendar-picker-indicator {
1550 width: var(--
icon-width);
1551 margin-right: calc(var(--
icon-width) * -1);
1560@-moz-document url-prefix() {
1562 [
type=datetime-local],
1566 padding-right: var(--form-element-spacing-horizontal) !important;
1567 background-image: none !important;
1571 --color: var(--muted-color);
1572 padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;
1578 --background-color: var(--secondary);
1579 --border-color: var(--secondary);
1580 --color: var(--secondary-inverse);
1581 margin-right: calc(var(--spacing) / 2);
1583 -webkit-margin-start: 0;
1584 margin-
inline-start: 0;
1585 -webkit-margin-end: calc(var(--spacing) / 2);
1586 margin-
inline-end: calc(var(--spacing) / 2);
1587 padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);
1588 border: var(--border-width) solid var(--border-color);
1589 border-radius: var(--border-radius);
1591 background-color: var(--background-color);
1592 box-shadow: var(--box-shadow);
1593 color: var(--color);
1594 font-weight: var(--font-weight);
1596 line-height: var(--line-height);
1599 transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
1601[
type=file]::file-selector-
button:is(:hover, :active, :focus) {
1602 --background-color: var(--secondary-hover);
1603 --border-color: var(--secondary-hover);
1606 --background-color: var(--secondary);
1607 --border-color: var(--secondary);
1608 --color: var(--secondary-inverse);
1609 margin-right: calc(var(--spacing) / 2);
1611 -webkit-margin-start: 0;
1612 margin-
inline-start: 0;
1613 -webkit-margin-end: calc(var(--spacing) / 2);
1614 margin-
inline-end: calc(var(--spacing) / 2);
1615 padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);
1616 border: var(--border-width) solid var(--border-color);
1617 border-radius: var(--border-radius);
1619 background-color: var(--background-color);
1620 box-shadow: var(--box-shadow);
1621 color: var(--color);
1622 font-weight: var(--font-weight);
1624 line-height: var(--line-height);
1627 -webkit-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
1628 transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
1630[
type=file]::-webkit-file-upload-
button:is(:hover, :active, :focus) {
1631 --background-color: var(--secondary-hover);
1632 --border-color: var(--secondary-hover);
1634[
type=file]::-ms-browse {
1635 --background-color: var(--secondary);
1636 --border-color: var(--secondary);
1637 --color: var(--secondary-inverse);
1638 margin-right: calc(var(--spacing) / 2);
1640 margin-
inline-start: 0;
1641 margin-
inline-end: calc(var(--spacing) / 2);
1642 padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);
1643 border: var(--border-width) solid var(--border-color);
1644 border-radius: var(--border-radius);
1646 background-color: var(--background-color);
1647 box-shadow: var(--box-shadow);
1648 color: var(--color);
1649 font-weight: var(--font-weight);
1651 line-height: var(--line-height);
1654 -ms-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
1655 transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
1657[
type=file]::-ms-browse:is(:hover, :active, :focus) {
1658 --background-color: var(--secondary-hover);
1659 --border-color: var(--secondary-hover);
1663 -webkit-appearance: none;
1664 -moz-appearance: none;
1670[
type=range]::-webkit-slider-runnable-track {
1673 border-radius: var(--border-radius);
1674 background-color: var(--range-border-color);
1675 -webkit-transition: background-color var(--transition), box-shadow var(--transition);
1676 transition: background-color var(--transition), box-shadow var(--transition);
1678[
type=range]::-moz-range-track {
1681 border-radius: var(--border-radius);
1682 background-color: var(--range-border-color);
1683 -moz-transition: background-color var(--transition), box-shadow var(--transition);
1684 transition: background-color var(--transition), box-shadow var(--transition);
1686[
type=range]::-ms-track {
1689 border-radius: var(--border-radius);
1690 background-color: var(--range-border-color);
1691 -ms-transition: background-color var(--transition), box-shadow var(--transition);
1692 transition: background-color var(--transition), box-shadow var(--transition);
1694[
type=range]::-webkit-slider-thumb {
1695 -webkit-appearance: none;
1698 margin-top: -0.5rem;
1699 border: 2px solid var(--range-thumb-border-color);
1701 background-color: var(--range-thumb-color);
1703 -webkit-transition: background-color var(--transition), transform var(--transition);
1704 transition: background-color var(--transition), transform var(--transition);
1706[
type=range]::-moz-range-thumb {
1707 -webkit-appearance: none;
1710 margin-top: -0.5rem;
1711 border: 2px solid var(--range-thumb-border-color);
1713 background-color: var(--range-thumb-color);
1715 -moz-transition: background-color var(--transition), transform var(--transition);
1716 transition: background-color var(--transition), transform var(--transition);
1718[
type=range]::-ms-thumb {
1719 -webkit-appearance: none;
1722 margin-top: -0.5rem;
1723 border: 2px solid var(--range-thumb-border-color);
1725 background-color: var(--range-thumb-color);
1727 -ms-transition: background-color var(--transition), transform var(--transition);
1728 transition: background-color var(--transition), transform var(--transition);
1730[
type=range]:hover, [
type=range]:focus {
1731 --range-border-color: var(--range-active-border-color);
1732 --range-thumb-color: var(--range-thumb-hover-color);
1734[
type=range]:active {
1735 --range-thumb-color: var(--range-thumb-active-color);
1737[
type=range]:active::-webkit-slider-thumb {
1738 transform: scale(1.25);
1740[
type=range]:active::-moz-range-thumb {
1741 transform: scale(1.25);
1743[
type=range]:active::-ms-thumb {
1744 transform: scale(1.25);
1748 -webkit-padding-start: calc(var(--form-element-spacing-horizontal) + 1.75rem);
1749 padding-
inline-start: calc(var(--form-element-spacing-horizontal) + 1.75rem);
1750 border-radius: 5rem;
1751 background-image: var(--
icon-search);
1752 background-
position: center left 1.125rem;
1753 background-size: 1rem
auto;
1754 background-repeat: no-repeat;
1756input:not([
type=checkbox], [
type=radio], [
type=range], [
type=file])[
type=search][aria-invalid] {
1757 -webkit-padding-start: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;
1758 padding-
inline-start: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;
1759 background-
position: center left 1.125rem, center right 0.75rem;
1761input:not([
type=checkbox], [
type=radio], [
type=range], [
type=file])[
type=search][aria-invalid=
false] {
1762 background-image: var(--
icon-search), var(--
icon-valid);
1764input:not([
type=checkbox], [
type=radio], [
type=range], [
type=file])[
type=search][aria-invalid=
true] {
1765 background-image: var(--
icon-search), var(--
icon-invalid);
1769 -webkit-appearance: none;
1773[dir=rtl] :where(input):not([
type=checkbox], [
type=radio], [
type=range], [
type=file])[
type=search] {
1774 background-
position: center right 1.125rem;
1776[dir=rtl] :where(input):not([
type=checkbox], [
type=radio], [
type=range], [
type=file])[
type=search][aria-invalid] {
1777 background-
position: center right 1.125rem, center left 0.75rem;
1785 border-collapse: collapse;
1790:where(
table caption){
1798 padding: calc(var(--spacing) / 2) var(--spacing);
1799 border-bottom: var(--border-width) solid var(--
table-border-color);
1800 color: var(--color);
1801 font-weight: var(--font-weight);
1802 font-size: var(--font-size);
1809 border-top: var(--border-width) solid var(--
table-border-color);
1815table[role=grid] tbody tr:nth-child(odd) {
1816 background-color: var(--
table-row-stripped-background-color);
1822table tr[role=
"search-row"]{
1826thead tr[role=
"search-row"] th,
1827thead tr[role=
"search-row"] td,
1828tfoot tr[role=
"search-row"] th,
1829tfoot tr[role=
"search-row"] td {
1833:where(tr[role=
"search-row"]) input,
1834:where(tr[role="search-row"]) select,
1835:where(tr[role="search-row"]) textarea {
1836 --border-color:var(--
table-border-color);
1845 --
icon-size: calc(var(--spacing) / 2);
1847 width: var(--
icon-size);
1848 height: var(--
icon-size);
1851 bottom: calc(50% - var(--
icon-size));
1853 background-image: var(--
icon-caret);
1854 background-
position: center center;
1855 background-size: calc(var(--
icon-size))
auto;
1856 background-repeat: no-repeat;
1857 transform: rotateX(0);
1861[
table-order=desc]:after{
1862 transform: rotateX(180deg);
1865@media screen and (max-width: 600px) {
1866 table[responsive=
"collapse"] {
1870 table[responsive=
"collapse"] caption {
1874 table[responsive=
"collapse"] thead tr{
1876 clip: rect(0 0 0 0);
1885 table[responsive=
"collapse"] tr {
1886 border: 1px solid var(--
table-border-color);
1887 border-bottom: 3px solid var(--
table-border-color);
1889 margin-bottom: .625em;
1892 table[responsive=
"collapse"] td {
1893 border-bottom: 1px solid var(--
table-border-color);
1899 table[responsive=
"collapse"] td::before {
1904 content: attr(data-label);
1907 text-transform: uppercase;
1910 table[responsive=
"collapse"] td:last-child {
1926 font-family: var(--font-family);
1930 -ms-overflow-style: scrollbar;
1937 border-radius: var(--border-radius);
1938 background: var(--code-background-color);
1939 color: var(--code-color);
1940 font-weight: var(--font-weight);
1941 line-height: initial;
1946 display:
inline-block;
1947 padding: 0.375rem 0.5rem;
1952 margin-bottom: var(--spacing);
1957 padding: var(--spacing);
1960 line-height: var(--line-height);
1964 color: var(--code-tag-color);
1965 font-weight: var(--font-weight);
1968 color: var(--code-property-color);
1972 color: var(--code-value-color);
1973 text-decoration: none;
1976 color: var(--code-comment-color);
1981 background-color: var(--code-kbd-background-color);
1982 color: var(--code-kbd-color);
1983 vertical-align: baseline;
1992 border-top: 1px solid var(--muted-border-color);
1998 display: none !important;
2002 display:
inline-block;
2010 margin-bottom: var(--spacing);
2011 padding-bottom: var(--spacing);
2012 border-bottom: var(--border-width) solid var(--accordion-border-color);
2016 list-style-
type: none;
2018 transition: color var(--transition);
2020details summary:not([role]) {
2021 color: var(--accordion-close-summary-color);
2023details summary::-webkit-details-marker {
2026details summary::marker {
2029details summary::-moz-list-bullet {
2030 list-style-
type: none;
2032details summary::after {
2036 -webkit-margin-start: calc(var(--spacing, 1rem) * 0.5);
2037 margin-
inline-start: calc(var(--spacing, 1rem) * 0.5);
2039 transform: rotate(-90deg);
2040 background-image: var(--
icon-chevron);
2042 background-size: 1rem
auto;
2043 background-repeat: no-repeat;
2045 transition: transform var(--transition);
2047details summary:focus {
2050details summary:focus:not([role=
button]) {
2051 color: var(--accordion-active-summary-color);
2053details summary[role=
button] {
2057details summary[role=
button]::after {
2058 height: calc(1rem * var(--line-height, 1.5));
2059 background-image: var(--
icon-chevron-
button);
2061details summary[role=
button]:not(.outline).contrast::after {
2062 background-image: var(--
icon-chevron-
button-inverse);
2064details[open] > summary {
2065 margin-bottom: calc(var(--spacing));
2067details[open] > summary:not([role]):not(:focus) {
2068 color: var(--accordion-open-summary-color);
2070details[open] > summary::after {
2071 transform: rotate(0);
2074[dir=rtl] details summary {
2077[dir=rtl] details summary::after {
2086 margin: var(--block-spacing-vertical) 0;
2087 padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);
2088 border-radius: var(--border-radius);
2089 background: var(--card-background-color);
2090 box-shadow: var(--card-box-shadow);
2094 margin-right: calc(var(--block-spacing-horizontal) * -1);
2095 margin-left: calc(var(--block-spacing-horizontal) * -1);
2096 padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);
2097 background-color: var(--card-sectionning-background-color);
2100 margin-top: calc(var(--block-spacing-vertical) * -1);
2101 margin-bottom: var(--block-spacing-vertical);
2102 border-bottom: var(--border-width) solid var(--card-border-color);
2103 border-top-right-radius: var(--border-radius);
2104 border-top-left-radius: var(--border-radius);
2107 margin-top: var(--block-spacing-vertical);
2108 margin-bottom: calc(var(--block-spacing-vertical) * -1);
2109 border-top: var(--border-width) solid var(--card-border-color);
2110 border-bottom-right-radius: var(--border-radius);
2111 border-bottom-left-radius: var(--border-radius);
2118 --scrollbar-width: 0px;
2129 align-items: center;
2130 justify-content: center;
2135 padding: var(--spacing);
2137 -webkit-backdrop-filter: var(--modal-overlay-backdrop-filter);
2138 backdrop-filter: var(--modal-overlay-backdrop-filter);
2139 background-color: var(--modal-overlay-background-color);
2140 color: var(--color);
2143 max-height: calc(100vh - var(--spacing) * 2);
2146@media (min-width: 576px) {
2151@media (min-width: 768px) {
2156dialog article > header,
2157dialog article > footer {
2158 padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);
2160dialog article > header .close {
2162 margin-left: var(--spacing);
2165dialog article > footer {
2168dialog article > footer [role=
button] {
2171dialog article > footer [role=
button]:not(:first-of-
type) {
2172 margin-left: calc(var(--spacing) * 0.5);
2174dialog article p:last-of-
type {
2177dialog article .close {
2181 margin-top: calc(var(--block-spacing-vertical) * -0.5);
2182 margin-bottom: var(--typography-spacing-vertical);
2184 background-image: var(--
icon-close);
2186 background-size:
auto 1rem;
2187 background-repeat: no-repeat;
2189 transition: opacity var(--transition);
2191dialog article .close:is([aria-current], :hover, :active, :focus) {
2194dialog:not([open]), dialog[open=
false] {
2199 padding-right: var(--scrollbar-width, 0px);
2201 pointer-events: none;
2204.modal-is-open dialog {
2205 pointer-events:
auto;
2208:where(.modal-is-opening, .modal-is-closing) dialog,
2209:where(.modal-is-opening, .modal-is-closing) dialog > article {
2210 animation-duration: 0.2s;
2211 animation-timing-
function: ease-in-out;
2212 animation-fill-mode: both;
2214:where(.modal-is-opening, .modal-is-closing) dialog {
2215 animation-duration: 0.8s;
2216 animation-
name: modal-overlay;
2218:where(.modal-is-opening, .modal-is-closing) dialog > article {
2219 animation-delay: 0.2s;
2220 animation-
name: modal;
2223.modal-is-closing dialog,
2224.modal-is-closing dialog > article {
2225 animation-delay: 0s;
2226 animation-direction: reverse;
2229@keyframes modal-overlay {
2231 -webkit-backdrop-filter: none;
2232 backdrop-filter: none;
2233 background-color: transparent;
2238 transform: translateY(-100%);
2245:where(nav li)::before {
2257 justify-content: space-between;
2261 align-items: center;
2266nav ol:first-of-
type,
2267nav ul:first-of-
type {
2268 margin-left: calc(var(--nav-element-spacing-horizontal) * -1);
2271nav ul:last-of-
type {
2272 margin-right: calc(var(--nav-element-spacing-horizontal) * -1);
2275 display:
inline-block;
2277 padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);
2282nav :where(a, [role=link]) {
2283 display:
inline-block;
2284 margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);
2285 padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);
2286 border-radius: var(--border-radius);
2287 text-decoration: none;
2289nav :where(a, [role=link]):is([aria-current], :hover, :active, :focus) {
2290 text-decoration: none;
2292nav[aria-label=breadcrumb] {
2293 align-items: center;
2294 justify-content: start;
2296nav[aria-label=breadcrumb] ul li:not(:first-child) {
2297 -webkit-margin-start: var(--nav-link-spacing-horizontal);
2298 margin-
inline-start: var(--nav-link-spacing-horizontal);
2300nav[aria-label=breadcrumb] ul li:not(:last-child) ::after {
2302 width: calc(var(--nav-link-spacing-horizontal) * 2);
2303 -webkit-margin-start: calc(var(--nav-link-spacing-horizontal) / 2);
2304 margin-
inline-start: calc(var(--nav-link-spacing-horizontal) / 2);
2306 color: var(--muted-color);
2309nav[aria-label=breadcrumb] a[aria-current] {
2310 background-color: transparent;
2312 text-decoration: none;
2313 pointer-events: none;
2316 margin-right: inherit;
2317 margin-left: inherit;
2318 padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);
2322 max-height: calc(var(--nav-element-spacing-vertical) + var(--nav-element-spacing-vertical) + var(--font-size));
2337 padding: calc(var(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);
2346[dir=rtl] nav[aria-label=breadcrumb] ul li:not(:last-child) ::after {
2354 display:
inline-block;
2355 vertical-align: baseline;
2359 -webkit-appearance: none;
2360 -moz-appearance: none;
2361 display:
inline-block;
2365 margin-bottom: calc(var(--spacing) * 0.5);
2368 border-radius: var(--border-radius);
2369 background-color: var(--progress-background-color);
2370 color: var(--progress-color);
2372progress::-webkit-progress-bar {
2373 border-radius: var(--border-radius);
2376progress[value]::-webkit-progress-value {
2377 background-color: var(--progress-color);
2379progress::-moz-progress-bar {
2380 background-color: var(--progress-color);
2382@media (prefers-reduced-motion: no-preference) {
2383 progress:indeterminate {
2384 background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;
2385 animation: progress-indeterminate 1s linear infinite;
2387 progress:indeterminate[value]::-webkit-progress-value {
2388 background-color: transparent;
2390 progress:indeterminate::-moz-progress-bar {
2391 background-color: transparent;
2395@media (prefers-reduced-motion: no-preference) {
2396 [dir=rtl] progress:indeterminate {
2397 animation-direction: reverse;
2401@keyframes progress-indeterminate {
2417details[role=list] summary + ul,
2425 flex-direction: column;
2428 border: var(--border-width) solid var(--dropdown-border-color);
2429 border-radius: var(--border-radius);
2430 border-top-right-radius: 0;
2431 border-top-left-radius: 0;
2432 background-color: var(--dropdown-background-color);
2433 box-shadow: var(--card-box-shadow);
2434 color: var(--dropdown-color);
2435 white-space: nowrap;
2437details[role=list] summary + ul li,
2438li[role=list] > ul li {
2441 padding: calc(var(--form-element-spacing-vertical) * 0.5) var(--form-element-spacing-horizontal);
2444details[role=list] summary + ul li:first-of-
type,
2445li[role=list] > ul li:first-of-
type {
2446 margin-top: calc(var(--form-element-spacing-vertical) * 0.5);
2448details[role=list] summary + ul li:last-of-
type,
2449li[role=list] > ul li:last-of-
type {
2450 margin-bottom: calc(var(--form-element-spacing-vertical) * 0.5);
2452details[role=list] summary + ul li a,
2453li[role=list] > ul li a {
2455 margin: calc(var(--form-element-spacing-vertical) * -0.5) calc(var(--form-element-spacing-horizontal) * -1);
2456 padding: calc(var(--form-element-spacing-vertical) * 0.5) var(--form-element-spacing-horizontal);
2458 color: var(--dropdown-color);
2459 text-decoration: none;
2460 text-overflow: ellipsis;
2462details[role=list] summary + ul li a:hover,
2463li[role=list] > ul li a:hover {
2464 background-color: var(--dropdown-hover-background-color);
2467details[role=list] summary::after,
2468li[role=list] > a::after {
2471 height: calc(1rem * var(--line-height, 1.5));
2472 -webkit-margin-start: 0.5rem;
2473 margin-
inline-start: 0.5rem;
2475 transform: rotate(0deg);
2477 background-size: 1rem
auto;
2478 background-repeat: no-repeat;
2484 border-bottom: none;
2486details[role=list] summary {
2489details[role=list] summary:not([role]) {
2490 height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);
2491 padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
2492 border: var(--border-width) solid var(--form-element-border-color);
2493 border-radius: var(--border-radius);
2494 background-color: var(--form-element-background-color);
2495 color: var(--form-element-placeholder-color);
2496 line-height: inherit;
2498 transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
2500details[role=list] summary:not([role]):active, details[role=list] summary:not([role]):focus {
2501 border-color: var(--form-element-active-border-color);
2502 background-color: var(--form-element-active-background-color);
2504details[role=list] summary:not([role]):focus {
2505 box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);
2507details[role=list][open] summary {
2508 border-bottom-right-radius: 0;
2509 border-bottom-left-radius: 0;
2511details[role=list][open] summary::before {
2524nav details[role=list] summary,
2525nav li[role=list] a {
2530nav details[role=list] summary + ul,
2531nav li[role=list] > ul {
2532 min-width: -moz-fit-content;
2533 min-width: fit-content;
2534 border-radius: var(--border-radius);
2536nav details[role=list] summary + ul li a,
2537nav li[role=list] > ul li a {
2541nav details[role=list] summary,
2542nav details[role=list] summary:not([role]) {
2544 padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);
2546nav details[role=list][open] summary {
2547 border-radius: var(--border-radius);
2549nav details[role=list] summary + ul {
2550 margin-top: var(--outline-width);
2551 -webkit-margin-start: 0;
2552 margin-
inline-start: 0;
2554nav details[role=list] summary[role=link] {
2555 margin-bottom: calc(var(--nav-link-spacing-vertical) * -1);
2556 line-height: var(--line-height);
2558nav details[role=list] summary[role=link] + ul {
2559 margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width));
2560 -webkit-margin-start: calc(var(--nav-link-spacing-horizontal) * -1);
2561 margin-
inline-start: calc(var(--nav-link-spacing-horizontal) * -1);
2564li[role=list]:hover > ul,
2565li[role=list] a:active ~ ul,
2566li[role=list] a:focus ~ ul {
2571 margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width));
2572 -webkit-margin-start: calc(var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal));
2573 margin-
inline-start: calc(var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal));
2575li[role=list] > a::after {
2576 background-image: var(--
icon-chevron);
2579label > details[role=list] {
2580 margin-top: calc(var(--spacing) * 0.25);
2581 margin-bottom: var(--spacing);
2591[aria-busy=
true]:not(input, select, textarea, html)::before {
2592 display: inline-block;
2595 border: 0.1875em solid currentColor;
2597 border-right-color: transparent;
2599 vertical-align: text-bottom;
2600 vertical-align: -0.125em;
2601 animation: spinner 0.75s linear infinite;
2602 opacity: var(--loading-spinner-opacity);
2604[aria-busy=
true]:not(input, select, textarea, html):not(:empty)::before {
2605 margin-right: calc(var(--spacing) * 0.5);
2607 -webkit-margin-start: 0;
2608 margin-
inline-start: 0;
2609 -webkit-margin-end: calc(var(--spacing) * 0.5);
2610 margin-
inline-end: calc(var(--spacing) * 0.5);
2612[aria-busy=
true]:not(input, select, textarea, html):empty {
2617input[
type=submit][aria-busy=
true],
2619input[
type=reset][aria-busy=
true],
2621 pointer-events: none;
2626 transform: rotate(360deg);
2635[data-tooltip]:not(a,
button, input) {
2636 border-bottom: 1px dotted;
2637 text-decoration: none;
2640[data-tooltip][data-placement=top]::before, [data-tooltip][data-placement=top]::after, [data-tooltip]::before, [data-tooltip]::after {
2646 padding: 0.25rem 0.5rem;
2648 transform: translate(-50%, -0.25rem);
2649 border-radius: var(--border-radius);
2650 background: var(--tooltip-background-color);
2651 content: attr(data-tooltip);
2652 color: var(--tooltip-color);
2654 font-weight: var(--font-weight);
2655 font-size: 0.875rem;
2656 text-decoration: none;
2657 text-overflow: ellipsis;
2658 white-space: nowrap;
2660 pointer-events: none;
2662[data-tooltip][data-placement=top]::after, [data-tooltip]::after {
2664 transform: translate(-50%, 0rem);
2665 border-top: 0.3rem solid;
2666 border-right: 0.3rem solid transparent;
2667 border-left: 0.3rem solid transparent;
2669 background-color: transparent;
2671 color: var(--tooltip-background-color);
2673[data-tooltip][data-placement=bottom]::before, [data-tooltip][data-placement=bottom]::after {
2676 transform: translate(-50%, 0.25rem);
2678[data-tooltip][data-placement=bottom]:after {
2679 transform: translate(-50%, -0.3rem);
2680 border: 0.3rem solid transparent;
2681 border-bottom: 0.3rem solid;
2683[data-tooltip][data-placement=left]::before, [data-tooltip][data-placement=left]::after {
2688 transform: translate(-0.25rem, -50%);
2690[data-tooltip][data-placement=left]:after {
2691 transform: translate(0.3rem, -50%);
2692 border: 0.3rem solid transparent;
2693 border-left: 0.3rem solid;
2695[data-tooltip][data-placement=right]::before, [data-tooltip][data-placement=right]::after {
2700 transform: translate(0.25rem, -50%);
2702[data-tooltip][data-placement=right]:after {
2703 transform: translate(-0.3rem, -50%);
2704 border: 0.3rem solid transparent;
2705 border-right: 0.3rem solid;
2707[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
2710@media (hover: hover) and (pointer: fine) {
2711 [data-tooltip][data-placement=bottom]:focus::before, [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::before, [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
2712 animation-duration: 0.2s;
2713 animation-
name: tooltip-slide-top;
2715 [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after, [data-tooltip]:hover::after {
2716 animation-
name: tooltip-caret-slide-top;
2718 [data-tooltip][data-placement=bottom]:focus::before, [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover::before, [data-tooltip][data-placement=bottom]:hover::after {
2719 animation-duration: 0.2s;
2720 animation-
name: tooltip-slide-bottom;
2722 [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover::after {
2723 animation-
name: tooltip-caret-slide-bottom;
2725 [data-tooltip][data-placement=left]:focus::before, [data-tooltip][data-placement=left]:focus::after, [data-tooltip][data-placement=left]:hover::before, [data-tooltip][data-placement=left]:hover::after {
2726 animation-duration: 0.2s;
2727 animation-
name: tooltip-slide-left;
2729 [data-tooltip][data-placement=left]:focus::after, [data-tooltip][data-placement=left]:hover::after {
2730 animation-
name: tooltip-caret-slide-left;
2732 [data-tooltip][data-placement=right]:focus::before, [data-tooltip][data-placement=right]:focus::after, [data-tooltip][data-placement=right]:hover::before, [data-tooltip][data-placement=right]:hover::after {
2733 animation-duration: 0.2s;
2734 animation-
name: tooltip-slide-right;
2736 [data-tooltip][data-placement=right]:focus::after, [data-tooltip][data-placement=right]:hover::after {
2737 animation-
name: tooltip-caret-slide-right;
2740@keyframes tooltip-slide-top {
2742 transform: translate(-50%, 0.75rem);
2746 transform: translate(-50%, -0.25rem);
2750@keyframes tooltip-caret-slide-top {
2755 transform: translate(-50%, -0.25rem);
2759 transform: translate(-50%, 0rem);
2763@keyframes tooltip-slide-bottom {
2765 transform: translate(-50%, -0.75rem);
2769 transform: translate(-50%, 0.25rem);
2773@keyframes tooltip-caret-slide-bottom {
2778 transform: translate(-50%, -0.5rem);
2782 transform: translate(-50%, -0.3rem);
2786@keyframes tooltip-slide-left {
2788 transform: translate(0.75rem, -50%);
2792 transform: translate(-0.25rem, -50%);
2796@keyframes tooltip-caret-slide-left {
2801 transform: translate(0.05rem, -50%);
2805 transform: translate(0.3rem, -50%);
2809@keyframes tooltip-slide-right {
2811 transform: translate(-0.75rem, -50%);
2815 transform: translate(0.25rem, -50%);
2819@keyframes tooltip-caret-slide-right {
2824 transform: translate(-0.05rem, -50%);
2828 transform: translate(-0.3rem, -50%);
2842 cursor: not-allowed;
2845[aria-hidden=
false][hidden] {
2849[aria-hidden=
false][hidden]:not(:focus) {
2850 clip: rect(0, 0, 0, 0);
2863 -ms-touch-action: manipulation;
2873@media (prefers-reduced-motion: reduce) {
2874 *:not([aria-busy=
true]),
2875 :not([aria-busy=
true])::before,
2876 :not([aria-busy=true])::after {
2877 background-attachment: initial !important;
2878 animation-duration: 1ms !important;
2879 animation-delay: -1ms !important;
2880 animation-iteration-count: 1 !important;
2881 scroll-behavior:
auto !important;
2882 transition-delay: 0s !important;
2883 transition-duration: 0s !important;
treeview li table
No Email.
ui state ui widget content ui state ui widget header ui state a ui button
0 = Do not include form tag and submit button -1 = Do not include form tag but include submit button
table table fiche title col title div col center btnTitle icon
Automatically calls the icon named with the corresponding "object_" prefix.
if(!defined( 'NOREQUIREMENU')) if(!empty(GETPOST('seteventmessages', 'alpha'))) if(!function_exists("llxHeader")) top_httphead($contenttype='text/html', $forcenocache=0)
Show HTTP header.
if(preg_match('/crypted:/i', $dolibarr_main_db_pass)||!empty($dolibarr_main_db_encrypted_pass)) $conf db type
$conf db name
Only used if Module[ID]Name translation string is not found.