@pantheon-systems/pds-toolkit-react 2.0.0-alpha.38 → 2.0.0-alpha.39
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/codemods/v1-to-v2/mappings.json +13 -0
- package/dist/components/buttons/ButtonLink/ButtonLink.d.ts +1 -3
- package/dist/components/icons/Icon/generated-icon-data.d.ts +1 -1
- package/dist/components/progress-indicators/ProgressBar/ProgressBar.d.ts +1 -1
- package/dist/components/progress-indicators/ProgressRing/ProgressRing.d.ts +10 -1
- package/dist/css/component-css/pds-button-link.css +1 -1
- package/dist/css/component-css/pds-button.css +1 -1
- package/dist/css/component-css/pds-filter-button.css +1 -1
- package/dist/css/component-css/pds-index.css +3 -3
- package/dist/css/component-css/pds-progress-ring.css +1 -1
- package/dist/css/component-css/pds-skeleton.css +1 -1
- package/dist/css/component-css/pds-switch.css +1 -1
- package/dist/css/design-tokens/variables.dark.css +6 -2
- package/dist/css/design-tokens/variables.light.css +4 -0
- package/dist/css/pds-components.css +3 -3
- package/dist/css/pds-core.css +2 -2
- package/dist/index.css +1 -1
- package/dist/index.js +302 -266
- package/dist/index.js.map +1 -1
- package/dist/libs/types/custom-types.d.ts +1 -1
- package/package.json +5 -7
|
@@ -289,6 +289,12 @@
|
|
|
289
289
|
}
|
|
290
290
|
],
|
|
291
291
|
"additions": [
|
|
292
|
+
{
|
|
293
|
+
"component": "ButtonLink",
|
|
294
|
+
"prop": "variant",
|
|
295
|
+
"description": "ButtonLink now supports the full Button variant set, including the new 'link' variant (a text-link appearance on a real anchor). Previously the 'inline' variant was excluded.",
|
|
296
|
+
"usage": "Use variant=\"link\" for an anchor styled as an inline text link — e.g. the account-tier links in a dashboard workspace header."
|
|
297
|
+
},
|
|
292
298
|
{
|
|
293
299
|
"component": "Card",
|
|
294
300
|
"prop": "imageVariant",
|
|
@@ -552,6 +558,13 @@
|
|
|
552
558
|
"replacement": "Use variant=\"subtle\"",
|
|
553
559
|
"reason": "The navbar variant has been removed in v2. It was visually identical to subtle — replace with subtle."
|
|
554
560
|
},
|
|
561
|
+
{
|
|
562
|
+
"component": "Button",
|
|
563
|
+
"prop": "variant",
|
|
564
|
+
"oldValue": "inline",
|
|
565
|
+
"replacement": "Use variant=\"link\"",
|
|
566
|
+
"reason": "The 'inline' button variant has been renamed to 'link' to describe its appearance (a text link) rather than its placement, and is no longer treated as legacy."
|
|
567
|
+
},
|
|
555
568
|
{
|
|
556
569
|
"component": "MenuButton",
|
|
557
570
|
"prop": "variant",
|
|
@@ -3,7 +3,6 @@ import { ButtonDisplayType, ButtonSize, ButtonVariant } from '../../../libs/type
|
|
|
3
3
|
import { PDSIcon } from '../../icons/Icon/Icon';
|
|
4
4
|
import '../Button/button.css';
|
|
5
5
|
import './button-link.css';
|
|
6
|
-
type ButtonLinkVariant = Exclude<ButtonVariant, 'inline'>;
|
|
7
6
|
/**
|
|
8
7
|
* Prop types for ButtonLink
|
|
9
8
|
*/
|
|
@@ -39,10 +38,9 @@ export interface ButtonLinkProps extends ComponentPropsWithoutRef<'span'> {
|
|
|
39
38
|
/**
|
|
40
39
|
* Variant of the button.
|
|
41
40
|
*/
|
|
42
|
-
variant?:
|
|
41
|
+
variant?: ButtonVariant;
|
|
43
42
|
}
|
|
44
43
|
/**
|
|
45
44
|
* ButtonLink UI component
|
|
46
45
|
*/
|
|
47
46
|
export declare const ButtonLink: ({ className, disabled, displayType, iconName, linkContent, size, tooltipText, variant, ...props }: ButtonLinkProps) => import("react/jsx-runtime").JSX.Element;
|
|
48
|
-
export {};
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Generated by: npm run generate:icon-data
|
|
5
5
|
* Source: icon-registry.ts + Font Awesome packages + custom-icons.tsx
|
|
6
|
-
* Generated: 2026-07-
|
|
6
|
+
* Generated: 2026-07-14T03:24:26.055Z
|
|
7
7
|
*/
|
|
8
8
|
import { customIcons } from './custom-icons';
|
|
9
9
|
export { customIcons };
|
|
@@ -13,7 +13,7 @@ export interface ProgressBarProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
13
13
|
/**
|
|
14
14
|
* Array of color breakpoints. Each breakpoint should have a `colorType` and `percentage` value.
|
|
15
15
|
*/
|
|
16
|
-
colorBreakpoints
|
|
16
|
+
colorBreakpoints?: ProgressBarBreakpoint[];
|
|
17
17
|
/**
|
|
18
18
|
* ID of the Progress Bar. If not provided, a unique ID will be generated.
|
|
19
19
|
*/
|
|
@@ -1,10 +1,19 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
+
import { StatusType } from '../../../libs/types/custom-types';
|
|
2
3
|
import './progress-ring.css';
|
|
4
|
+
export interface ProgressRingBreakpoint {
|
|
5
|
+
colorType: Exclude<StatusType, 'discovery'> | 'neutral';
|
|
6
|
+
percentage: number;
|
|
7
|
+
}
|
|
3
8
|
export interface ProgressRingProps extends ComponentPropsWithoutRef<'div'> {
|
|
4
9
|
/**
|
|
5
10
|
* Additional class names
|
|
6
11
|
*/
|
|
7
12
|
className?: string;
|
|
13
|
+
/**
|
|
14
|
+
* Array of color breakpoints. Each breakpoint should have a `colorType` and `percentage` value. The ring color changes as the percentage crosses each breakpoint.
|
|
15
|
+
*/
|
|
16
|
+
colorBreakpoints?: ProgressRingBreakpoint[];
|
|
8
17
|
/**
|
|
9
18
|
* ID of the Progress Ring. If not provided, a unique ID will be generated.
|
|
10
19
|
*/
|
|
@@ -37,4 +46,4 @@ export interface ProgressRingProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
37
46
|
/**
|
|
38
47
|
* ProgressRing UI component
|
|
39
48
|
*/
|
|
40
|
-
export declare const ProgressRing: ({ className, id, innerLabel, label, percentage, showLabel, showPercentage, size, ...props }: ProgressRingProps) => import("react/jsx-runtime").JSX.Element;
|
|
49
|
+
export declare const ProgressRing: ({ className, colorBreakpoints, id, innerLabel, label, percentage, showLabel, showPercentage, size, ...props }: ProgressRingProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-button-link{display:inline-
|
|
1
|
+
.pds-button-link{align-items:center;display:inline-flex}.pds-button-link a.pds-button{text-decoration:none}.pds-button-link a.pds-button:active,.pds-button-link a.pds-button:hover{--button-background-color:var(--button-background-color-hover);--button-border-color:var(--button-border-color-hover);color:var(--pds-color-button-primary-foreground);text-decoration:none}.pds-button-link a.pds-button.pds-button--secondary:active,.pds-button-link a.pds-button.pds-button--secondary:hover{color:var(--pds-color-button-secondary-foreground)}.pds-button-link a.pds-button.pds-button--subtle:active,.pds-button-link a.pds-button.pds-button--subtle:hover{color:var(--pds-color-button-subtle-foreground)}.pds-button-link a.pds-button.pds-button--critical:active,.pds-button-link a.pds-button.pds-button--critical:hover{color:var(--pds-color-button-critical-foreground)}.pds-button-link a.pds-button.pds-button--critical-secondary:active,.pds-button-link a.pds-button.pds-button--critical-secondary:hover{color:var(--pds-color-button-critical-secondary-foreground)}.pds-button-link a.pds-button.pds-button--brand:active,.pds-button-link a.pds-button.pds-button--brand:hover{color:var(--pds-color-button-brand-foreground)}.pds-button-link a.pds-button.pds-button--highlight:active,.pds-button-link a.pds-button.pds-button--highlight:hover{color:var(--pds-color-button-highlight-foreground)}.pds-button-link a.pds-button.pds-button--reverse:active,.pds-button-link a.pds-button.pds-button--reverse:hover{color:var(--pds-color-button-reverse-foreground)}.pds-button-link a.pds-button.pds-button--reverse-secondary:active,.pds-button-link a.pds-button.pds-button--reverse-secondary:hover{color:var(--pds-color-button-reverse-secondary-foreground)}.pds-button-link a.pds-button.pds-button--link:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-button-link a.pds-button.pds-button--link:active{color:var(--pds-color-interactive-link-active);text-decoration:underline}.pds-button-link.pds-button--full-width a{width:100%}.pds-button-group .pds-button-link a{text-align:center;width:100%}
|
|
@@ -68,4 +68,4 @@
|
|
|
68
68
|
--pds-color-button-reverse-secondary-foreground
|
|
69
69
|
);--button-border-color:var(--pds-color-button-reverse-secondary-border);--button-border-color-hover:var(--pds-color-button-reverse-secondary-border);--button-border-color-active:var(
|
|
70
70
|
--pds-color-button-reverse-secondary-border
|
|
71
|
-
)}.pds-button--
|
|
71
|
+
)}.pds-button--link{background-color:transparent;border:none;border-radius:0;color:var(--pds-color-interactive-link-default);height:unset;justify-content:unset;letter-spacing:0;max-height:unset;padding-inline:0;padding:0;transition:var(--pds-animation-transition-button)}.pds-button--link:hover:enabled,a.pds-button--link:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-button--link:active:enabled,a.pds-button--link:active{box-shadow:none;color:var(--pds-color-interactive-link-active)}.pds-button--loading{cursor:not-allowed}.pds-button--loading:active,.pds-button--loading:hover:enabled{--button-background-color:var(--pulse-regular-base-color);--button-border-color:var(--pulse-regular-base-color)}.pds-button--loading.pds-pulse{background-color:var(--pulse-regular-base-color);border-color:var(--pulse-regular-base-color);color:transparent}.pds-button--loading .pds-button__icon,.pds-button--loading .pds-button__tally,.pds-button--loading .pds-button__working-indicator{opacity:0}.pds-button-group{display:flex;flex-direction:column;row-gap:var(--pds-spacing-m);width:100%}@media (min-width:768px){.pds-button-group{column-gap:var(--pds-spacing-s);flex-direction:row;width:unset}.pds-button-group--lg{column-gap:var(--pds-spacing-m)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-filter-button{--fb-bg:var(--pds-color-button-secondary-background-default);--fb-bg-hover:var(--pds-color-button-secondary-background-hover);--fb-border:var(--pds-color-button-secondary-border);--fb-clear-size:1.
|
|
1
|
+
.pds-filter-button{--fb-bg:var(--pds-color-button-secondary-background-default);--fb-bg-hover:var(--pds-color-button-secondary-background-hover);--fb-border:var(--pds-color-button-secondary-border);--fb-clear-size:1.5rem;--fb-fg:var(--pds-color-button-secondary-foreground-default)}.pds-filter-button__panel{min-width:12rem;width:max-content}.pds-filter-button--has-search .pds-filter-button__panel{min-width:14rem}.pds-filter-button__trigger{background:var(--fb-bg);block-size:var(--pds-spacing-button-height-s);border:var(--pds-border-width-default) solid var(--fb-border);border-radius:var(--pds-border-radius-button);color:var(--fb-fg);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-3xs);padding-block:0;padding-inline-end:var(--pds-spacing-s);padding-inline-start:calc(var(--pds-spacing-s) + var(--pds-spacing-5xs));white-space:nowrap}.pds-filter-button__trigger:hover{background-color:var(--fb-bg-hover)}.pds-filter-button--multiple .pds-filter-button__trigger,.pds-filter-button--single .pds-filter-button__trigger{padding-inline-start:calc(var(--pds-spacing-s) + var(--fb-clear-size) + var(--pds-spacing-4xs))}.pds-filter-button__label{align-items:center;display:inline-flex;gap:var(--pds-spacing-3xs)}.pds-filter-button__divider{background-color:var(--pds-color-border-separator);block-size:.75rem;inline-size:var(--pds-border-width-default)}.pds-filter-button__clear{align-items:center;background:transparent;block-size:var(--fb-clear-size);border:none;border-radius:var(--pds-border-radius-input);color:var(--fb-fg);cursor:pointer;display:inline-flex;inline-size:var(--fb-clear-size);inset-block-start:50%;inset-inline-start:var(--pds-spacing-s);justify-content:center;padding:var(--pds-spacing-5xs);position:absolute;transform:translateY(-50%)}.pds-filter-button__clear:hover{background-color:var(--fb-bg-hover)}.pds-filter-button__clear:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-filter-button__clear:disabled{cursor:not-allowed;opacity:.5}
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
--pds-color-button-reverse-secondary-foreground
|
|
79
79
|
);--button-border-color:var(--pds-color-button-reverse-secondary-border);--button-border-color-hover:var(--pds-color-button-reverse-secondary-border);--button-border-color-active:var(
|
|
80
80
|
--pds-color-button-reverse-secondary-border
|
|
81
|
-
)}.pds-button--
|
|
81
|
+
)}.pds-button--link{background-color:transparent;border:none;border-radius:0;color:var(--pds-color-interactive-link-default);height:unset;justify-content:unset;letter-spacing:0;max-height:unset;padding-inline:0;padding:0;transition:var(--pds-animation-transition-button)}.pds-button--link:hover:enabled,a.pds-button--link:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-button--link:active:enabled,a.pds-button--link:active{box-shadow:none;color:var(--pds-color-interactive-link-active)}.pds-button--loading{cursor:not-allowed}.pds-button--loading:active,.pds-button--loading:hover:enabled{--button-background-color:var(--pulse-regular-base-color);--button-border-color:var(--pulse-regular-base-color)}.pds-button--loading.pds-pulse{background-color:var(--pulse-regular-base-color);border-color:var(--pulse-regular-base-color);color:transparent}.pds-button--loading .pds-button__icon,.pds-button--loading .pds-button__tally,.pds-button--loading .pds-button__working-indicator{opacity:0}.pds-button-group{display:flex;flex-direction:column;row-gap:var(--pds-spacing-m);width:100%}@media (min-width:768px){.pds-button-group{column-gap:var(--pds-spacing-s);flex-direction:row;width:unset}.pds-button-group--lg{column-gap:var(--pds-spacing-m)}}.pds-button-link{align-items:center;display:inline-flex}.pds-button-link a.pds-button{text-decoration:none}.pds-button-link a.pds-button:active,.pds-button-link a.pds-button:hover{--button-background-color:var(--button-background-color-hover);--button-border-color:var(--button-border-color-hover);color:var(--pds-color-button-primary-foreground);text-decoration:none}.pds-button-link a.pds-button.pds-button--secondary:active,.pds-button-link a.pds-button.pds-button--secondary:hover{color:var(--pds-color-button-secondary-foreground)}.pds-button-link a.pds-button.pds-button--subtle:active,.pds-button-link a.pds-button.pds-button--subtle:hover{color:var(--pds-color-button-subtle-foreground)}.pds-button-link a.pds-button.pds-button--critical:active,.pds-button-link a.pds-button.pds-button--critical:hover{color:var(--pds-color-button-critical-foreground)}.pds-button-link a.pds-button.pds-button--critical-secondary:active,.pds-button-link a.pds-button.pds-button--critical-secondary:hover{color:var(--pds-color-button-critical-secondary-foreground)}.pds-button-link a.pds-button.pds-button--brand:active,.pds-button-link a.pds-button.pds-button--brand:hover{color:var(--pds-color-button-brand-foreground)}.pds-button-link a.pds-button.pds-button--highlight:active,.pds-button-link a.pds-button.pds-button--highlight:hover{color:var(--pds-color-button-highlight-foreground)}.pds-button-link a.pds-button.pds-button--reverse:active,.pds-button-link a.pds-button.pds-button--reverse:hover{color:var(--pds-color-button-reverse-foreground)}.pds-button-link a.pds-button.pds-button--reverse-secondary:active,.pds-button-link a.pds-button.pds-button--reverse-secondary:hover{color:var(--pds-color-button-reverse-secondary-foreground)}.pds-button-link a.pds-button.pds-button--link:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-button-link a.pds-button.pds-button--link:active{color:var(--pds-color-interactive-link-active);text-decoration:underline}.pds-button-link.pds-button--full-width a{width:100%}.pds-button-group .pds-button-link a{text-align:center;width:100%}.pds-close-button{--button-size:var(--pds-spacing-l);align-items:center;background-color:var(--pds-color-close-button-background-default);border:none;border-radius:.25rem;color:var(--pds-color-close-button-foreground);cursor:pointer;display:flex;height:var(--button-size);justify-content:center;padding:0;width:var(--button-size)}.pds-close-button:hover{background-color:var(--pds-color-close-button-background-hover)}.pds-close-button:active:enabled{background-color:var(--pds-color-button-secondary-background-active);box-shadow:var(--pds-elevation-button-secondary-active)}.pds-close-button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-close-button__icon{flex-shrink:0}.pds-close-button--s{--button-size:var(--pds-spacing-l)}.pds-close-button--s .pds-icon{height:var(--pds-spacing-s)}.pds-close-button--m{--button-size:var(--pds-spacing-xl)}.pds-close-button--m .pds-icon{height:var(--pds-spacing-m)}.pds-close-button--l{--button-size:var(--pds-spacing-2xl)}.pds-close-button--l .pds-icon{height:var(--pds-spacing-l)}.pds-filter-button{--fb-bg:var(--pds-color-button-secondary-background-default);--fb-bg-hover:var(--pds-color-button-secondary-background-hover);--fb-border:var(--pds-color-button-secondary-border);--fb-clear-size:1.5rem;--fb-fg:var(--pds-color-button-secondary-foreground-default)}.pds-filter-button__panel{min-width:12rem;width:max-content}.pds-filter-button--has-search .pds-filter-button__panel{min-width:14rem}.pds-filter-button__trigger{background:var(--fb-bg);block-size:var(--pds-spacing-button-height-s);border:var(--pds-border-width-default) solid var(--fb-border);border-radius:var(--pds-border-radius-button);color:var(--fb-fg);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-3xs);padding-block:0;padding-inline-end:var(--pds-spacing-s);padding-inline-start:calc(var(--pds-spacing-s) + var(--pds-spacing-5xs));white-space:nowrap}.pds-filter-button__trigger:hover{background-color:var(--fb-bg-hover)}.pds-filter-button--multiple .pds-filter-button__trigger,.pds-filter-button--single .pds-filter-button__trigger{padding-inline-start:calc(var(--pds-spacing-s) + var(--fb-clear-size) + var(--pds-spacing-4xs))}.pds-filter-button__label{align-items:center;display:inline-flex;gap:var(--pds-spacing-3xs)}.pds-filter-button__divider{background-color:var(--pds-color-border-separator);block-size:.75rem;inline-size:var(--pds-border-width-default)}.pds-filter-button__clear{align-items:center;background:transparent;block-size:var(--fb-clear-size);border:none;border-radius:var(--pds-border-radius-input);color:var(--fb-fg);cursor:pointer;display:inline-flex;inline-size:var(--fb-clear-size);inset-block-start:50%;inset-inline-start:var(--pds-spacing-s);justify-content:center;padding:var(--pds-spacing-5xs);position:absolute;transform:translateY(-50%)}.pds-filter-button__clear:hover{background-color:var(--fb-bg-hover)}.pds-filter-button__clear:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-filter-button__clear:disabled{cursor:not-allowed;opacity:.5}.pds-icon-button{--icon-button-size:var(--pds-spacing-button-height-s);--icon-button-padding:var(--pds-spacing-button-padding-inline-s);--icon-button-background:var(
|
|
82
82
|
--pds-color-icon-button-standard-background-default
|
|
83
83
|
);--icon-button-background-hover:var(
|
|
84
84
|
--pds-color-icon-button-standard-background-hover
|
|
@@ -130,7 +130,7 @@
|
|
|
130
130
|
input:disabled+.pds-switch__track-wrapper
|
|
131
131
|
.pds-switch__track{cursor:not-allowed}.pds-switch__control
|
|
132
132
|
input:focus-visible+.pds-switch__track-wrapper
|
|
133
|
-
.pds-switch__track{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.125rem}.pds-switch__thumb{background:var(--toggle-thumb-background);border-radius:6.25rem;box-shadow:0 1px 1.5px rgba(0,0,0,.18);display:block;height:var(--toggle-switch-thumb-height);inset-block-start:var(--toggle-gutter);inset-inline-start:var(--toggle-gutter);position:absolute;transition:var(--toggle-switch-animation);width:var(--toggle-switch-thumb-height);z-index:1}.pds-tags-input{--tag-background:var(--pds-color-input-tag-background-default);--tag-hover-background:var(--pds-color-input-tag-background-hover);--tag-text-color:var(--pds-color-input-tag-foreground-default);--tag-text-hover-color:var(--pds-color-input-tag-foreground-hover);--tag-icon-hover-color:var(--pds-color-foreground-default-secondary);--tag-selected-outline:var(--pds-border-width-default) solid var(--pds-color-input-tag-outline-active);--wrapper-padding:var(--pds-spacing-3xs);--wrapper-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-xs);--tag-inner-gap:var(--pds-spacing-3xs);--tag-padding-block:var(--pds-spacing-4xs);--tag-padding-inline-end:var(--pds-spacing-3xs);--tag-padding-inline-start:var(--pds-spacing-3xs);--tag-remove-size:0.75rem;--tag-grip-size:0.625rem}.pds-tags-input__input-wrapper{align-items:flex-start;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:var(--wrapper-gap);padding:var(--wrapper-padding);transition:var(--pds-animation-transition-input)}.pds-tags-input__input-wrapper:has(.pds-tags-input__input:focus){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-tags-input__tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--wrapper-gap)}.pds-tags-input__tag{align-items:center;background-color:var(--tag-background);border-radius:var(--pds-border-radius-input);box-sizing:border-box;color:var(--tag-text-color);cursor:grab;display:inline-flex;font-size:var(--tag-font-size);font-weight:var(--pds-typography-fw-regular);gap:var(--tag-inner-gap);line-height:1;padding-block:var(--tag-padding-block);padding-inline:var(--tag-padding-inline-start) var(--tag-padding-inline-end);position:relative;transition:background-color .2s ease,color .2s ease}.pds-tags-input__tag:focus-visible{background-color:var(--tag-hover-background);color:var(--tag-text-hover-color);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-tags-input__tag:active{cursor:grabbing}.pds-tags-input__tag--dragging{opacity:.5}.pds-tags-input__tag--dragging:after,.pds-tags-input__tag--dragging:before{display:none}.pds-tags-input__tag--dragging .pds-tags-input__tag-remove-icon{opacity:.5}.pds-tags-input__tag--drag-preview{background-color:var(--tag-hover-background)!important;color:var(--tag-text-hover-color)!important;outline:var(--tag-selected-outline)!important;outline-offset:-1px!important}.pds-tags-input__tag--drop-target-before:before{inset-inline-start:calc(var(--wrapper-gap)/-2 - 1px)}.pds-tags-input__tag--drop-target-after:after,.pds-tags-input__tag--drop-target-before:before{background:var(--pds-color-badge-indicator-platinum-foreground);content:"";height:100%;position:absolute;top:0;width:2px}.pds-tags-input__tag--drop-target-after:after{inset-inline-end:calc(var(--wrapper-gap)/-2 - 1px)}.pds-tags-input__tag-grip{align-items:center;color:var(--pds-color-foreground-default-secondary);cursor:grab;display:flex;margin-inline-start:calc(var(--pds-spacing-6xs)*-1);opacity:.6;touch-action:none;transition:color .2s ease,opacity .2s ease}.pds-tags-input__tag-grip svg{height:var(--tag-grip-size);width:auto}.pds-tags-input__tag-grip:hover{color:var(--tag-icon-hover-color);opacity:1}.pds-tags-input__tag:active .pds-tags-input__tag-grip{cursor:grabbing}.pds-tags-input__tag-text{user-select:none}.pds-tags-input__tag-remove{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;height:var(--tag-remove-size);justify-content:center;padding:0;transition:color .2s ease;width:var(--tag-remove-size)}.pds-tags-input__tag-remove:hover{color:var(--tag-icon-hover-color)}.pds-tags-input__tag-remove:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px;transition:var(--pds-animation-transition-button)}.pds-tags-input__tag-remove-icon{color:var(--pds-color-foreground-default-secondary);flex-grow:0;flex-shrink:0;height:var(--tag-remove-size);transition:color .2s ease,opacity .2s ease;width:var(--tag-remove-size)}.pds-tags-input__tag-remove:hover .pds-tags-input__tag-remove-icon{color:var(--tag-icon-hover-color)}.pds-tags-input__tag.pds-is-disabled{cursor:not-allowed;opacity:63%}.pds-tags-input__tag.pds-is-disabled .pds-tags-input__tag-grip,.pds-tags-input__tag.pds-is-disabled .pds-tags-input__tag-remove{cursor:not-allowed;pointer-events:none}.pds-tags-input:not(.pds-is-disabled) .pds-tags-input__tag:hover:not(.pds-tags-input__tag--dragging){background-color:var(--tag-hover-background);color:var(--tag-text-hover-color)}.pds-tags-input:not(.pds-is-disabled) .pds-tags-input__tag:hover:not(.pds-tags-input__tag--dragging) .pds-tags-input__tag-grip{color:var(--tag-icon-hover-color)}.pds-tags-input__input{background:none;border:none;caret-color:var(--pds-color-foreground-default);color:var(--pds-color-foreground-default);flex:1 1 auto;font-size:var(--pds-typography-size-s);height:calc(var(--tag-padding-block)*2 + var(--tag-font-size));line-height:1;min-width:3rem;outline:none;padding-block:0;padding-inline:var(--pds-spacing-3xs)}.pds-tags-input__input::placeholder{color:var(--pds-color-input-placeholder)}.pds-tags-input.pds-has-error .pds-tags-input__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-tags-input.pds-has-error .pds-tags-input__input-wrapper:focus-within{border-color:var(--pds-color-status-critical-foreground)}.pds-tags-input.pds-has-success .pds-tags-input__input-wrapper{border-color:var(--pds-color-status-success-foreground)}.pds-tags-input.pds-has-success .pds-tags-input__input-wrapper:focus-within{border-color:var(--pds-color-status-success-foreground)}.pds-tags-input--m{--wrapper-padding:var(--pds-spacing-2xs);--wrapper-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-xs);--tag-inner-gap:var(--pds-spacing-3xs);--tag-padding-block:var(--pds-spacing-3xs);--tag-padding-inline-end:var(--pds-spacing-2xs);--tag-padding-inline-start:var(--pds-spacing-2xs);--tag-remove-size:0.75rem;--tag-grip-size:0.75rem}.pds-text-input__input-wrapper{align-items:center;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);display:flex;gap:var(--pds-spacing-xs);height:var(--pds-spacing-input-height-s);padding-inline:var(--pds-spacing-xs);transition:var(--pds-animation-transition-input)}.pds-text-input__input-wrapper:focus-within{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-text-input--m .pds-text-input__input-wrapper{gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-m);padding-inline:var(--pds-spacing-s)}.pds-text-input__input{background-color:transparent;border:none;caret-color:var(--pds-color-foreground-default);color:var(--pds-color-foreground-default);flex-grow:1;font-size:var(--pds-typography-size-s);line-height:1;padding-inline:0;width:100%}.pds-text-input__input:focus{outline:none}.pds-text-input__input::placeholder{color:var(--pds-color-input-placeholder)}.pds-text-input__visibility-toggle{background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.pds-text-input__visibility-toggle:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-text-input__visibility-toggle:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-text-input__url-prefix{align-items:center;background:var(--pds-color-surface-default-secondary);border-right:var(--pds-border-width-default) solid var(--pds-color-border-input);color:var(--pds-color-foreground-default-secondary);display:flex;font-size:var(--pds-typography-size-s);height:100%;padding-inline:var(--pds-spacing-s);user-select:none}.pds-text-input__input-wrapper--has-prefix{overflow:hidden;padding-left:0}.pds-text-input__input-wrapper--has-prefix .pds-input-prefix--error,.pds-text-input__input-wrapper--has-prefix .pds-input-prefix--success{display:none}.pds-textarea__input-wrapper{display:flex}.pds-textarea--textarea{background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);flex-grow:1;font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-l);padding:var(--pds-spacing-xs);resize:none}.pds-textarea--textarea:focus{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-textarea--textarea::placeholder{color:var(--pds-color-input-placeholder)}.pds-textarea--textarea.pds-is-resizable{resize:vertical}.pds-textarea__inputlabel{flex-grow:1}.pds-textarea__inputlabel-wrapper{align-items:center;display:flex;position:relative}.pds-textarea--m .pds-textarea--textarea{padding:var(--pds-spacing-s)}.pds-input.pds-is-disabled,.pds-input.pds-is-disabled input,.pds-is-disabled legend.pds-input-label{cursor:not-allowed;opacity:63%}.pds-input.pds-has-error .pds-combobox__input-wrapper,.pds-input.pds-has-error .pds-file-upload__input-wrapper,.pds-input.pds-has-error .pds-select__input-wrapper,.pds-input.pds-has-error .pds-text-input__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-input.pds-has-success .pds-combobox__input-wrapper,.pds-input.pds-has-success .pds-file-upload__input-wrapper,.pds-input.pds-has-success .pds-select__input-wrapper,.pds-input.pds-has-success .pds-text-input__input-wrapper{border-color:var(--pds-color-status-success-foreground)}.pds-input.pds-is-readonly .pds-text-input__input-wrapper{background-color:var(--pds-color-surface-default-secondary)}.pds-input input:-internal-autofill-selected,.pds-input input:-webkit-autofill{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-surface-default);-webkit-text-fill-color:var(--pds-color-foreground-default)}.pds-input-label{color:var(--pds-color-foreground-default);display:inline-block;font-size:var(--pds-typography-size-input-label);font-weight:var(--pds-typography-fw-medium);margin-block-end:var(--pds-spacing-2xs);padding-inline-end:var(--pds-spacing-3xl)}.pds-input-label.visually-hidden{margin:0;padding:0}.pds-input-label .pds-tooltip{margin-inline-start:var(--pds-spacing-5xs);vertical-align:1px}.pds-input-label__required{align-items:flex-start;display:inline-flex;height:var(--pds-spacing-s);margin-inline-start:var(--pds-spacing-4xs);position:relative}.pds-input-label__required-icon{color:var(--pds-color-status-critical-foreground);height:var(--pds-spacing-xs);position:absolute;top:0}.pds-input-message{align-items:flex-start;color:var(--pds-color-foreground-default-secondary);display:flex;gap:var(--pds-spacing-xs);margin-block-start:var(--pds-spacing-2xs)}.pds-input-message--error{color:var(--pds-color-status-critical-foreground)}.pds-input-message--success{color:var(--pds-color-status-success-foreground)}.pds-input-message__text,.pds-input-message__text p{font-size:var(--pds-typography-size-input-message);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m)}.pds-input-prefix{align-items:center;display:flex}.pds-input-prefix--error{color:var(--pds-color-status-critical-foreground)}.pds-input-prefix--success{color:var(--pds-color-status-success-foreground)}.pds-input-search-shortcut{align-items:center;background:var(--pds-color-interactive-background-hover);border-radius:var(--pds-border-radius-input);display:flex;height:var(--pds-spacing-s);justify-content:center;padding:var(--pds-spacing-xs);width:var(--pds-spacing-s)}.pds-input-clear-button{background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.pds-input-clear-button:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-input-clear-button:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}input::-webkit-search-cancel-button{display:none}.pds-input-character-counter{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-input-character-counter--overLimit{color:var(--pds-color-status-critical-foreground)}.pds-cta-link{--cta-link-size:var(--pds-typography-size-m);--cta-link-color:var(--pds-color-interactive-link-default);--cta-link-gap:var(--pds-spacing-3xs);align-items:center;display:inline-flex;gap:var(--cta-link-gap);padding:.25rem 0}.pds-cta-link a,.pds-cta-link button{color:var(--cta-link-color);font-family:var(--pds-typography-ff-default);font-size:var(--cta-link-size);font-weight:var(--pds-typography-fw-bold);letter-spacing:var(--pds-typography-ls-s);line-height:var(--pds-typography-lh-s);text-decoration:none;transition:var(--pds-animation-transition-link)}.pds-cta-link a:focus-visible,.pds-cta-link button:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.25rem;text-decoration:none}.pds-cta-link button{background:none;border:none;cursor:pointer;padding:0}.pds-cta-link .pds-cta-link__icon{color:var(--cta-link-color);transition:var(--pds-animation-transition-link)}.pds-cta-link:hover{--cta-link-color:var(--pds-color-interactive-link-hover)}.pds-cta-link:active{--cta-link-color:var(--pds-color-interactive-link-active);outline:none;text-decoration:none}.pds-cta-link--xs{--cta-link-gap:var(--pds-spacing-3xs);--cta-link-size:var(--pds-typography-size-s)}.pds-cta-link--m{--cta-link-gap:var(--pds-spacing-2xs);--cta-link-size:var(--pds-typography-size-l)}.pds-link-group{display:flex;flex-direction:column;row-gap:var(--pds-spacing-m)}.pds-link-new-window{--link-color:var(--pds-color-interactive-link-default);--icon-size:var(--pds-typography-size-xs);--icon-h-offset:var(--pds-spacing-3xs);align-items:baseline;color:var(--link-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;gap:var(--icon-h-offset);padding-block:var(--pds-spacing-4xs);transition:var(--pds-animation-transition-link)}a.pds-link-new-window:hover{--link-color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-link-new-window__icon{color:var(--link-color);height:var(--icon-size);margin-inline-end:var(--pds-spacing-4xs);transition:var(--pds-animation-transition-link);width:auto}.pds-link-new-window--loading{background-color:var(--pulse-regular-base-color);border-radius:var(--pds-border-radius-default);color:transparent}.pds-link-new-window--loading .pds-link-new-window__icon{color:transparent}.pds-link-new-window--s{--icon-size:var(--pds-typography-size-xs);--icon-h-offset:var(--pds-spacing-3xs);font-size:var(--pds-typography-size-s)}.pds-link-new-window--m{--icon-size:var(--pds-typography-size-s);--icon-h-offset:var(--pds-spacing-2xs);font-size:var(--pds-typography-size-m)}.pds-link-new-window--l{--icon-size:var(--pds-typography-size-m);--icon-h-offset:var(--pds-spacing-xs);font-size:var(--pds-typography-size-l)}a.pds-skiplink{background-color:var(--pds-color-button-primary-background-default);display:inline-block;left:0;overflow:hidden;padding:var(--pds-spacing-s) var(--pds-spacing-m);position:absolute;text-decoration:none;top:-200px;transition:top .2s cubic-bezier(.2,0,0,1);z-index:var(--pds-z-index-modal)}a.pds-skiplink,a.pds-skiplink:hover{color:var(--pds-color-button-primary-foreground)}a.pds-skiplink:hover{background-color:var(--pds-color-button-primary-background-hover);text-decoration:underline}a.pds-skiplink:focus{box-shadow:var(--pds-elevation-overlay);height:auto;outline-color:transparent;position:absolute;top:0;transition:top .2s cubic-bezier(.2,0,0,1);width:auto}.pds-skeleton--regular{background-color:var(--shimmer-regular-base-color)}.pds-skeleton--bold{background-color:var(--shimmer-bold-base-color)}.pds-skeleton--code-block,.pds-skeleton--code-block-prefix,.pds-skeleton--rounded,.pds-skeleton--text-block{border-radius:var(--pds-border-radius-default)}.pds-skeleton--circular{border-radius:50%;flex-shrink:0}.pds-skeleton-group{display:inline-flex;flex-direction:column;width:100%}.pds-skeleton--code-block-prefix .pds-skeleton-line,.pds-spinner{align-items:center;display:flex}.pds-spinner{--spinner-color:var(--pds-color-foreground-default);flex-direction:column;text-align:center}.pds-spinner--inline{align-self:center;display:inline-flex}.pds-spinner__icon{height:var(--spinner-size);overflow:visible;width:var(--spinner-size)}.pds-spinner__track{fill:none;stroke:var(--spinner-color);stroke-opacity:.3;stroke-width:2.5}.pds-spinner__rotator{animation:spinner-rotate 1s linear infinite;transform-origin:12px 12px}.pds-spinner__arc{fill:none;stroke:var(--spinner-color);stroke-dasharray:16 56.5;stroke-linecap:round;stroke-width:2.5}@keyframes spinner-rotate{to{transform:rotate(1turn)}}.pds-spinner__label{font-family:var(--pds-typography-ff-default);font-weight:var(--pds-typography-fw-medium);line-height:var(--pds-typography-lh-m);max-width:calc(var(--spinner-size)*6)}@media (prefers-reduced-motion:reduce){.pds-spinner__rotator{animation-duration:8s}}.pds-picture{display:inline-block}.pds-picture__img{display:block;height:auto;max-width:100%}.pds-video-embed{height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.pds-video-embed iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.pds-breadcrumb{color:var(--pds-color-foreground-default-secondary);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-breadcrumb a{color:var(--pds-color-interactive-link-default);text-decoration:none;transition:var(--pds-animation-transition-link)}.pds-breadcrumb a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-breadcrumb a:active{color:var(--pds-color-interactive-link-active);outline:none}.pds-breadcrumb a:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none;transition:var(--pds-animation-transition-focus)}.pds-breadcrumb__crumbs{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-xs)}.pds-breadcrumb__crumb{align-items:center;display:flex}.pds-breadcrumb__crumb:not(:last-child):after{color:var(--pds-color-border-separator);content:"/";font-size:var(--pds-typography-size-xs);margin-inline:var(--pds-spacing-2xs)}.pds-breadcrumb__crumb--current a{color:var(--pds-color-foreground-default-secondary)}.pds-breadcrumb__crumb--current a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-button-nav{display:inline-block}.pds-button-nav__menu{align-items:center;background-color:var(--pds-color-segmented-control-track-background);border:1px solid var(--pds-color-border-default-secondary);border-radius:var(--pds-border-radius-button);display:inline-flex;gap:var(--pds-spacing-5xs);list-style:none;margin:0;padding:3px}.pds-button-nav__item{display:flex;flex-shrink:0}.pds-button-nav__item a{align-items:center;block-size:var(--pds-spacing-button-height-s);border-radius:var(--pds-border-radius-button);color:var(--pds-color-foreground-default);display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium);gap:var(--pds-spacing-2xs);justify-content:center;line-height:0;padding-inline:var(--pds-spacing-m);text-decoration:none;transition:var(--pds-animation-transition-button);white-space:nowrap}.pds-button-nav__item:not(.pds-button-nav__item--active):hover a{color:var(--pds-color-interactive-foreground-hover)}.pds-button-nav__item a:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-button-nav__item--active a{background-color:var(--pds-color-segmented-control-selected-background)}.pds-button-nav__mobile{display:none}[data-pds-mobile] .pds-button-nav__mobile{display:block}[data-pds-mobile] .pds-button-nav__menu{display:none}.pds-dropdown-menu{position:relative}.pds-dropdown-menu__heading{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s)}.pds-dropdown-menu__heading a{color:var(--pds-color-foreground-default);text-decoration:none}.pds-dropdown-menu__heading a:hover{color:var(--pds-color-interactive-foreground-hover)}.pds-dropdown-menu__trigger{align-items:center;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;height:var(--pds-spacing-input-height-m);justify-content:space-between;padding:0 var(--pds-spacing-s);text-align:left;width:100%}.pds-dropdown-menu__trigger:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-dropdown-menu__trigger-icon{color:var(--pds-color-foreground-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-dropdown-menu__trigger[aria-expanded=true]
|
|
133
|
+
.pds-switch__track{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.125rem}.pds-switch__thumb{background:var(--toggle-thumb-background);border-radius:6.25rem;box-shadow:0 1px 1.5px rgba(0,0,0,.18);display:block;height:var(--toggle-switch-thumb-height);inset-block-start:var(--toggle-gutter);inset-inline-start:var(--toggle-gutter);position:absolute;transition:var(--toggle-switch-animation);width:var(--toggle-switch-thumb-height);z-index:1}[data-theme=dark] .pds-switch__thumb{box-shadow:0 1px 1.5px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.5)}.pds-tags-input{--tag-background:var(--pds-color-input-tag-background-default);--tag-hover-background:var(--pds-color-input-tag-background-hover);--tag-text-color:var(--pds-color-input-tag-foreground-default);--tag-text-hover-color:var(--pds-color-input-tag-foreground-hover);--tag-icon-hover-color:var(--pds-color-foreground-default-secondary);--tag-selected-outline:var(--pds-border-width-default) solid var(--pds-color-input-tag-outline-active);--wrapper-padding:var(--pds-spacing-3xs);--wrapper-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-xs);--tag-inner-gap:var(--pds-spacing-3xs);--tag-padding-block:var(--pds-spacing-4xs);--tag-padding-inline-end:var(--pds-spacing-3xs);--tag-padding-inline-start:var(--pds-spacing-3xs);--tag-remove-size:0.75rem;--tag-grip-size:0.625rem}.pds-tags-input__input-wrapper{align-items:flex-start;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:var(--wrapper-gap);padding:var(--wrapper-padding);transition:var(--pds-animation-transition-input)}.pds-tags-input__input-wrapper:has(.pds-tags-input__input:focus){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-tags-input__tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--wrapper-gap)}.pds-tags-input__tag{align-items:center;background-color:var(--tag-background);border-radius:var(--pds-border-radius-input);box-sizing:border-box;color:var(--tag-text-color);cursor:grab;display:inline-flex;font-size:var(--tag-font-size);font-weight:var(--pds-typography-fw-regular);gap:var(--tag-inner-gap);line-height:1;padding-block:var(--tag-padding-block);padding-inline:var(--tag-padding-inline-start) var(--tag-padding-inline-end);position:relative;transition:background-color .2s ease,color .2s ease}.pds-tags-input__tag:focus-visible{background-color:var(--tag-hover-background);color:var(--tag-text-hover-color);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-tags-input__tag:active{cursor:grabbing}.pds-tags-input__tag--dragging{opacity:.5}.pds-tags-input__tag--dragging:after,.pds-tags-input__tag--dragging:before{display:none}.pds-tags-input__tag--dragging .pds-tags-input__tag-remove-icon{opacity:.5}.pds-tags-input__tag--drag-preview{background-color:var(--tag-hover-background)!important;color:var(--tag-text-hover-color)!important;outline:var(--tag-selected-outline)!important;outline-offset:-1px!important}.pds-tags-input__tag--drop-target-before:before{inset-inline-start:calc(var(--wrapper-gap)/-2 - 1px)}.pds-tags-input__tag--drop-target-after:after,.pds-tags-input__tag--drop-target-before:before{background:var(--pds-color-badge-indicator-platinum-foreground);content:"";height:100%;position:absolute;top:0;width:2px}.pds-tags-input__tag--drop-target-after:after{inset-inline-end:calc(var(--wrapper-gap)/-2 - 1px)}.pds-tags-input__tag-grip{align-items:center;color:var(--pds-color-foreground-default-secondary);cursor:grab;display:flex;margin-inline-start:calc(var(--pds-spacing-6xs)*-1);opacity:.6;touch-action:none;transition:color .2s ease,opacity .2s ease}.pds-tags-input__tag-grip svg{height:var(--tag-grip-size);width:auto}.pds-tags-input__tag-grip:hover{color:var(--tag-icon-hover-color);opacity:1}.pds-tags-input__tag:active .pds-tags-input__tag-grip{cursor:grabbing}.pds-tags-input__tag-text{user-select:none}.pds-tags-input__tag-remove{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;height:var(--tag-remove-size);justify-content:center;padding:0;transition:color .2s ease;width:var(--tag-remove-size)}.pds-tags-input__tag-remove:hover{color:var(--tag-icon-hover-color)}.pds-tags-input__tag-remove:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px;transition:var(--pds-animation-transition-button)}.pds-tags-input__tag-remove-icon{color:var(--pds-color-foreground-default-secondary);flex-grow:0;flex-shrink:0;height:var(--tag-remove-size);transition:color .2s ease,opacity .2s ease;width:var(--tag-remove-size)}.pds-tags-input__tag-remove:hover .pds-tags-input__tag-remove-icon{color:var(--tag-icon-hover-color)}.pds-tags-input__tag.pds-is-disabled{cursor:not-allowed;opacity:63%}.pds-tags-input__tag.pds-is-disabled .pds-tags-input__tag-grip,.pds-tags-input__tag.pds-is-disabled .pds-tags-input__tag-remove{cursor:not-allowed;pointer-events:none}.pds-tags-input:not(.pds-is-disabled) .pds-tags-input__tag:hover:not(.pds-tags-input__tag--dragging){background-color:var(--tag-hover-background);color:var(--tag-text-hover-color)}.pds-tags-input:not(.pds-is-disabled) .pds-tags-input__tag:hover:not(.pds-tags-input__tag--dragging) .pds-tags-input__tag-grip{color:var(--tag-icon-hover-color)}.pds-tags-input__input{background:none;border:none;caret-color:var(--pds-color-foreground-default);color:var(--pds-color-foreground-default);flex:1 1 auto;font-size:var(--pds-typography-size-s);height:calc(var(--tag-padding-block)*2 + var(--tag-font-size));line-height:1;min-width:3rem;outline:none;padding-block:0;padding-inline:var(--pds-spacing-3xs)}.pds-tags-input__input::placeholder{color:var(--pds-color-input-placeholder)}.pds-tags-input.pds-has-error .pds-tags-input__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-tags-input.pds-has-error .pds-tags-input__input-wrapper:focus-within{border-color:var(--pds-color-status-critical-foreground)}.pds-tags-input.pds-has-success .pds-tags-input__input-wrapper{border-color:var(--pds-color-status-success-foreground)}.pds-tags-input.pds-has-success .pds-tags-input__input-wrapper:focus-within{border-color:var(--pds-color-status-success-foreground)}.pds-tags-input--m{--wrapper-padding:var(--pds-spacing-2xs);--wrapper-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-xs);--tag-inner-gap:var(--pds-spacing-3xs);--tag-padding-block:var(--pds-spacing-3xs);--tag-padding-inline-end:var(--pds-spacing-2xs);--tag-padding-inline-start:var(--pds-spacing-2xs);--tag-remove-size:0.75rem;--tag-grip-size:0.75rem}.pds-text-input__input-wrapper{align-items:center;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);display:flex;gap:var(--pds-spacing-xs);height:var(--pds-spacing-input-height-s);padding-inline:var(--pds-spacing-xs);transition:var(--pds-animation-transition-input)}.pds-text-input__input-wrapper:focus-within{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-text-input--m .pds-text-input__input-wrapper{gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-m);padding-inline:var(--pds-spacing-s)}.pds-text-input__input{background-color:transparent;border:none;caret-color:var(--pds-color-foreground-default);color:var(--pds-color-foreground-default);flex-grow:1;font-size:var(--pds-typography-size-s);line-height:1;padding-inline:0;width:100%}.pds-text-input__input:focus{outline:none}.pds-text-input__input::placeholder{color:var(--pds-color-input-placeholder)}.pds-text-input__visibility-toggle{background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.pds-text-input__visibility-toggle:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-text-input__visibility-toggle:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-text-input__url-prefix{align-items:center;background:var(--pds-color-surface-default-secondary);border-right:var(--pds-border-width-default) solid var(--pds-color-border-input);color:var(--pds-color-foreground-default-secondary);display:flex;font-size:var(--pds-typography-size-s);height:100%;padding-inline:var(--pds-spacing-s);user-select:none}.pds-text-input__input-wrapper--has-prefix{overflow:hidden;padding-left:0}.pds-text-input__input-wrapper--has-prefix .pds-input-prefix--error,.pds-text-input__input-wrapper--has-prefix .pds-input-prefix--success{display:none}.pds-textarea__input-wrapper{display:flex}.pds-textarea--textarea{background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);flex-grow:1;font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-l);padding:var(--pds-spacing-xs);resize:none}.pds-textarea--textarea:focus{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-textarea--textarea::placeholder{color:var(--pds-color-input-placeholder)}.pds-textarea--textarea.pds-is-resizable{resize:vertical}.pds-textarea__inputlabel{flex-grow:1}.pds-textarea__inputlabel-wrapper{align-items:center;display:flex;position:relative}.pds-textarea--m .pds-textarea--textarea{padding:var(--pds-spacing-s)}.pds-input.pds-is-disabled,.pds-input.pds-is-disabled input,.pds-is-disabled legend.pds-input-label{cursor:not-allowed;opacity:63%}.pds-input.pds-has-error .pds-combobox__input-wrapper,.pds-input.pds-has-error .pds-file-upload__input-wrapper,.pds-input.pds-has-error .pds-select__input-wrapper,.pds-input.pds-has-error .pds-text-input__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-input.pds-has-success .pds-combobox__input-wrapper,.pds-input.pds-has-success .pds-file-upload__input-wrapper,.pds-input.pds-has-success .pds-select__input-wrapper,.pds-input.pds-has-success .pds-text-input__input-wrapper{border-color:var(--pds-color-status-success-foreground)}.pds-input.pds-is-readonly .pds-text-input__input-wrapper{background-color:var(--pds-color-surface-default-secondary)}.pds-input input:-internal-autofill-selected,.pds-input input:-webkit-autofill{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-surface-default);-webkit-text-fill-color:var(--pds-color-foreground-default)}.pds-input-label{color:var(--pds-color-foreground-default);display:inline-block;font-size:var(--pds-typography-size-input-label);font-weight:var(--pds-typography-fw-medium);margin-block-end:var(--pds-spacing-2xs);padding-inline-end:var(--pds-spacing-3xl)}.pds-input-label.visually-hidden{margin:0;padding:0}.pds-input-label .pds-tooltip{margin-inline-start:var(--pds-spacing-5xs);vertical-align:1px}.pds-input-label__required{align-items:flex-start;display:inline-flex;height:var(--pds-spacing-s);margin-inline-start:var(--pds-spacing-4xs);position:relative}.pds-input-label__required-icon{color:var(--pds-color-status-critical-foreground);height:var(--pds-spacing-xs);position:absolute;top:0}.pds-input-message{align-items:flex-start;color:var(--pds-color-foreground-default-secondary);display:flex;gap:var(--pds-spacing-xs);margin-block-start:var(--pds-spacing-2xs)}.pds-input-message--error{color:var(--pds-color-status-critical-foreground)}.pds-input-message--success{color:var(--pds-color-status-success-foreground)}.pds-input-message__text,.pds-input-message__text p{font-size:var(--pds-typography-size-input-message);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m)}.pds-input-prefix{align-items:center;display:flex}.pds-input-prefix--error{color:var(--pds-color-status-critical-foreground)}.pds-input-prefix--success{color:var(--pds-color-status-success-foreground)}.pds-input-search-shortcut{align-items:center;background:var(--pds-color-interactive-background-hover);border-radius:var(--pds-border-radius-input);display:flex;height:var(--pds-spacing-s);justify-content:center;padding:var(--pds-spacing-xs);width:var(--pds-spacing-s)}.pds-input-clear-button{background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.pds-input-clear-button:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-input-clear-button:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}input::-webkit-search-cancel-button{display:none}.pds-input-character-counter{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-input-character-counter--overLimit{color:var(--pds-color-status-critical-foreground)}.pds-cta-link{--cta-link-size:var(--pds-typography-size-m);--cta-link-color:var(--pds-color-interactive-link-default);--cta-link-gap:var(--pds-spacing-3xs);align-items:center;display:inline-flex;gap:var(--cta-link-gap);padding:.25rem 0}.pds-cta-link a,.pds-cta-link button{color:var(--cta-link-color);font-family:var(--pds-typography-ff-default);font-size:var(--cta-link-size);font-weight:var(--pds-typography-fw-bold);letter-spacing:var(--pds-typography-ls-s);line-height:var(--pds-typography-lh-s);text-decoration:none;transition:var(--pds-animation-transition-link)}.pds-cta-link a:focus-visible,.pds-cta-link button:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.25rem;text-decoration:none}.pds-cta-link button{background:none;border:none;cursor:pointer;padding:0}.pds-cta-link .pds-cta-link__icon{color:var(--cta-link-color);transition:var(--pds-animation-transition-link)}.pds-cta-link:hover{--cta-link-color:var(--pds-color-interactive-link-hover)}.pds-cta-link:active{--cta-link-color:var(--pds-color-interactive-link-active);outline:none;text-decoration:none}.pds-cta-link--xs{--cta-link-gap:var(--pds-spacing-3xs);--cta-link-size:var(--pds-typography-size-s)}.pds-cta-link--m{--cta-link-gap:var(--pds-spacing-2xs);--cta-link-size:var(--pds-typography-size-l)}.pds-link-group{display:flex;flex-direction:column;row-gap:var(--pds-spacing-m)}.pds-link-new-window{--link-color:var(--pds-color-interactive-link-default);--icon-size:var(--pds-typography-size-xs);--icon-h-offset:var(--pds-spacing-3xs);align-items:baseline;color:var(--link-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;gap:var(--icon-h-offset);padding-block:var(--pds-spacing-4xs);transition:var(--pds-animation-transition-link)}a.pds-link-new-window:hover{--link-color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-link-new-window__icon{color:var(--link-color);height:var(--icon-size);margin-inline-end:var(--pds-spacing-4xs);transition:var(--pds-animation-transition-link);width:auto}.pds-link-new-window--loading{background-color:var(--pulse-regular-base-color);border-radius:var(--pds-border-radius-default);color:transparent}.pds-link-new-window--loading .pds-link-new-window__icon{color:transparent}.pds-link-new-window--s{--icon-size:var(--pds-typography-size-xs);--icon-h-offset:var(--pds-spacing-3xs);font-size:var(--pds-typography-size-s)}.pds-link-new-window--m{--icon-size:var(--pds-typography-size-s);--icon-h-offset:var(--pds-spacing-2xs);font-size:var(--pds-typography-size-m)}.pds-link-new-window--l{--icon-size:var(--pds-typography-size-m);--icon-h-offset:var(--pds-spacing-xs);font-size:var(--pds-typography-size-l)}a.pds-skiplink{background-color:var(--pds-color-button-primary-background-default);display:inline-block;left:0;overflow:hidden;padding:var(--pds-spacing-s) var(--pds-spacing-m);position:absolute;text-decoration:none;top:-200px;transition:top .2s cubic-bezier(.2,0,0,1);z-index:var(--pds-z-index-modal)}a.pds-skiplink,a.pds-skiplink:hover{color:var(--pds-color-button-primary-foreground)}a.pds-skiplink:hover{background-color:var(--pds-color-button-primary-background-hover);text-decoration:underline}a.pds-skiplink:focus{box-shadow:var(--pds-elevation-overlay);height:auto;outline-color:transparent;position:absolute;top:0;transition:top .2s cubic-bezier(.2,0,0,1);width:auto}.pds-skeleton--regular{background-color:var(--pds-color-skeleton-regular-base)}.pds-skeleton--bold{background-color:var(--pds-color-skeleton-bold-base)}.pds-skeleton--code-block,.pds-skeleton--code-block-prefix,.pds-skeleton--rounded,.pds-skeleton--text-block{border-radius:var(--pds-border-radius-default)}.pds-skeleton--circular{border-radius:50%;flex-shrink:0}.pds-skeleton-group{display:inline-flex;flex-direction:column;width:100%}.pds-skeleton--code-block-prefix .pds-skeleton-line,.pds-spinner{align-items:center;display:flex}.pds-spinner{--spinner-color:var(--pds-color-foreground-default);flex-direction:column;text-align:center}.pds-spinner--inline{align-self:center;display:inline-flex}.pds-spinner__icon{height:var(--spinner-size);overflow:visible;width:var(--spinner-size)}.pds-spinner__track{fill:none;stroke:var(--spinner-color);stroke-opacity:.3;stroke-width:2.5}.pds-spinner__rotator{animation:spinner-rotate 1s linear infinite;transform-origin:12px 12px}.pds-spinner__arc{fill:none;stroke:var(--spinner-color);stroke-dasharray:16 56.5;stroke-linecap:round;stroke-width:2.5}@keyframes spinner-rotate{to{transform:rotate(1turn)}}.pds-spinner__label{font-family:var(--pds-typography-ff-default);font-weight:var(--pds-typography-fw-medium);line-height:var(--pds-typography-lh-m);max-width:calc(var(--spinner-size)*6)}@media (prefers-reduced-motion:reduce){.pds-spinner__rotator{animation-duration:8s}}.pds-picture{display:inline-block}.pds-picture__img{display:block;height:auto;max-width:100%}.pds-video-embed{height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.pds-video-embed iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.pds-breadcrumb{color:var(--pds-color-foreground-default-secondary);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-breadcrumb a{color:var(--pds-color-interactive-link-default);text-decoration:none;transition:var(--pds-animation-transition-link)}.pds-breadcrumb a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-breadcrumb a:active{color:var(--pds-color-interactive-link-active);outline:none}.pds-breadcrumb a:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none;transition:var(--pds-animation-transition-focus)}.pds-breadcrumb__crumbs{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-xs)}.pds-breadcrumb__crumb{align-items:center;display:flex}.pds-breadcrumb__crumb:not(:last-child):after{color:var(--pds-color-border-separator);content:"/";font-size:var(--pds-typography-size-xs);margin-inline:var(--pds-spacing-2xs)}.pds-breadcrumb__crumb--current a{color:var(--pds-color-foreground-default-secondary)}.pds-breadcrumb__crumb--current a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-button-nav{display:inline-block}.pds-button-nav__menu{align-items:center;background-color:var(--pds-color-segmented-control-track-background);border:1px solid var(--pds-color-border-default-secondary);border-radius:var(--pds-border-radius-button);display:inline-flex;gap:var(--pds-spacing-5xs);list-style:none;margin:0;padding:3px}.pds-button-nav__item{display:flex;flex-shrink:0}.pds-button-nav__item a{align-items:center;block-size:var(--pds-spacing-button-height-s);border-radius:var(--pds-border-radius-button);color:var(--pds-color-foreground-default);display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium);gap:var(--pds-spacing-2xs);justify-content:center;line-height:0;padding-inline:var(--pds-spacing-m);text-decoration:none;transition:var(--pds-animation-transition-button);white-space:nowrap}.pds-button-nav__item:not(.pds-button-nav__item--active):hover a{color:var(--pds-color-interactive-foreground-hover)}.pds-button-nav__item a:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-button-nav__item--active a{background-color:var(--pds-color-segmented-control-selected-background)}.pds-button-nav__mobile{display:none}[data-pds-mobile] .pds-button-nav__mobile{display:block}[data-pds-mobile] .pds-button-nav__menu{display:none}.pds-dropdown-menu{position:relative}.pds-dropdown-menu__heading{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s)}.pds-dropdown-menu__heading a{color:var(--pds-color-foreground-default);text-decoration:none}.pds-dropdown-menu__heading a:hover{color:var(--pds-color-interactive-foreground-hover)}.pds-dropdown-menu__trigger{align-items:center;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;height:var(--pds-spacing-input-height-m);justify-content:space-between;padding:0 var(--pds-spacing-s);text-align:left;width:100%}.pds-dropdown-menu__trigger:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-dropdown-menu__trigger-icon{color:var(--pds-color-foreground-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-dropdown-menu__trigger[aria-expanded=true]
|
|
134
134
|
.pds-dropdown-menu__trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-dropdown-menu__dropdown{margin-block-start:var(--pds-spacing-xs);max-height:30rem;overflow-y:auto;width:100%}.pds-dropdown-menu__dropdown .pds-dropdown__item>a{color:inherit;flex:1;text-decoration:none}.pds-dropdown-menu__item--second-level>a{padding-inline-start:var(--pds-spacing-2xl)}.pds-dropdown-menu__item--third-level>a{padding-inline-start:calc(var(--pds-spacing-2xl) + var(--pds-spacing-xl))}.pds-dropdown-menu__item--fourth-level>a{padding-inline-start:calc(var(--pds-spacing-2xl) + var(--pds-spacing-xl) + var(--pds-spacing-xl))}.pds-dropdown-menu__active-label{display:flex}.pds-dropdown-menu__active-icon{margin-inline:var(--pds-spacing-m)}.pds-dropdown-menu__separator{background-color:var(--pds-color-border-default);block-size:1px;margin-block:token("spacing.XS" to rem);pointer-events:none}.pds-navbar{background-color:var(--pds-color-surface-default);border-block-end:.0625rem solid var(--pds-color-border-default);position:relative}.pds-navbar__logo a:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs)}.pds-navbar__custom-logo{max-height:4.25rem}.pds-navbar__bar-mobile{border-block-end:.0625rem solid var(--pds-color-border-default);display:none}.pds-navbar__inner-mobile{align-items:center;column-gap:var(--pds-spacing-m);display:flex;height:var(--pds-spacing-5xl);justify-content:space-between}.pds-navbar__menu-toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);color:var(--pds-color-foreground-default);display:flex;margin-inline-end:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-2xs)}.pds-navbar__menu-toggle:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-navbar__menu-toggle:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs)}.pds-navbar__mobile{background-color:var(--pds-color-surface-default);display:none;height:100vh;overflow-y:auto;position:absolute;right:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,0,0,1);width:100%;z-index:var(--pds-z-index-overlay)}.pds-navbar__mobile>.pds-container{display:flex;flex-direction:column}.pds-navbar__mobile--open{transform:translateX(0)}.pds-navbar__inner{align-items:center;display:grid;grid-template-columns:1fr minmax(0,600px) 1fr;height:var(--pds-spacing-5xl)}.pds-navbar__logo-group{align-items:center;display:flex;gap:var(--pds-spacing-m);grid-column:1;justify-self:start}.pds-navbar__separator{background-color:var(--pds-color-border-separator);height:var(--pds-spacing-m);width:.0625rem}.pds-navbar__items-center,.pds-navbar__items-left,.pds-navbar__items-right{align-items:center;column-gap:var(--pds-spacing-m);display:flex;position:relative}.pds-navbar__items-center{grid-column:2;justify-self:center}.pds-navbar__items-right{grid-column:3;justify-self:end}[data-pds-mobile] .pds-navbar__bar-mobile .pds-container,[data-pds-mobile] .pds-navbar__mobile .pds-container{padding-inline:var(--pds-spacing-xl)}[data-pds-mobile] .pds-navbar__mobile>.pds-container{row-gap:0}[data-pds-mobile] .pds-navbar__mobile .pds-navbar__items-center,[data-pds-mobile] .pds-navbar__mobile .pds-navbar__items-left,[data-pds-mobile] .pds-navbar__mobile .pds-navbar__items-right{justify-self:stretch;width:100%}[data-pds-mobile] .pds-navbar__mobile .pds-navbar__items-center{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;padding-block:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl);position:relative;width:100vw}[data-pds-mobile] .pds-navbar__mobile .pds-button-group{row-gap:var(--pds-spacing-s)}[data-pds-mobile] .pds-navbar__mobile .pds-nav-menu ul.pds-nav-menu__menu{margin-block-end:0}[data-pds-mobile]
|
|
135
135
|
.pds-navbar__mobile
|
|
136
136
|
.pds-nav-menu
|
|
@@ -197,6 +197,6 @@
|
|
|
197
197
|
.pds-workspace-selector
|
|
198
198
|
.pds-workspace-selector__create-link{border-block-start:none;box-shadow:none;margin-inline:0;padding-block:var(--pds-spacing-2xs) var(--pds-spacing-l);padding-inline:var(--pds-spacing-xl)}.pds-banner-group{--banner-background:var(--pds-color-banner-info-background);--banner-foreground:var(--pds-color-banner-info-foreground);--banner-height:3.25rem;--nav-button-size:var(--pds-spacing-2xl);min-height:var(--banner-height);position:relative}@media (max-width:767px){.pds-banner-group{--banner-height:4rem}}.pds-banner--critical,.pds-banner-group--critical{--banner-background:var(--pds-color-banner-critical-background);--banner-foreground:var(--pds-color-banner-critical-foreground)}.pds-banner--discovery,.pds-banner-group--discovery{--banner-background:var(--pds-color-banner-discovery-background);--banner-foreground:var(--pds-color-banner-discovery-foreground)}.pds-banner--neutral,.pds-banner-group--neutral{--banner-background:var(--pds-color-banner-neutral-background);--banner-foreground:var(--pds-color-banner-neutral-foreground)}.pds-banner--warning,.pds-banner-group--warning{--banner-background:var(--pds-color-banner-warning-background);--banner-foreground:var(--pds-color-banner-warning-foreground)}.pds-banner{background:var(--banner-background);color:var(--banner-foreground);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium);height:var(--banner-height);padding-inline:var(--pds-spacing-2xl);position:absolute;width:100%}.pds-banner,.pds-banner__content{align-items:center;display:flex;gap:var(--pds-spacing-s)}.pds-banner__content{flex:1;justify-content:center}.pds-banner__icon{flex-grow:0;flex-shrink:0}.pds-banner__message p{all:unset}.pds-banner__message a{color:var(--banner-foreground);padding:var(--pds-spacing-4xs);text-decoration:underline}.pds-banner__message a:hover{background-color:hsla(0,0%,100%,.15);border-radius:var(--pds-border-radius-default);color:var(--banner-foreground);text-decoration:none;transition:var(--pds-animation-transition-button)}.pds-banner__message a:focus-visible{outline:var(--pds-border-width-outline) solid var(--banner-foreground);outline-offset:0}.pds-banner__dismiss-button{all:unset;border-radius:var(--pds-border-radius-default);cursor:pointer;flex-shrink:0;font-size:var(--pds-typography-size-xs);margin-inline-start:auto;padding:var(--pds-spacing-4xs) var(--pds-spacing-2xs);transition:var(--pds-animation-transition-button)}.pds-banner__dismiss-button:hover{background-color:hsla(0,0%,100%,.15)}.pds-banner__dismiss-button:focus-visible{outline:var(--pds-border-width-outline) solid var(--banner-foreground);outline-offset:0}.pds-banner-group--multiple .pds-banner{padding-inline:var(--pds-spacing-3xl)}.pds-banner-group--multiple .pds-banner__dismiss-button{margin-inline-end:var(--pds-spacing-3xs)}.pds-banner__navigation{align-items:center;display:flex;height:var(--banner-height);justify-content:space-between;width:100%}button.pds-banner__nav-button{border-color:transparent;color:var(--banner-foreground);height:var(--nav-button-size);margin-inline:var(--pds-spacing-xs);min-width:unset;padding:0;transition:var(--pds-animation-transition-button);width:var(--nav-button-size);z-index:calc(var(--pds-z-index-notifications) + 10)}button.pds-banner__nav-button:hover:enabled{background-color:hsla(0,0%,100%,.2);border-color:transparent;color:var(--banner-foreground)}button.pds-banner__nav-button:focus-visible{outline:var(--pds-border-width-outline) solid var(--banner-foreground);outline-offset:0}.pds-banner-group[data-context=marketing]{--banner-height:3.75rem}@media (max-width:767px){.pds-banner-group[data-context=marketing]{--banner-height:4.5rem}}.pds-banner-group[data-context=marketing] .pds-banner{font-size:var(--pds-typography-size-m);gap:var(--pds-spacing-m)}.pds-banner-group[data-context=marketing] .pds-banner__content{gap:var(--pds-spacing-m)}.pds-banner-group[data-context=marketing] .pds-banner__dismiss-button{font-size:var(--pds-typography-size-s);margin-inline-end:var(--pds-spacing-xs)}.pds-banner--dismissing,.pds-banner--fading{animation:hideBannerAnimation .2s ease-in;animation-fill-mode:forwards}@keyframes hideBannerAnimation{to{opacity:0}0%{opacity:1}}.pds-inline-message{--message-fg:var(--pds-color-status-info-foreground);font-family:var(--pds-typography-ff-default);line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-m) 0;position:relative}.pds-inline-message__icon{color:var(--message-fg);left:0;position:absolute}.pds-inline-message__text{column-gap:var(--pds-spacing-s);display:flex;flex-wrap:wrap;padding-inline-start:calc(var(--pds-spacing-m) + var(--pds-spacing-xs));row-gap:var(--pds-spacing-2xs)}.pds-inline-message__title{color:var(--message-fg);font-weight:var(--pds-typography-fw-medium)}.pds-inline-message__message p,.pds-inline-message__title{font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-m)}.pds-inline-message__message p{color:var(--pds-color-foreground-default-secondary)}.pds-inline-message__message p:last-child{margin-block-end:0}.pds-inline-message--info{--message-fg:var(--pds-color-status-info-foreground)}.pds-inline-message--success{--message-fg:var(--pds-color-status-success-foreground)}.pds-inline-message--warning{--message-fg:var(--pds-color-status-warning-foreground)}.pds-inline-message--critical{--message-fg:var(--pds-color-status-critical-foreground)}.pds-inline-message--working{--message-fg:var(--pds-color-foreground-default)}.pds-inline-message--working .pds-inline-message__icon{align-items:center;display:flex;height:calc(var(--pds-typography-size-s)*1.5)}.pds-section-message{--message-bg:var(--pds-color-status-info-background);--message-fg:var(--pds-color-status-info-foreground);--message-border:var(--pds-color-status-info-border);background-color:var(--message-bg);border:var(--pds-border-width-default) solid var(--message-border);border-radius:var(--pds-border-radius-container);color:var(--pds-color-foreground-default);display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);padding:var(--pds-spacing-s) var(--pds-spacing-l) var(--pds-spacing-s) var(--pds-spacing-m);position:relative}@media (min-width:768px){.pds-section-message{align-items:center;flex-direction:row;gap:var(--pds-spacing-xl);justify-content:space-between}}.pds-section-message .pds-button.pds-button--secondary{--button-background-color:var(--message-bg);--button-foreground-color:var(--message-fg);--button-border-color:var(--message-fg)}.pds-section-message .pds-button.pds-button--secondary:hover:enabled{--button-background-color:color-mix(in oklch,var(--message-bg) 90%,var(--message-fg))}.pds-section-message__content{align-items:flex-start;display:flex;gap:var(--pds-spacing-s)}.pds-section-message__title{color:var(--message-fg);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);margin-block-end:var(--pds-spacing-2xs);margin-block-start:.125rem}.pds-section-message__message{padding-inline-end:var(--pds-spacing-3xs)}.pds-section-message__message p{color:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-m)}.pds-section-message__message p:first-child{margin-block-start:0}.pds-section-message__message p:last-child{margin-block-end:0}.pds-section-message__message p a{color:var(--pds-color-foreground-default)}.pds-section-message__icon{align-items:center;color:var(--message-fg);display:flex;margin-block-start:.125rem}.pds-section-message__actions{align-self:center;display:flex;gap:var(--pds-spacing-m)}@media (max-width:767px){.pds-section-message__cta{margin-block-start:var(--pds-spacing-xl);width:100%}}.pds-section-message__dismiss{align-self:center;background-color:var(--message-bg);color:var(--message-fg);flex-shrink:0}.pds-section-message__dismiss:hover{background-color:color-mix(in oklch,var(--message-bg) 90%,var(--message-fg))}@media (max-width:767px){.pds-section-message__dismiss{position:absolute;right:var(--pds-spacing-m);top:var(--pds-spacing-m)}}.pds-section-message--dismissing{animation:hideMessageAnimation .2s ease-in;animation-fill-mode:forwards}.pds-section-message--dismissed{display:none}@media (min-width:768px){.pds-section-message--hasTitle,.pds-section-message--hasTitle .pds-section-message__content,.pds-section-message--hasTitle .pds-section-message__icon{align-items:flex-start}}@media (max-width:767px){.pds-section-message--hasDismiss .pds-section-message__message,.pds-section-message--hasDismiss .pds-section-message__title{width:calc(100% - var(--pds-spacing-l))}}.pds-section-message--info{--message-bg:var(--pds-color-status-info-background);--message-border:var(--pds-color-status-info-border);--message-fg:var(--pds-color-status-info-foreground)}.pds-section-message--success{--message-bg:var(--pds-color-status-success-background);--message-border:var(--pds-color-status-success-border);--message-fg:var(--pds-color-status-success-foreground)}.pds-section-message--warning{--message-bg:var(--pds-color-status-warning-background);--message-border:var(--pds-color-status-warning-border);--message-fg:var(--pds-color-status-warning-foreground)}.pds-section-message--critical{--message-bg:var(--pds-color-status-critical-background);--message-border:var(--pds-color-status-critical-border);--message-fg:var(--pds-color-status-critical-foreground)}.pds-section-message--discovery{--message-bg:var(--pds-color-status-discovery-background);--message-border:var(--pds-color-status-discovery-border);--message-fg:var(--pds-color-status-discovery-foreground)}.pds-section-message[data-context=marketing] .pds-section-message__title{font-size:var(--pds-typography-size-l)}.pds-section-message[data-context=marketing] .pds-section-message__message p{font-size:var(--pds-typography-size-m)}@keyframes hideMessageAnimation{to{opacity:0}0%{opacity:1}}:root{--toastify-toast-min-height:2rem;--toastify-toast-width:22rem;--toastify-font-family:var(--pds-typography-ff-default);--toastify-color-progress-light:color-mix(in oklch,var(--pds-color-foreground-default) 25%,transparent);--toastify-color-progress-dark:var(--toastify-color-progress-light);--toastify-color-progress-info:var(--toastify-color-progress-light);--toastify-color-progress-success:var(--toastify-color-progress-light);--toastify-color-progress-warning:var(--toastify-color-progress-light);--toastify-color-progress-error:var(--toastify-color-progress-light)}.pds-toaster .Toastify__toast{background-color:var(--pds-color-surface-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);padding:var(--pds-spacing-m)}.pds-toaster .Toastify__toast-body{margin:0;padding:0}.pds-toaster .Toastify__progress-bar{background-color:color-mix(in oklch,var(--pds-color-foreground-default) 25%,transparent);background-image:unset;height:.2125rem}.pds-toaster .pds-toast__close-button,.pds-toaster .pds-toast__pause-button{align-self:flex-start;color:var(--pds-color-foreground-default-secondary);margin-block-start:.0625rem;padding:0}.pds-toaster .pds-toast__close-button:hover,.pds-toaster .pds-toast__pause-button:hover{background-color:color-mix(in oklch,var(--pds-color-foreground-default) 15%,transparent)}.pds-toaster .pds-toast__close-button{margin-inline-start:var(--pds-spacing-m)}.pds-toast{color:var(--pds-color-foreground-default);font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-s)}.pds-toast,.pds-toast__icon-container{align-items:center;display:flex}.pds-toast__message{color:var(--pds-color-foreground-default);flex:1;font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-m);min-width:0}.pds-toast__message a{color:var(--pds-color-interactive-link-default);text-decoration:underline}.pds-toast__message a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:none}.pds-toast__icon--info{color:var(--pds-color-status-info-fill)}.pds-toast__icon--success{color:var(--pds-color-status-success-fill)}.pds-toast__icon--warning{color:var(--pds-color-status-warning-fill)}.pds-toast__icon--critical{color:var(--pds-color-status-critical-fill)}.pds-toast--bounceInPlace{animation:bounceInPlace .5s ease;animation-fill-mode:both}@keyframes bounceInPlace{0%{transform:translateX(0)}20%{transform:translateX(-20px)}40%{transform:translateX(10px)}60%{transform:translateX(-5px)}80%{transform:translateX(0)}}.pds-toast--slideOut{animation:slideOut .7s ease;animation-fill-mode:both}@keyframes slideOut{0%{transform:translateZ(0)}to{transform:translate3d(120%,0,0);visibility:hidden}}@media (prefers-reduced-motion:reduce){[class*=Toastify__slide-enter],[class*=Toastify__slide-exit]{animation:none!important;transition:none!important}.pds-toast--bounceInPlace,.pds-toast--slideOut{animation:none!important}}.pds-drawer__wrapper{inset:0;position:fixed;z-index:var(--pds-z-index-modal)}.pds-drawer__overlay{background-color:var(--pds-color-overlay-subtle);inset:0;opacity:0;position:fixed;transition:opacity .3s ease}.pds-drawer__overlay--visible{opacity:1}.pds-drawer{background-color:var(--pds-color-surface-default);display:flex;flex-direction:column;height:100vh;max-width:90vw;overflow:hidden;position:fixed;top:0;transition:transform .3s cubic-bezier(.2,0,0,1);width:25rem}.pds-drawer--right{box-shadow:var(--pds-elevation-drawer-right);right:0;transform:translateX(100%)}.pds-drawer--left{box-shadow:var(--pds-elevation-drawer-left);left:0;transform:translateX(-100%)}.pds-drawer--open{transform:translateX(0)}.pds-drawer--s{width:20rem}.pds-drawer--m{width:25rem}.pds-drawer--l{width:37.5rem}.pds-drawer__header{align-items:center;display:flex;justify-content:space-between;padding:var(--pds-spacing-l) var(--pds-spacing-xl)}.pds-drawer__header .pds-close-button{margin-inline-start:auto}.pds-drawer__title{font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-xl);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-s)}.pds-drawer__content{flex:1;overflow-y:auto;padding:0 var(--pds-spacing-xl) var(--pds-spacing-xl)}.pds-drawer__footer{display:flex;flex-shrink:0;gap:var(--pds-spacing-2xs);justify-content:flex-end;padding:var(--pds-spacing-m) var(--pds-spacing-xl)}.pds-full-screen-overlay{--bg:var(--pds-color-surface-default);background-color:var(--bg);display:flex;flex-direction:column;height:100vh;inset:0;position:fixed;width:100vw}.pds-full-screen-overlay--bg-default-secondary{--bg:var(--pds-color-surface-default-secondary)}.pds-full-screen-overlay__close-button{inset-block-start:var(--pds-spacing-m);inset-inline-end:var(--pds-spacing-m);position:absolute;z-index:1}.pds-full-screen-overlay__content{flex:1;overflow-y:auto;padding:var(--pds-spacing-l) var(--pds-spacing-xl)}.pds-modal{--modal-padding:var(--pds-spacing-xl);background-color:var(--pds-color-surface-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);margin:auto;max-width:var(--pds-container-modal-width-m);padding:var(--modal-padding);width:70vw}@media (max-width:767px){.pds-modal{max-width:300px}}.pds-modal__close-wrapper{position:absolute;right:var(--modal-padding);top:var(--modal-padding)}.pds-modal__title{font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-2xl);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-s);margin-block-end:var(--pds-spacing-l);width:calc(100% - var(--modal-padding))}.pds-modal--s{max-width:var(--pds-container-modal-width-s)}.pds-modal--l{max-width:var(--pds-container-modal-width-l);width:80vw}.pds-modal--xl{max-width:var(--pds-container-modal-width-xl);width:80vw}.pds-modal__button-group,.pds-modal__footer{margin-block-start:var(--pds-spacing-xl);width:100%}.pds-modal__button-group{column-gap:var(--pds-spacing-m);display:flex;justify-content:flex-end}.pds-modal form{margin-block-start:var(--pds-spacing-xl)}.pds-pagination{--item-size:var(--pds-spacing-l);--item-font-size:var(--pds-typography-size-s);--item-gap:var(--pds-spacing-5xs);font-family:var(--pds-typography-ff-default)}.pds-pagination--m{--item-size:var(--pds-spacing-xl);--item-font-size:var(--pds-typography-size-m);--item-gap:var(--pds-spacing-4xs)}.pds-pagination__list{align-items:center;display:flex;gap:var(--item-gap);list-style-type:none;margin:0;padding:0}.pds-pagination__item>*{height:var(--item-size);min-width:var(--item-size)}.pds-pagination__item .pds-tooltip{align-items:center;display:flex;justify-content:center}.pds-pagination__item .pds-tooltip__trigger-custom{align-items:center;display:flex;height:100%;width:100%}.pds-pagination__item button{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--item-font-size);font-weight:var(--pds-typography-fw-medium);height:var(--item-size);justify-content:center;line-height:1;min-width:var(--item-size);padding-block:0;padding-inline:var(--pds-spacing-4xs)}.pds-pagination__item button:hover{background-color:var(--pds-color-pagination-background-hover);color:var(--pds-color-pagination-foreground-hover)}.pds-pagination__item button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-pagination__item button[aria-current=page],.pds-pagination__item button[aria-current=page]:hover{background-color:var(--pds-color-pagination-background-current);color:var(--pds-color-pagination-foreground-current)}.pds-pagination__item--truncated span{min-width:unset;padding-inline:var(--pds-spacing-3xs)}.pds-pagination__item--truncated span:hover{background-color:transparent;color:var(--pds-color-foreground-default)}.pds-pagination-compact{align-items:center;display:flex;font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-xs)}.pds-pagination-compact .pds-select{min-width:fit-content}.pds-pagination-compact .pds-select__input-wrapper{border-radius:var(--pds-border-radius-button);padding-inline-start:var(--pds-spacing-s)}.pds-pagination-compact .pds-select__input-inner{column-gap:var(--pds-spacing-4xs)}.pds-pagination-compact .pds-select__trigger-icon{height:1rem;width:1rem}.pds-pagination-compact__count{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);white-space:nowrap}.pds-pagination-compact__nav{align-items:center;display:flex;gap:var(--pds-spacing-4xs)}.pds-pagination-compact__btn{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;height:var(--pds-spacing-xl);justify-content:center;padding:0;width:var(--pds-spacing-xl)}.pds-pagination-compact__btn:hover{background-color:var(--pds-color-pagination-background-hover);color:var(--pds-color-pagination-foreground-hover)}.pds-pagination-compact__btn:active{background-color:var(--pds-color-pagination-background-active);color:var(--pds-color-pagination-foreground-active)}.pds-pagination-compact__btn:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-pagination-compact__btn--disabled{cursor:not-allowed;opacity:.5}.pds-pagination-compact__btn--disabled:hover{background-color:transparent;color:var(--pds-color-foreground-default)}.pds-pagination-mini{display:flex;font-family:var(--pds-typography-ff-default);justify-content:space-between;width:100%}.pds-pagination-mini__btn{align-items:flex-start;background:transparent;border:none;border-radius:var(--pds-border-radius-input);cursor:pointer;display:flex;flex-direction:column;gap:var(--pds-spacing-3xs);padding:0}.pds-pagination-mini__btn:hover .pds-pagination-mini__nav{color:var(--pds-color-interactive-foreground-hover)}.pds-pagination-mini__btn:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-5xs);transition:var(--pds-animation-transition-focus)}.pds-pagination-mini__btn--prev .pds-pagination-mini__label{padding-inline-start:var(
|
|
199
199
|
--pds-spacing-l
|
|
200
|
-
)}.pds-pagination-mini__btn--next{align-items:flex-start;margin-inline-start:auto}.pds-pagination-mini__label{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-xs)}.pds-pagination-mini__nav{align-items:center;color:var(--pds-color-foreground-default);display:flex;font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);gap:var(--pds-spacing-4xs)}.pds-expansion-panel details{border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);line-height:normal}.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-foreground-default);cursor:pointer;display:flex;flex-wrap:nowrap;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);gap:var(--pds-spacing-l);justify-content:space-between;padding:var(--pds-spacing-s) var(--pds-spacing-m);transition:var(--pds-animation-transition-button)}.pds-expansion-panel details>summary:hover{background-color:var(--pds-color-expansion-panel-hover);transition:background-color var(--pds-animation-transition-button)}.pds-expansion-panel details>summary:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-expansion-panel details>summary .pds-expansion-panel__icon{color:var(--pds-color-foreground-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-expansion-panel .pds-expansion-panel__icon.rotated{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.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-foreground-default)}.pds-expansion-panel .pds-expansion-panel__content{padding:var(--pds-spacing-s) var(--pds-spacing-m)}.pds-expansion-panel.pds-expansion-panel--no-border details{border:none}.pds-expansion-panel-group .pds-expansion-panel{margin-block-end:var(--pds-spacing-m)}.pds-expansion-panel-group:last-child{margin-block-end:0}.pds-expansion-panel-group--no-border .pds-expansion-panel{margin-block-end:var(--pds-spacing-xs)}.pds-expansion-panel-group--no-border .pds-expansion-panel details{border-color:transparent}.pds-expansion-panel-group--no-border .pds-expansion-panel details[open]>summary{border-radius:var(--pds-border-radius-container)}.pds-expansion-panel-group--no-border .pds-expansion-panel .pds-expansion-panel__content{padding-block-end:0}.pds-expansion-panel-group--stacked .pds-expansion-panel{margin-block-end:0}.pds-expansion-panel-group--stacked .pds-expansion-panel details,.pds-expansion-panel-group--stacked .pds-expansion-panel details>summary,.pds-expansion-panel-group--stacked .pds-expansion-panel details[open]>summary{border-radius:0;border-top:none}.pds-expansion-panel-group--stacked .pds-expansion-panel:first-child details{border-top:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-expansion-panel-group--stacked .pds-expansion-panel:first-child details,.pds-expansion-panel-group--stacked .pds-expansion-panel:first-child details>summary,.pds-expansion-panel-group--stacked .pds-expansion-panel:first-child details[open]>summary{border-radius:var(--pds-border-radius-container) var(--pds-border-radius-container) 0 0}.pds-expansion-panel-group--stacked .pds-expansion-panel:last-child details,.pds-expansion-panel-group--stacked .pds-expansion-panel:last-child details>summary{border-radius:0 0 var(--pds-border-radius-container) var(--pds-border-radius-container)}.pds-expansion-panel-group--stacked .pds-expansion-panel:last-child details[open]>summary{border-radius:0}.pds-panel{--border-color:var(--pds-color-border-default);--bg-color:var(--pds-color-surface-default);background-color:var(--bg-color);border:var(--pds-border-width-default) solid var(--border-color);border-radius:var(--pds-border-radius-panel);display:flex}.pds-panel>:last-child{margin-block-end:0}.pds-panel__content{display:block;padding:var(--pds-spacing-l);width:100%}.pds-panel__content--pad-condensed{padding:var(--pds-spacing-m)}.pds-panel__content--pad-none{padding:0}.pds-panel__content--pad-spacious{padding:var(--pds-spacing-xl)}@media (min-width:768px){.pds-panel__content{padding:var(--pds-spacing-xl)}.pds-panel__content--pad-condensed{padding:var(--pds-spacing-l)}.pds-panel__content--pad-none{padding:0}.pds-panel__content--pad-spacious{padding:var(--pds-spacing-2xl)}}.pds-panel--sunken{--bg-color:var(--pds-color-panel-sunken-background);--border-color:transparent}.pds-panel--raised{--border-color:transparent;box-shadow:var(--pds-elevation-raised)}.pds-panel--overlay{--border-color:transparent;box-shadow:var(--pds-elevation-overlay)}.pds-panel--critical{--border-color:var(--pds-color-status-critical-border)}.pds-panel--discovery{--border-color:var(--pds-color-status-discovery-border)}.pds-panel--info{--border-color:var(--pds-color-status-info-border)}.pds-panel--success{--border-color:var(--pds-color-status-success-border)}.pds-panel--warning{--border-color:var(--pds-color-status-warning-border)}.pds-panel-list{--panel-list-background:var(--pds-color-surface-default);--panel-row-padding-block:var(--pds-spacing-m);background-color:var(--panel-list-background);border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-panel);margin:0;padding:0}.pds-panel-list .pds-panel-row{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);overflow:visible}.pds-panel-list .pds-panel-row:last-child{border-bottom:none}.pds-panel-list ul{margin-inline-start:calc(var(--pds-spacing-2xs)*-1)}.pds-panel-list ul li{list-style-type:disc;list-style:outside}.pds-panel-list ul ul li{list-style-type:circle}.pds-panel-list--2xs{--panel-row-padding-block:var(--pds-spacing-2xs)}.pds-panel-list--xs{--panel-row-padding-block:var(--pds-spacing-xs)}.pds-panel-list--s{--panel-row-padding-block:var(--pds-spacing-s)}.pds-panel-list--m{--panel-row-padding-block:var(--pds-spacing-m)}.pds-panel-list--l{--panel-row-padding-block:var(--pds-spacing-l)}.pds-panel-list--secondary{--panel-list-background:var(--pds-color-surface-default-secondary)}.pds-panel-list--transparent{--panel-list-background:transparent}.pds-panel-list--borderless{border-color:var(--panel-list-background)}.pds-panel-row{background-color:transparent;column-gap:var(--pds-spacing-2xl);display:flex;flex-direction:column;overflow:hidden;padding:var(--panel-row-padding-block) var(--pds-spacing-l)}.pds-panel-row ol,.pds-panel-row ul{padding-inline-start:var(--pds-spacing-xl)}@media (min-width:768px){.pds-panel-row{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-between}}.pds-panel-row__main{display:flex;gap:var(--pds-spacing-xl);justify-content:space-between;min-height:3rem;padding-inline-end:0;position:relative;width:100%}.pds-panel-row__main.is-expandable{padding-inline-end:var(--pds-spacing-3xl)}.pds-panel-row__expand-button{background-color:transparent;border:0;cursor:pointer;position:absolute;right:0;top:calc(50% - .75em)}.pds-panel-row__expand-button .pds-panel-row__expand-icon{color:var(--pds-color-foreground-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-panel-row__expand-button .pds-panel-row__expand-icon.rotated{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-panel-row__expand-button:hover .pds-panel-row__expand-icon{color:var(--pds-color-interactive-foreground-hover)}.pds-panel-row__expand-button:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)!important;outline-offset:.0625rem}.pds-panel-row__items{align-items:center;display:flex}.pds-panel-row__items-inside{margin-top:var(--pds-spacing-s)}.pds-progress-bar__label{color:var(--pds-color-foreground-default);display:block;font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);margin-block-end:var(--pds-spacing-s);position:relative}.pds-progress-bar__details{column-gap:var(--pds-spacing-s);display:flex;justify-content:space-between}.pds-progress-bar__message{color:var(--pds-color-foreground-default-secondary)}.pds-progress-bar__message,.pds-progress-bar__percentage{font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-progress-bar__wrapper{margin-block:var(--pds-spacing-2xs)}.pds-progress-bar__track{background-color:var(--pds-color-status-neutral-background);border-radius:3.5rem;height:var(--pds-spacing-m);overflow:hidden;width:100%}.pds-progress-bar__track--l{height:var(--pds-spacing-xl)}.pds-progress-bar__track--s{height:var(--pds-spacing-xs)}.pds-progress-bar__bar{border-radius:0 3.5rem 3.5rem 0;height:100%;min-width:var(--pds-spacing-5xs);transition:width .8s ease-out}.pds-progress-ring{align-items:center;display:inline-flex;flex-direction:column;justify-content:center}.pds-progress-ring__label{color:var(--pds-color-foreground-default);display:block;font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);margin-block-end:var(--pds-spacing-s)}.pds-progress-ring__track{fill:none;stroke:var(--pds-color-status-neutral-background)}.pds-progress-ring__progress{fill:none;stroke:var(--pds-color-status-info-fill);stroke-linecap:round;stroke-linejoin:round;transition:stroke-dashoffset .8s ease-out}.pds-progress-ring__loading-text{fill:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);letter-spacing:-.0125rem}.pds-progress-ring__loading-text--s{font-size:var(--pds-typography-size-s)}.pds-progress-ring__loading-text--l{font-size:var(--pds-typography-size-l)}.pds-step-list{display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);list-style:none;padding:0;row-gap:var(--pds-spacing-2xl)}.pds-step-list--horizontal{display:grid;grid-template-columns:repeat(var(--step-list-columns,1),1fr);grid-gap:var(--pds-spacing-2xl)}.pds-step-list--indented li{align-items:flex-start;column-gap:var(--pds-spacing-xs);display:flex}.pds-step-list__header{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-m)}.pds-step-list__number{align-items:center;background-color:var(--pds-color-surface-reverse);border-radius:50%;color:var(--pds-color-foreground-reverse);display:flex;flex-shrink:0;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-semibold);height:var(--pds-spacing-xl);justify-content:center;line-height:90%;padding:1px;width:var(--pds-spacing-xl)}.pds-step-list__number span{padding-block-start:1px}.pds-step-list__content{padding-block-start:var(--pds-spacing-s)}.pds-step-list__header-group{align-items:center;column-gap:var(--pds-spacing-xs);display:flex}.pds-step-list__content-group{overflow-x:hidden;width:100%}.pds-stepper{--stepper-border-color:var(--pds-color-border-separator);--stepper-connector-color:var(--pds-color-border-separator);--stepper-fill-color:transparent;--indicator-size:1.75rem;display:none}@media (min-width:768px){.pds-stepper{display:block}}.pds-stepper-mobile{display:block}@media (min-width:768px){.pds-stepper-mobile{display:none}}.pds-stepper{margin-inline:auto}ol.pds-stepper__steps{display:flex;justify-content:space-between;padding:0}li.pds-stepper__step{align-items:flex-end;display:flex;justify-content:center;list-style:none;position:relative}li.pds-stepper__step:first-child{justify-content:flex-start}li.pds-stepper__step:last-child{justify-content:flex-end}.pds-stepper__step-content,button.pds-stepper__step-content{align-items:center;display:inline-flex;flex-direction:column;row-gap:var(--pds-spacing-s);text-align:center;width:var(--pds-spacing-stepper-step-content-width)}button.pds-stepper__step-content{background-color:transparent;border:none;cursor:pointer}button.pds-stepper__step-content:hover{--stepper-fill-color:var(--pds-color-interactive-foreground-hover);--stepper-border-color:var(--pds-color-interactive-foreground-hover);--pds-color-foreground-default:var(
|
|
200
|
+
)}.pds-pagination-mini__btn--next{align-items:flex-start;margin-inline-start:auto}.pds-pagination-mini__label{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-xs)}.pds-pagination-mini__nav{align-items:center;color:var(--pds-color-foreground-default);display:flex;font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);gap:var(--pds-spacing-4xs)}.pds-expansion-panel details{border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);line-height:normal}.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-foreground-default);cursor:pointer;display:flex;flex-wrap:nowrap;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);gap:var(--pds-spacing-l);justify-content:space-between;padding:var(--pds-spacing-s) var(--pds-spacing-m);transition:var(--pds-animation-transition-button)}.pds-expansion-panel details>summary:hover{background-color:var(--pds-color-expansion-panel-hover);transition:background-color var(--pds-animation-transition-button)}.pds-expansion-panel details>summary:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-expansion-panel details>summary .pds-expansion-panel__icon{color:var(--pds-color-foreground-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-expansion-panel .pds-expansion-panel__icon.rotated{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.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-foreground-default)}.pds-expansion-panel .pds-expansion-panel__content{padding:var(--pds-spacing-s) var(--pds-spacing-m)}.pds-expansion-panel.pds-expansion-panel--no-border details{border:none}.pds-expansion-panel-group .pds-expansion-panel{margin-block-end:var(--pds-spacing-m)}.pds-expansion-panel-group:last-child{margin-block-end:0}.pds-expansion-panel-group--no-border .pds-expansion-panel{margin-block-end:var(--pds-spacing-xs)}.pds-expansion-panel-group--no-border .pds-expansion-panel details{border-color:transparent}.pds-expansion-panel-group--no-border .pds-expansion-panel details[open]>summary{border-radius:var(--pds-border-radius-container)}.pds-expansion-panel-group--no-border .pds-expansion-panel .pds-expansion-panel__content{padding-block-end:0}.pds-expansion-panel-group--stacked .pds-expansion-panel{margin-block-end:0}.pds-expansion-panel-group--stacked .pds-expansion-panel details,.pds-expansion-panel-group--stacked .pds-expansion-panel details>summary,.pds-expansion-panel-group--stacked .pds-expansion-panel details[open]>summary{border-radius:0;border-top:none}.pds-expansion-panel-group--stacked .pds-expansion-panel:first-child details{border-top:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-expansion-panel-group--stacked .pds-expansion-panel:first-child details,.pds-expansion-panel-group--stacked .pds-expansion-panel:first-child details>summary,.pds-expansion-panel-group--stacked .pds-expansion-panel:first-child details[open]>summary{border-radius:var(--pds-border-radius-container) var(--pds-border-radius-container) 0 0}.pds-expansion-panel-group--stacked .pds-expansion-panel:last-child details,.pds-expansion-panel-group--stacked .pds-expansion-panel:last-child details>summary{border-radius:0 0 var(--pds-border-radius-container) var(--pds-border-radius-container)}.pds-expansion-panel-group--stacked .pds-expansion-panel:last-child details[open]>summary{border-radius:0}.pds-panel{--border-color:var(--pds-color-border-default);--bg-color:var(--pds-color-surface-default);background-color:var(--bg-color);border:var(--pds-border-width-default) solid var(--border-color);border-radius:var(--pds-border-radius-panel);display:flex}.pds-panel>:last-child{margin-block-end:0}.pds-panel__content{display:block;padding:var(--pds-spacing-l);width:100%}.pds-panel__content--pad-condensed{padding:var(--pds-spacing-m)}.pds-panel__content--pad-none{padding:0}.pds-panel__content--pad-spacious{padding:var(--pds-spacing-xl)}@media (min-width:768px){.pds-panel__content{padding:var(--pds-spacing-xl)}.pds-panel__content--pad-condensed{padding:var(--pds-spacing-l)}.pds-panel__content--pad-none{padding:0}.pds-panel__content--pad-spacious{padding:var(--pds-spacing-2xl)}}.pds-panel--sunken{--bg-color:var(--pds-color-panel-sunken-background);--border-color:transparent}.pds-panel--raised{--border-color:transparent;box-shadow:var(--pds-elevation-raised)}.pds-panel--overlay{--border-color:transparent;box-shadow:var(--pds-elevation-overlay)}.pds-panel--critical{--border-color:var(--pds-color-status-critical-border)}.pds-panel--discovery{--border-color:var(--pds-color-status-discovery-border)}.pds-panel--info{--border-color:var(--pds-color-status-info-border)}.pds-panel--success{--border-color:var(--pds-color-status-success-border)}.pds-panel--warning{--border-color:var(--pds-color-status-warning-border)}.pds-panel-list{--panel-list-background:var(--pds-color-surface-default);--panel-row-padding-block:var(--pds-spacing-m);background-color:var(--panel-list-background);border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-panel);margin:0;padding:0}.pds-panel-list .pds-panel-row{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);overflow:visible}.pds-panel-list .pds-panel-row:last-child{border-bottom:none}.pds-panel-list ul{margin-inline-start:calc(var(--pds-spacing-2xs)*-1)}.pds-panel-list ul li{list-style-type:disc;list-style:outside}.pds-panel-list ul ul li{list-style-type:circle}.pds-panel-list--2xs{--panel-row-padding-block:var(--pds-spacing-2xs)}.pds-panel-list--xs{--panel-row-padding-block:var(--pds-spacing-xs)}.pds-panel-list--s{--panel-row-padding-block:var(--pds-spacing-s)}.pds-panel-list--m{--panel-row-padding-block:var(--pds-spacing-m)}.pds-panel-list--l{--panel-row-padding-block:var(--pds-spacing-l)}.pds-panel-list--secondary{--panel-list-background:var(--pds-color-surface-default-secondary)}.pds-panel-list--transparent{--panel-list-background:transparent}.pds-panel-list--borderless{border-color:var(--panel-list-background)}.pds-panel-row{background-color:transparent;column-gap:var(--pds-spacing-2xl);display:flex;flex-direction:column;overflow:hidden;padding:var(--panel-row-padding-block) var(--pds-spacing-l)}.pds-panel-row ol,.pds-panel-row ul{padding-inline-start:var(--pds-spacing-xl)}@media (min-width:768px){.pds-panel-row{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-between}}.pds-panel-row__main{display:flex;gap:var(--pds-spacing-xl);justify-content:space-between;min-height:3rem;padding-inline-end:0;position:relative;width:100%}.pds-panel-row__main.is-expandable{padding-inline-end:var(--pds-spacing-3xl)}.pds-panel-row__expand-button{background-color:transparent;border:0;cursor:pointer;position:absolute;right:0;top:calc(50% - .75em)}.pds-panel-row__expand-button .pds-panel-row__expand-icon{color:var(--pds-color-foreground-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-panel-row__expand-button .pds-panel-row__expand-icon.rotated{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-panel-row__expand-button:hover .pds-panel-row__expand-icon{color:var(--pds-color-interactive-foreground-hover)}.pds-panel-row__expand-button:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)!important;outline-offset:.0625rem}.pds-panel-row__items{align-items:center;display:flex}.pds-panel-row__items-inside{margin-top:var(--pds-spacing-s)}.pds-progress-bar__label{color:var(--pds-color-foreground-default);display:block;font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);margin-block-end:var(--pds-spacing-s);position:relative}.pds-progress-bar__details{column-gap:var(--pds-spacing-s);display:flex;justify-content:space-between}.pds-progress-bar__message{color:var(--pds-color-foreground-default-secondary)}.pds-progress-bar__message,.pds-progress-bar__percentage{font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-progress-bar__wrapper{margin-block:var(--pds-spacing-2xs)}.pds-progress-bar__track{background-color:var(--pds-color-status-neutral-background);border-radius:3.5rem;height:var(--pds-spacing-m);overflow:hidden;width:100%}.pds-progress-bar__track--l{height:var(--pds-spacing-xl)}.pds-progress-bar__track--s{height:var(--pds-spacing-xs)}.pds-progress-bar__bar{border-radius:0 3.5rem 3.5rem 0;height:100%;min-width:var(--pds-spacing-5xs);transition:width .8s ease-out}.pds-progress-ring{align-items:center;display:inline-flex;flex-direction:column;justify-content:center}.pds-progress-ring__label{color:var(--pds-color-foreground-default);display:block;font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);margin-block-end:var(--pds-spacing-s)}.pds-progress-ring__track{fill:none;stroke:var(--pds-color-status-neutral-background)}.pds-progress-ring__progress{fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke-dashoffset .8s ease-out}.pds-progress-ring__loading-text{fill:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);letter-spacing:-.0125rem}.pds-progress-ring__loading-text--s{font-size:var(--pds-typography-size-s)}.pds-progress-ring__loading-text--l{font-size:var(--pds-typography-size-l)}.pds-step-list{display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);list-style:none;padding:0;row-gap:var(--pds-spacing-2xl)}.pds-step-list--horizontal{display:grid;grid-template-columns:repeat(var(--step-list-columns,1),1fr);grid-gap:var(--pds-spacing-2xl)}.pds-step-list--indented li{align-items:flex-start;column-gap:var(--pds-spacing-xs);display:flex}.pds-step-list__header{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-m)}.pds-step-list__number{align-items:center;background-color:var(--pds-color-surface-reverse);border-radius:50%;color:var(--pds-color-foreground-reverse);display:flex;flex-shrink:0;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-semibold);height:var(--pds-spacing-xl);justify-content:center;line-height:90%;padding:1px;width:var(--pds-spacing-xl)}.pds-step-list__number span{padding-block-start:1px}.pds-step-list__content{padding-block-start:var(--pds-spacing-s)}.pds-step-list__header-group{align-items:center;column-gap:var(--pds-spacing-xs);display:flex}.pds-step-list__content-group{overflow-x:hidden;width:100%}.pds-stepper{--stepper-border-color:var(--pds-color-border-separator);--stepper-connector-color:var(--pds-color-border-separator);--stepper-fill-color:transparent;--indicator-size:1.75rem;display:none}@media (min-width:768px){.pds-stepper{display:block}}.pds-stepper-mobile{display:block}@media (min-width:768px){.pds-stepper-mobile{display:none}}.pds-stepper{margin-inline:auto}ol.pds-stepper__steps{display:flex;justify-content:space-between;padding:0}li.pds-stepper__step{align-items:flex-end;display:flex;justify-content:center;list-style:none;position:relative}li.pds-stepper__step:first-child{justify-content:flex-start}li.pds-stepper__step:last-child{justify-content:flex-end}.pds-stepper__step-content,button.pds-stepper__step-content{align-items:center;display:inline-flex;flex-direction:column;row-gap:var(--pds-spacing-s);text-align:center;width:var(--pds-spacing-stepper-step-content-width)}button.pds-stepper__step-content{background-color:transparent;border:none;cursor:pointer}button.pds-stepper__step-content:hover{--stepper-fill-color:var(--pds-color-interactive-foreground-hover);--stepper-border-color:var(--pds-color-interactive-foreground-hover);--pds-color-foreground-default:var(
|
|
201
201
|
--pds-color-interactive-foreground-hover
|
|
202
202
|
)}button.pds-stepper__step-content:focus-visible>.pds-stepper__step-label{border-radius:var(--pds-border-radius-default);box-shadow:0 0 0 var(--pds-border-width-outline) var(--pds-color-interactive-focus);padding-inline:var(--pds-spacing-2xs);transition:var(--pds-animation-transition-button)}.pds-stepper__step-label{color:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-s)}.pds-stepper__step-indicator{align-items:center;background-color:var(--stepper-fill-color);border:var(--pds-border-width-stepper) solid var(--stepper-border-color);border-radius:50%;display:flex;height:var(--indicator-size);justify-content:center;transition:var(--pds-animation-transition-button);width:var(--indicator-size)}.pds-stepper__step-complete-icon{color:var(--pds-color-foreground-reverse)}.pds-stepper__connector{background-color:var(--stepper-connector-color);bottom:calc(var(--indicator-size)/2 - var(--pds-border-width-stepper)/2);height:var(--pds-border-width-stepper);position:relative}.pds-stepper__connector--before{border-bottom-right-radius:1rem;border-top-right-radius:1rem}.pds-stepper__connector--after{border-bottom-left-radius:1rem;border-top-left-radius:1rem}.pds-stepper__step--current{--stepper-border-color:var(--pds-color-interactive-background-current)}.pds-stepper__step--current .pds-stepper__connector--before{--stepper-connector-color:var(--pds-color-interactive-background-current)}.pds-stepper__step--complete{--stepper-fill-color:var(--pds-color-interactive-background-current);--stepper-border-color:var(--pds-color-interactive-background-current)}.pds-stepper__step--complete .pds-stepper__connector{--stepper-connector-color:var(--pds-color-interactive-background-current)}.pds-stepper__step--error{--stepper-border-color:var(--pds-color-status-critical-fill)}.pds-stepper-mobile__step{align-items:stretch;column-gap:var(--pds-spacing-l);display:flex;justify-content:space-between}.pds-stepper-mobile__step-text{display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);padding-block-start:var(--pds-spacing-s);row-gap:var(--pds-spacing-3xs);text-align:right}.pds-stepper-mobile__step-label{font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold)}.pds-stepper-mobile__next-step{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s)}.pds-stepper-mobile__error-icon{color:var(--pds-color-status-critical-foreground);margin-inline-end:var(--pds-spacing-xs)}.pds-vert-stepper{--stepper-border-color:var(--pds-color-border-separator);--stepper-connector-color:var(--pds-color-border-separator);--stepper-fill-color:transparent;--stepper-connector-width:0.1875rem}.pds-vert-stepper__steps{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:var(--pds-spacing-2xl)}.pds-vert-stepper__step{position:relative}.pds-vert-stepper__step:not(:last-child):after{background-color:var(--stepper-connector-color);border-radius:1rem;content:"";height:calc(100% - var(--pds-spacing-stepper-indicator-size) + var(--pds-spacing-2xl)/2);left:calc(var(--pds-spacing-stepper-indicator-size)/2 + var(--stepper-connector-width)/2);position:absolute;top:calc(var(--pds-spacing-stepper-indicator-size) + var(--pds-spacing-2xl)/3);transition:height var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default);width:var(--stepper-connector-width)}.pds-vert-stepper__step-header{align-items:center;column-gap:var(--pds-spacing-s);display:flex}.pds-vert-stepper__step-indicator{align-items:center;background-color:var(--stepper-fill-color);border:var(--pds-border-width-stepper) solid var(--stepper-border-color);border-radius:50%;box-sizing:content-box;display:flex;height:var(--pds-spacing-stepper-indicator-size);justify-content:center;width:var(--pds-spacing-stepper-indicator-size)}.pds-vert-stepper__step-complete-icon{color:var(--pds-color-foreground-reverse)}.pds-vert-stepper__step-label{color:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-s)}.pds-vert-stepper__step-content{display:grid;grid-template-rows:0fr;overflow:hidden;padding-inline-start:calc(var(--pds-spacing-stepper-indicator-size) + var(--pds-spacing-l));transition:grid-template-rows var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default)}.pds-vert-stepper__step-content-inner{min-height:0;padding-block:0;transition:padding var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default)}.pds-vert-stepper__step-buttons{column-gap:var(--pds-spacing-s);display:flex;margin-top:var(--pds-spacing-xl)}.pds-vert-stepper__step--current{--stepper-border-color:var(--pds-color-interactive-background-current)}.pds-vert-stepper__step--current .pds-vert-stepper__step-content{grid-template-rows:1fr}.pds-vert-stepper__step--current .pds-vert-stepper__step-content-inner{padding-block-start:var(--pds-spacing-xl)}.pds-vert-stepper__step--complete{--stepper-fill-color:var(--pds-color-interactive-background-current);--stepper-border-color:var(--pds-color-interactive-background-current);--stepper-connector-color:var(--pds-color-interactive-background-current)}.pds-vert-stepper__step--error{--stepper-border-color:var(--pds-color-status-critical-foreground)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-progress-ring{align-items:center;display:inline-flex;flex-direction:column;justify-content:center}.pds-progress-ring__label{color:var(--pds-color-foreground-default);display:block;font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);margin-block-end:var(--pds-spacing-s)}.pds-progress-ring__track{fill:none;stroke:var(--pds-color-status-neutral-background)}.pds-progress-ring__progress{fill:none;stroke
|
|
1
|
+
.pds-progress-ring{align-items:center;display:inline-flex;flex-direction:column;justify-content:center}.pds-progress-ring__label{color:var(--pds-color-foreground-default);display:block;font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);margin-block-end:var(--pds-spacing-s)}.pds-progress-ring__track{fill:none;stroke:var(--pds-color-status-neutral-background)}.pds-progress-ring__progress{fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke-dashoffset .8s ease-out}.pds-progress-ring__loading-text{fill:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);letter-spacing:-.0125rem}.pds-progress-ring__loading-text--s{font-size:var(--pds-typography-size-s)}.pds-progress-ring__loading-text--l{font-size:var(--pds-typography-size-l)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-skeleton--regular{background-color:var(--
|
|
1
|
+
.pds-skeleton--regular{background-color:var(--pds-color-skeleton-regular-base)}.pds-skeleton--bold{background-color:var(--pds-color-skeleton-bold-base)}.pds-skeleton--code-block,.pds-skeleton--code-block-prefix,.pds-skeleton--rounded,.pds-skeleton--text-block{border-radius:var(--pds-border-radius-default)}.pds-skeleton--circular{border-radius:50%;flex-shrink:0}.pds-skeleton-group{display:inline-flex;flex-direction:column;width:100%}.pds-skeleton--code-block-prefix .pds-skeleton-line{align-items:center;display:flex}
|
|
@@ -7,4 +7,4 @@
|
|
|
7
7
|
input:disabled+.pds-switch__track-wrapper
|
|
8
8
|
.pds-switch__track{cursor:not-allowed}.pds-switch__control
|
|
9
9
|
input:focus-visible+.pds-switch__track-wrapper
|
|
10
|
-
.pds-switch__track{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.125rem}.pds-switch__thumb{background:var(--toggle-thumb-background);border-radius:6.25rem;box-shadow:0 1px 1.5px rgba(0,0,0,.18);display:block;height:var(--toggle-switch-thumb-height);inset-block-start:var(--toggle-gutter);inset-inline-start:var(--toggle-gutter);position:absolute;transition:var(--toggle-switch-animation);width:var(--toggle-switch-thumb-height);z-index:1}
|
|
10
|
+
.pds-switch__track{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.125rem}.pds-switch__thumb{background:var(--toggle-thumb-background);border-radius:6.25rem;box-shadow:0 1px 1.5px rgba(0,0,0,.18);display:block;height:var(--toggle-switch-thumb-height);inset-block-start:var(--toggle-gutter);inset-inline-start:var(--toggle-gutter);position:absolute;transition:var(--toggle-switch-animation);width:var(--toggle-switch-thumb-height);z-index:1}[data-theme=dark] .pds-switch__thumb{box-shadow:0 1px 1.5px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.5)}
|
|
@@ -314,16 +314,20 @@
|
|
|
314
314
|
--pds-color-dropdown-item-background-active: var(--pds-color-interactive-background-active);
|
|
315
315
|
--pds-color-dropdown-item-background-selected: var(--pds-color-interactive-background-hover);
|
|
316
316
|
--pds-color-dropdown-top-border: rgba(255, 255, 255, 0.00);
|
|
317
|
+
--pds-color-dropdown-separator: oklch(0.4091 0 0);
|
|
317
318
|
--pds-color-foreground-default: oklch(0.9702 0 0);
|
|
318
319
|
--pds-color-foreground-default-secondary: oklch(0.8452 0 0);
|
|
319
320
|
--pds-color-foreground-reverse: oklch(0.2178 0 0);
|
|
320
321
|
--pds-color-foreground-reverse-secondary: oklch(0.5173 0 0);
|
|
322
|
+
--pds-color-highlight-background: oklch(0.55 0.115 65);
|
|
323
|
+
--pds-color-highlight-foreground: oklch(0.9673 0 0);
|
|
321
324
|
--pds-color-input-placeholder: oklch(0.6830 0 0);
|
|
322
325
|
--pds-color-input-file-upload-button-background-default: oklch(0.2931 0 0);
|
|
323
326
|
--pds-color-input-file-upload-button-background-hover: oklch(0.3329 0 0);
|
|
324
327
|
--pds-color-input-selected-background: oklch(0.7049 0.1468 258.30);
|
|
325
|
-
--pds-color-input-selected-foreground: oklch(
|
|
326
|
-
--pds-color-input-switch-icon: oklch(0.
|
|
328
|
+
--pds-color-input-selected-foreground: oklch(0.2178 0 0);
|
|
329
|
+
--pds-color-input-switch-icon: oklch(0.2178 0 0);
|
|
330
|
+
--pds-color-input-switch-background: oklch(0.6830 0 0);
|
|
327
331
|
--pds-color-input-tag-background-default: oklch(0.38 0 0);
|
|
328
332
|
--pds-color-input-tag-background-hover: oklch(0.32 0 0);
|
|
329
333
|
--pds-color-input-tag-background-active: oklch(0.7049 0.1468 258.30);
|
|
@@ -314,16 +314,20 @@
|
|
|
314
314
|
--pds-color-dropdown-item-background-active: var(--pds-color-interactive-background-active);
|
|
315
315
|
--pds-color-dropdown-item-background-selected: var(--pds-color-interactive-background-hover);
|
|
316
316
|
--pds-color-dropdown-top-border: #dfdfdf;
|
|
317
|
+
--pds-color-dropdown-separator: oklch(0.9430 0 0);
|
|
317
318
|
--pds-color-foreground-default: oklch(0.2178 0 0);
|
|
318
319
|
--pds-color-foreground-default-secondary: oklch(0.5550 0.0020 247.86);
|
|
319
320
|
--pds-color-foreground-reverse: oklch(1.0000 0 0);
|
|
320
321
|
--pds-color-foreground-reverse-secondary: oklch(0.8452 0 0);
|
|
322
|
+
--pds-color-highlight-background: oklch(0.9 0.13 72);
|
|
323
|
+
--pds-color-highlight-foreground: oklch(0.2178 0 0);
|
|
321
324
|
--pds-color-input-placeholder: oklch(0.8047 0 0);
|
|
322
325
|
--pds-color-input-file-upload-button-background-default: oklch(0.9702 0 0);
|
|
323
326
|
--pds-color-input-file-upload-button-background-hover: oklch(0.9430 0 0);
|
|
324
327
|
--pds-color-input-selected-background: oklch(0.5256 0.1988 268.04);
|
|
325
328
|
--pds-color-input-selected-foreground: oklch(1.0000 0 0);
|
|
326
329
|
--pds-color-input-switch-icon: oklch(1.0000 0 0);
|
|
330
|
+
--pds-color-input-switch-background: oklch(0.5550 0.0020 247.86);
|
|
327
331
|
--pds-color-input-tag-background-default: oklch(0.907 0 0);
|
|
328
332
|
--pds-color-input-tag-background-hover: oklch(0.87 0 0);
|
|
329
333
|
--pds-color-input-tag-background-active: oklch(0.9559 0.0143 308.29);
|