@pantheon-systems/pds-toolkit-react 1.0.0-dev.6 → 1.0.0-dev.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_dist/cjs/index.js +40 -7
- package/_dist/cjs/index.js.map +1 -1
- package/_dist/css/pds-components.css +20 -24
- package/_dist/css/pds-core.css +2 -2
- package/_dist/esm/index.js +40 -7
- package/_dist/esm/index.js.map +1 -1
- package/package.json +20 -12
|
@@ -1,52 +1,52 @@
|
|
|
1
1
|
.pds-input-field{--_pds-input-foreground-color:var(
|
|
2
2
|
--pds-input-foreground-color,var(--pds-color-input-foreground-default)
|
|
3
|
-
);font-family:var(--pds-typography-font-default);font-size:1em}.pds-checkbox-group legend,.pds-combobox-select>label,.pds-input-field>label,.pds-radio-group legend,label{color:var(--pds-color-input-foreground-default);display:block;font-size:1em;font-weight:600;margin-block-end:.512rem;position:relative}.pds-checkbox-group legend,.pds-radio-group legend{margin-block-end:.8rem}.pds-checkbox-group,.pds-radio-group{border:none;margin-inline:0;padding:0}.pds-checkbox-group__options,.pds-radio-group__options{display:flex;flex-direction:column;row-gap:.41rem}.pds-input-field__message{color:var(--pds-color-text-default-secondary);font-size:.875em;font-weight:400;margin-block-start:.512rem}.pds-input-field>.pds-input-field__input-wrapper{border-color:var(--pds-color-input-border-default);border-radius:.1875rem;border-style:solid;border-width:1px;display:flex;gap:.512em;padding-inline:.512em;transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s}.pds-input-field .pds-input-field__input{background-color:transparent;border:none;caret-color:var(--_pds-input-foreground-color);color:var(--_pds-input-foreground-color);flex-grow:1;line-height:1;padding-inline:0}select{background-color:transparent}.pds-input-field .pds-input-field__input:focus{outline:none}.pds-input-field .pds-input-field__input::placeholder{color:var(--pds-color-input-placeholder-text)}.pds-input-field input:-internal-autofill-selected,.pds-input-field input:-webkit-autofill{-webkit-text-fill-color:var(--pds-color-foreground-default);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-background-default)}.pds-input-field .pds-input-field__accessories,.pds-input-field .pds-input-field__decorators{align-items:center;display:flex;gap:.125rem;height:2.25rem}.pds-input-field .pds-input-field__accessory{background:transparent;border:0;display:flex;padding:0}.pds-input-field .pds-input-field__clear,.pds-input-obscured .pds-input-obscured__toggle{border-radius:.1875rem;padding:.1875rem}.pds-input-field .pds-input-field__clear:hover,.pds-input-obscured .pds-input-obscured__toggle:hover{background-color:var(--pds-color-input-action-background-hover)}.pds-input-field .pds-input-field__clear:focus-visible,.pds-input-obscured .pds-input-obscured__toggle:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-input-field .pds-input-field__clear svg,.pds-input-obscured .pds-input-obscured__toggle svg{color:var(--_pds-input-foreground-color)}.pds-input-field .pds-input-field__counter{color:var(--pds-color-text-default-secondary)}.pds-checkbox input[type=checkbox]:focus-visible,.pds-combobox-select [role=combobox]:focus-visible,.pds-combobox-select [role=combobox][aria-expanded=true],.pds-input-field:active>.pds-input-field__input-wrapper,.pds-input-field>.pds-input-field__input-wrapper:focus-within,select:focus-visible{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline,.2s ease-in-out 0s}.pds-input-field.pds-is-disabled>.pds-input-field__input-wrapper,.pds-input-field.pds-is-disabled>label,.pds-input-field.pds-is-disabled>legend{border-color:var(--pds-color-input-border-default);opacity:50%;outline:none}.pds-input-field.pds-is-required>label:after,.pds-input-field.pds-is-required>legend:after{color:var(--pds-color-input-foreground-critical);content:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="10" fill="none"><path fill="%23D61F1F" d="M4.547.875v3.281l1.855-1.113.547-.332.625 1.074-.527.313L5.133 5.25l1.914 1.152.527.332L6.95 7.81l-.547-.332-1.855-1.114v3.262h-1.25V6.363L1.422 7.477l-.527.332L.25 6.734l.527-.332L2.691 5.25.777 4.098.25 3.785l.645-1.074.527.332 1.875 1.113V.875h1.25Z"/></svg>');margin-inline-start:.328em;position:absolute;top:-.328em}.pds-input-field.pds-has-error .pds-input-field__decorator,.pds-input-field.pds-has-error .pds-input-field__input,.pds-input-field.pds-has-error .pds-input-field__message,.pds-input-field.pds-has-error>label{color:var(--pds-color-input-foreground-critical)}.pds-input-field.pds-has-error input:-internal-autofill-selected,.pds-input-field.pds-has-error input:-webkit-autofill,.pds-input-field.pds-has-error>.pds-input-field__input-wrapper{background-color:var(--pds-color-input-background-critical);border-color:var(--pds-color-input-foreground-critical);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-input-background-critical)}.pds-input-field.pds-has-success .pds-input-field__decorator,.pds-input-field.pds-has-success .pds-input-field__input{color:var(--pds-color-input-foreground-success)}.pds-input-field.pds-has-success>.pds-input-field__input-wrapper{border-color:var(--pds-color-input-border-success)}button.pds-button{--_pds-button-color-background:var(
|
|
3
|
+
);font-family:var(--pds-typography-font-default);font-size:1em}.pds-checkbox-group legend,.pds-combobox-select>label,.pds-input-field>label,.pds-radio-group legend,label{color:var(--pds-color-input-foreground-default);display:block;font-size:1em;font-weight:600;margin-block-end:.512rem;position:relative}.pds-checkbox-group legend,.pds-radio-group legend{margin-block-end:.8rem}.pds-checkbox-group,.pds-radio-group{border:none;margin-inline:0;padding:0}.pds-checkbox-group__options,.pds-radio-group__options{display:flex;flex-direction:column;row-gap:.41rem}.pds-input-field__message{color:var(--pds-color-text-default-secondary);font-size:.875em;font-weight:400;margin-block-start:.512rem}.pds-input-field>.pds-input-field__input-wrapper{border-color:var(--pds-color-input-border-default);border-radius:.1875rem;border-style:solid;border-width:1px;display:flex;gap:.512em;padding-inline:.512em;transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s}.pds-input-field .pds-input-field__input{background-color:transparent;border:none;caret-color:var(--_pds-input-foreground-color);color:var(--_pds-input-foreground-color);flex-grow:1;line-height:1;padding-inline:0}select{background-color:transparent}.pds-input-field .pds-input-field__input:focus{outline:none}.pds-input-field .pds-input-field__input::placeholder{color:var(--pds-color-input-placeholder-text)}.pds-input-field input:-internal-autofill-selected,.pds-input-field input:-webkit-autofill{-webkit-text-fill-color:var(--pds-color-foreground-default);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-background-default)}.pds-input-field .pds-input-field__accessories,.pds-input-field .pds-input-field__decorators{align-items:center;display:flex;gap:.125rem;height:2.25rem}.pds-input-field .pds-input-field__accessory{background:transparent;border:0;display:flex;padding:0}.pds-input-field .pds-input-field__clear,.pds-input-obscured .pds-input-obscured__toggle{border-radius:.1875rem;padding:.1875rem}.pds-input-field .pds-input-field__clear:hover,.pds-input-obscured .pds-input-obscured__toggle:hover{background-color:var(--pds-color-input-action-background-hover)}.pds-input-field .pds-input-field__clear:focus-visible,.pds-input-obscured .pds-input-obscured__toggle:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-input-field .pds-input-field__clear svg,.pds-input-obscured .pds-input-obscured__toggle svg{color:var(--_pds-input-foreground-color)}.pds-input-field .pds-input-field__counter{color:var(--pds-color-text-default-secondary)}.pds-checkbox input[type=checkbox]:focus-visible,.pds-combobox-select [role=combobox]:focus-visible,.pds-combobox-select [role=combobox][aria-expanded=true],.pds-input-field:active>.pds-input-field__input-wrapper,.pds-input-field>.pds-input-field__input-wrapper:focus-within,select:focus-visible{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline,.2s ease-in-out 0s}.pds-input-field.pds-is-disabled>.pds-input-field__input-wrapper,.pds-input-field.pds-is-disabled>label,.pds-input-field.pds-is-disabled>legend{border-color:var(--pds-color-input-border-default);opacity:50%;outline:none}.pds-input-field.pds-is-required>label:after,.pds-input-field.pds-is-required>legend:after{color:var(--pds-color-input-foreground-critical);content:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="10" fill="none"><path fill="%23D61F1F" d="M4.547.875v3.281l1.855-1.113.547-.332.625 1.074-.527.313L5.133 5.25l1.914 1.152.527.332L6.95 7.81l-.547-.332-1.855-1.114v3.262h-1.25V6.363L1.422 7.477l-.527.332L.25 6.734l.527-.332L2.691 5.25.777 4.098.25 3.785l.645-1.074.527.332 1.875 1.113V.875h1.25Z"/></svg>');margin-inline-start:.328em;position:absolute;top:-.328em}.pds-input-field.pds-has-error .pds-input-field__decorator,.pds-input-field.pds-has-error .pds-input-field__input,.pds-input-field.pds-has-error .pds-input-field__message,.pds-input-field.pds-has-error>label{color:var(--pds-color-input-foreground-critical)}.pds-input-field.pds-has-error input:-internal-autofill-selected,.pds-input-field.pds-has-error input:-webkit-autofill,.pds-input-field.pds-has-error>.pds-input-field__input-wrapper{background-color:var(--pds-color-input-background-critical);border-color:var(--pds-color-input-foreground-critical);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-input-background-critical)}.pds-input-field.pds-has-success .pds-input-field__decorator,.pds-input-field.pds-has-success .pds-input-field__input{color:var(--pds-color-input-foreground-success)}.pds-input-field.pds-has-success>.pds-input-field__input-wrapper{border-color:var(--pds-color-input-border-success)}.pds-tile-grid,.pds-tile-list{grid-row-gap:1rem;display:grid}@media (min-width:641px){.pds-tile-grid,.pds-tile-list{grid-column-gap:.64rem;grid-row-gap:1.25rem;grid-template-columns:1fr 1px 1fr 1px 1fr}}@media (min-width:1025px){.pds-tile-grid,.pds-tile-list{grid-column-gap:1.25rem;grid-row-gap:2.441rem}}.pds-tile,.pds-tile-list__item{align-items:center;background-color:var(--pds-color-background-default);border-radius:.375rem;box-sizing:border-box;display:flex;flex-direction:column;padding:2.441rem 1.563rem;position:relative;text-align:center;transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s;width:100%}@media (min-width:641px){.pds-tile,.pds-tile-list__item{padding:1.563rem 1rem}}@media (min-width:1025px){.pds-tile,.pds-tile-list__item{padding:2.441rem 1.563rem}}.pds-tile.pds-tile--border:hover,.pds-tile.pds-tile--clean:hover{background-color:var(--pds-color-tile-background-hover);transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s}.pds-tile.pds-tile--border:active,.pds-tile.pds-tile--clean:active{background-color:var(--pds-color-tile-background-active);transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s}.pds-tile--border{border:1px solid var(--pds-color-border-default)}.pds-tile__separator{background-color:var(--pds-color-tile-separator);height:1px;margin:0 auto;width:65%}@media (min-width:641px){.pds-tile__separator{display:inline;height:80%;margin:auto 0;width:1px}}@media (min-width:1025px){.pds-tile__separator{height:70%}}.pds-tile__separator:last-child{display:none}@media (min-width:641px){.pds-tile__separator:nth-child(3n+3){display:none}}.pds-tile--border+.pds-tile__separator{background-color:var(--pds-color-background-default)}.pds-tile__image{margin-block-end:1rem}.pds-tile-list__image{margin-block-end:1.563rem}a.pds-button,button.pds-button{--_pds-button-color-background:var(
|
|
4
4
|
--pds-button-color-background,var(--pds-color-button-primary-background-default)
|
|
5
5
|
);--_pds-button-color-foreground:var(
|
|
6
6
|
--pds-button-color-foreground,var(--pds-color-button-primary-foreground-default)
|
|
7
7
|
);--_pds-button-color-border:var(
|
|
8
8
|
--pds-button-color-border,var(--pds-color-button-primary-border-default)
|
|
9
|
-
);align-items:center;background-color:var(--_pds-button-color-background);border:1px solid var(--_pds-button-color-border);border-radius:.1875rem;color:var(--_pds-button-color-foreground);cursor:pointer;display:flex;font-family:var(--pds-typography-font-default);font-size:1em;font-weight:700;gap:.41rem;
|
|
9
|
+
);align-items:center;background-color:var(--_pds-button-color-background);border:1px solid var(--_pds-button-color-border);border-radius:.1875rem;color:var(--_pds-button-color-foreground);cursor:pointer;display:inline-flex;font-family:var(--pds-typography-font-default);font-size:1em;font-weight:700;gap:.41rem;justify-content:center;letter-spacing:.01em;line-height:1;padding:.64rem .8rem;transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s}a.pds-button.pds-button--icon-only,button.pds-button.pds-button--icon-only{padding:.64rem}a.pds-button:disabled,button.pds-button:disabled{cursor:not-allowed;opacity:50%}a.pds-button:hover,button.pds-button:hover:enabled{--_pds-button-color-background:var(
|
|
10
10
|
--pds-color-button-primary-background-hover
|
|
11
11
|
);--_pds-button-color-border:var(--pds-color-button-primary-border-hover);--_pds-button-color-foreground:var(
|
|
12
12
|
--pds-color-button-primary-foreground-hover
|
|
13
|
-
)}
|
|
13
|
+
)}a.pds-button:hover{text-decoration:none}a.pds-button:active:enabled,button.pds-button:active:enabled{--_pds-button-color-background:var(
|
|
14
14
|
--pds-color-button-primary-background-active
|
|
15
15
|
);--_pds-button-color-border:var(--pds-color-button-primary-border-active);--_pds-button-color-foreground:var(
|
|
16
16
|
--pds-color-button-primary-foreground-active
|
|
17
|
-
)}
|
|
17
|
+
)}a.pds-button:focus-visible,button.pds-button:focus-visible{outline:2px solid var(--pds-color-interactive-focus);outline-offset:2px}a.pds-button.pds-button--small,button.pds-button.pds-button--small{font-size:.875em;padding:.512rem .64rem}a.pds-button.pds-button--small.pds-button--icon-only,button.pds-button.pds-button--small.pds-button--icon-only{padding:.512rem}a.pds-button.pds-button--large,button.pds-button.pds-button--large{font-size:1.25em;padding:1rem 1.25rem}a.pds-button.pds-button--large.pds-button--icon-only,button.pds-button.pds-button--large.pds-button--icon-only{padding:1rem}a.pds-button.pds-button--secondary,button.pds-button.pds-button--secondary{--_pds-button-color-background:var(
|
|
18
18
|
--pds-color-button-secondary-background-default
|
|
19
19
|
);--_pds-button-color-border:var(--pds-color-button-secondary-border-default);--_pds-button-color-foreground:var(
|
|
20
20
|
--pds-color-button-secondary-foreground-default
|
|
21
|
-
)}button.pds-button.pds-button--secondary:hover:enabled{--_pds-button-color-background:var(
|
|
21
|
+
)}a.pds-button.pds-button--secondary:hover,button.pds-button.pds-button--secondary:hover:enabled{--_pds-button-color-background:var(
|
|
22
22
|
--pds-color-button-secondary-background-hover
|
|
23
23
|
);--_pds-button-color-border:var(--pds-color-button-secondary-border-hover);--_pds-button-color-foreground:var(
|
|
24
24
|
--pds-color-button-secondary-foreground-hover
|
|
25
|
-
)}button.pds-button.pds-button--secondary:active:enabled{--_pds-button-color-background:var(
|
|
25
|
+
)}a.pds-button.pds-button--secondary:active,button.pds-button.pds-button--secondary:active:enabled{--_pds-button-color-background:var(
|
|
26
26
|
--pds-color-button-secondary-background-active
|
|
27
27
|
);--_pds-button-color-border:var(--pds-color-button-secondary-border-active);--_pds-button-color-foreground:var(
|
|
28
28
|
--pds-color-button-secondary-foreground-active
|
|
29
|
-
)}button.pds-button.pds-button--subtle{--_pds-button-color-background:var(
|
|
29
|
+
)}a.pds-button.pds-button--subtle,button.pds-button.pds-button--subtle{--_pds-button-color-background:var(
|
|
30
30
|
--pds-color-button-subtle-background-default
|
|
31
31
|
);--_pds-button-color-border:var(--pds-color-button-subtle-border-default);--_pds-button-color-foreground:var(
|
|
32
32
|
--pds-color-button-subtle-foreground-default
|
|
33
|
-
)}button.pds-button.pds-button--subtle:hover:enabled{--_pds-button-color-background:var(
|
|
33
|
+
)}a.pds-button.pds-button--subtle:hover,button.pds-button.pds-button--subtle:hover:enabled{--_pds-button-color-background:var(
|
|
34
34
|
--pds-color-button-subtle-background-hover
|
|
35
35
|
);--_pds-button-color-border:var(--pds-color-button-subtle-border-default);--_pds-button-color-foreground:var(
|
|
36
36
|
--pds-color-button-subtle-foreground-hover
|
|
37
|
-
)}button.pds-button.pds-button--subtle:active:enabled{--_pds-button-color-background:var(
|
|
37
|
+
)}a.pds-button.pds-button--subtle:active,button.pds-button.pds-button--subtle:active:enabled{--_pds-button-color-background:var(
|
|
38
38
|
--pds-color-button-subtle-background-active
|
|
39
39
|
);--_pds-button-color-border:var(--pds-color-button-subtle-border-default);--_pds-button-color-foreground:var(
|
|
40
40
|
--pds-color-button-subtle-foreground-active
|
|
41
|
-
)}button.pds-button.pds-button--brand{--_pds-button-color-background:var(
|
|
41
|
+
)}.pds-background--dark a.pds-button.pds-button--brand,.pds-background--dark button.pds-button.pds-button--brand,a.pds-button.pds-button--brand,button.pds-button.pds-button--brand{--_pds-button-color-background:var(
|
|
42
42
|
--pds-color-button-brand-background-default
|
|
43
43
|
);--_pds-button-color-border:var(--pds-color-button-brand-border-default);--_pds-button-color-foreground:var(
|
|
44
44
|
--pds-color-button-brand-foreground-default
|
|
45
|
-
)}button.pds-button.pds-button--brand:hover:enabled{--_pds-button-color-background:var(
|
|
45
|
+
)}.pds-background--dark a.pds-button.pds-button--brand:hover,.pds-background--dark button.pds-button.pds-button--brand:hover:enabled,a.pds-button.pds-button--brand:hover,button.pds-button.pds-button--brand:hover:enabled{--_pds-button-color-background:var(
|
|
46
46
|
--pds-color-button-brand-background-hover
|
|
47
47
|
);--_pds-button-color-border:var(--pds-color-button-brand-border-hover);--_pds-button-color-foreground:var(
|
|
48
48
|
--pds-color-button-brand-foreground-hover
|
|
49
|
-
)}button.pds-button.pds-button--brand:active:enabled{--_pds-button-color-background:var(
|
|
49
|
+
)}.pds-background--dark a.pds-button.pds-button--brand:active,.pds-background--dark button.pds-button.pds-button--brand:active:enabled,a.pds-button.pds-button--brand:active,button.pds-button.pds-button--brand:active:enabled{--_pds-button-color-background:var(
|
|
50
50
|
--pds-color-button-brand-background-active
|
|
51
51
|
);--_pds-button-color-border:var(--pds-color-button-brand-border-active);--_pds-button-color-foreground:var(
|
|
52
52
|
--pds-color-button-brand-foreground-active
|
|
@@ -68,19 +68,19 @@
|
|
|
68
68
|
--pds-color-button-brand-secondary-border-active
|
|
69
69
|
);--_pds-button-color-foreground:var(
|
|
70
70
|
--pds-color-button-brand-secondary-foreground-active
|
|
71
|
-
)}button.pds-button.pds-button--critical{--_pds-button-color-background:var(
|
|
71
|
+
)}a.pds-button.pds-button--critical,button.pds-button.pds-button--critical{--_pds-button-color-background:var(
|
|
72
72
|
--pds-color-button-critical-background-default
|
|
73
73
|
);--_pds-button-color-border:var(--pds-color-button-critical-border-default);--_pds-button-color-foreground:var(
|
|
74
74
|
--pds-color-button-critical-foreground-default
|
|
75
|
-
)}button.pds-button.pds-button--critical:hover:enabled{--_pds-button-color-background:var(
|
|
75
|
+
)}a.pds-button.pds-button--critical:hover,button.pds-button.pds-button--critical:hover:enabled{--_pds-button-color-background:var(
|
|
76
76
|
--pds-color-button-critical-background-hover
|
|
77
77
|
);--_pds-button-color-border:var(--pds-color-button-critical-border-hover);--_pds-button-color-foreground:var(
|
|
78
78
|
--pds-color-button-critical-foreground-hover
|
|
79
|
-
)}button.pds-button.pds-button--critical:active:enabled{--_pds-button-color-background:var(
|
|
79
|
+
)}a.pds-button.pds-button--critical:active,button.pds-button.pds-button--critical:active:enabled{--_pds-button-color-background:var(
|
|
80
80
|
--pds-color-button-critical-background-active
|
|
81
81
|
);--_pds-button-color-border:var(--pds-color-button-critical-border-active);--_pds-button-color-foreground:var(
|
|
82
82
|
--pds-color-button-critical-foreground-active
|
|
83
|
-
)}.pds-checkbox{--_pds-checkbox-input-size:1rem;align-items:start;column-gap:.512em;display:grid;grid-template-columns:var(--_pds-checkbox-input-size) auto}.pds-checkbox input[type=checkbox]{appearance:none;background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:.64em;border-color:var(--pds-color-input-border-default);border-radius:.1875rem;border-style:solid;border-width:2px;height:var(--_pds-checkbox-input-size);position:relative;top:.0625rem;transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s;width:var(--_pds-checkbox-input-size)}.pds-checkbox input[type=checkbox]:disabled{border-color:var(--pds-color-input-border-default);cursor:not-allowed;opacity:50%}.pds-checkbox input[type=checkbox]:focus-visible{border-color:var(--pds-color-interactive-focus);outline:none}.pds-checkbox>label{font-weight:400}.pds-checkbox input[type=checkbox]:checked,.pds-checkbox input[type=checkbox]:indeterminate{background-color:var(--pds-color-interactive-focus);border-color:var(--pds-color-interactive-focus);transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s}.pds-checkbox input[type=checkbox]:checked{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="%23fff"><path d="m46.219 12-2.157 2.156-24 24L18 40.313l-2.156-2.157-12-12L1.688 24 6 19.781l2.063 2.157L18 31.78 39.844 9.938 42 7.78 46.219 12Z"/></svg>')}.pds-checkbox input[type=checkbox]:indeterminate{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="%23fff"><path d="M40.5 27H8v-5h32.5v5Z"/></svg>')}.pds-combobox-select,select{display:inline-block;max-width:20rem;position:relative}.pds-combobox-select [role=combobox],select{align-items:center;border-color:var(--pds-color-input-border-default);border-radius:.1875rem;border-style:solid;border-width:1px;box-sizing:border-box;color:var(--pds-color-input-foreground-default);cursor:pointer;display:flex;font-size:1em;gap:1em;justify-content:space-between;line-height:1;padding:.64em;width:100%}select{appearance:none;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="%23888"><path d="m23.313 35.313 2.062-2.157 15-15L42.531 16l-4.218-4.219-2.157 2.156-12.843 12.844-12.938-12.843-2.063-2.157L4 16l2.156 2.156 15 15 2.157 2.157Z"/></svg>');background-position:center right .64em;background-repeat:no-repeat;background-size:1em}.pds-combobox-select [role=combobox]>span{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-combobox-select
|
|
83
|
+
)}.pds-card{background-color:var(--pds-color-background-default);border-radius:.375rem;box-shadow:var(--pds-elevation-raised);display:grid;grid-template-rows:auto 1fr auto;height:100%;max-width:380px}@media (max-width:640px){.pds-card{margin:0 auto}}.pds-card__image img{aspect-ratio:1.85;border-radius:.375rem .375rem 0 0;display:block;width:100%}.pds-card__image a{background-color:red;line-height:0;text-decoration:none}.pds-card__text-elements{box-sizing:border-box;display:flex;flex-direction:column;padding:1.953rem;row-gap:.64rem}.pds-card__kicker{color:var(--pds-color-text-default-secondary);display:flex;font-family:Poppins,sans-serif;font-size:.875em;font-weight:700;letter-spacing:.04em;line-height:120%;margin-block-end:0;margin-block-start:0;text-transform:uppercase}.pds-card__kicker--separator{color:var(--pds-color-border-default);font-weight:400;margin-inline:.512rem}.pds-card__heading h2,.pds-card__heading h3,.pds-card__heading h4,.pds-card__heading span{display:block;font-size:1.563em;font-weight:700;margin-block-end:0}.pds-card__bodytext p{line-height:140%}.pds-card__link{display:flex;flex-direction:column;padding-block-start:.64rem;row-gap:1rem}@media (min-width:641px){.pds-card__link{column-gap:1rem;flex-direction:row}.pds-card__link .pds-button{width:100%}}.pds-checkbox{--_pds-checkbox-input-size:1rem;align-items:start;column-gap:.512em;display:grid;grid-template-columns:var(--_pds-checkbox-input-size) auto}.pds-checkbox input[type=checkbox]{appearance:none;background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:.64em;border-color:var(--pds-color-input-border-default);border-radius:.1875rem;border-style:solid;border-width:2px;height:var(--_pds-checkbox-input-size);position:relative;top:.0625rem;transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s;width:var(--_pds-checkbox-input-size)}.pds-checkbox input[type=checkbox]:disabled{border-color:var(--pds-color-input-border-default);cursor:not-allowed;opacity:50%}.pds-checkbox input[type=checkbox]:focus-visible{border-color:var(--pds-color-interactive-focus);outline:none}.pds-checkbox>label{font-weight:400}.pds-checkbox input[type=checkbox]:checked,.pds-checkbox input[type=checkbox]:indeterminate{background-color:var(--pds-color-interactive-focus);border-color:var(--pds-color-interactive-focus);transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s}.pds-checkbox input[type=checkbox]:checked{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="%23fff"><path d="m46.219 12-2.157 2.156-24 24L18 40.313l-2.156-2.157-12-12L1.688 24 6 19.781l2.063 2.157L18 31.78 39.844 9.938 42 7.78 46.219 12Z"/></svg>')}.pds-checkbox input[type=checkbox]:indeterminate{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="%23fff"><path d="M40.5 27H8v-5h32.5v5Z"/></svg>')}.pds-combobox-select,select{display:inline-block;max-width:20rem;position:relative}.pds-combobox-select [role=combobox],select{align-items:center;border-color:var(--pds-color-input-border-default);border-radius:.1875rem;border-style:solid;border-width:1px;box-sizing:border-box;color:var(--pds-color-input-foreground-default);cursor:pointer;display:flex;font-size:1em;gap:1em;justify-content:space-between;line-height:1;padding:.64em;width:100%}select{appearance:none;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="%23888"><path d="m23.313 35.313 2.062-2.157 15-15L42.531 16l-4.218-4.219-2.157 2.156-12.843 12.844-12.938-12.843-2.063-2.157L4 16l2.156 2.156 15 15 2.157 2.157Z"/></svg>');background-position:center right .64em;background-repeat:no-repeat;background-size:1em}.pds-combobox-select [role=combobox]>span{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-combobox-select
|
|
84
84
|
[role=combobox][aria-expanded=true]
|
|
85
85
|
svg.select-indicator,.pds-combobox-select [role=combobox] svg.select-indicator{transition:var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay)}.pds-combobox-select
|
|
86
86
|
[role=combobox][aria-expanded=true]
|
|
@@ -91,13 +91,9 @@
|
|
|
91
91
|
.pds-combobox-select__item-selected-indicator,.pds-combobox-select
|
|
92
92
|
[role=listbox]
|
|
93
93
|
[role=option]
|
|
94
|
-
.pds-combobox-select__item-selected-indicator{display:inline-flex;width:1.25em}.pds-icon,.pds-icon--medium{height:1rem;width:1rem}.pds-icon--large{height:1.25rem;width:1.25rem}.pds-icon--small{height:.875rem;width:.875rem}.pds-menu-button{display:inline-block}button.pds-menu-button__trigger svg.pds-button__icon
|
|
94
|
+
.pds-combobox-select__item-selected-indicator{display:inline-flex;width:1.25em}.pds-icon,.pds-icon--medium{height:1rem;width:1rem}.pds-icon--large{height:1.25rem;width:1.25rem}.pds-icon--small{height:.875rem;width:.875rem}.pds-icon--xl{height:1.563rem;width:1.563rem}.pds-icon--2xl{height:1.953rem;width:1.953rem}.pds-menu-button{display:inline-block}button.pds-menu-button__trigger svg.pds-button__icon{margin-block-start:.125rem;transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s}button.pds-menu-button__trigger[aria-expanded=true] svg.pds-button__icon{margin-block-end:.125rem;margin-block-start:0;transform:rotate(-180deg);transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s}button.pds-menu-button__trigger[aria-expanded=true],button.pds-menu-button__trigger[aria-expanded=true]:active{background-color:var(--pds-color-button-primary-background-active);border-color:var(--pds-color-button-primary-border-active);color:var(--pds-color-button-primary-foreground-active)}button.pds-button--subtle.pds-menu-button__trigger[aria-expanded=true],button.pds-button--subtle.pds-menu-button__trigger[aria-expanded=true]:active{background-color:var(--pds-color-button-subtle-background-active);border-color:var(--pds-color-button-subtle-border-default);color:var(--pds-color-button-subtle-foreground-active)}button.pds-button--secondary.pds-menu-button__trigger[aria-expanded=true],button.pds-button--secondary.pds-menu-button__trigger[aria-expanded=true]:active{background-color:var(--pds-color-button-secondary-background-active);border-color:var(--pds-color-button-secondary-border-active);color:var(--pds-color-button-secondary-foreground-active)}.pds-menu-button [role=menu]{background-color:var(--pds-color-menu-background);border-radius:var(--pds-border-radius-default);box-shadow:var(--pds-elevation-overlay);left:0;max-width:20rem;min-width:8rem;padding:.328rem 0;position:absolute;top:.328rem}.pds-menu-button ul,.pds-menu-button ul [role=separator]{list-style:none;margin:0;padding:0}.pds-menu-button
|
|
95
95
|
[role=menu]
|
|
96
|
-
[role=presentation].pds-menu-button__listbox-heading{color:var(--pds-color-menu-item-heading-text);font-family:Poppins,sans-serif;font-size:.875em;font-weight:700;letter-spacing:.04em;line-height:
|
|
97
|
-
|
|
98
|
-
);--_pds-panel-border:var(
|
|
99
|
-
--pds-panel-border,var(--pds-color-panel-default-border)
|
|
100
|
-
);background-color:var(--_pds-panel-background);border:var(--pds-border-width-default) solid var(--_pds-panel-border);border-radius:var(--pds-border-radius-container);padding:1.563rem}div.pds-panel>:last-child{margin-bottom:0}div.pds-panel+div.pds-panel{margin-block-start:1.25em}div.pds-panel--sunken{--_pds-panel-background:var(--pds-color-panel-sunken-background);--_pds-panel-border:var(--pds-color-panel-sunken-border)}div.pds-panel--raised{--_pds-panel-background:var(--pds-color-panel-raised-background);--_pds-panel-border:var(--pds-color-panel-raised-border);box-shadow:var(--pds-elevation-raised)}div.pds-panel--overlay{--_pds-panel-background:var(--pds-color-panel-overlay-background);--_pds-panel-border:var(--pds-color-panel-overlay-border);box-shadow:var(--pds-elevation-overlay)}.pds-radio-group__option{--_pds-radio-input-size:1rem;align-items:start;column-gap:.512em;display:grid;grid-template-columns:var(--_pds-radio-input-size) auto}.pds-radio-group__option input[type=radio]{appearance:none;background-size:calc(var(--_pds-radio-input-size)*.5);border-color:var(--pds-color-input-border-default);border-radius:50%;border-style:solid;border-width:2px;height:var(--_pds-radio-input-size);margin:0;place-content:center;position:relative;top:.0625rem;width:var(--_pds-radio-input-size)}.pds-radio-group__option input[type=radio],.pds-radio-group__option input[type=radio]:checked{background-color:transparent;transition:var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay)}.pds-radio-group__option input[type=radio]:checked{border-color:var(--pds-color-interactive-focus);box-shadow:0 0 0 .0625rem var(--pds-color-interactive-focus),inset 0 0 0 .09375rem var(--pds-color-interactive-focus)}.pds-radio-group__option input[type=radio]:focus-visible{border-color:var(--pds-color-interactive-focus);outline:none}.pds-radio-group__option>label{font-weight:400}.pds-radio-group.pds-is-disabled .pds-radio-group__option>label,.pds-radio-group__option input[type=radio]:disabled{opacity:50%}.pds-radio-group__option input[type=radio]:disabled:hover{border-color:var(--pds-color-input-border-default);cursor:not-allowed}.pds-split-button{display:inline-flex}.pds-split-button button.pds-split-button__primary-action{border-bottom-right-radius:0;border-right-width:.5px;border-top-right-radius:0}.pds-split-button button.pds-menu-button__trigger{border-bottom-left-radius:0;border-left-width:.5px;border-top-left-radius:0}.pds-split-button--primary button.pds-split-button__primary-action{border-right-color:var(--pds-color-background-default)}.pds-split-button--primary button.pds-menu-button__trigger{border-left-color:var(--pds-color-background-default)}.pds-split-button--primary
|
|
101
|
-
button.pds-split-button__primary-action:focus-visible{z-index:99}.pds-toggle-button{--pds-toggle-button-gap:0.25rem;background-color:var(--pds-color-toggle-button-background-off);border:none;border-radius:.1875rem;display:inline-block;padding:var(--pds-toggle-button-gap)}.pds-toggle-button__options{display:inline-flex;gap:var(--pds-toggle-button-gap)}.pds-toggle-button__option label{align-items:center;background-color:var(--pds-color-toggle-button-background-off);border-radius:.1875rem;color:var(--pds-color-toggle-button-foreground-off);cursor:pointer;display:block;font-size:1em;font-weight:600;margin-block-end:0;padding:.41rem .8rem;transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s}.pds-toggle-button__option input:checked+label{background-color:var(--pds-color-button-primary-background-default);color:var(--pds-color-button-primary-foreground-default);transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s}.pds-toggle-button.pds-is-disabled{opacity:.5}.pds-toggle-button.pds-is-disabled input+label{cursor:not-allowed}.pds-toggle-button__option input:focus-visible+label{outline:2px solid var(--pds-color-interactive-focus);outline-offset:.0625rem;transition:none}.pds-toggle-switch{--pds-toggle-switch-width:2.625rem;--pds-toggle-switch-height:1.375rem;--pds-toggle-switch-border-width:0.125rem;--pds-toggle-switch-animation:var(
|
|
96
|
+
[role=presentation].pds-menu-button__listbox-heading{color:var(--pds-color-menu-item-heading-text);font-family:Poppins,sans-serif;font-size:.875em;font-weight:700;letter-spacing:.04em;line-height:120%;padding:.64rem .8rem;text-transform:uppercase}.pds-menu-button [role=menu] [role=separator]{border-block-start:1px solid var(--pds-color-border-default);margin-block-start:.512rem;padding-block-start:.512rem}.pds-menu-button [role=menu] [role=menuitem]{background-color:var(--pds-color-menu-item-background-default);color:var(--pds-color-menu-item-foreground);cursor:pointer;font-size:1em;line-height:120%;margin:0;padding:.64rem .8rem}.pds-menu-button__item-label{align-items:center;display:flex;gap:.512rem}.pds-menu-button [role=menu] [role=menuitem].pds-menu-button__item-focused,.pds-menu-button [role=menu] [role=menuitem]:hover{background-color:var(--pds-color-menu-item-background-hover)}.pds-menu-button [role=menu] [role=menuitem]:active{background-color:var(--pds-color-menu-item-background-active)}.pds-menu-button [role=menu] [role=menuitem][aria-disabled=true]{background:var(--pds-color-menu-item-background-default);cursor:not-allowed;opacity:.5}.pds-menu-button__item-description{color:var(--pds-color-menu-item-description-text);display:block;font-size:.875em;margin-block-start:.41rem}div.pds-panel{background-color:var(--pds-color-panel-default-background);border:var(--pds-border-width-default) solid var(--pds-color-panel-default-border);border-radius:var(--pds-border-radius-container);padding:1.563rem}div.pds-panel>:last-child{margin-bottom:0}div.pds-panel+div.pds-panel{margin-block-start:1.25em}div.pds-panel--sunken{background-color:var(--pds-color-panel-sunken-background);border-color:transparent}div.pds-panel--raised{background-color:var(--pds-color-panel-raised-background);border-color:var(--pds-color-panel-raised-border);box-shadow:var(--pds-elevation-raised)}div.pds-panel--overlay{background-color:var(--pds-color-panel-overlay-background);border-color:transparent;box-shadow:var(--pds-elevation-overlay)}.pds-radio-group__option{--_pds-radio-input-size:1rem;align-items:start;column-gap:.512em;display:grid;grid-template-columns:var(--_pds-radio-input-size) auto}.pds-radio-group__option input[type=radio]{appearance:none;background-size:calc(var(--_pds-radio-input-size)*.5);border-color:var(--pds-color-input-border-default);border-radius:50%;border-style:solid;border-width:2px;height:var(--_pds-radio-input-size);margin:0;place-content:center;position:relative;top:.0625rem;width:var(--_pds-radio-input-size)}.pds-radio-group__option input[type=radio],.pds-radio-group__option input[type=radio]:checked{background-color:transparent;transition:var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay)}.pds-radio-group__option input[type=radio]:checked{border-color:var(--pds-color-interactive-focus);box-shadow:0 0 0 .0625rem var(--pds-color-interactive-focus),inset 0 0 0 .09375rem var(--pds-color-interactive-focus)}.pds-radio-group__option input[type=radio]:focus-visible{border-color:var(--pds-color-interactive-focus);outline:none}.pds-radio-group__option>label{font-weight:400}.pds-radio-group.pds-is-disabled .pds-radio-group__option>label,.pds-radio-group__option input[type=radio]:disabled{opacity:50%}.pds-radio-group__option input[type=radio]:disabled:hover{border-color:var(--pds-color-input-border-default);cursor:not-allowed}.pds-split-button{display:inline-flex}.pds-split-button button.pds-split-button__primary-action{border-bottom-right-radius:0;border-right-width:.5px;border-top-right-radius:0}.pds-split-button button.pds-menu-button__trigger{border-bottom-left-radius:0;border-left-width:.5px;border-top-left-radius:0}.pds-split-button--primary button.pds-split-button__primary-action{border-right-color:var(--pds-color-background-default)}.pds-split-button--primary button.pds-menu-button__trigger{border-left-color:var(--pds-color-background-default)}.pds-split-button--primary
|
|
97
|
+
button.pds-split-button__primary-action:focus-visible{z-index:99}.pds-tile__heading{color:var(--pds-color-text-default);font-weight:700;margin-block-end:.512rem}.pds-tile__heading h2,.pds-tile__heading h3,.pds-tile__heading h4,.pds-tile__heading span{font-size:1.563em;margin-block-end:0}.pds-tile__bodytext p{color:var(--pds-color-text-default-secondary);line-height:140%;margin-block-end:0}a.pds-tile__cta{color:var(--pds-color-brand-secondary-default);font-size:1em;font-weight:700;letter-spacing:.01em;line-height:120%;margin-block-start:1rem;outline:none;text-decoration:none}.pds-tile__cta:before{border-radius:.375rem;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s;z-index:1}.pds-tile__cta:focus-visible:before{border:2px solid var(--pds-color-interactive-focus);transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s}.pds-tile__cta-icon{fill:var(--pds-color-brand-secondary-default);margin-inline-start:.41rem;position:relative;top:.1875rem}.pds-tile-list__stat{color:var(--pds-color-text-default);font-size:2.441em;font-weight:700;margin-block-end:.512rem}.pds-tile-list__description{color:var(--pds-color-text-default-secondary);font-size:1.25em;font-weight:600;line-height:120%;margin-block-end:0}.pds-toggle-button{--pds-toggle-button-gap:0.25rem;background-color:var(--pds-color-toggle-button-background-off);border:none;border-radius:.1875rem;display:inline-block;padding:var(--pds-toggle-button-gap)}.pds-toggle-button__options{display:inline-flex;gap:var(--pds-toggle-button-gap)}.pds-toggle-button__option label{align-items:center;background-color:var(--pds-color-toggle-button-background-off);border-radius:.1875rem;color:var(--pds-color-toggle-button-foreground-off);cursor:pointer;display:block;font-size:1em;font-weight:600;margin-block-end:0;padding:.41rem .8rem;transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s}.pds-toggle-button__option input:checked+label{background-color:var(--pds-color-button-primary-background-default);color:var(--pds-color-button-primary-foreground-default);transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s}.pds-toggle-button.pds-is-disabled{opacity:.5}.pds-toggle-button.pds-is-disabled input+label{cursor:not-allowed}.pds-toggle-button__option input:focus-visible+label{outline:2px solid var(--pds-color-interactive-focus);outline-offset:.0625rem;transition:none}.pds-toggle-switch{--pds-toggle-switch-width:2.625rem;--pds-toggle-switch-height:1.375rem;--pds-toggle-switch-border-width:0.125rem;--pds-toggle-switch-animation:var(
|
|
102
98
|
--pds-animation-transition-default-duration
|
|
103
|
-
) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay)}.pds-toggle-switch>label{margin-block-end:0}.pds-toggle-switch .pds-input-field__message{margin-block-end:.8rem;margin-block-start:.328rem}.pds-toggle-switch__toggle{align-items:center;background:none;border:none;color:var(--pds-color-foreground-default);display:flex;line-height:1;padding:0;position:relative}.pds-toggle-switch__toggle .pds-toggle-off,.pds-toggle-switch__toggle .pds-toggle-on{left:calc(var(--pds-toggle-switch-width) + .512rem);position:absolute;transition:var(--pds-toggle-switch-animation)}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle-off{opacity:1}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle-on{opacity:0}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle-on{opacity:1}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle-off{opacity:0}.pds-toggle-switch__toggle:before{border-radius:6.25rem;content:"";height:var(--pds-toggle-switch-height);margin-inline-end:.512rem;width:var(--pds-toggle-switch-width)}.pds-toggle-switch__toggle[aria-checked=false]:before{background-color:var(--pds-color-input-toggle-switch-off)}.pds-toggle-switch__toggle[aria-checked=true]:before{background-color:var(--pds-color-input-toggle-switch-on)}.pds-toggle-switch__toggle:after{background-color:var(--pds-color-background-default);border-radius:100%;border-style:solid;border-width:var(--pds-toggle-switch-border-width);content:"";height:calc(var(--pds-toggle-switch-height) - var(--pds-toggle-switch-border-width)*2);position:absolute;width:calc(var(--pds-toggle-switch-height) - var(--pds-toggle-switch-border-width)*2);z-index:2}.pds-toggle-switch__toggle[aria-checked=false]:after,.pds-toggle-switch__toggle[aria-checked=true]:after{transition:var(--pds-toggle-switch-animation)}.pds-toggle-switch__toggle[aria-checked=false]:after{border-color:var(--pds-color-input-toggle-switch-off);left:0}.pds-toggle-switch__toggle[aria-checked=true]:after{border-color:var(--pds-color-input-toggle-switch-on);left:calc(var(--pds-toggle-switch-height) - var(--pds-toggle-switch-border-width))}.pds-toggle-switch__off-icon,.pds-toggle-switch__on-icon{color:var(--pds-color-input-toggle-switch-icon);position:absolute}.pds-toggle-switch__off-icon{left:calc(var(--pds-toggle-switch-height) + var(--pds-toggle-switch-border-width))}.pds-toggle-switch__on-icon{left:calc(var(--pds-toggle-switch-border-width)*2.5)}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle-switch__off-icon{opacity:1;transition:var(--pds-toggle-switch-animation);z-index:3}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle-switch__on-icon{opacity:0}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle-switch__on-icon{opacity:1;transition:var(--pds-toggle-switch-animation);z-index:3}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle-switch__off-icon{opacity:0}.pds-toggle-switch__toggle:focus{outline:none}.pds-toggle-switch__toggle:focus-visible:before{outline:1px solid var(--pds-color-input-toggle-background-on);outline-offset:1px}.pds-toggle-switch.pds-is-disabled .pds-toggle-switch__toggle{cursor:not-allowed;opacity:50%}
|
|
99
|
+
) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay)}.pds-toggle-switch>label{margin-block-end:0}.pds-toggle-switch .pds-input-field__message{margin-block-end:.8rem;margin-block-start:.328rem}.pds-toggle-switch__toggle{align-items:center;background:none;border:none;color:var(--pds-color-foreground-default);display:flex;line-height:1;padding:0;position:relative}.pds-toggle-switch__toggle .pds-toggle-off,.pds-toggle-switch__toggle .pds-toggle-on{left:calc(var(--pds-toggle-switch-width) + .512rem);position:absolute;transition:var(--pds-toggle-switch-animation)}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle-off{opacity:1}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle-on{opacity:0}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle-on{opacity:1}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle-off{opacity:0}.pds-toggle-switch__toggle:before{border-radius:6.25rem;content:"";height:var(--pds-toggle-switch-height);margin-inline-end:.512rem;width:var(--pds-toggle-switch-width)}.pds-toggle-switch__toggle[aria-checked=false]:before{background-color:var(--pds-color-input-toggle-switch-off)}.pds-toggle-switch__toggle[aria-checked=true]:before{background-color:var(--pds-color-input-toggle-switch-on)}.pds-toggle-switch__toggle:after{background-color:var(--pds-color-background-default);border-radius:100%;border-style:solid;border-width:var(--pds-toggle-switch-border-width);content:"";height:calc(var(--pds-toggle-switch-height) - var(--pds-toggle-switch-border-width)*2);position:absolute;width:calc(var(--pds-toggle-switch-height) - var(--pds-toggle-switch-border-width)*2);z-index:2}.pds-toggle-switch__toggle[aria-checked=false]:after,.pds-toggle-switch__toggle[aria-checked=true]:after{transition:var(--pds-toggle-switch-animation)}.pds-toggle-switch__toggle[aria-checked=false]:after{border-color:var(--pds-color-input-toggle-switch-off);left:0}.pds-toggle-switch__toggle[aria-checked=true]:after{border-color:var(--pds-color-input-toggle-switch-on);left:calc(var(--pds-toggle-switch-height) - var(--pds-toggle-switch-border-width))}.pds-toggle-switch__off-icon,.pds-toggle-switch__on-icon{color:var(--pds-color-input-toggle-switch-icon);position:absolute}.pds-toggle-switch__off-icon{left:calc(var(--pds-toggle-switch-height) + var(--pds-toggle-switch-border-width))}.pds-toggle-switch__on-icon{left:calc(var(--pds-toggle-switch-border-width)*2.5)}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle-switch__off-icon{opacity:1;transition:var(--pds-toggle-switch-animation);z-index:3}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle-switch__on-icon{opacity:0}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle-switch__on-icon{opacity:1;transition:var(--pds-toggle-switch-animation);z-index:3}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle-switch__off-icon{opacity:0}.pds-toggle-switch__toggle:focus{outline:none}.pds-toggle-switch__toggle:focus-visible:before{outline:1px solid var(--pds-color-input-toggle-background-on);outline-offset:1px}.pds-toggle-switch.pds-is-disabled .pds-toggle-switch__toggle{cursor:not-allowed;opacity:50%}.pds-tabs__tablist{align-items:flex-start;background-color:transparent;border-bottom:1px solid var(--pds-color-border-default);color:var(-pds-color-text-default);column-gap:2.441rem;display:none;justify-content:flex-start;position:relative;width:100%}@media (min-width:641px){.pds-tabs__tablist{display:flex}}.pds-tabs__tab{background-color:transparent;border:none;border-bottom:3px solid transparent;bottom:-1px;color:var(--pds-color-text-default);cursor:pointer;font-family:var(--pds-typography-font-default);font-size:1.25em;font-weight:600;padding:.512rem;padding-block-end:.64rem;position:relative}.pds-tabs__tab,.pds-tabs__tab:hover{transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s}.pds-tabs__tab:hover{color:var(--pds-color-tabs-accent)}.pds-tabs__tab:focus-visible{outline:2px solid var(--pds-color-interactive-focus)}.pds-tabs__tab[aria-selected=true]{border-bottom-color:var(--pds-color-tabs-accent);color:var(--pds-color-tabs-accent)}.pds-tabs__tab[aria-disabled=true],.pds-tabs__trigger[aria-disabled=true],.pds-tabs__trigger[aria-disabled=true]:hover{color:var(--pds-color-text-default);cursor:not-allowed;opacity:50%}.pds-tabs__tab-text{align-items:center;column-gap:.512rem;display:flex;justify-content:flex-start}.pds-tabs__panel{display:block}.pds-tabs__panel-content{padding:1rem 0}.pds-tabs__panel[hidden] .pds-tabs__panel-content{display:none}.pds-tabs__panel[hidden] .pds-tabs__expand-icon{transform:rotate(-180deg)}.pds-tabs__expand-icon,.pds-tabs__panel[hidden] .pds-tabs__expand-icon{transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s}.pds-tabs__trigger{align-items:center;background-color:transparent;border:none;border-bottom:1px solid var(--pds-color-border-default);color:var(--pds-color-text-default);cursor:pointer;display:flex;flex-wrap:nowrap;font-family:var(--pds-typography-font-default);font-size:1.25em;font-weight:600;justify-content:space-between;padding:.25rem;position:relative;width:100%}@media (min-width:641px){.pds-tabs__trigger{display:none}}.pds-tabs__trigger:hover{color:var(--pds-color-tabs-accent)}.pds-tabs__trigger[aria-selected=true]{border-bottom-color:var(--pds-color-tabs-accent);border-width:3px;color:var(--pds-color-tabs-accent)}.pds-tag{background-color:var(--pds-color-tag-2-background);border-radius:var(--pds-border-radius-container);color:var(--pds-color-tag-1-foreground);display:inline-flex;font-size:.875em;font-weight:600;line-height:1.25em;margin-block-end:0;margin-block-start:var(--pds-spacing-xs);margin-inline-end:var(--pds-spacing-xs);padding-block:var(--pds-spacing-3xs);padding-inline:var(--pds-spacing-xs)}.pds-tag.pds-tag--color-1,.pds-tag.pds-tag--color-1 .pds-tag__delete{background-color:var(--pds-color-tag-1-background);color:var(--pds-color-tag-1-foreground)}.pds-tag.pds-tag--color-1 .pds-tag__delete{border-color:var(--pds-color-tag-1-foreground)}.pds-tag.pds-tag--color-2,.pds-tag.pds-tag--color-2 .pds-tag__delete{background-color:var(--pds-color-tag-2-background);color:var(--pds-color-tag-2-foreground)}.pds-tag.pds-tag--color-2 .pds-tag__delete{border-color:var(--pds-color-tag-2-foreground)}.pds-tag.pds-tag--color-3,.pds-tag.pds-tag--color-3 .pds-tag__delete{background-color:var(--pds-color-tag-3-background);color:var(--pds-color-tag-3-foreground)}.pds-tag.pds-tag--color-3 .pds-tag__delete{border-color:var(--pds-color-tag-3-foreground)}.pds-tag.pds-tag--color-4,.pds-tag.pds-tag--color-4 .pds-tag__delete{background-color:var(--pds-color-tag-4-background);color:var(--pds-color-tag-4-foreground)}.pds-tag.pds-tag--color-4 .pds-tag__delete{border-color:var(--pds-color-tag-4-foreground)}.pds-tag.pds-tag--color-5,.pds-tag.pds-tag--color-5 .pds-tag__delete{background-color:var(--pds-color-tag-5-background);color:var(--pds-color-tag-5-foreground)}.pds-tag.pds-tag--color-5 .pds-tag__delete{border-color:var(--pds-color-tag-5-foreground)}.pds-tag.pds-tag--color-6,.pds-tag.pds-tag--color-6 .pds-tag__delete{background-color:var(--pds-color-tag-6-background);color:var(--pds-color-tag-6-foreground)}.pds-tag.pds-tag--color-6 .pds-tag__delete{border-color:var(--pds-color-tag-6-foreground)}.pds-tag.pds-tag--color-7,.pds-tag.pds-tag--color-7 .pds-tag__delete{background-color:var(--pds-color-tag-7-background);color:var(--pds-color-tag-7-foreground)}.pds-tag.pds-tag--color-7 .pds-tag__delete{border-color:red}.pds-tag.pds-tag--color-8,.pds-tag.pds-tag--color-8 .pds-tag__delete{background-color:var(--pds-color-tag-8-background);color:var(--pds-color-tag-8-foreground)}.pds-tag.none{display:none}.pds-tag .pds-tag__delete{border:0;border-radius:50%;cursor:pointer;display:inline-block;font-size:8px;height:16px;margin-inline-start:var(--pds-spacing-3xs);width:16px}.pds-tag .pds-tag__delete:focus{outline:1px solid var(--pds-color-interactive-focus)}.pds-tag .pds-tag__delete svg{transform:translateX(-5px)}.pds-expansion-panel details{border:1px solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);line-height:normal;margin-block-end:.25rem}.pds-expansion-panel details>summary::-webkit-details-marker{display:none}.pds-expansion-panel details>summary{align-items:center;border-radius:var(--pds-border-radius-container);color:var(--pds-color-text-default);cursor:pointer;display:flex;flex-wrap:nowrap;font-family:var(--pds-typography-font-default);font-size:1em;font-weight:600;gap:1.25rem;justify-content:space-between;padding:.64rem 1rem}.pds-expansion-panel details>summary,.pds-expansion-panel details>summary:hover{transition:background-color background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s}.pds-expansion-panel details>summary:hover{background-color:var(--pds-color-expansion-panel-hover)}.pds-expansion-panel details>summary:focus-visible{outline:2px solid var(--pds-color-interactive-focus)}.pds-expansion-panel details>summary .pds-expansion-panel__icon{color:var(--pds-color-text-default-secondary);transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s}.pds-expansion-panel details[open]>summary{background-color:var(--pds-color-expansion-panel-open);border-radius:var(--pds-border-radius-container) var(--pds-border-radius-container) 0 0}.pds-expansion-panel details[open]>summary .pds-expansion-panel__icon{color:var(--pds-color-text-default);transform:rotate(-180deg);transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s}.pds-expansion-panel .pds-expansion-panel__content{padding:.8rem 1rem}.pds-expansion-panel--group details{border-color:transparent}.pds-expansion-panel--group details[open]>summary{border-radius:var(--pds-border-radius-container)}.pds-table{border-collapse:collapse;font-family:var(--pds-typography-font-default);font-size:.875em;overflow-y:scroll;width:100%}.pds-table thead{border-bottom:1px solid var(--pds-color-border-default)}.pds-table thead th{font-weight:700;letter-spacing:var(--pds-typography-letter-spacing-m);text-align:left;text-transform:uppercase;vertical-align:baseline}@media (min-width:1025px){.pds-table thead th{max-width:15rem;width:15rem}}.pds-table td,.pds-table th{padding:var(--pds-spacing-s)}@media (min-width:641px){.pds-table td,.pds-table th{padding:var(--pds-spacing-l)}}.pds-table tr{border-bottom:1px solid var(--pds-color-border-default);white-space:nowrap}@media (min-width:1025px){.pds-table tr{white-space:inherit}}.pds-table .pds-table__sort-button{background-color:transparent;border:none;display:inline-flex;flex-direction:column;margin-inline-start:.328rem;transform:translateY(-.25rem)}.pds-table .pds-table__sort-header{cursor:pointer}.pds-table .pds-table__sort-wrapper{display:flex}.pds-table .pds-table__sort-button-top{color:var(--pds-color-link-visited);line-height:0}.pds-table .pds-table__sort-button-bottom,.pds-table .pds-table__sort-button-top.desc,.pds-table .pds-table__sort-button-top.pds-table__sort-innactive{color:var(--pds-color-table-sort-arrow-inactive)}.pds-table .pds-table__sort-button-bottom{line-height:0;margin-block-start:-.375rem}.pds-table .pds-table__sort-button-bottom.desc{color:var(--pds-color-link-visited)}.pds-breadcrumbs .pds-breadcrumbs__item{display:flex;list-style-type:none}.pds-breadcrumbs .pds-breadcrumbs__item li:not(:last-child):after{color:var(--pds-color-text-default-secondary);content:"/";margin-inline-end:.41em;margin-inline-start:.41em}.pds-breadcrumbs .pds-breadcrumbs__item li .pds-breadcrumbs__disabled{color:var(--pds-color-text-default-secondary);cursor:default}.pds-breadcrumbs .pds-breadcrumbs__item li .pds-breadcrumbs__disabled:hover{color:var(--pds-color-text-default-secondary);text-decoration:none}.pds-breadcrumbs .pds-breadcrumbs__item li .pds-breadcrumbs__disabled .pds-tooltip button{color:var(--pds-color-text-default-secondary);padding:.64em 0}.pds-breadcrumbs .pds-breadcrumbs__item .pds-breadcrumbs__expand-button{background:none;border:none;cursor:pointer;display:inline-block;gap:.512em;outline:inherit;padding:0}@media (max-width:640px){.pds-breadcrumbs .pds-breadcrumbs__item{display:none}}.pds-breadcrumbs .pds-breadcrumbs__hidden,.pds-breadcrumbs__mobileCrumbs{display:none}@media (max-width:640px){.pds-breadcrumbs__mobileCrumbs{align-items:center;display:flex}.pds-breadcrumbs__mobileCrumbs svg{margin-inline-end:.328em}}.breadcrumb-dropdown[data-reach-menu-button]{@apply p-0 cursor-pointer text-blue-3 hover:underline hover:bg-none hover:text-blue-4}.breadcrumb-dropdown[data-reach-menu-button]>[data-icon]{@apply hidden}.pds-tooltip.pds-icon_info{color:var(--pds-color-tooltip-trigger-icon-critical)}.pds-tooltip:hover{cursor:pointer}.pds-tooltip:focus-visible{outline:1.5px solid var(--pds-color-interactive-focus)}.pds-tooltip button{background:none;border:none;color:var(--pds-color-tooltip-trigger-icon-default);display:inline-block;line-height:0;outline:inherit;padding:.25rem 0}.pds-icon_exclamation button{color:var(--pds-color-tooltip-trigger-icon-critical)}.pds-tooltip__content{overflow:visible;overflow-x:visible;z-index:3}.pds-tooltip__floating{background-color:var(--pds-color-tooltip-background);border-radius:.375rem;box-sizing:border-box;color:var(--pds-color-tooltip-text);font-size:.75em;line-height:140%;max-width:25vw;padding:.64rem;width:max-content}.pds-tooltip__floating svg{fill:var(--pds-color-tooltip-background)}@media (max-width:640px){.pds-tooltip__floating{max-width:calc(80vw - 10px)}}.pds-avatar{display:inline-flex}button.pds-avatar{background:none;border:none;padding:0}div.pds-avatar .pds-avatar__icon,div.pds-avatar .pds-avatar__image,div.pds-avatar .pds-avatar__image img{pointer-events:none}.pds-avatar__image .pds-avatar__icon,.pds-avatar__image img{background-color:#cfcfd3;border:2px solid #cfcfd3;border-radius:100%;color:var(--pds-color-text-default);height:100%;width:100%}.pds-avatar__image .pds-avatar__icon:hover,.pds-avatar__image img:hover{border-color:#5f41e5;cursor:pointer}a.pds-avatar:focus-visible,button.pds-avatar:focus-visible{outline:none}a.pds-avatar:focus-visible .pds-avatar__image .pds-avatar__icon,a.pds-avatar:focus-visible .pds-avatar__image img,button.pds-avatar:focus-visible .pds-avatar__image .pds-avatar__icon,button.pds-avatar:focus-visible .pds-avatar__image img{outline:3px solid var(--pds-color-interactive-focus);outline-offset:-2px}.pds-avatar--small .pds-avatar__image{height:2.441rem;width:2.441rem}.pds-avatar--medium .pds-avatar__image{height:3.815rem;width:3.815rem}.pds-avatar__image .pds-avatar__icon{align-items:center;display:flex;justify-content:center}
|
package/_dist/css/pds-core.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
@import url("https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap")
|
|
1
|
+
@import url("https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");:root{--pds-animation-transition-default-delay:0s;--pds-animation-transition-default-duration:200ms;--pds-animation-transition-default-timing-function:ease-in-out;--pds-animation-transition-dropdown-duration:300ms;--pds-border-radius-container:0.375rem;--pds-border-radius-default:0.1875rem;--pds-border-width-default:1px;--pds-container-marketing-padding-medium-large:5%;--pds-container-marketing-padding-small:4%;--pds-grid-marketing-column-medium-large:5.125%;--pds-grid-marketing-column-small:21.34375%;--pds-grid-marketing-gap-medium-large:3.5%;--pds-grid-marketing-gap-small:4.875%;--pds-spacing-2xl:1.953rem;--pds-spacing-2xs:0.512rem;--pds-spacing-3xl:2.441rem;--pds-spacing-3xs:0.41rem;--pds-spacing-4xl:3.052rem;--pds-spacing-4xs:0.328rem;--pds-spacing-5xl:3.815rem;--pds-spacing-5xs:0.25rem;--pds-spacing-6xl:4.678rem;--pds-spacing-6xs:0.125rem;--pds-spacing-7xl:5.96rem;--pds-spacing-8xl:7.451rem;--pds-spacing-l:1.25rem;--pds-spacing-m:1rem;--pds-spacing-s:0.8rem;--pds-spacing-xl:1.563rem;--pds-spacing-xs:0.64rem;--pds-typography-font-default:"Poppins",sans-serif;--pds-typography-font-secondary:"Aleo",serif;--pds-typography-font-weight-bold:700;--pds-typography-font-weight-extrabold:800;--pds-typography-font-weight-medium:500;--pds-typography-font-weight-regular:400;--pds-typography-font-weight-semibold:600;--pds-typography-letter-spacing-l:0.04em;--pds-typography-letter-spacing-m:0.02em;--pds-typography-letter-spacing-s:0.01em;--pds-typography-letter-spacing-xl:0.06em;--pds-typography-line-height-l:170%;--pds-typography-line-height-m:140%;--pds-typography-line-height-s:120%;--pds-typography-line-height-xl:195%;--pds-typography-multiplier-medium:0.85;--pds-typography-multiplier-small:0.75;--pds-color-background-default:#fff;--pds-color-banner-danger-background:#ca3521;--pds-color-banner-danger-foreground:#fff;--pds-color-banner-info-background:#44546f;--pds-color-banner-info-foreground:#fff;--pds-color-banner-warning-background:#e2b203;--pds-color-banner-warning-foreground:#23232d;--pds-color-border-default:#cfcfd3;--pds-color-brand-accent-default:#de0093;--pds-color-brand-primary-default:#ffdc28;--pds-color-brand-secondary-default:#3017a1;--pds-color-button-brand-background-active:#ddbd16;--pds-color-button-brand-background-default:#ffdc28;--pds-color-button-brand-background-hover:#ffe668;--pds-color-button-brand-border-active:#ddbd16;--pds-color-button-brand-border-default:#ffdc28;--pds-color-button-brand-border-hover:#ffe668;--pds-color-button-brand-foreground-active:#23232d;--pds-color-button-brand-foreground-default:#23232d;--pds-color-button-brand-foreground-hover:#23232d;--pds-color-button-brand-secondary-background-active:#f1f1f1;--pds-color-button-brand-secondary-background-default:transparent;--pds-color-button-brand-secondary-background-hover:#f8f8f8;--pds-color-button-brand-secondary-border-active:#23232d;--pds-color-button-brand-secondary-border-default:#6d6d78;--pds-color-button-brand-secondary-border-hover:#23232d;--pds-color-button-brand-secondary-foreground-active:#23232d;--pds-color-button-brand-secondary-foreground-default:#23232d;--pds-color-button-brand-secondary-foreground-hover:#23232d;--pds-color-button-critical-background-active:#b6301e;--pds-color-button-critical-background-default:#ca3521;--pds-color-button-critical-background-hover:#cf4937;--pds-color-button-critical-border-active:#b6301e;--pds-color-button-critical-border-default:#ca3521;--pds-color-button-critical-border-hover:#cf4937;--pds-color-button-critical-foreground-active:#fff;--pds-color-button-critical-foreground-default:#fff;--pds-color-button-critical-foreground-hover:#fff;--pds-color-button-primary-background-active:#11005d;--pds-color-button-primary-background-default:#3017a1;--pds-color-button-primary-background-hover:#5f41e5;--pds-color-button-primary-border-active:#11005d;--pds-color-button-primary-border-default:#3017a1;--pds-color-button-primary-border-hover:#5f41e5;--pds-color-button-primary-foreground-active:#fff;--pds-color-button-primary-foreground-default:#fff;--pds-color-button-primary-foreground-hover:#fff;--pds-color-button-secondary-background-active:#e5dbff;--pds-color-button-secondary-background-default:transparent;--pds-color-button-secondary-background-hover:#f0ecff;--pds-color-button-secondary-border-active:#11005d;--pds-color-button-secondary-border-default:#3017a1;--pds-color-button-secondary-border-hover:#5f41e5;--pds-color-button-secondary-foreground-active:#11005d;--pds-color-button-secondary-foreground-default:#3017a1;--pds-color-button-secondary-foreground-hover:#3017a1;--pds-color-button-subtle-background-active:#cfcfd3;--pds-color-button-subtle-background-default:transparent;--pds-color-button-subtle-background-hover:#f1f1f1;--pds-color-button-subtle-border-default:transparent;--pds-color-button-subtle-foreground-active:#23232d;--pds-color-button-subtle-foreground-default:#23232d;--pds-color-button-subtle-foreground-hover:#23232d;--pds-color-card-border:var(--pds-color-border-default);--pds-color-expansion-panel-hover:#f1f1f1;--pds-color-expansion-panel-open:#f1f1f1;--pds-color-foreground-default:#23232d;--pds-color-gradient-after-hours:linear-gradient(228.64deg,#2b017b 41.87%,#29b2ff);--pds-color-gradient-midnight:linear-gradient(228.64deg,#3017a1 46.34%,#00e0c3);--pds-color-gradient-sunrise:linear-gradient(227.79deg,#300068 38.28%,#e65f35);--pds-color-gradient-sunset:linear-gradient(48.24deg,#ef13ad,#300068 66.25%);--pds-color-input-action-background-hover:#f8f8f8;--pds-color-input-background-critical:#ffedeb;--pds-color-input-background-default:#fff;--pds-color-input-background-hover:#f0ecff;--pds-color-input-border-critical:#ca3521;--pds-color-input-border-default:#cfcfd3;--pds-color-input-border-hover:#5f41e5;--pds-color-input-border-success:#218c5f;--pds-color-input-checked-background:var(--pds-color-interactive-focus);--pds-color-input-checked-foreground:#fff;--pds-color-input-foreground-critical:#ca3521;--pds-color-input-foreground-default:#23232d;--pds-color-input-foreground-success:#218c5f;--pds-color-input-placeholder-text:#6d6d78;--pds-color-input-toggle-switch-icon:#fff;--pds-color-input-toggle-switch-off:#6d6d78;--pds-color-input-toggle-switch-on:var(--pds-color-interactive-focus);--pds-color-interactive-focus:#0f62fe;--pds-color-link-active:#6f54e8;--pds-color-link-cta-active:#11005d;--pds-color-link-cta-default:#3017a1;--pds-color-link-cta-hover:#5f41e5;--pds-color-link-default:#0f62fe;--pds-color-link-hover:#6f54e8;--pds-color-link-visited:#6f54e8;--pds-color-menu-background:#fff;--pds-color-menu-item-background-active:#f1f1f1;--pds-color-menu-item-background-default:#fff;--pds-color-menu-item-background-hover:#f8f8f8;--pds-color-menu-item-description-text:#6d6d78;--pds-color-menu-item-foreground:#23232d;--pds-color-menu-item-heading-text:#6d6d78;--pds-color-neutral-000:#fff;--pds-color-neutral-100:#f8f8f8;--pds-color-neutral-200:#f1f1f1;--pds-color-neutral-300:#cfcfd3;--pds-color-neutral-400:#6d6d78;--pds-color-neutral-500:#23232d;--pds-color-pager-background-active:#f0ecff;--pds-color-pager-background-hover:#f1f1f1;--pds-color-pager-foreground-active:#5f41e5;--pds-color-panel-default-background:var(--pds-color-background-default);--pds-color-panel-default-border:var(--pds-color-border-default);--pds-color-panel-overlay-background:var(--pds-color-background-default);--pds-color-panel-raised-background:var(--pds-color-background-default);--pds-color-panel-raised-border:#f1f1f1;--pds-color-panel-sunken-background:#f1f1f1;--pds-color-table-sort-arrow-active:#6f54e8;--pds-color-table-sort-arrow-inactive:#cfcfd3;--pds-color-tabs-accent:#5f41e5;--pds-color-tag-1-background:#fffbe9;--pds-color-tag-1-foreground:#705e00;--pds-color-tag-2-background:#f0ecff;--pds-color-tag-2-foreground:#3017a1;--pds-color-tag-3-background:#ffe5f6;--pds-color-tag-3-foreground:#9a0066;--pds-color-tag-4-background:#f1f1f1;--pds-color-tag-4-foreground:#6d6d78;--pds-color-tag-5-background:#ffebeb;--pds-color-tag-5-foreground:#700000;--pds-color-tag-6-background:#fffae6;--pds-color-tag-6-foreground:#b15902;--pds-color-tag-7-background:#dffcf0;--pds-color-tag-7-foreground:#164b35;--pds-color-tag-8-background:#f0fdff;--pds-color-tag-8-foreground:#0f5f6a;--pds-color-text-default:#23232d;--pds-color-text-default-secondary:#6d6d78;--pds-color-tile-background-active:#f1f1f1;--pds-color-tile-background-hover:#f8f8f8;--pds-color-tile-separator:#cfcfd3;--pds-color-toggle-button-background-off:#f1f1f1;--pds-color-toggle-button-foreground-off:#6d6d78;--pds-color-tooltip-background:#23232d;--pds-color-tooltip-text:#fff;--pds-color-tooltip-trigger-icon-critical:#ca3521;--pds-color-tooltip-trigger-icon-default:#23232d;--pds-elevation-overlay:0px 1px 3px 0px rgba(0,0,0,.1),0px 8px 12px 0px rgba(0,0,0,.15);--pds-elevation-raised:0px 1px 2px 0px rgba(0,0,0,.2),0px 3px 8px 0px rgba(0,0,0,.15)}
|
|
2
2
|
|
|
3
|
-
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.2}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.2;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}body{color:var(--pds-color-text-default);font-family:Poppins,sans-serif;font-weight:400}.pds-visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}:
|
|
3
|
+
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.2}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.2;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}body{color:var(--pds-color-text-default);font-family:Poppins,sans-serif;font-weight:400}.pds-visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.pds-ts-xs{font-size:.75em}.pds-ts-s{font-size:.875em}.pds-ts-m{font-size:1em}@media (max-width:640px){.pds-ts-l{font-size:calc(1.25em*var(--pds-typography-multiplier-medium))}}@media (min-width:641px){.pds-ts-l{font-size:calc(1.25em*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-l{font-size:1.25em}}@media (max-width:640px){.pds-ts-xl{font-size:calc(1.563em*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-xl{font-size:calc(1.563em*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-xl{font-size:1.563em}}@media (max-width:640px){.pds-ts-2xl{font-size:calc(1.953em*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-2xl{font-size:calc(1.953em*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-2xl{font-size:1.953em}}@media (max-width:640px){.pds-ts-3xl{font-size:calc(2.441em*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-3xl{font-size:calc(2.441em*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-3xl{font-size:2.441em}}@media (max-width:640px){.pds-ts-4xl{font-size:calc(3.052em*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-4xl{font-size:calc(3.052em*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-4xl{font-size:3.052em}}a{color:var(--pds-color-link-default);text-decoration:none}a:hover{color:var(--pds-color-link-hover);text-decoration:underline}a:focus{outline:1px solid var(--pds-color-interactive-focus);text-decoration:none}a:active{color:var(--pds-color-link-active);outline:none}h1,h2,h3,h4,h5,h6{color:var(--pds-color-text-headings);font-family:Poppins,sans-serif;font-weight:700;letter-spacing:normal;line-height:120%;margin-block-end:1.25rem;margin-block-start:0}@media (max-width:640px){h1{font-size:calc(3.052em*var(--pds-typography-multiplier-small))}}@media (min-width:641px){h1{font-size:calc(3.052em*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){h1{font-size:3.052em}}@media (max-width:640px){h2{font-size:calc(2.441em*var(--pds-typography-multiplier-small))}}@media (min-width:641px){h2{font-size:calc(2.441em*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){h2{font-size:2.441em}}@media (max-width:640px){h3{font-size:calc(1.953em*var(--pds-typography-multiplier-small))}}@media (min-width:641px){h3{font-size:calc(1.953em*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){h3{font-size:1.953em}}@media (max-width:640px){h4{font-size:calc(1.563em*var(--pds-typography-multiplier-small))}}@media (min-width:641px){h4{font-size:calc(1.563em*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){h4{font-size:1.563em}}@media (max-width:640px){h5{font-size:calc(1.25em*var(--pds-typography-multiplier-medium))}}@media (min-width:641px){h5{font-size:calc(1.25em*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){h5{font-size:1.25em}}h6{font-size:1em}@media (max-width:640px){.pds-lead-text{font-size:calc(1.953em*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-lead-text{font-size:calc(1.953em*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-lead-text{font-size:1.953em}}.pds-lead-text{color:var(--pds-color-text-lead);font-family:Aleo,serif;font-weight:400;letter-spacing:none;line-height:140%;margin-block-end:1.25rem;margin-block-start:0}@media (max-width:640px){.pds-lead-text--small{font-size:calc(1.563em*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-lead-text--small{font-size:calc(1.563em*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-lead-text--small{font-size:1.563em}}@media (max-width:640px){div.pds-overline-text{font-size:calc(1.25em*var(--pds-typography-multiplier-medium))}}@media (min-width:641px){div.pds-overline-text{font-size:calc(1.25em*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){div.pds-overline-text{font-size:1.25em}}div.pds-overline-text{color:var(--pds-color-text-default-secondary);font-family:Poppins,sans-serif;font-weight:700;letter-spacing:.04em;line-height:120%;margin-block-end:1rem;margin-block-start:0;text-transform:uppercase}div.pds-overline-text--small{font-size:1em}div.pds-overline-text--xs{font-size:.875em}p{color:var(--pds-color-text-paragraph);font-family:Poppins,sans-serif;font-size:1em;font-weight:400;letter-spacing:normal;line-height:170%;margin-block-start:0}@media (max-width:640px){div.pds-quote-text,p.pds-quote-text{font-size:calc(1.953em*var(--pds-typography-multiplier-small))}}@media (min-width:641px){div.pds-quote-text,p.pds-quote-text{font-size:calc(1.953em*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){div.pds-quote-text,p.pds-quote-text{font-size:1.953em}}div.pds-quote-text,p.pds-quote-text{color:var(--pds-color-text-quote);font-family:Aleo,serif;font-style:italic;font-weight:400;letter-spacing:none;line-height:140%;margin-block-end:1.25rem;margin-block-start:0}
|