@pantheon-systems/pds-toolkit-react 2.0.0-alpha.61 → 2.0.0-alpha.62
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/buttons/SSOButton/SSOButton.d.ts +9 -1
- package/dist/components/icons/Icon/generated-icon-data.d.ts +1 -1
- package/dist/css/component-css/pds-horizontal-empty-state.css +1 -1
- package/dist/css/component-css/pds-index.css +4 -3
- package/dist/css/component-css/pds-panel.css +2 -1
- package/dist/css/component-css/pds-sso-button.css +1 -1
- package/dist/css/component-css/pds-vertical-empty-state.css +1 -1
- package/dist/css/design-tokens/variables.dark.css +16 -16
- package/dist/css/design-tokens/variables.light.css +5 -5
- package/dist/css/pds-components.css +4 -3
- package/dist/css/pds-core.css +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +20 -13
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -16,6 +16,10 @@ interface SSOButtonProps extends ComponentPropsWithoutRef<'button'> {
|
|
|
16
16
|
* Is the button disabled?
|
|
17
17
|
*/
|
|
18
18
|
disabled?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Is the button in a working state?
|
|
21
|
+
*/
|
|
22
|
+
isWorking?: boolean;
|
|
19
23
|
/**
|
|
20
24
|
* The text of the button
|
|
21
25
|
*/
|
|
@@ -33,9 +37,13 @@ interface SSOButtonProps extends ComponentPropsWithoutRef<'button'> {
|
|
|
33
37
|
* @default 'm'
|
|
34
38
|
*/
|
|
35
39
|
size?: SSOButtonSize;
|
|
40
|
+
/**
|
|
41
|
+
* Text for an optional tooltip to be displayed when the button is `disabled` or `isWorking`.
|
|
42
|
+
*/
|
|
43
|
+
tooltipText?: string;
|
|
36
44
|
}
|
|
37
45
|
/**
|
|
38
46
|
* A Component used to render an SSO Button
|
|
39
47
|
*/
|
|
40
|
-
export declare const SSOButton: ({ buttonType, className, disabled, label, onClick, platform, size, ...props }: SSOButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
48
|
+
export declare const SSOButton: ({ buttonType, className, disabled, isWorking, label, onClick, platform, size, tooltipText, ...props }: SSOButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
41
49
|
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-08-
|
|
6
|
+
* Generated: 2026-08-10T17:23:11.621Z
|
|
7
7
|
*/
|
|
8
8
|
import { customIcons } from './custom-icons';
|
|
9
9
|
export { customIcons };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-horizontal-empty-state{color:var(--pds-color-foreground-default);display:flex;font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-xl);width:100%}.pds-horizontal-empty-state--top{align-items:flex-start}.pds-horizontal-empty-state--center{align-items:center}.pds-horizontal-empty-state__content{display:flex;flex-direction:column;padding-inline-end:var(--pds-spacing-l);row-gap:var(--pds-spacing-xl);width:60%}.pds-horizontal-empty-state__heading{margin-block-end:0}.pds-horizontal-empty-state__message{margin-block-start:0}.pds-horizontal-empty-state__media{width:40%}.pds-horizontal-empty-state__image{height:auto;width:100%}.pds-horizontal-empty-state--indented-content .pds-horizontal-empty-state__content{padding-inline-start:var(--pds-spacing-xl)}.pds-horizontal-empty-state--video .pds-horizontal-empty-state__content,.pds-horizontal-empty-state--video .pds-horizontal-empty-state__media{width:50%}.pds-horizontal-empty-state__media--video .pds-video-embed{border-radius:var(--pds-border-radius-panel)}[data-pds-mobile] .pds-horizontal-empty-state{flex-direction:column}[data-pds-mobile] .pds-horizontal-empty-state .pds-horizontal-empty-state__content,[data-pds-mobile] .pds-horizontal-empty-state .pds-horizontal-empty-state__media{width:100%}[data-pds-mobile] .pds-horizontal-empty-state .pds-horizontal-empty-state__content{padding-inline-end:0}[data-pds-mobile] .pds-horizontal-empty-state .pds-horizontal-empty-state__media--image{display:none}[data-pds-mobile] .pds-horizontal-empty-state .pds-horizontal-empty-state__media--video{order:-1}}
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-horizontal-empty-state{color:var(--pds-color-foreground-default);display:flex;font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-xl);width:100%}.pds-horizontal-empty-state--top{align-items:flex-start}.pds-horizontal-empty-state--center{align-items:center}.pds-horizontal-empty-state__content{display:flex;flex-direction:column;padding-inline-end:var(--pds-spacing-l);row-gap:var(--pds-spacing-xl);width:60%}.pds-horizontal-empty-state__heading{margin-block-end:0}.pds-horizontal-empty-state__message{margin-block-start:0}.pds-horizontal-empty-state__message :where(:not(.visually-hidden))+:where(:not(p,ul,ol,li)){margin-block-start:var(--pds-spacing-2xl)}.pds-horizontal-empty-state__media{width:40%}.pds-horizontal-empty-state__image{height:auto;width:100%}.pds-horizontal-empty-state--indented-content .pds-horizontal-empty-state__content{padding-inline-start:var(--pds-spacing-xl)}.pds-horizontal-empty-state--video .pds-horizontal-empty-state__content,.pds-horizontal-empty-state--video .pds-horizontal-empty-state__media{width:50%}.pds-horizontal-empty-state__media--video .pds-video-embed{border-radius:var(--pds-border-radius-panel)}[data-pds-mobile] .pds-horizontal-empty-state{flex-direction:column}[data-pds-mobile] .pds-horizontal-empty-state .pds-horizontal-empty-state__content,[data-pds-mobile] .pds-horizontal-empty-state .pds-horizontal-empty-state__media{width:100%}[data-pds-mobile] .pds-horizontal-empty-state .pds-horizontal-empty-state__content{padding-inline-end:0}[data-pds-mobile] .pds-horizontal-empty-state .pds-horizontal-empty-state__media--image{display:none}[data-pds-mobile] .pds-horizontal-empty-state .pds-horizontal-empty-state__media--video{order:-1}}
|
|
@@ -108,11 +108,11 @@
|
|
|
108
108
|
--pds-color-button-secondary-background-default
|
|
109
109
|
);--button-background-color-hover:var(
|
|
110
110
|
--pds-color-button-secondary-background-hover
|
|
111
|
-
);--button-foreground-color:var(--pds-color-button-secondary-foreground);--button-border-color:var(--pds-color-button-secondary-border);--button-border-color-hover:var(--pds-color-button-secondary-border);--separator-height:1.2rem;align-items:center;background-color:var(--button-background-color);border-color:var(--button-border-color);border-radius:var(--pds-border-radius-button);border-style:solid;border-width:var(--pds-border-width-default);color:var(--button-foreground-color);cursor:pointer;display:inline-flex;font-family:var(--pds-typography-ff-default);font-size:var(--button-font-size);font-weight:var(--pds-typography-fw-medium);gap:var(--button-gap-inline);height:var(--button-height);justify-content:center;line-height:1;max-height:var(--button-height);padding-block:0;padding-inline:var(--button-padding-inline);text-decoration:none;transition:var(--pds-animation-transition-button);white-space:nowrap}.pds-sso-button:disabled{cursor:not-allowed;opacity:40%}.pds-sso-button:active:enabled,.pds-sso-button:hover:enabled,a.pds-sso-button:active,a.pds-sso-button:hover{--button-background-color:var(--button-background-color-hover);--button-border-color:var(--button-border-color-hover);color:var(--button-foreground-color);text-decoration:none}.pds-sso-button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px;transition:var(--pds-animation-transition-focus)}.pds-sso-button__icon{border-inline-end:var(--pds-border-width-default) solid var(--button-border-color);flex-shrink:0;height:var(--separator-height);padding-inline-end:var(--button-gap-inline)}.pds-sso-button--l{--button-font-size:var(--pds-typography-size-l);--button-height:var(--pds-spacing-button-height-l);--button-padding-inline:var(--pds-spacing-button-padding-inline-l);--button-gap-inline:var(--pds-spacing-button-gap-inline-l);--separator-height:1.728rem}.pds-segmented-button{--seg-font-size:var(--pds-typography-size-xs);--seg-gap:var(--pds-spacing-2xs);--seg-height:var(--pds-spacing-xl);--seg-icon-size:0.875rem;--seg-padding-inline:var(--pds-spacing-s);border:0;display:inline-block;margin:0;min-inline-size:0;padding:0}.pds-segmented-button--s{--seg-font-size:var(--pds-typography-size-2xs);--seg-gap:var(--pds-spacing-3xs);--seg-height:var(--pds-spacing-l);--seg-icon-size:0.75rem;--seg-padding-inline:var(--pds-spacing-2xs)}.pds-segmented-button--l{--seg-font-size:var(--pds-typography-size-s);--seg-gap:var(--pds-spacing-2xs);--seg-height:var(--pds-spacing-2xl);--seg-icon-size:1rem;--seg-padding-inline:var(--pds-spacing-m)}.pds-segmented-button .pds-segmented-button__icon{block-size:var(--seg-icon-size);inline-size:var(--seg-icon-size)}.pds-segmented-button__track{align-items:center;background-color:var(--pds-color-segmented-control-track-background);border-radius:var(--pds-border-radius-button);display:inline-flex;gap:var(--pds-spacing-5xs);padding:3px}.pds-segmented-button--bordered .pds-segmented-button__track{box-shadow:inset 0 0 0 var(--pds-border-width-default) var(--pds-color-border-default-secondary)}.pds-segmented-button__option{display:flex;flex-shrink:0}.pds-segmented-button__option label{align-items:center;block-size:var(--seg-height);border-radius:var(--pds-border-radius-button);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--seg-font-size);font-weight:var(--pds-typography-fw-medium);gap:var(--seg-gap);justify-content:center;line-height:0;margin-block:0;padding-inline:var(--seg-padding-inline);white-space:nowrap}.pds-segmented-button__option:not(.pds-segmented-button__option--disabled):not(.pds-segmented-button__option--checked):hover
|
|
111
|
+
);--button-foreground-color:var(--pds-color-button-secondary-foreground);--button-border-color:var(--pds-color-button-secondary-border);--button-border-color-hover:var(--pds-color-button-secondary-border);--separator-height:1.2rem;align-items:center;background-color:var(--button-background-color);border-color:var(--button-border-color);border-radius:var(--pds-border-radius-button);border-style:solid;border-width:var(--pds-border-width-default);color:var(--button-foreground-color);cursor:pointer;display:inline-flex;font-family:var(--pds-typography-ff-default);font-size:var(--button-font-size);font-weight:var(--pds-typography-fw-medium);gap:var(--button-gap-inline);height:var(--button-height);justify-content:center;line-height:1;max-height:var(--button-height);padding-block:0;padding-inline:var(--button-padding-inline);text-decoration:none;transition:var(--pds-animation-transition-button);white-space:nowrap}.pds-sso-button:disabled{cursor:not-allowed;opacity:40%}.pds-sso-button:active:enabled,.pds-sso-button:hover:enabled,a.pds-sso-button:active,a.pds-sso-button:hover{--button-background-color:var(--button-background-color-hover);--button-border-color:var(--button-border-color-hover);color:var(--button-foreground-color);text-decoration:none}.pds-sso-button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px;transition:var(--pds-animation-transition-focus)}.pds-sso-button__icon{border-inline-end:var(--pds-border-width-default) solid var(--button-border-color);flex-shrink:0;height:var(--separator-height);padding-inline-end:var(--button-gap-inline)}.pds-sso-button--l{--button-font-size:var(--pds-typography-size-l);--button-height:var(--pds-spacing-button-height-l);--button-padding-inline:var(--pds-spacing-button-padding-inline-l);--button-gap-inline:var(--pds-spacing-button-gap-inline-l);--separator-height:1.728rem}.pds-sso-button--l .pds-sso-button__working-indicator{margin-inline-start:var(--pds-spacing-2xs)}.pds-segmented-button{--seg-font-size:var(--pds-typography-size-xs);--seg-gap:var(--pds-spacing-2xs);--seg-height:var(--pds-spacing-xl);--seg-icon-size:0.875rem;--seg-padding-inline:var(--pds-spacing-s);border:0;display:inline-block;margin:0;min-inline-size:0;padding:0}.pds-segmented-button--s{--seg-font-size:var(--pds-typography-size-2xs);--seg-gap:var(--pds-spacing-3xs);--seg-height:var(--pds-spacing-l);--seg-icon-size:0.75rem;--seg-padding-inline:var(--pds-spacing-2xs)}.pds-segmented-button--l{--seg-font-size:var(--pds-typography-size-s);--seg-gap:var(--pds-spacing-2xs);--seg-height:var(--pds-spacing-2xl);--seg-icon-size:1rem;--seg-padding-inline:var(--pds-spacing-m)}.pds-segmented-button .pds-segmented-button__icon{block-size:var(--seg-icon-size);inline-size:var(--seg-icon-size)}.pds-segmented-button__track{align-items:center;background-color:var(--pds-color-segmented-control-track-background);border-radius:var(--pds-border-radius-button);display:inline-flex;gap:var(--pds-spacing-5xs);padding:3px}.pds-segmented-button--bordered .pds-segmented-button__track{box-shadow:inset 0 0 0 var(--pds-border-width-default) var(--pds-color-border-default-secondary)}.pds-segmented-button__option{display:flex;flex-shrink:0}.pds-segmented-button__option label{align-items:center;block-size:var(--seg-height);border-radius:var(--pds-border-radius-button);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--seg-font-size);font-weight:var(--pds-typography-fw-medium);gap:var(--seg-gap);justify-content:center;line-height:0;margin-block:0;padding-inline:var(--seg-padding-inline);white-space:nowrap}.pds-segmented-button__option:not(.pds-segmented-button__option--disabled):not(.pds-segmented-button__option--checked):hover
|
|
112
112
|
label{color:var(--pds-color-interactive-foreground-hover)}.pds-segmented-button__option--checked label{background-color:var(--pds-color-segmented-control-selected-background)}.pds-segmented-button__option--disabled{cursor:not-allowed;opacity:.4}.pds-segmented-button__option--disabled label{cursor:not-allowed}.pds-segmented-button__option input:focus-visible+label{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-segmented-button--icon-only .pds-segmented-button__option label{gap:0;inline-size:var(--seg-height);padding-inline:0}.pds-split-button{background-color:var(--pds-color-button-primary-background-default);border-radius:var(--pds-border-radius-button);display:inline-flex;gap:var(--pds-border-width-default)}.pds-split-button .pds-split-button__primary-action a,.pds-split-button button.pds-split-button__primary-action{border-bottom-right-radius:0;border-top-right-radius:0;padding-inline-end:var(--pds-spacing-s)}.pds-split-button button.pds-menu-button__trigger{border-bottom-left-radius:0;border-top-left-radius:0;padding-inline-start:var(--pds-spacing-s);position:relative}.pds-split-button button.pds-menu-button__trigger:before{background-color:var(--pds-color-surface-default);content:"";height:calc(100% + var(--pds-border-width-default)*2);left:calc(var(--pds-border-width-default)*-1);position:absolute;top:calc(var(--pds-border-width-default)*-1);transform:translateX(-100%);width:var(--pds-border-width-default)}.pds-split-button .pds-button__tally,.pds-split-button .pds-status-dot{display:none}.pds-split-button--secondary{background-color:var(--pds-color-button-secondary-background-default);border:var(--pds-border-width-default) solid var(--pds-color-button-secondary-border)}.pds-split-button--secondary .pds-split-button__primary-action a,.pds-split-button--secondary button.pds-menu-button__trigger,.pds-split-button--secondary button.pds-split-button__primary-action{border:0}.pds-split-button--secondary button.pds-menu-button__trigger:before{background-color:var(--pds-color-split-button-secondary-separator);transform:translateX(0)}.pds-utility-button{--utility-button-color:var(--pds-color-foreground-default);align-items:center;display:inline-flex;height:var(--pds-spacing-button-height-s);position:relative}.pds-utility-button .pds-icon,.pds-utility-button__button{color:var(--utility-button-color)}.pds-utility-button__button{align-items:center;background-color:transparent;border:none;column-gap:var(--pds-spacing-3xs);cursor:pointer;display:flex;height:var(--pds-spacing-button-height-s);margin:0;padding-block:var(--pds-spacing-xs);padding-inline:var(--pds-spacing-s)}.pds-utility-button__button:hover{--utility-button-color:var(--pds-color-interactive-foreground-hover)}.pds-utility-button__button:focus-visible{border-radius:var(--pds-border-radius-button);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-utility-button__icon{height:calc(var(--pds-spacing-m)*.875)}.pds-utility-button a.pds-utility-button__button{color:var(--utility-button-color);text-decoration:none;white-space:nowrap}.pds-utility-button a.pds-utility-button__button:hover{text-decoration:none}.pds-utility-button__label{font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium)}.pds-utility-button--border .pds-utility-button__button{background-color:var(--pds-color-utility-button-background-default);border:var(--pds-border-width-default) solid var(--pds-color-utility-button-border);border-radius:var(--pds-border-radius-button);color:var(--pds-color-utility-button-foreground);padding-inline:var(--pds-spacing-s);transition:var(--pds-animation-transition-button)}.pds-utility-button--border .pds-utility-button__button:has(.pds-utility-button__icon:first-child,.pds-utility-button__spinner:first-child){padding-inline-start:var(--pds-spacing-xs)}.pds-utility-button--border .pds-utility-button__button:has(.pds-utility-button__icon:last-child,.pds-utility-button__spinner:last-child){padding-inline-end:var(--pds-spacing-xs)}.pds-utility-button--border .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-utility-button-foreground);background-color:var(--pds-color-utility-button-background-hover)}.pds-utility-button--monospace .pds-utility-button__label{font-family:var(--pds-typography-font-code)}.pds-utility-button--critical .pds-utility-button__button:focus-visible,.pds-utility-button--critical .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-status-critical-foreground)}.pds-utility-button:not(.pds-utility-button--border):not(.pds-utility-button--disabled):not(.pds-utility-button--working):not(.pds-utility-button--loading)
|
|
113
113
|
.pds-utility-button__button:active{--utility-button-color:var(--pds-color-interactive-link-active)}.pds-utility-button--border:not(.pds-utility-button--disabled):not(.pds-utility-button--working)
|
|
114
114
|
.pds-utility-button__button:active{background-color:var(--pds-color-utility-button-background-active);box-shadow:var(--pds-elevation-utility-button-active)}.pds-utility-button--disabled .pds-utility-button__button,.pds-utility-button--working .pds-utility-button__button{cursor:not-allowed;opacity:.5}.pds-utility-button--disabled .pds-utility-button__button:hover,.pds-utility-button--working .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-foreground-default)}.pds-utility-button__spinner{margin-inline-end:.0625rem}.pds-utility-button--loading .pds-utility-button__button{cursor:not-allowed}.pds-utility-button--loading .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-foreground-default)}.pds-utility-button--loading .pds-utility-button__icon,.pds-utility-button--loading .pds-utility-button__label{opacity:0}.pds-utility-button--loading .pds-utility-button__button.pds-pulse{background-color:var(--pulse-regular-base-color);border-radius:var(--pds-border-radius-button);padding-block:var(--pds-spacing-3xs)}.pds-utility-button-group,.pds-utility-button-group-border{align-items:center;display:flex;flex-wrap:wrap}.pds-utility-button-group{gap:var(--pds-spacing-4xs)}.pds-utility-button-group-border{gap:var(--pds-spacing-2xs)}.pds-utility-button-group__separator{background-color:var(--pds-color-border-input);height:var(--pds-spacing-l);margin-inline:var(--pds-spacing-3xs);width:var(--pds-border-width-default)}.pds-action-card{background-color:var(--pds-color-card-background);border-radius:var(--pds-border-radius-card);box-shadow:var(--pds-elevation-raised);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;flex-direction:column;height:100%;position:relative}.pds-action-card:hover{box-shadow:var(--pds-elevation-overlay)}.pds-action-card__primary{background:transparent;border:none;border-radius:inherit;font:inherit;inset:0;padding:0;position:absolute;z-index:0}.pds-action-card__primary:focus-visible{outline:none}.pds-action-card__primary:focus-visible~.pds-action-card__inner:after{border:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);border-radius:var(--pds-border-radius-card);content:"";inset:0;pointer-events:none;position:absolute;transition:var(--pds-animation-transition-button)}.pds-action-card__inner{display:flex;flex-direction:column;flex-grow:1;pointer-events:none;position:relative;z-index:1}.pds-action-card__inner [role=button],.pds-action-card__inner [tabindex],.pds-action-card__inner a,.pds-action-card__inner button,.pds-action-card__inner input,.pds-action-card__inner select,.pds-action-card__inner textarea{pointer-events:auto}.pds-action-card__image{border-radius:var(--pds-border-radius-card) var(--pds-border-radius-card) 0 0;display:block;overflow:hidden}.pds-action-card__image img{display:block;object-fit:cover;object-position:top;width:100%}.pds-action-card__main{flex-grow:1;padding:var(--pds-spacing-l) var(--pds-spacing-xl)}.pds-action-card__footer{padding:0 var(--pds-spacing-xl) var(--pds-spacing-l)}.pds-action-card--secondary{background-color:var(--pds-color-surface-default-secondary)}.pds-action-card--transparent{background-color:transparent}.pds-action-card--image-inset .pds-action-card__image{border-radius:var(--pds-border-radius-card);margin:var(--pds-spacing-m) var(--pds-spacing-m) 0;overflow:hidden;width:auto}.pds-action-card--pad-condensed .pds-action-card__main{padding:var(--pds-spacing-m)}.pds-action-card--pad-condensed .pds-action-card__footer{padding:0 var(--pds-spacing-m) var(--pds-spacing-m)}.pds-action-card--pad-spacious .pds-action-card__main{padding:var(--pds-spacing-xl) var(--pds-spacing-2xl)}.pds-action-card--pad-spacious .pds-action-card__footer{padding:0 var(--pds-spacing-2xl) var(--pds-spacing-xl)}.pds-card{background-color:var(--pds-color-card-background);border-radius:var(--pds-border-radius-card);box-shadow:var(--pds-elevation-raised);color:var(--pds-color-foreground-default);display:flex;flex-direction:column;height:auto;min-height:8rem}.pds-card__image{border-radius:var(--pds-border-radius-card) var(--pds-border-radius-card) 0 0;display:block;overflow:hidden}.pds-card__image img{display:block;object-fit:cover;object-position:top;width:100%}.pds-card__main{flex-grow:1;padding:var(--pds-spacing-l) var(--pds-spacing-xl)}.pds-card__footer{padding:0 var(--pds-spacing-xl) var(--pds-spacing-l)}.pds-card--secondary{background-color:var(--pds-color-surface-default-secondary)}.pds-card--transparent{background-color:transparent}.pds-card--image-inset .pds-card__image{border-radius:var(--pds-border-radius-card);margin:var(--pds-spacing-m) var(--pds-spacing-m) 0;overflow:hidden;width:auto}.pds-card--pad-condensed .pds-card__main{padding:var(--pds-spacing-m)}.pds-card--pad-condensed .pds-card__footer{padding:0 var(--pds-spacing-m) var(--pds-spacing-m)}.pds-card--pad-spacious .pds-card__main{padding:var(--pds-spacing-xl) var(--pds-spacing-2xl)}.pds-card--pad-spacious .pds-card__footer{padding:0 var(--pds-spacing-2xl) var(--pds-spacing-xl)}.pds-card-select{--label-font-size:var(--pds-typography-size-m);--indicator-size:1.25rem;border:none;color:var(--pds-color-foreground-default);display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);margin-inline:0;padding:0}.pds-card-select--l{--label-font-size:var(--pds-typography-size-l);--indicator-size:1.375rem}.pds-card-select__legend{display:block;font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s);text-align:left}.pds-card-select__legend--center{text-align:center}.pds-card-select__option input[type=radio]{appearance:none;margin:0;position:absolute}.pds-card-select__option-label{background-color:var(--pds-color-card-background);border-radius:var(--pds-border-radius-card);box-shadow:var(--pds-elevation-raised);display:flex;flex-direction:column;height:100%;margin-block-end:0;overflow:hidden;width:100%}.pds-card-select__option-label:hover{box-shadow:var(--pds-elevation-overlay);cursor:pointer}.pds-card-select--secondary .pds-card-select__option-label{background-color:var(--pds-color-surface-default-secondary)}.pds-card-select--transparent .pds-card-select__option-label{background-color:transparent}.pds-card-select__option
|
|
115
|
-
input[type=radio]:focus-visible+.pds-card-select__option-label{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-card-select__option-image{border-radius:var(--pds-border-radius-card) var(--pds-border-radius-card) 0 0;display:block;overflow:hidden}.pds-card-select__option-image img{display:block;object-fit:cover;object-position:top;width:100%}.pds-card-select--image-inset .pds-card-select__option-image{border-radius:var(--pds-border-radius-card);margin:var(--pds-spacing-m) var(--pds-spacing-m) 0;overflow:hidden;width:auto}.pds-card-select__option-content{align-items:flex-start;column-gap:var(--pds-spacing-xs);display:flex;flex-grow:1;padding:var(--pds-spacing-l) var(--pds-spacing-xl)}.pds-card-select--pad-condensed .pds-card-select__option-content{padding:var(--pds-spacing-m)}.pds-card-select--pad-spacious .pds-card-select__option-content{padding:var(--pds-spacing-xl) var(--pds-spacing-2xl)}.pds-card-select__option-label-indicator{flex-shrink:0}.pds-card-select__option-label-indicator .pds-icon{height:var(--indicator-size);width:var(--indicator-size)}.pds-card-select__option-icon{color:var(--pds-color-border-input)}.pds-card-select__option-icon--selected{color:var(--pds-color-status-success-fill)}.pds-card-select__option-body{flex-grow:1}.pds-card-select__option-label-text{display:block;font-size:var(--label-font-size);font-weight:var(--pds-typography-fw-semibold)}.pds-card-select__option-main{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m);margin-block-start:var(--pds-spacing-2xs)}.pds-card-select--no-card-labels .pds-card-select__option-main{margin-block-start:0}.pds-card-select--no-card-labels .pds-card-select__option-label-indicator{align-items:center;block-size:1lh;display:flex;font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-m)}.pds-card-select--no-indicator .pds-card-select__option-label--selected{box-shadow:0 0 0 var(--pds-border-width-outline) var(--pds-color-interactive-focus),var(--pds-elevation-overlay)}.pds-bar-chart{font-family:var(--pds-typography-ff-default);position:relative;width:100%}.pds-bar-chart__header{align-items:center;display:flex;justify-content:flex-end;margin-block-end:var(--pds-spacing-m)}.pds-bar-chart--empty,.pds-bar-chart--loading{align-items:center;display:flex;justify-content:center}.pds-line-chart{font-family:var(--pds-typography-ff-default);position:relative;width:100%}.pds-line-chart__header{align-items:center;display:flex;justify-content:flex-end;margin-block-end:var(--pds-spacing-m)}.pds-line-chart--empty,.pds-line-chart--loading{align-items:center;display:flex;justify-content:center}.pds-pie-chart{font-family:var(--pds-typography-ff-default);position:relative;width:100%}.pds-pie-chart--empty{align-items:center;display:flex;justify-content:center}.pds-pie-chart__skeleton{display:flex;flex-direction:column;gap:var(--pds-spacing-m)}.pds-pie-chart__legend--inline,.pds-pie-chart__skeleton-chart{align-items:center;display:flex;justify-content:center}.pds-pie-chart__legend--inline{flex-wrap:wrap;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-s);margin-block-start:var(--pds-spacing-m)}.pds-pie-chart__legend-item{align-items:center;color:var(--pds-color-foreground-default);display:flex;gap:var(--pds-spacing-3xs)}.pds-pie-chart__legend-swatch{border-radius:2px;display:inline-block;flex-shrink:0;height:10px;width:10px}.pds-pie-chart__legend-label{font-weight:var(--pds-typography-fw-medium)}.pds-pie-chart__legend-value{color:var(--pds-color-foreground-default-secondary)}.pds-pie-chart__legend--table{background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);font-size:var(--pds-typography-size-s);margin-block-start:var(--pds-spacing-m)}.pds-pie-chart__legend-row{align-items:center;display:flex;justify-content:space-between;padding:var(--pds-spacing-xs) var(--pds-spacing-s)}.pds-pie-chart__legend-row:not(:last-child){border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-pie-chart__legend-row-label{align-items:center;color:var(--pds-color-foreground-default);display:flex;font-weight:var(--pds-typography-fw-medium);gap:var(--pds-spacing-xs)}.pds-pie-chart__legend-row-value{color:var(--pds-color-foreground-default);font-weight:var(--pds-typography-fw-semibold)}.pds-proportion-bar{font-family:var(--pds-typography-ff-default);position:relative;width:100%}.pds-proportion-bar--empty{align-items:center;display:flex;justify-content:center}.pds-proportion-bar--empty .pds-compact-empty-state{padding-block:var(--pds-spacing-l)}.pds-proportion-bar__track{border-radius:var(--pds-border-radius-bar);display:flex;overflow:hidden;width:100%}.pds-proportion-bar__segment{flex-shrink:0;height:100%;transition:filter .15s ease}.pds-proportion-bar__segment:hover{filter:brightness(.88)}.pds-proportion-bar__legend{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-xs);margin-block-start:var(--pds-spacing-l)}.pds-proportion-bar__legend--center{justify-content:center}.pds-proportion-bar__legend--left{justify-content:flex-start;margin-inline-start:.125rem}.pds-proportion-bar__legend-item{align-items:center;color:var(--pds-color-foreground-default);display:flex;gap:var(--pds-spacing-3xs)}.pds-proportion-bar__legend-swatch{border-radius:3px;display:inline-block;flex-shrink:0;height:10px;width:10px}.pds-proportion-bar__legend-label{font-weight:var(--pds-typography-fw-medium)}.pds-proportion-bar__legend-value{color:var(--pds-color-foreground-default-secondary)}.pds-proportion-bar__legend-separator{color:var(--pds-color-border-default);user-select:none}.pds-chart-legend{font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);margin-block-start:var(--pds-spacing-l)}.pds-chart-legend--inline{align-items:center;display:flex;flex-wrap:wrap;gap:var(--pds-spacing-xl);justify-content:center;margin-inline-start:3.625rem}.pds-chart-legend__item{align-items:center;color:var(--pds-color-foreground-default);display:flex;gap:var(--pds-spacing-3xs)}.pds-chart-legend__swatch{border-radius:2px;display:inline-block;flex-shrink:0;height:10px;width:10px}.pds-chart-legend--table{background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);margin-inline-start:3.625rem}.pds-chart-legend__table-header{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-xs);letter-spacing:var(--pds-typography-ls-m);line-height:1;padding:.75rem var(--pds-spacing-s) .625rem;text-transform:uppercase}.pds-chart-legend__table-header,.pds-chart-legend__table-row{align-items:center;display:flex;justify-content:space-between}.pds-chart-legend__table-row{padding:var(--pds-spacing-xs) var(--pds-spacing-s)}.pds-chart-legend__table-row:not(:last-child){border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-chart-legend__table-row-label{align-items:center;color:var(--pds-color-foreground-default);display:flex;font-weight:var(--pds-typography-fw-medium);gap:var(--pds-spacing-xs)}.pds-chart-legend__table-row-value{color:var(--pds-color-foreground-default);font-weight:var(--pds-typography-fw-semibold)}.pds-chart{font-family:var(--pds-typography-ff-default);position:relative;width:100%}.pds-chart__header{align-items:center;display:flex;justify-content:flex-end;margin-block-end:var(--pds-spacing-m)}.pds-chart--loading{display:block}.pds-chart__skeleton{display:flex;flex-direction:column;gap:var(--pds-spacing-m);height:100%;width:100%}.pds-chart__skeleton-area{flex-shrink:0}.pds-chart__skeleton-legend{align-items:center;display:flex;gap:var(--pds-spacing-s)}.pds-chart__skeleton-legend--inline{justify-content:center}.pds-chart__skeleton-legend--inline-left{justify-content:flex-start}.pds-chart__skeleton-legend--table{width:100%}.pds-chart--empty{align-items:center;display:flex;justify-content:center}.recharts-default-tooltip{background-color:var(--pds-color-surface-default)!important;border:var(--pds-border-width-default) solid var(--pds-color-border-default)!important;border-radius:var(--pds-border-radius-container)!important;box-shadow:var(--pds-elevation-overlay)!important;font-family:var(--pds-typography-ff-default)!important;font-size:var(--pds-typography-size-xs)!important;padding:var(--pds-spacing-4xs) var(--pds-spacing-xs)!important}.recharts-tooltip-label{color:var(--pds-color-foreground-default)!important;font-weight:var(--pds-typography-fw-semibold)!important;margin:0!important}.recharts-tooltip-item-list li{padding-block:0!important}.recharts-tooltip-item-list{padding:0!important}.recharts-tooltip-item{align-items:center;color:var(--pds-color-foreground-default)!important;display:flex;font-size:var(--pds-typography-size-xs)!important;gap:var(--pds-spacing-3xs);margin:0!important;padding:var(--pds-spacing-6xs) 0!important}.recharts-tooltip-item__color{border-radius:2px;display:inline-block;flex-shrink:0;height:8px;width:8px}.pds-bar-chart [aria-hidden=true]:focus,.pds-line-chart [aria-hidden=true]:focus,.recharts-surface:focus,.recharts-wrapper :focus,.recharts-wrapper:focus{outline:none}.pds-compact-empty-state{align-items:center;display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);padding-block:var(--pds-spacing-5xl);row-gap:var(--pds-spacing-xl);text-align:center;width:100%}.pds-compact-empty-state__icon{color:var(--pds-color-foreground-default-secondary)}.pds-compact-empty-state__heading{display:block;font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-bold);margin-block-end:var(--pds-spacing-3xs)}.pds-compact-empty-state__message{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-m);margin-block-end:0;margin-inline:auto;max-width:600px;text-wrap:pretty}.pds-horizontal-empty-state{color:var(--pds-color-foreground-default);display:flex;font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-xl);width:100%}.pds-horizontal-empty-state--top{align-items:flex-start}.pds-horizontal-empty-state--center{align-items:center}.pds-horizontal-empty-state__content{display:flex;flex-direction:column;padding-inline-end:var(--pds-spacing-l);row-gap:var(--pds-spacing-xl);width:60%}.pds-horizontal-empty-state__heading{margin-block-end:0}.pds-horizontal-empty-state__message{margin-block-start:0}.pds-horizontal-empty-state__media{width:40%}.pds-horizontal-empty-state__image{height:auto;width:100%}.pds-horizontal-empty-state--indented-content .pds-horizontal-empty-state__content{padding-inline-start:var(--pds-spacing-xl)}.pds-horizontal-empty-state--video .pds-horizontal-empty-state__content,.pds-horizontal-empty-state--video .pds-horizontal-empty-state__media{width:50%}.pds-horizontal-empty-state__media--video .pds-video-embed{border-radius:var(--pds-border-radius-panel)}[data-pds-mobile] .pds-horizontal-empty-state{flex-direction:column}[data-pds-mobile] .pds-horizontal-empty-state .pds-horizontal-empty-state__content,[data-pds-mobile] .pds-horizontal-empty-state .pds-horizontal-empty-state__media{width:100%}[data-pds-mobile] .pds-horizontal-empty-state .pds-horizontal-empty-state__content{padding-inline-end:0}[data-pds-mobile] .pds-horizontal-empty-state .pds-horizontal-empty-state__media--image{display:none}[data-pds-mobile] .pds-horizontal-empty-state .pds-horizontal-empty-state__media--video{order:-1}.pds-vertical-empty-state{color:var(--pds-color-foreground-default);display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);padding-block:var(--pds-spacing-m);row-gap:var(--pds-spacing-xl);text-align:center;width:100%}.pds-vertical-empty-state>*{margin-inline:auto}.pds-vertical-empty-state__image{filter:brightness(0)}[data-theme=dark] .pds-vertical-empty-state__image{filter:brightness(0) invert(1)}.pds-vertical-empty-state__heading{font-size:var(--pds-typography-size-2xl);font-weight:var(--pds-typography-fw-bold);margin-block-end:0}.pds-vertical-empty-state__text{align-items:center;display:flex;flex-direction:column;row-gap:var(--pds-spacing-m)}.pds-vertical-empty-state__message{font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-l);margin-block-start:0;max-width:600px;text-wrap:pretty}.pds-vertical-empty-state__message :last-child{margin-block-end:0}.pds-vertical-empty-state__cta{padding-block-start:var(--pds-spacing-xl)}.pds-vertical-empty-state__cta .pds-button-group{justify-content:center}.pds-icon{--icon-detail-color:var(--pds-color-surface-default);display:inline-flex;flex-shrink:0;height:1.25rem;overflow:visible;vertical-align:middle;width:1.25rem}.pds-icon svg{height:100%;width:100%}.pds-icon--s{height:.75rem;width:.75rem}.pds-icon--m{height:1rem;width:1rem}.pds-icon--l{height:1.25rem;width:1.25rem}.pds-icon--xl{height:1.5rem;width:1.5rem}.pds-icon--2xl{height:2rem;width:2rem}.pds-icon--3xl{height:2.5rem;width:2.5rem}.pds-payment-icon{display:inline-flex;line-height:0;vertical-align:middle}.pds-payment-icon svg{height:100%;width:auto}.pds-payment-icon--xs{height:.625rem}.pds-payment-icon--s{height:.75rem}.pds-payment-icon--m{height:1rem}.pds-payment-icon--l{height:1.25rem}.pds-payment-icon--xl{height:1.5rem}.pds-payment-icon--2xl{height:2rem}.pds-payment-icon--3xl{height:2.5rem}.pds-platform-icon{align-items:center;display:inline-flex;line-height:0;vertical-align:middle}.pds-platform-icon__group{column-gap:var(--pds-spacing-3xs);display:flex}.pds-platform-icon--xs{height:.625rem}.pds-platform-icon--xs svg{height:100%;width:auto}.pds-platform-icon--s{height:.75rem}.pds-platform-icon--s svg{height:100%;width:auto}.pds-platform-icon--m{height:1rem}.pds-platform-icon--m svg{height:100%;width:auto}.pds-platform-icon--l{height:1.25rem}.pds-platform-icon--l svg{height:100%;width:auto}.pds-platform-icon--xl{height:1.5rem}.pds-platform-icon--xl svg{height:100%;width:auto}.pds-platform-icon--2xl{height:2rem}.pds-platform-icon--2xl svg{height:100%;width:auto}.pds-platform-icon--3xl{height:2.5rem}.pds-platform-icon--3xl svg{height:100%;width:auto}.pds-checkbox{--checkbox-font-size:var(--pds-typography-size-input-label);--checkbox-input-size:1rem;--checkbox-input-gap:var(--pds-spacing-2xs);line-height:1.2}.pds-checkbox--m{--checkbox-font-size:var(--pds-typography-size-s);--checkbox-input-size:1.25rem}.pds-checkbox__input-wrapper{display:flex}.pds-checkbox input[type=checkbox]{appearance:none}.pds-checkbox__label{align-items:center;column-gap:var(--checkbox-input-gap);display:grid;grid-template-columns:var(--checkbox-input-size) auto;margin-block-end:0}.pds-checkbox__label-text{color:var(--pds-color-foreground-default);font-size:var(--checkbox-font-size);font-weight:var(--pds-typography-fw-regular)}.pds-checkbox__box{align-items:center;background-color:transparent;border:var(--pds-border-width-default) solid var(--pds-color-foreground-default);border-radius:var(--pds-border-radius-default);display:flex;height:var(--checkbox-input-size);padding:.0625rem;transition:var(--pds-animation-transition-default);width:var(--checkbox-input-size)}.pds-checkbox__box--checked,.pds-checkbox__box--indeterminate{background-color:var(--pds-color-input-selected-background);border-color:var(--pds-color-input-selected-background);transition:var(--pds-animation-transition-default)}.pds-checkbox__icon{color:var(--pds-color-input-selected-foreground);height:100%;transition:var(--pds-animation-transition-default);width:100%}.pds-checkbox:hover .pds-checkbox__box{cursor:pointer}.pds-checkbox input[type=checkbox]:focus-visible~label .pds-checkbox__box{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.0625rem}.pds-checkbox.pds-is-disabled .pds-checkbox__label{cursor:not-allowed;opacity:40%}.pds-checkbox.pds-has-error .pds-checkbox__box{border-color:var(--pds-color-status-critical-foreground)}.pds-checkbox.pds-has-error .pds-checkbox__label-text{color:var(--pds-color-status-critical-foreground)}.pds-checkbox .pds-input-label__required{margin-inline-start:.125rem}div.pds-checkbox-group .pds-checkbox--indent-1{margin-inline-start:calc(var(--checkbox-input-size)*2 - var(--checkbox-input-gap))}div.pds-checkbox-group .pds-checkbox--indent-2{margin-inline-start:calc(var(--checkbox-input-size)*4 - var(--checkbox-input-gap)*2)}.pds-checkbox-group__options{display:flex;flex-direction:column;margin-block-end:var(--pds-spacing-xs);margin-inline-start:var(--pds-spacing-4xs);row-gap:var(--pds-spacing-m)}.pds-combobox{position:relative}.pds-combobox__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);position:relative;transition:var(--pds-animation-transition-input);width:100%}.pds-combobox__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-combobox--m .pds-combobox__input-wrapper{gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-m);padding-inline:var(--pds-spacing-s)}.pds-combobox__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-combobox__input:focus{outline:none}.pds-combobox__input::placeholder{color:var(--pds-color-input-placeholder)}.pds-combobox__trigger{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);cursor:pointer;display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.pds-combobox__trigger:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-combobox__trigger:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-combobox__trigger-icon{color:var(--pds-color-foreground-default-secondary);pointer-events:none;transition:var(--pds-animation-transition-rotation)}.pds-combobox__trigger[aria-expanded=true] .pds-combobox__trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-combobox__trigger-icon.pds-icon--m{height:.8125rem;width:.8125rem}.pds-combobox--m .pds-combobox__trigger-icon.pds-icon--m{height:1rem;width:1rem}.pds-combobox__dropdown{margin-block-start:var(--pds-spacing-xs);max-height:18rem;overflow-x:hidden;padding-block-end:0}.pds-combobox__dropdown:focus-visible{outline:none}.pds-combobox__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.pds-combobox__options .pds-dropdown__item:last-child{margin-block-end:var(--pds-spacing-2xs)}.pds-combobox__option-label{flex:1;min-width:0}.pds-combobox__loading{color:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-m);padding:var(--pds-spacing-m)}.pds-combobox-multi{position:relative}.pds-combobox-multi:disabled .pds-combobox-multi__input-wrapper{border-color:var(--pds-color-border-disabled)}.pds-combobox-multi__items-wrapper .pds-combobox-multi__selected-item:not(:last-child){display:none}.pds-combobox-multi--show-all-tags .pds-combobox-multi__input-wrapper:has(.pds-combobox-multi__items-wrapper){height:auto;min-height:var(--pds-spacing-input-height-s);padding-block:var(--pds-spacing-3xs)}.pds-combobox-multi--show-all-tags .pds-combobox-multi__items-wrapper{column-gap:var(--pds-spacing-3xs);display:flex;flex-wrap:wrap;row-gap:var(--pds-spacing-3xs)}.pds-combobox-multi--show-all-tags .pds-combobox-multi__items-wrapper .pds-combobox-multi__selected-item:not(:last-child){display:inline-flex}.pds-combobox-multi--m .pds-combobox-multi__input-wrapper{gap:var(--pds-spacing-3xs);height:var(--pds-spacing-input-height-m);padding-inline-end:var(--pds-spacing-s);padding-inline-start:var(--pds-spacing-2xs)}.pds-combobox-multi--show-all-tags.pds-combobox-multi--m
|
|
115
|
+
input[type=radio]:focus-visible+.pds-card-select__option-label{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-card-select__option-image{border-radius:var(--pds-border-radius-card) var(--pds-border-radius-card) 0 0;display:block;overflow:hidden}.pds-card-select__option-image img{display:block;object-fit:cover;object-position:top;width:100%}.pds-card-select--image-inset .pds-card-select__option-image{border-radius:var(--pds-border-radius-card);margin:var(--pds-spacing-m) var(--pds-spacing-m) 0;overflow:hidden;width:auto}.pds-card-select__option-content{align-items:flex-start;column-gap:var(--pds-spacing-xs);display:flex;flex-grow:1;padding:var(--pds-spacing-l) var(--pds-spacing-xl)}.pds-card-select--pad-condensed .pds-card-select__option-content{padding:var(--pds-spacing-m)}.pds-card-select--pad-spacious .pds-card-select__option-content{padding:var(--pds-spacing-xl) var(--pds-spacing-2xl)}.pds-card-select__option-label-indicator{flex-shrink:0}.pds-card-select__option-label-indicator .pds-icon{height:var(--indicator-size);width:var(--indicator-size)}.pds-card-select__option-icon{color:var(--pds-color-border-input)}.pds-card-select__option-icon--selected{color:var(--pds-color-status-success-fill)}.pds-card-select__option-body{flex-grow:1}.pds-card-select__option-label-text{display:block;font-size:var(--label-font-size);font-weight:var(--pds-typography-fw-semibold)}.pds-card-select__option-main{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m);margin-block-start:var(--pds-spacing-2xs)}.pds-card-select--no-card-labels .pds-card-select__option-main{margin-block-start:0}.pds-card-select--no-card-labels .pds-card-select__option-label-indicator{align-items:center;block-size:1lh;display:flex;font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-m)}.pds-card-select--no-indicator .pds-card-select__option-label--selected{box-shadow:0 0 0 var(--pds-border-width-outline) var(--pds-color-interactive-focus),var(--pds-elevation-overlay)}.pds-bar-chart{font-family:var(--pds-typography-ff-default);position:relative;width:100%}.pds-bar-chart__header{align-items:center;display:flex;justify-content:flex-end;margin-block-end:var(--pds-spacing-m)}.pds-bar-chart--empty,.pds-bar-chart--loading{align-items:center;display:flex;justify-content:center}.pds-line-chart{font-family:var(--pds-typography-ff-default);position:relative;width:100%}.pds-line-chart__header{align-items:center;display:flex;justify-content:flex-end;margin-block-end:var(--pds-spacing-m)}.pds-line-chart--empty,.pds-line-chart--loading{align-items:center;display:flex;justify-content:center}.pds-pie-chart{font-family:var(--pds-typography-ff-default);position:relative;width:100%}.pds-pie-chart--empty{align-items:center;display:flex;justify-content:center}.pds-pie-chart__skeleton{display:flex;flex-direction:column;gap:var(--pds-spacing-m)}.pds-pie-chart__legend--inline,.pds-pie-chart__skeleton-chart{align-items:center;display:flex;justify-content:center}.pds-pie-chart__legend--inline{flex-wrap:wrap;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-s);margin-block-start:var(--pds-spacing-m)}.pds-pie-chart__legend-item{align-items:center;color:var(--pds-color-foreground-default);display:flex;gap:var(--pds-spacing-3xs)}.pds-pie-chart__legend-swatch{border-radius:2px;display:inline-block;flex-shrink:0;height:10px;width:10px}.pds-pie-chart__legend-label{font-weight:var(--pds-typography-fw-medium)}.pds-pie-chart__legend-value{color:var(--pds-color-foreground-default-secondary)}.pds-pie-chart__legend--table{background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);font-size:var(--pds-typography-size-s);margin-block-start:var(--pds-spacing-m)}.pds-pie-chart__legend-row{align-items:center;display:flex;justify-content:space-between;padding:var(--pds-spacing-xs) var(--pds-spacing-s)}.pds-pie-chart__legend-row:not(:last-child){border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-pie-chart__legend-row-label{align-items:center;color:var(--pds-color-foreground-default);display:flex;font-weight:var(--pds-typography-fw-medium);gap:var(--pds-spacing-xs)}.pds-pie-chart__legend-row-value{color:var(--pds-color-foreground-default);font-weight:var(--pds-typography-fw-semibold)}.pds-proportion-bar{font-family:var(--pds-typography-ff-default);position:relative;width:100%}.pds-proportion-bar--empty{align-items:center;display:flex;justify-content:center}.pds-proportion-bar--empty .pds-compact-empty-state{padding-block:var(--pds-spacing-l)}.pds-proportion-bar__track{border-radius:var(--pds-border-radius-bar);display:flex;overflow:hidden;width:100%}.pds-proportion-bar__segment{flex-shrink:0;height:100%;transition:filter .15s ease}.pds-proportion-bar__segment:hover{filter:brightness(.88)}.pds-proportion-bar__legend{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-xs);margin-block-start:var(--pds-spacing-l)}.pds-proportion-bar__legend--center{justify-content:center}.pds-proportion-bar__legend--left{justify-content:flex-start;margin-inline-start:.125rem}.pds-proportion-bar__legend-item{align-items:center;color:var(--pds-color-foreground-default);display:flex;gap:var(--pds-spacing-3xs)}.pds-proportion-bar__legend-swatch{border-radius:3px;display:inline-block;flex-shrink:0;height:10px;width:10px}.pds-proportion-bar__legend-label{font-weight:var(--pds-typography-fw-medium)}.pds-proportion-bar__legend-value{color:var(--pds-color-foreground-default-secondary)}.pds-proportion-bar__legend-separator{color:var(--pds-color-border-default);user-select:none}.pds-chart-legend{font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);margin-block-start:var(--pds-spacing-l)}.pds-chart-legend--inline{align-items:center;display:flex;flex-wrap:wrap;gap:var(--pds-spacing-xl);justify-content:center;margin-inline-start:3.625rem}.pds-chart-legend__item{align-items:center;color:var(--pds-color-foreground-default);display:flex;gap:var(--pds-spacing-3xs)}.pds-chart-legend__swatch{border-radius:2px;display:inline-block;flex-shrink:0;height:10px;width:10px}.pds-chart-legend--table{background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);margin-inline-start:3.625rem}.pds-chart-legend__table-header{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-xs);letter-spacing:var(--pds-typography-ls-m);line-height:1;padding:.75rem var(--pds-spacing-s) .625rem;text-transform:uppercase}.pds-chart-legend__table-header,.pds-chart-legend__table-row{align-items:center;display:flex;justify-content:space-between}.pds-chart-legend__table-row{padding:var(--pds-spacing-xs) var(--pds-spacing-s)}.pds-chart-legend__table-row:not(:last-child){border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-chart-legend__table-row-label{align-items:center;color:var(--pds-color-foreground-default);display:flex;font-weight:var(--pds-typography-fw-medium);gap:var(--pds-spacing-xs)}.pds-chart-legend__table-row-value{color:var(--pds-color-foreground-default);font-weight:var(--pds-typography-fw-semibold)}.pds-chart{font-family:var(--pds-typography-ff-default);position:relative;width:100%}.pds-chart__header{align-items:center;display:flex;justify-content:flex-end;margin-block-end:var(--pds-spacing-m)}.pds-chart--loading{display:block}.pds-chart__skeleton{display:flex;flex-direction:column;gap:var(--pds-spacing-m);height:100%;width:100%}.pds-chart__skeleton-area{flex-shrink:0}.pds-chart__skeleton-legend{align-items:center;display:flex;gap:var(--pds-spacing-s)}.pds-chart__skeleton-legend--inline{justify-content:center}.pds-chart__skeleton-legend--inline-left{justify-content:flex-start}.pds-chart__skeleton-legend--table{width:100%}.pds-chart--empty{align-items:center;display:flex;justify-content:center}.recharts-default-tooltip{background-color:var(--pds-color-surface-default)!important;border:var(--pds-border-width-default) solid var(--pds-color-border-default)!important;border-radius:var(--pds-border-radius-container)!important;box-shadow:var(--pds-elevation-overlay)!important;font-family:var(--pds-typography-ff-default)!important;font-size:var(--pds-typography-size-xs)!important;padding:var(--pds-spacing-4xs) var(--pds-spacing-xs)!important}.recharts-tooltip-label{color:var(--pds-color-foreground-default)!important;font-weight:var(--pds-typography-fw-semibold)!important;margin:0!important}.recharts-tooltip-item-list li{padding-block:0!important}.recharts-tooltip-item-list{padding:0!important}.recharts-tooltip-item{align-items:center;color:var(--pds-color-foreground-default)!important;display:flex;font-size:var(--pds-typography-size-xs)!important;gap:var(--pds-spacing-3xs);margin:0!important;padding:var(--pds-spacing-6xs) 0!important}.recharts-tooltip-item__color{border-radius:2px;display:inline-block;flex-shrink:0;height:8px;width:8px}.pds-bar-chart [aria-hidden=true]:focus,.pds-line-chart [aria-hidden=true]:focus,.recharts-surface:focus,.recharts-wrapper :focus,.recharts-wrapper:focus{outline:none}.pds-compact-empty-state{align-items:center;display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);padding-block:var(--pds-spacing-5xl);row-gap:var(--pds-spacing-xl);text-align:center;width:100%}.pds-compact-empty-state__icon{color:var(--pds-color-foreground-default-secondary)}.pds-compact-empty-state__heading{display:block;font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-bold);margin-block-end:var(--pds-spacing-3xs)}.pds-compact-empty-state__message{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-m);margin-block-end:0;margin-inline:auto;max-width:600px;text-wrap:pretty}.pds-horizontal-empty-state{color:var(--pds-color-foreground-default);display:flex;font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-xl);width:100%}.pds-horizontal-empty-state--top{align-items:flex-start}.pds-horizontal-empty-state--center{align-items:center}.pds-horizontal-empty-state__content{display:flex;flex-direction:column;padding-inline-end:var(--pds-spacing-l);row-gap:var(--pds-spacing-xl);width:60%}.pds-horizontal-empty-state__heading{margin-block-end:0}.pds-horizontal-empty-state__message{margin-block-start:0}.pds-horizontal-empty-state__message :where(:not(.visually-hidden))+:where(:not(p,ul,ol,li)){margin-block-start:var(--pds-spacing-2xl)}.pds-horizontal-empty-state__media{width:40%}.pds-horizontal-empty-state__image{height:auto;width:100%}.pds-horizontal-empty-state--indented-content .pds-horizontal-empty-state__content{padding-inline-start:var(--pds-spacing-xl)}.pds-horizontal-empty-state--video .pds-horizontal-empty-state__content,.pds-horizontal-empty-state--video .pds-horizontal-empty-state__media{width:50%}.pds-horizontal-empty-state__media--video .pds-video-embed{border-radius:var(--pds-border-radius-panel)}[data-pds-mobile] .pds-horizontal-empty-state{flex-direction:column}[data-pds-mobile] .pds-horizontal-empty-state .pds-horizontal-empty-state__content,[data-pds-mobile] .pds-horizontal-empty-state .pds-horizontal-empty-state__media{width:100%}[data-pds-mobile] .pds-horizontal-empty-state .pds-horizontal-empty-state__content{padding-inline-end:0}[data-pds-mobile] .pds-horizontal-empty-state .pds-horizontal-empty-state__media--image{display:none}[data-pds-mobile] .pds-horizontal-empty-state .pds-horizontal-empty-state__media--video{order:-1}.pds-vertical-empty-state{color:var(--pds-color-foreground-default);display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);padding-block:var(--pds-spacing-m);row-gap:var(--pds-spacing-xl);text-align:center;width:100%}.pds-vertical-empty-state>*{margin-inline:auto}.pds-vertical-empty-state__image{filter:brightness(0)}[data-theme=dark] .pds-vertical-empty-state__image{filter:brightness(0) invert(1)}.pds-vertical-empty-state__heading{font-size:var(--pds-typography-size-2xl);font-weight:var(--pds-typography-fw-bold);margin-block-end:0}.pds-vertical-empty-state__text{align-items:center;display:flex;flex-direction:column;row-gap:var(--pds-spacing-m)}.pds-vertical-empty-state__message{font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-l);margin-block-start:0;max-width:600px;text-wrap:pretty}.pds-vertical-empty-state__message :last-child{margin-block-end:0}.pds-vertical-empty-state__message :where(:not(.visually-hidden))+:where(:not(p,ul,ol,li)){margin-block-start:var(--pds-spacing-2xl)}.pds-vertical-empty-state__cta{padding-block-start:var(--pds-spacing-xl)}.pds-vertical-empty-state__cta .pds-button-group{justify-content:center}.pds-icon{--icon-detail-color:var(--pds-color-surface-default);display:inline-flex;flex-shrink:0;height:1.25rem;overflow:visible;vertical-align:middle;width:1.25rem}.pds-icon svg{height:100%;width:100%}.pds-icon--s{height:.75rem;width:.75rem}.pds-icon--m{height:1rem;width:1rem}.pds-icon--l{height:1.25rem;width:1.25rem}.pds-icon--xl{height:1.5rem;width:1.5rem}.pds-icon--2xl{height:2rem;width:2rem}.pds-icon--3xl{height:2.5rem;width:2.5rem}.pds-payment-icon{display:inline-flex;line-height:0;vertical-align:middle}.pds-payment-icon svg{height:100%;width:auto}.pds-payment-icon--xs{height:.625rem}.pds-payment-icon--s{height:.75rem}.pds-payment-icon--m{height:1rem}.pds-payment-icon--l{height:1.25rem}.pds-payment-icon--xl{height:1.5rem}.pds-payment-icon--2xl{height:2rem}.pds-payment-icon--3xl{height:2.5rem}.pds-platform-icon{align-items:center;display:inline-flex;line-height:0;vertical-align:middle}.pds-platform-icon__group{column-gap:var(--pds-spacing-3xs);display:flex}.pds-platform-icon--xs{height:.625rem}.pds-platform-icon--xs svg{height:100%;width:auto}.pds-platform-icon--s{height:.75rem}.pds-platform-icon--s svg{height:100%;width:auto}.pds-platform-icon--m{height:1rem}.pds-platform-icon--m svg{height:100%;width:auto}.pds-platform-icon--l{height:1.25rem}.pds-platform-icon--l svg{height:100%;width:auto}.pds-platform-icon--xl{height:1.5rem}.pds-platform-icon--xl svg{height:100%;width:auto}.pds-platform-icon--2xl{height:2rem}.pds-platform-icon--2xl svg{height:100%;width:auto}.pds-platform-icon--3xl{height:2.5rem}.pds-platform-icon--3xl svg{height:100%;width:auto}.pds-checkbox{--checkbox-font-size:var(--pds-typography-size-input-label);--checkbox-input-size:1rem;--checkbox-input-gap:var(--pds-spacing-2xs);line-height:1.2}.pds-checkbox--m{--checkbox-font-size:var(--pds-typography-size-s);--checkbox-input-size:1.25rem}.pds-checkbox__input-wrapper{display:flex}.pds-checkbox input[type=checkbox]{appearance:none}.pds-checkbox__label{align-items:center;column-gap:var(--checkbox-input-gap);display:grid;grid-template-columns:var(--checkbox-input-size) auto;margin-block-end:0}.pds-checkbox__label-text{color:var(--pds-color-foreground-default);font-size:var(--checkbox-font-size);font-weight:var(--pds-typography-fw-regular)}.pds-checkbox__box{align-items:center;background-color:transparent;border:var(--pds-border-width-default) solid var(--pds-color-foreground-default);border-radius:var(--pds-border-radius-default);display:flex;height:var(--checkbox-input-size);padding:.0625rem;transition:var(--pds-animation-transition-default);width:var(--checkbox-input-size)}.pds-checkbox__box--checked,.pds-checkbox__box--indeterminate{background-color:var(--pds-color-input-selected-background);border-color:var(--pds-color-input-selected-background);transition:var(--pds-animation-transition-default)}.pds-checkbox__icon{color:var(--pds-color-input-selected-foreground);height:100%;transition:var(--pds-animation-transition-default);width:100%}.pds-checkbox:hover .pds-checkbox__box{cursor:pointer}.pds-checkbox input[type=checkbox]:focus-visible~label .pds-checkbox__box{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.0625rem}.pds-checkbox.pds-is-disabled .pds-checkbox__label{cursor:not-allowed;opacity:40%}.pds-checkbox.pds-has-error .pds-checkbox__box{border-color:var(--pds-color-status-critical-foreground)}.pds-checkbox.pds-has-error .pds-checkbox__label-text{color:var(--pds-color-status-critical-foreground)}.pds-checkbox .pds-input-label__required{margin-inline-start:.125rem}div.pds-checkbox-group .pds-checkbox--indent-1{margin-inline-start:calc(var(--checkbox-input-size)*2 - var(--checkbox-input-gap))}div.pds-checkbox-group .pds-checkbox--indent-2{margin-inline-start:calc(var(--checkbox-input-size)*4 - var(--checkbox-input-gap)*2)}.pds-checkbox-group__options{display:flex;flex-direction:column;margin-block-end:var(--pds-spacing-xs);margin-inline-start:var(--pds-spacing-4xs);row-gap:var(--pds-spacing-m)}.pds-combobox{position:relative}.pds-combobox__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);position:relative;transition:var(--pds-animation-transition-input);width:100%}.pds-combobox__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-combobox--m .pds-combobox__input-wrapper{gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-m);padding-inline:var(--pds-spacing-s)}.pds-combobox__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-combobox__input:focus{outline:none}.pds-combobox__input::placeholder{color:var(--pds-color-input-placeholder)}.pds-combobox__trigger{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);cursor:pointer;display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.pds-combobox__trigger:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-combobox__trigger:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-combobox__trigger-icon{color:var(--pds-color-foreground-default-secondary);pointer-events:none;transition:var(--pds-animation-transition-rotation)}.pds-combobox__trigger[aria-expanded=true] .pds-combobox__trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-combobox__trigger-icon.pds-icon--m{height:.8125rem;width:.8125rem}.pds-combobox--m .pds-combobox__trigger-icon.pds-icon--m{height:1rem;width:1rem}.pds-combobox__dropdown{margin-block-start:var(--pds-spacing-xs);max-height:18rem;overflow-x:hidden;padding-block-end:0}.pds-combobox__dropdown:focus-visible{outline:none}.pds-combobox__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.pds-combobox__options .pds-dropdown__item:last-child{margin-block-end:var(--pds-spacing-2xs)}.pds-combobox__option-label{flex:1;min-width:0}.pds-combobox__loading{color:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-m);padding:var(--pds-spacing-m)}.pds-combobox-multi{position:relative}.pds-combobox-multi:disabled .pds-combobox-multi__input-wrapper{border-color:var(--pds-color-border-disabled)}.pds-combobox-multi__items-wrapper .pds-combobox-multi__selected-item:not(:last-child){display:none}.pds-combobox-multi--show-all-tags .pds-combobox-multi__input-wrapper:has(.pds-combobox-multi__items-wrapper){height:auto;min-height:var(--pds-spacing-input-height-s);padding-block:var(--pds-spacing-3xs)}.pds-combobox-multi--show-all-tags .pds-combobox-multi__items-wrapper{column-gap:var(--pds-spacing-3xs);display:flex;flex-wrap:wrap;row-gap:var(--pds-spacing-3xs)}.pds-combobox-multi--show-all-tags .pds-combobox-multi__items-wrapper .pds-combobox-multi__selected-item:not(:last-child){display:inline-flex}.pds-combobox-multi--m .pds-combobox-multi__input-wrapper{gap:var(--pds-spacing-3xs);height:var(--pds-spacing-input-height-m);padding-inline-end:var(--pds-spacing-s);padding-inline-start:var(--pds-spacing-2xs)}.pds-combobox-multi--show-all-tags.pds-combobox-multi--m
|
|
116
116
|
.pds-combobox-multi__input-wrapper:has(.pds-combobox-multi__items-wrapper){min-height:var(--pds-spacing-input-height-m)}.pds-combobox-multi--m .pds-combobox-multi__aux-panel-button{height:1.5rem;width:1.5rem}.pds-combobox-multi--m .pds-combobox-multi__ai-button{padding:var(--pds-spacing-3xs) var(--pds-spacing-2xs)}.pds-combobox-multi--m .pds-combobox-multi__aux-panel{padding:var(--pds-spacing-s) var(--pds-spacing-s)}.pds-combobox-multi--m .pds-combobox-multi__aux-panel-item{font-size:var(--pds-typography-size-xs);padding:var(--pds-spacing-3xs) var(--pds-spacing-2xs)}.pds-combobox-multi--m .pds-combobox-multi__selected-item{padding:var(--pds-spacing-3xs) var(--pds-spacing-2xs)}.pds-combobox-multi--m .pds-combobox-multi__selected-item-remove,.pds-combobox-multi--m .pds-combobox-multi__selected-item-remove svg{height:.75rem;width:.75rem}.pds-combobox-multi--m .pds-combobox-multi__counter,.pds-combobox-multi--m .pds-combobox-multi__counter-item,.pds-combobox-multi--m .pds-combobox-multi__counter-layer{height:1.5rem}.pds-combobox-multi__selected-item{align-items:center;background:var(--pds-color-input-tag-background-default);border-radius:var(--pds-border-radius-input);color:var(--pds-color-input-tag-foreground-default);display:inline-flex;font-size:.75rem;font-weight:var(--pds-typography-fw-regular);gap:var(--pds-spacing-3xs);justify-content:center;line-height:1;padding:var(--pds-spacing-4xs) var(--pds-spacing-3xs);text-wrap:nowrap}.pds-combobox-multi__selected-item:hover{background:var(--pds-color-input-tag-background-hover)}.pds-combobox-multi__selected-item:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-combobox-multi__selected-item-text{margin-top:1px}.pds-combobox-multi__selected-item-remove{align-items:center;background:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;height:.75rem;justify-content:center;padding:0;width:.75rem}.pds-combobox-multi__selected-item-remove:hover{color:var(--pds-color-foreground-default)}.pds-combobox-multi__selected-item-remove:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-combobox-multi__selected-item--marked-for-deletion .pds-combobox-multi__selected-item-remove{outline:1px solid var(--pds-color-interactive-focus)}.pds-combobox-multi__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);box-sizing:border-box;cursor:pointer;display:flex;gap:var(--pds-spacing-3xs);height:var(--pds-spacing-input-height-s);overflow:hidden;padding-block:0;padding-inline-end:var(--pds-spacing-xs);padding-inline-start:var(--pds-spacing-3xs);transition:var(--pds-animation-transition-input);width:100%}.pds-combobox-multi__input-wrapper:focus{outline:none}.pds-combobox-multi__input-wrapper:focus-visible,.pds-combobox-multi__input-wrapper[data-focus-method=keyboard]:focus{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-combobox-multi__input-wrapper:has(:focus-visible){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-combobox-multi__counter{display:inline-block;height:1.25rem;position:relative}.pds-combobox-multi__counter-wrapper{display:flex;position:relative}.pds-combobox-multi__counter-layer{background-color:var(--pds-color-input-tag-background-default);width:.375rem}.pds-combobox-multi__counter-item,.pds-combobox-multi__counter-layer{border-radius:var(--pds-border-radius-input);box-shadow:-2px 0 0 0 var(--pds-color-surface-default);height:1.25rem}.pds-combobox-multi__counter-item{align-items:center;background:var(--pds-color-input-tag-background-default);color:var(--pds-color-input-tag-foreground-default);display:flex;font-size:.75rem;font-weight:var(--pds-typography-fw-regular);justify-content:center;width:1.28125rem}.pds-combobox-multi__end-actions{align-items:center;align-self:center;display:flex;flex-shrink:0;gap:var(--pds-spacing-2xs);margin-inline-start:auto}.pds-combobox-multi__trigger{align-items:center;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-combobox-multi__trigger:disabled{cursor:not-allowed}.pds-combobox-multi__trigger:focus-visible{outline:none}.pds-combobox-multi__trigger-icon{color:var(--pds-color-foreground-default-secondary);pointer-events:none;transition:var(--pds-animation-transition-rotation)}.pds-combobox-multi__trigger[aria-expanded=true]
|
|
117
117
|
.pds-combobox-multi__trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-combobox-multi__dropdown{box-sizing:border-box;margin-block-start:var(--pds-spacing-2xs);max-height:18rem;overflow-x:hidden;padding-block-end:0;width:100%}.pds-combobox-multi__dropdown:focus-visible{outline:none}.pds-combobox-multi__dropdown-list{flex:1;margin-block:0;-webkit-mask-image:linear-gradient(180deg,transparent,#000 1rem);mask-image:linear-gradient(180deg,transparent,#000 1rem);overflow-y:auto;padding:0}.pds-combobox-multi__dropdown-list .pds-dropdown__item:last-child{margin-block-end:var(--pds-spacing-2xs)}.pds-combobox-multi__dropdown-input-wrapper{align-items:center;background-color:var(--pds-color-dropdown-background);border-bottom:1px solid var(--pds-color-border-default);column-gap:var(--pds-spacing-2xs);display:flex;gap:var(--pds-spacing-xs);margin-block-end:var(--pds-spacing-s);margin-block-start:calc(var(--pds-spacing-2xs)*-1);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding-block-end:calc(var(--pds-spacing-s)*1.1);padding-block-start:var(--pds-spacing-3xs);padding-inline:var(--pds-spacing-m);position:sticky;top:0;z-index:1}.pds-combobox-multi__dropdown-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-combobox-multi__dropdown-input:focus{outline:none}.pds-combobox-multi__dropdown-input::placeholder{color:var(--pds-color-input-placeholder)}.pds-combobox-multi__dropdown-item{padding:var(--pds-spacing-xs) var(--pds-spacing-m)}.pds-combobox-multi__dropdown-item-label{align-items:center;display:flex;gap:.375rem;justify-content:space-between;line-height:normal;width:100%}.pds-combobox-multi__dropdown-item-text{align-items:center;display:flex;gap:var(--pds-spacing-m)}.pds-combobox-multi__dropdown-item-badge{align-items:center;background-color:var(--pds-color-category-ai-background);border-radius:var(--pds-border-radius-default);color:var(--pds-color-category-ai-foreground);display:inline-flex;font-size:var(--pds-typography-size-xs);gap:var(--pds-spacing-4xs);padding:var(--pds-spacing-4xs) var(--pds-spacing-2xs)}.pds-combobox-multi__loading{color:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-m);padding:var(--pds-spacing-m)}.pds-combobox-multi__ai-button{align-items:center;background-color:var(--pds-color-category-ai-background);border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-category-ai-foreground);cursor:pointer;display:flex;justify-content:center;padding:var(--pds-spacing-4xs);transition:opacity .2s ease}.pds-combobox-multi__ai-button:hover{opacity:.8}.pds-combobox-multi__ai-button:disabled{cursor:not-allowed;opacity:.5}.pds-combobox-multi__ai-button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-combobox-multi__ai-icon{color:var(--pds-color-category-ai-foreground);font-size:.875rem;pointer-events:none}[data-theme=dark] .pds-combobox-multi__aux-panel{background-color:oklch(.36 .004 264)}.pds-combobox-multi__aux-panel{align-items:center;background-color:var(--pds-color-surface-default-secondary);border:none;border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;display:flex;flex-direction:row;gap:var(--pds-spacing-2xs);padding:var(--pds-spacing-xs) var(--pds-spacing-xs);position:absolute}.pds-combobox-multi__aux-panel-content{align-items:center;display:flex;flex:1;gap:var(--pds-spacing-xs)}.pds-combobox-multi__aux-panel-header{align-items:center;display:flex;gap:var(--pds-spacing-xs);margin-inline-start:auto}.pds-combobox-multi__aux-panel-icon{color:var(--pds-color-foreground-default-secondary);flex-shrink:0}.pds-combobox-multi__aux-panel-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;flex-shrink:0;height:1.25rem;justify-content:center;transition:background-color .2s ease;width:1.25rem}.pds-combobox-multi__aux-panel-button:hover{background-color:var(--pds-color-surface-default);color:var(--pds-color-foreground-default)}.pds-combobox-multi__aux-panel-button:disabled{cursor:not-allowed}.pds-combobox-multi__aux-panel-button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}[data-theme=dark] .pds-combobox-multi__aux-panel-button:hover{background-color:oklch(.3 .02 275);color:var(--pds-color-foreground-default)}.pds-combobox-multi__aux-panel-refresh-icon{height:.8125rem;width:.8125rem}.pds-combobox-multi__aux-panel-button-icon--rotating{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pds-combobox-multi__aux-panel-items{display:flex;flex:1;flex-wrap:wrap;gap:var(--pds-spacing-3xs);padding-inline-start:var(--pds-spacing-4xs)}.pds-combobox-multi__aux-panel-item{align-items:center;background-color:var(--pds-color-surface-default);border:1px solid transparent;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:var(--pds-typography-fw-regular);justify-content:center;line-height:1;padding:var(--pds-spacing-4xs) var(--pds-spacing-3xs);text-wrap:nowrap;transition:background-color .2s ease,border-color .2s ease}.pds-combobox-multi__aux-panel-item:hover{background-color:var(--pds-color-category-ai-background);border-color:var(--pds-color-category-ai-foreground)}.pds-combobox-multi__aux-panel-item:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-combobox-multi__aux-panel-item--selected{border-color:var(--pds-color-category-ai-foreground)}[data-theme=dark] .pds-combobox-multi__aux-panel-item{background-color:oklch(.3 .02 275)}[data-theme=dark] .pds-combobox-multi__aux-panel-item:hover{background-color:oklch(.42 .06 275);border-color:var(--pds-color-category-ai-utility)}[data-theme=dark] .pds-combobox-multi__aux-panel-item--selected{border-color:var(--pds-color-category-ai-utility)}.pds-combobox-multi__aux-panel-content{padding:var(--pds-spacing-3xs) var(--pds-spacing-6xs)}.pds-datepicker{color:var(--pds-color-foreground-default);font-family:var(--pds-typography-ff-default)}.pds-datepicker__input-wrapper{align-items:center;column-gap:var(--pds-spacing-s);display:flex;row-gap:var(--pds-spacing-xs);width:100%}.pds-datepicker__trigger{align-items:center;background: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;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-s);justify-content:space-between;min-width:10rem;padding:var(--pds-spacing-s);width:100%}.pds-datepicker__trigger:disabled{cursor:not-allowed}.pds-datepicker__trigger--open,.pds-datepicker__trigger:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-datepicker__trigger-text{align-items:center;display:flex;flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.pds-datepicker__trigger-text--placeholder{color:var(--pds-color-input-placeholder)}.pds-datepicker__trigger-icon{color:var(--pds-color-foreground-default);flex-shrink:0;margin-block-start:-1px}.pds-datepicker__separator{padding-inline:var(--pds-spacing-s)}.pds-datepicker__popover{background-color:var(--pds-color-surface-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);overflow:hidden;z-index:var(--pds-z-index-overlay)}.pds-datepicker__calendar{background-color:var(--pds-color-surface-default);padding:var(--pds-spacing-s) var(--pds-spacing-s) var(--pds-spacing-xs)}.pds-datepicker__actions{display:flex;justify-content:space-between;padding:0 var(--pds-spacing-m) var(--pds-spacing-m) var(--pds-spacing-m)}.pds-datepicker__actions-group{display:flex;gap:var(--pds-spacing-s)}.pds-datepicker{--day-size:2rem}.pds-datepicker .rdp-month_grid{width:auto}.pds-datepicker .rdp-month_grid tr{border-block-end:none}.pds-datepicker .rdp-month_grid td,.pds-datepicker .rdp-month_grid th{padding:0}.pds-datepicker .rdp-root{--rdp-accent-color:var(--pds-color-datepicker-accent-foreground);--rdp-range_middle-background-color:var(
|
|
118
118
|
--pds-color-interactive-background-selected
|
|
@@ -203,6 +203,7 @@
|
|
|
203
203
|
.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)}.pds-toaster{--toastify-color-light:var(--pds-color-surface-default);--toastify-text-color-light:var(--pds-color-foreground-default)}.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--wrp{height:.2125rem}.pds-toaster .Toastify__progress-bar,.pds-toaster .Toastify__progress-bar--bg{background:color-mix(in oklch,var(--pds-color-foreground-default) 25%,transparent)}.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__pause-button{align-items:center;align-self:center;background-color:transparent;border:none;border-radius:.25rem;cursor:pointer;display:flex;height:var(--pds-spacing-l);justify-content:center;width:var(--pds-spacing-l)}.pds-toaster .pds-toast__close-button{margin-inline-start:var(--pds-spacing-xs)}.pds-toast{color:var(--pds-color-foreground-default);flex:1 1 auto;font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-s);min-width:0}.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__content :is(h2,h3,h4,h5,h6){margin-block-end:var(--pds-spacing-s)}.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-full-screen-overlay__content :is(h1,h2,h3,h4,h5,h6){margin-block-end:var(--pds-spacing-s)}.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__content :is(h2,h3,h4,h5,h6){margin-block-end:var(--pds-spacing-s)}.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-interactive-background-hover);color:var(--pds-color-pagination-foreground-hover)}.pds-pagination__item button:active{background-color:var(--pds-color-interactive-background-active)}.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-interactive-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-chapter{display:flex;font-family:var(--pds-typography-ff-default);justify-content:space-between;width:100%}.pds-pagination-chapter__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-chapter__btn:hover .pds-pagination-chapter__nav{color:var(--pds-color-interactive-link-hover)}.pds-pagination-chapter__btn:active .pds-pagination-chapter__nav{color:var(--pds-color-interactive-link-active)}.pds-pagination-chapter__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-chapter__btn--prev .pds-pagination-chapter__label{padding-inline-start:var(
|
|
204
204
|
--pds-spacing-l
|
|
205
205
|
)}.pds-pagination-chapter__btn--next{align-items:flex-start;margin-inline-start:auto}.pds-pagination-chapter__label{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-xs)}.pds-pagination-chapter__nav{align-items:center;color:var(--pds-color-interactive-link-default);display:flex;font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);gap:var(--pds-spacing-4xs)}.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-inner{column-gap:var(--pds-spacing-4xs)}.pds-pagination-compact .pds-dropdown__item{justify-content:center}.pds-pagination-compact__page-input--error .pds-text-input__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-pagination-compact__page-input--error .pds-text-input__input-wrapper:focus-within{outline-color:var(--pds-color-status-critical-foreground)}.pds-pagination-compact__count{color:var(--pds-color-foreground-default);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-interactive-background-hover);color:var(--pds-color-pagination-foreground-hover)}.pds-pagination-compact__btn:active{background-color:var(--pds-color-interactive-background-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-expansion-panel details{background-color:var(--pds-color-surface-default);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-surface-default);border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);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 details[open]>summary:hover{background-color:var(--pds-color-expansion-panel-hover)}.pds-expansion-panel .pds-expansion-panel__content{padding-block-end:var(--pds-spacing-s);padding-block-start:var(--pds-spacing-m);padding-inline:var(--pds-spacing-m)}.pds-expansion-panel .pds-expansion-panel__content
|
|
206
|
-
:is(h1,h2,h3,h4,h5,h6):not(.visually-hidden)+*{margin-block-start:var(--pds-spacing-s)}.pds-expansion-panel.pds-expansion-panel--no-border details{border:none}.pds-expansion-panel-group .pds-expansion-panel{margin-block-end:var(--pds-spacing-xs)}.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-3xs)}.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>:first-child>:is(h1,h2,h3,h4,h5,h6):first-child,.pds-panel__content>:is(h1,h2,h3,h4,h5,h6):first-child{font-size:var(--pds-typography-size-l)}.pds-panel__content :is(h1,h2,h3,h4,h5,h6):not(.visually-hidden)+*{margin-block-start:var(--pds-spacing-s)}.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-panel-stack{display:flex;flex-direction:column;gap:var(--pds-spacing-m)}.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(
|
|
206
|
+
:is(h1,h2,h3,h4,h5,h6):not(.visually-hidden)+*{margin-block-start:var(--pds-spacing-s)}.pds-expansion-panel.pds-expansion-panel--no-border details{border:none}.pds-expansion-panel-group .pds-expansion-panel{margin-block-end:var(--pds-spacing-xs)}.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-3xs)}.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__content>:last-child{margin-block-end:0}.pds-panel__content>:first-child>:is(h1,h2,h3,h4,h5,h6):first-child,.pds-panel__content>:is(h1,h2,h3,h4,h5,h6):first-child{font-size:var(--pds-typography-size-l)}.pds-panel__content
|
|
207
|
+
:is(h1,h2,h3,h4,h5,h6):not(.visually-hidden)+:where(:not(.pds-tooltip,.pds-icon,.pds-badge,.pds-status-badge,.pds-status-indicator)){margin-block-start:var(--pds-spacing-s)}.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-panel-stack{display:flex;flex-direction:column;gap:var(--pds-spacing-m)}.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(
|
|
207
208
|
--pds-color-interactive-foreground-hover
|
|
208
209
|
)}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,2 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.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-
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.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__content>:last-child{margin-block-end:0}.pds-panel__content>:first-child>:is(h1,h2,h3,h4,h5,h6):first-child,.pds-panel__content>:is(h1,h2,h3,h4,h5,h6):first-child{font-size:var(--pds-typography-size-l)}.pds-panel__content
|
|
2
|
+
:is(h1,h2,h3,h4,h5,h6):not(.visually-hidden)+:where(:not(.pds-tooltip,.pds-icon,.pds-badge,.pds-status-badge,.pds-status-indicator)){margin-block-start:var(--pds-spacing-s)}.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)}}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
--pds-color-button-secondary-background-default
|
|
3
3
|
);--button-background-color-hover:var(
|
|
4
4
|
--pds-color-button-secondary-background-hover
|
|
5
|
-
);--button-foreground-color:var(--pds-color-button-secondary-foreground);--button-border-color:var(--pds-color-button-secondary-border);--button-border-color-hover:var(--pds-color-button-secondary-border);--separator-height:1.2rem;align-items:center;background-color:var(--button-background-color);border-color:var(--button-border-color);border-radius:var(--pds-border-radius-button);border-style:solid;border-width:var(--pds-border-width-default);color:var(--button-foreground-color);cursor:pointer;display:inline-flex;font-family:var(--pds-typography-ff-default);font-size:var(--button-font-size);font-weight:var(--pds-typography-fw-medium);gap:var(--button-gap-inline);height:var(--button-height);justify-content:center;line-height:1;max-height:var(--button-height);padding-block:0;padding-inline:var(--button-padding-inline);text-decoration:none;transition:var(--pds-animation-transition-button);white-space:nowrap}.pds-sso-button:disabled{cursor:not-allowed;opacity:40%}.pds-sso-button:active:enabled,.pds-sso-button:hover:enabled,a.pds-sso-button:active,a.pds-sso-button:hover{--button-background-color:var(--button-background-color-hover);--button-border-color:var(--button-border-color-hover);color:var(--button-foreground-color);text-decoration:none}.pds-sso-button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px;transition:var(--pds-animation-transition-focus)}.pds-sso-button__icon{border-inline-end:var(--pds-border-width-default) solid var(--button-border-color);flex-shrink:0;height:var(--separator-height);padding-inline-end:var(--button-gap-inline)}.pds-sso-button--l{--button-font-size:var(--pds-typography-size-l);--button-height:var(--pds-spacing-button-height-l);--button-padding-inline:var(--pds-spacing-button-padding-inline-l);--button-gap-inline:var(--pds-spacing-button-gap-inline-l);--separator-height:1.728rem}}
|
|
5
|
+
);--button-foreground-color:var(--pds-color-button-secondary-foreground);--button-border-color:var(--pds-color-button-secondary-border);--button-border-color-hover:var(--pds-color-button-secondary-border);--separator-height:1.2rem;align-items:center;background-color:var(--button-background-color);border-color:var(--button-border-color);border-radius:var(--pds-border-radius-button);border-style:solid;border-width:var(--pds-border-width-default);color:var(--button-foreground-color);cursor:pointer;display:inline-flex;font-family:var(--pds-typography-ff-default);font-size:var(--button-font-size);font-weight:var(--pds-typography-fw-medium);gap:var(--button-gap-inline);height:var(--button-height);justify-content:center;line-height:1;max-height:var(--button-height);padding-block:0;padding-inline:var(--button-padding-inline);text-decoration:none;transition:var(--pds-animation-transition-button);white-space:nowrap}.pds-sso-button:disabled{cursor:not-allowed;opacity:40%}.pds-sso-button:active:enabled,.pds-sso-button:hover:enabled,a.pds-sso-button:active,a.pds-sso-button:hover{--button-background-color:var(--button-background-color-hover);--button-border-color:var(--button-border-color-hover);color:var(--button-foreground-color);text-decoration:none}.pds-sso-button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px;transition:var(--pds-animation-transition-focus)}.pds-sso-button__icon{border-inline-end:var(--pds-border-width-default) solid var(--button-border-color);flex-shrink:0;height:var(--separator-height);padding-inline-end:var(--button-gap-inline)}.pds-sso-button--l{--button-font-size:var(--pds-typography-size-l);--button-height:var(--pds-spacing-button-height-l);--button-padding-inline:var(--pds-spacing-button-padding-inline-l);--button-gap-inline:var(--pds-spacing-button-gap-inline-l);--separator-height:1.728rem}.pds-sso-button--l .pds-sso-button__working-indicator{margin-inline-start:var(--pds-spacing-2xs)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-vertical-empty-state{color:var(--pds-color-foreground-default);display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);padding-block:var(--pds-spacing-m);row-gap:var(--pds-spacing-xl);text-align:center;width:100%}.pds-vertical-empty-state>*{margin-inline:auto}.pds-vertical-empty-state__image{filter:brightness(0)}[data-theme=dark] .pds-vertical-empty-state__image{filter:brightness(0) invert(1)}.pds-vertical-empty-state__heading{font-size:var(--pds-typography-size-2xl);font-weight:var(--pds-typography-fw-bold);margin-block-end:0}.pds-vertical-empty-state__text{align-items:center;display:flex;flex-direction:column;row-gap:var(--pds-spacing-m)}.pds-vertical-empty-state__message{font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-l);margin-block-start:0;max-width:600px;text-wrap:pretty}.pds-vertical-empty-state__message :last-child{margin-block-end:0}.pds-vertical-empty-state__cta{padding-block-start:var(--pds-spacing-xl)}.pds-vertical-empty-state__cta .pds-button-group{justify-content:center}}
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-vertical-empty-state{color:var(--pds-color-foreground-default);display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);padding-block:var(--pds-spacing-m);row-gap:var(--pds-spacing-xl);text-align:center;width:100%}.pds-vertical-empty-state>*{margin-inline:auto}.pds-vertical-empty-state__image{filter:brightness(0)}[data-theme=dark] .pds-vertical-empty-state__image{filter:brightness(0) invert(1)}.pds-vertical-empty-state__heading{font-size:var(--pds-typography-size-2xl);font-weight:var(--pds-typography-fw-bold);margin-block-end:0}.pds-vertical-empty-state__text{align-items:center;display:flex;flex-direction:column;row-gap:var(--pds-spacing-m)}.pds-vertical-empty-state__message{font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-l);margin-block-start:0;max-width:600px;text-wrap:pretty}.pds-vertical-empty-state__message :last-child{margin-block-end:0}.pds-vertical-empty-state__message :where(:not(.visually-hidden))+:where(:not(p,ul,ol,li)){margin-block-start:var(--pds-spacing-2xl)}.pds-vertical-empty-state__cta{padding-block-start:var(--pds-spacing-xl)}.pds-vertical-empty-state__cta .pds-button-group{justify-content:center}}
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
--pds-color-card-background: oklch(0.2178 0 0);
|
|
77
77
|
--pds-color-code-block-background: oklch(0.2931 0 0);
|
|
78
78
|
--pds-color-code-block-foreground: oklch(1 0 0);
|
|
79
|
-
--pds-color-code-block-focus: oklch(0.
|
|
79
|
+
--pds-color-code-block-focus: oklch(0.6800 0.1612 253.57);
|
|
80
80
|
--pds-color-code-block-line-prefix: #9699a1;
|
|
81
81
|
--pds-color-code-block-syntax-punctuation: #c3c5c9;
|
|
82
82
|
--pds-color-code-block-syntax-function: #f5c43a;
|
|
@@ -90,8 +90,8 @@
|
|
|
90
90
|
--pds-color-datepicker-selected-background: var(--pds-color-interactive-background-current);
|
|
91
91
|
--pds-color-datepicker-selected-foreground: oklch(0.2178 0 0);
|
|
92
92
|
--pds-color-pagination-foreground-hover: oklch(1 0 0);
|
|
93
|
-
--pds-color-pagination-foreground-current: oklch(
|
|
94
|
-
--pds-color-panel-sunken-background: oklch(0.
|
|
93
|
+
--pds-color-pagination-foreground-current: oklch(0.2178 0 0);
|
|
94
|
+
--pds-color-panel-sunken-background: oklch(0.2520 0 0);
|
|
95
95
|
--pds-color-expansion-panel-hover: oklch(0.2931 0 0);
|
|
96
96
|
--pds-color-popover-border: oklch(0.345 0.005 258);
|
|
97
97
|
--pds-color-skeleton-regular-base: oklch(0.3329 0 0);
|
|
@@ -180,7 +180,7 @@
|
|
|
180
180
|
--pds-color-tally-discovery-foreground: oklch(1.0000 0 0);
|
|
181
181
|
--pds-color-brand-default: oklch(0.8622 0.1681 88.31);
|
|
182
182
|
--pds-color-surface-default: oklch(0.2178 0 0);
|
|
183
|
-
--pds-color-surface-default-secondary: oklch(0.
|
|
183
|
+
--pds-color-surface-default-secondary: oklch(0.2520 0 0);
|
|
184
184
|
--pds-color-surface-reverse: oklch(0.8452 0 0);
|
|
185
185
|
--pds-color-border-default: oklch(0.345 0.005 258);
|
|
186
186
|
--pds-color-border-default-secondary: oklch(0.3329 0 0);
|
|
@@ -224,7 +224,7 @@
|
|
|
224
224
|
--pds-color-button-reverse-background-active: oklch(0.3652 0 0);
|
|
225
225
|
--pds-color-button-reverse-foreground: oklch(0.9702 0 0);
|
|
226
226
|
--pds-color-button-reverse-secondary-background-default: rgba(255, 255, 255, 0.00);
|
|
227
|
-
--pds-color-button-reverse-secondary-background-hover:
|
|
227
|
+
--pds-color-button-reverse-secondary-background-hover: rgba(0, 0, 0, 0.05);
|
|
228
228
|
--pds-color-button-reverse-secondary-background-active: oklch(0.9147 0 0);
|
|
229
229
|
--pds-color-button-reverse-secondary-border: oklch(0.6529 0.0064 264.52);
|
|
230
230
|
--pds-color-button-reverse-secondary-foreground: oklch(0.2178 0 0);
|
|
@@ -249,13 +249,13 @@
|
|
|
249
249
|
--pds-color-split-button-primary-separator: oklch(0.2178 0 0);
|
|
250
250
|
--pds-color-split-button-secondary-separator: oklch(0.4091 0 0);
|
|
251
251
|
--pds-color-segmented-button-background-inactive: oklch(0.2931 0 0);
|
|
252
|
-
--pds-color-segmented-button-background-active: oklch(0.
|
|
252
|
+
--pds-color-segmented-button-background-active: oklch(0.6800 0.1612 253.57);
|
|
253
253
|
--pds-color-segmented-button-foreground-inactive: var(--pds-color-foreground-default-secondary);
|
|
254
254
|
--pds-color-segmented-button-foreground-active: var(--pds-color-foreground-reverse);
|
|
255
255
|
--pds-color-category-ai-foreground: oklch(0.9561 0.0155 306.41);
|
|
256
256
|
--pds-color-category-ai-utility: oklch(0.6128 0.1241 305.50);
|
|
257
257
|
--pds-color-category-ai-background: oklch(0.5198 0.1353 302.93);
|
|
258
|
-
--pds-color-code-inline-background: oklch(0.
|
|
258
|
+
--pds-color-code-inline-background: oklch(0.2520 0 0);
|
|
259
259
|
--pds-color-code-inline-border: oklch(0.2931 0 0);
|
|
260
260
|
--pds-color-code-inline-text: #ffffff;
|
|
261
261
|
--pds-color-datavis-categorical-1: #398dea;
|
|
@@ -317,27 +317,27 @@
|
|
|
317
317
|
--pds-color-input-placeholder: oklch(0.6830 0 0);
|
|
318
318
|
--pds-color-input-file-upload-button-background-default: oklch(0.2931 0 0);
|
|
319
319
|
--pds-color-input-file-upload-button-background-hover: oklch(0.3329 0 0);
|
|
320
|
-
--pds-color-input-selected-background: oklch(0.
|
|
320
|
+
--pds-color-input-selected-background: oklch(0.6800 0.1612 253.57);
|
|
321
321
|
--pds-color-input-selected-foreground: oklch(0.2178 0 0);
|
|
322
322
|
--pds-color-input-switch-icon: oklch(0.2178 0 0);
|
|
323
323
|
--pds-color-input-switch-background: oklch(0.6830 0 0);
|
|
324
324
|
--pds-color-input-tag-background-default: oklch(0.38 0 0);
|
|
325
325
|
--pds-color-input-tag-background-hover: oklch(0.32 0 0);
|
|
326
|
-
--pds-color-input-tag-background-active: oklch(0.
|
|
326
|
+
--pds-color-input-tag-background-active: oklch(0.6800 0.1612 253.57);
|
|
327
327
|
--pds-color-input-tag-foreground-default: oklch(0.9702 0 0);
|
|
328
328
|
--pds-color-input-tag-foreground-hover: oklch(0.9702 0 0);
|
|
329
329
|
--pds-color-input-tag-foreground-active: oklch(0.9702 0 0);
|
|
330
|
-
--pds-color-input-tag-outline-active: oklch(0.
|
|
331
|
-
--pds-color-interactive-focus: oklch(0.
|
|
332
|
-
--pds-color-interactive-link-default: oklch(0.
|
|
330
|
+
--pds-color-input-tag-outline-active: oklch(0.6800 0.1612 253.57);
|
|
331
|
+
--pds-color-interactive-focus: oklch(0.6800 0.1612 253.57);
|
|
332
|
+
--pds-color-interactive-link-default: oklch(0.6800 0.1612 253.57);
|
|
333
333
|
--pds-color-interactive-link-hover: oklch(0.6707 0.1296 32.99);
|
|
334
334
|
--pds-color-interactive-link-active: oklch(0.7480 0.1030 37.44);
|
|
335
|
-
--pds-color-interactive-link-visited: oklch(0.
|
|
335
|
+
--pds-color-interactive-link-visited: oklch(0.6800 0.1612 253.57);
|
|
336
336
|
--pds-color-interactive-foreground-current: oklch(0.8369 0.0765 253.48);
|
|
337
337
|
--pds-color-interactive-foreground-hover: oklch(0.8369 0.0765 253.48);
|
|
338
338
|
--pds-color-interactive-foreground-active: oklch(0.8369 0.0765 253.48);
|
|
339
339
|
--pds-color-interactive-foreground-inactive: oklch(0.5991 0 0);
|
|
340
|
-
--pds-color-interactive-background-current: oklch(0.
|
|
340
|
+
--pds-color-interactive-background-current: oklch(0.6800 0.1612 253.57);
|
|
341
341
|
--pds-color-interactive-background-current-foreground: oklch(0.2178 0 0);
|
|
342
342
|
--pds-color-interactive-background-hover: oklch(0.293 0 0);
|
|
343
343
|
--pds-color-interactive-background-active: oklch(0.315 0 0);
|
|
@@ -382,8 +382,8 @@
|
|
|
382
382
|
--pds-color-status-critical-background: oklch(0.2550 0.0814 25.05);
|
|
383
383
|
--pds-color-status-critical-background-hover: oklch(0.3541 0.1230 26.18);
|
|
384
384
|
--pds-color-status-info-foreground: oklch(0.8369 0.0765 253.48);
|
|
385
|
-
--pds-color-status-info-fill: oklch(0.
|
|
386
|
-
--pds-color-status-info-border: oklch(0.
|
|
385
|
+
--pds-color-status-info-fill: oklch(0.6800 0.1612 253.57);
|
|
386
|
+
--pds-color-status-info-border: oklch(0.6800 0.1612 253.57);
|
|
387
387
|
--pds-color-status-info-background: oklch(0.2940 0.1030 256.67);
|
|
388
388
|
--pds-color-status-info-background-hover: oklch(0.3763 0.1280 255.90);
|
|
389
389
|
--pds-color-status-discovery-foreground: oklch(0.8275 0.0578 308.23);
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
--pds-color-card-background: oklch(1.0000 0 0);
|
|
77
77
|
--pds-color-code-block-background: oklch(0.31 0 0);
|
|
78
78
|
--pds-color-code-block-foreground: oklch(1 0 0);
|
|
79
|
-
--pds-color-code-block-focus: oklch(0.
|
|
79
|
+
--pds-color-code-block-focus: oklch(0.6800 0.1612 253.57);
|
|
80
80
|
--pds-color-code-block-line-prefix: #9699a1;
|
|
81
81
|
--pds-color-code-block-syntax-punctuation: #c3c5c9;
|
|
82
82
|
--pds-color-code-block-syntax-function: #f5c43a;
|
|
@@ -192,7 +192,7 @@
|
|
|
192
192
|
--pds-color-button-primary-background-active: oklch(0.37 0 0);
|
|
193
193
|
--pds-color-button-primary-foreground: var(--pds-color-foreground-reverse);
|
|
194
194
|
--pds-color-button-secondary-background-default: rgba(255, 255, 255, 0.00);
|
|
195
|
-
--pds-color-button-secondary-background-hover: rgba(0, 0, 0, 0.
|
|
195
|
+
--pds-color-button-secondary-background-hover: rgba(0, 0, 0, 0.05);
|
|
196
196
|
--pds-color-button-secondary-background-active: oklch(0.9731 0 0);
|
|
197
197
|
--pds-color-button-secondary-border: oklch(0.6529 0.0064 264.52);
|
|
198
198
|
--pds-color-button-secondary-foreground-default: oklch(0.2178 0 0);
|
|
@@ -343,11 +343,11 @@
|
|
|
343
343
|
--pds-color-interactive-background-active: oklch(0.92 0 0);
|
|
344
344
|
--pds-color-interactive-background-selected: oklch(0.9124 0.0439 250.42);
|
|
345
345
|
--pds-color-interactive-background-selected-foreground: oklch(0.2178 0 0);
|
|
346
|
-
--pds-color-interactive-reverse-focus: oklch(0.
|
|
347
|
-
--pds-color-interactive-reverse-link-default: oklch(0.
|
|
346
|
+
--pds-color-interactive-reverse-focus: oklch(0.6800 0.1612 253.57);
|
|
347
|
+
--pds-color-interactive-reverse-link-default: oklch(0.6800 0.1612 253.57);
|
|
348
348
|
--pds-color-interactive-reverse-link-hover: oklch(0.6707 0.1296 32.99);
|
|
349
349
|
--pds-color-interactive-reverse-link-active: oklch(0.7480 0.1030 37.44);
|
|
350
|
-
--pds-color-interactive-reverse-link-visited: oklch(0.
|
|
350
|
+
--pds-color-interactive-reverse-link-visited: oklch(0.6800 0.1612 253.57);
|
|
351
351
|
--pds-color-interactive-reverse-foreground-hover: oklch(0.8369 0.0765 253.48);
|
|
352
352
|
--pds-color-nav-item-reverse-foreground-hover: oklch(0.8275 0.0578 308.23);
|
|
353
353
|
--pds-color-nav-item-reverse-foreground-active: oklch(0.8275 0.0578 308.23);
|