@pantheon-systems/pds-toolkit-react 2.0.0-alpha.48 → 2.0.0-alpha.49
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/cards/CardSelect/CardSelect.d.ts +21 -3
- package/dist/components/icons/Icon/generated-icon-data.d.ts +1 -1
- package/dist/css/component-css/pds-card-select.css +2 -1
- package/dist/css/component-css/pds-index.css +4 -3
- package/dist/css/component-css/pds-navbar.css +1 -1
- package/dist/css/component-css/pds-workspace-selector.css +1 -1
- package/dist/css/layout-css/pds-index.css +1 -1
- package/dist/css/layout-css/pds-stepper-layout.css +1 -1
- package/dist/css/pds-components.css +4 -3
- package/dist/css/pds-layouts.css +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +45 -36
- package/dist/index.js.map +1 -1
- package/dist/layouts/StepperLayout/StepperLayout.d.ts +9 -1
- package/package.json +1 -1
|
@@ -2,7 +2,9 @@ import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
|
2
2
|
import './card-select.css';
|
|
3
3
|
export interface CardOption {
|
|
4
4
|
/**
|
|
5
|
-
* Composable content rendered inside the card
|
|
5
|
+
* Composable content rendered inside the card. Use `slot="image"` to place an
|
|
6
|
+
* image in the card's image area; any unslotted content becomes the main
|
|
7
|
+
* content area below the label.
|
|
6
8
|
*/
|
|
7
9
|
children?: ReactNode;
|
|
8
10
|
/**
|
|
@@ -20,6 +22,7 @@ export interface CardOption {
|
|
|
20
22
|
value: string;
|
|
21
23
|
}
|
|
22
24
|
export type CardSelectSize = 'm' | 'l';
|
|
25
|
+
export type CardSelectImageVariant = 'bleed' | 'inset';
|
|
23
26
|
export interface CardSelectProps extends Omit<ComponentPropsWithoutRef<'fieldset'>, 'onChange'> {
|
|
24
27
|
/**
|
|
25
28
|
* Additional class names
|
|
@@ -33,12 +36,20 @@ export interface CardSelectProps extends Omit<ComponentPropsWithoutRef<'fieldset
|
|
|
33
36
|
* Unique ID for the card select
|
|
34
37
|
*/
|
|
35
38
|
id: string;
|
|
39
|
+
/**
|
|
40
|
+
* Controls how a card's image slot fills the card top.
|
|
41
|
+
* - `bleed` (default): image extends to the card edges, top corners rounded only.
|
|
42
|
+
* - `inset`: image has padding on all sides, all corners rounded.
|
|
43
|
+
*/
|
|
44
|
+
imageVariant?: CardSelectImageVariant;
|
|
36
45
|
/**
|
|
37
46
|
* Label for the card select group. Renders as the fieldset legend.
|
|
38
47
|
*/
|
|
39
48
|
label: string;
|
|
40
49
|
/**
|
|
41
|
-
* Display of the
|
|
50
|
+
* Display of the group legend and per-card labels. `hidden` visually hides them
|
|
51
|
+
* (legend and each card's label text) but keeps them accessible to screen
|
|
52
|
+
* readers — use it when the cards compose their own visible titles.
|
|
42
53
|
*/
|
|
43
54
|
labelDisplay?: 'left' | 'center' | 'hidden';
|
|
44
55
|
/**
|
|
@@ -54,6 +65,13 @@ export interface CardSelectProps extends Omit<ComponentPropsWithoutRef<'fieldset
|
|
|
54
65
|
* Array of card options
|
|
55
66
|
*/
|
|
56
67
|
options?: CardOption[];
|
|
68
|
+
/**
|
|
69
|
+
* Show the radio-style selection indicator (the circle / check dot) on each
|
|
70
|
+
* card. When `false`, the indicator is hidden and the selected card is shown
|
|
71
|
+
* with a highlight ring and raised elevation instead. The underlying radio
|
|
72
|
+
* inputs remain for keyboard and screen-reader use either way.
|
|
73
|
+
*/
|
|
74
|
+
showIndicator?: boolean;
|
|
57
75
|
/**
|
|
58
76
|
* Size of the card label and indicator. Defaults to `'m'`.
|
|
59
77
|
*/
|
|
@@ -62,4 +80,4 @@ export interface CardSelectProps extends Omit<ComponentPropsWithoutRef<'fieldset
|
|
|
62
80
|
/**
|
|
63
81
|
* CardSelect UI component
|
|
64
82
|
*/
|
|
65
|
-
export declare const CardSelect: ({ className, defaultValue, id, label, labelDisplay, layout, onChange, options, size, ...props }: CardSelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
83
|
+
export declare const CardSelect: ({ className, defaultValue, id, imageVariant, label, labelDisplay, layout, onChange, options, showIndicator, size, ...props }: CardSelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Generated by: npm run generate:icon-data
|
|
5
5
|
* Source: icon-registry.ts + Font Awesome packages + custom-icons.tsx
|
|
6
|
-
* Generated: 2026-07-
|
|
6
|
+
* Generated: 2026-07-22T21:28:54.259Z
|
|
7
7
|
*/
|
|
8
8
|
import { customIcons } from './custom-icons';
|
|
9
9
|
export { customIcons };
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.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:0;text-align:left}.pds-card-select__legend--center{text-align:center}.pds-card-select__option input[type=radio]{appearance:none}.pds-card-select__option-label{
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.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:0;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__option
|
|
2
|
+
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;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__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-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)}}
|
|
@@ -111,7 +111,8 @@
|
|
|
111
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
|
|
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-button-secondary-background-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-button);color:var(--pds-color-button-secondary-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-button-secondary-foreground);background-color:var(--pds-color-button-secondary-background-hover);border-color:var(--pds-color-button-secondary-border)}.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
|
-
.pds-utility-button__button:active{background-color:var(--pds-color-button-secondary-background-active);box-shadow:var(--pds-elevation-button-secondary-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:after{border:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0;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;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--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:100%;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;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--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:0;text-align:left}.pds-card-select__legend--center{text-align:center}.pds-card-select__option input[type=radio]{appearance:none}.pds-card-select__option-label{align-items:center;background-color:var(--pds-color-card-background);border-radius:var(--pds-border-radius-card);box-shadow:var(--pds-elevation-raised);column-gap:var(--pds-spacing-xs);display:grid;font-size:var(--label-font-size);font-weight:var(--pds-typography-fw-semibold);grid-template-columns:var(--indicator-size) 1fr;height:100%;margin-block-end:0;padding:var(--pds-spacing-m);width:100%}.pds-card-select__option-label-indicator .pds-icon{height:var(--indicator-size);width:var(--indicator-size)}.pds-card-select__option-label:hover{box-shadow:var(--pds-elevation-overlay);cursor:pointer}.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-children{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);grid-column:2;line-height:var(--pds-typography-lh-m);margin-block-start:0}.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{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{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-2xl);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;row-gap:var(--pds-spacing-xl);width:60%}.pds-horizontal-empty-state__heading{margin-block-end:0}.pds-horizontal-empty-state__media{width:40%}.pds-horizontal-empty-state__image{height:auto;width:100%}.pds-horizontal-empty-state--panel .pds-horizontal-empty-state__content{width:72%}.pds-horizontal-empty-state--panel .pds-horizontal-empty-state__media{width:28%}.pds-horizontal-empty-state--video .pds-horizontal-empty-state__content,.pds-horizontal-empty-state--video .pds-horizontal-empty-state__media{width:50%}[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__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);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-input);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-l)}.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}.pds-combobox__dropdown:focus-visible{outline:none}.pds-combobox__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.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
|
|
114
|
+
.pds-utility-button__button:active{background-color:var(--pds-color-button-secondary-background-active);box-shadow:var(--pds-elevation-button-secondary-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:after{border:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0;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;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--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:100%;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;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--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:0;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__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;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__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-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{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{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-2xl);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;row-gap:var(--pds-spacing-xl);width:60%}.pds-horizontal-empty-state__heading{margin-block-end:0}.pds-horizontal-empty-state__media{width:40%}.pds-horizontal-empty-state__image{height:auto;width:100%}.pds-horizontal-empty-state--panel .pds-horizontal-empty-state__content{width:72%}.pds-horizontal-empty-state--panel .pds-horizontal-empty-state__media{width:28%}.pds-horizontal-empty-state--video .pds-horizontal-empty-state__content,.pds-horizontal-empty-state--video .pds-horizontal-empty-state__media{width:50%}[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__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);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-input);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-l)}.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}.pds-combobox__dropdown:focus-visible{outline:none}.pds-combobox__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.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
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]
|
|
116
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;width:100%}.pds-combobox-multi__dropdown:focus-visible{outline:none}.pds-combobox-multi__dropdown-list{flex:1;margin-block-start:0;overflow-y:auto;padding:0}.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(
|
|
117
118
|
--pds-color-interactive-background-selected
|
|
@@ -135,7 +136,7 @@
|
|
|
135
136
|
.pds-switch__track{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.125rem}.pds-switch__thumb{background:var(--toggle-thumb-background);border-radius:6.25rem;box-shadow:0 1px 1.5px rgba(0,0,0,.18);display:block;height:var(--toggle-switch-thumb-height);inset-block-start:var(--toggle-gutter);inset-inline-start:var(--toggle-gutter);position:absolute;transition:var(--toggle-switch-animation);width:var(--toggle-switch-thumb-height);z-index:1}[data-theme=dark] .pds-switch__thumb{box-shadow:0 1px 1.5px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.5)}.pds-switch__toggle-label{color:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:1;user-select:none}.pds-switch__control[data-status-label-placement=right]
|
|
136
137
|
.pds-switch__toggle-label{margin-inline-start:var(--pds-spacing-2xs)}.pds-switch__control[data-status-label-placement=left]
|
|
137
138
|
.pds-switch__toggle-label{margin-inline-end:var(--pds-spacing-2xs)}.pds-tags-input{--tag-background:var(--pds-color-input-tag-background-default);--tag-hover-background:var(--pds-color-input-tag-background-hover);--tag-text-color:var(--pds-color-input-tag-foreground-default);--tag-text-hover-color:var(--pds-color-input-tag-foreground-hover);--tag-icon-hover-color:var(--pds-color-foreground-default-secondary);--tag-selected-outline:var(--pds-border-width-default) solid var(--pds-color-input-tag-outline-active);--wrapper-padding:var(--pds-spacing-3xs);--wrapper-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-xs);--tag-inner-gap:var(--pds-spacing-3xs);--tag-padding-block:var(--pds-spacing-4xs);--tag-padding-inline-end:var(--pds-spacing-3xs);--tag-padding-inline-start:var(--pds-spacing-3xs);--tag-remove-size:0.75rem;--tag-grip-size:0.625rem}.pds-tags-input__input-wrapper{align-items:flex-start;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:var(--wrapper-gap);padding:var(--wrapper-padding);transition:var(--pds-animation-transition-input)}.pds-tags-input__input-wrapper:has(.pds-tags-input__input:focus){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-tags-input__tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--wrapper-gap)}.pds-tags-input__tag{align-items:center;background-color:var(--tag-background);border-radius:var(--pds-border-radius-input);box-sizing:border-box;color:var(--tag-text-color);cursor:grab;display:inline-flex;font-size:var(--tag-font-size);font-weight:var(--pds-typography-fw-regular);gap:var(--tag-inner-gap);line-height:1;padding-block:var(--tag-padding-block);padding-inline:var(--tag-padding-inline-start) var(--tag-padding-inline-end);position:relative;transition:background-color .2s ease,color .2s ease}.pds-tags-input__tag:focus-visible{background-color:var(--tag-hover-background);color:var(--tag-text-hover-color);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-tags-input__tag:active{cursor:grabbing}.pds-tags-input__tag--dragging{opacity:.5}.pds-tags-input__tag--dragging:after,.pds-tags-input__tag--dragging:before{display:none}.pds-tags-input__tag--dragging .pds-tags-input__tag-remove-icon{opacity:.5}.pds-tags-input__tag--drag-preview{background-color:var(--tag-hover-background)!important;color:var(--tag-text-hover-color)!important;outline:var(--tag-selected-outline)!important;outline-offset:-1px!important}.pds-tags-input__tag--drop-target-before:before{inset-inline-start:calc(var(--wrapper-gap)/-2 - 1px)}.pds-tags-input__tag--drop-target-after:after,.pds-tags-input__tag--drop-target-before:before{background:var(--pds-color-badge-indicator-platinum-foreground);content:"";height:100%;position:absolute;top:0;width:2px}.pds-tags-input__tag--drop-target-after:after{inset-inline-end:calc(var(--wrapper-gap)/-2 - 1px)}.pds-tags-input__tag-grip{align-items:center;color:var(--pds-color-foreground-default-secondary);cursor:grab;display:flex;margin-inline-start:calc(var(--pds-spacing-6xs)*-1);opacity:.6;touch-action:none;transition:color .2s ease,opacity .2s ease}.pds-tags-input__tag-grip svg{height:var(--tag-grip-size);width:auto}.pds-tags-input__tag-grip:hover{color:var(--tag-icon-hover-color);opacity:1}.pds-tags-input__tag:active .pds-tags-input__tag-grip{cursor:grabbing}.pds-tags-input__tag-text{user-select:none}.pds-tags-input__tag-remove{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;height:var(--tag-remove-size);justify-content:center;padding:0;transition:color .2s ease;width:var(--tag-remove-size)}.pds-tags-input__tag-remove:hover{color:var(--tag-icon-hover-color)}.pds-tags-input__tag-remove:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px;transition:var(--pds-animation-transition-button)}.pds-tags-input__tag-remove-icon{color:var(--pds-color-foreground-default-secondary);flex-grow:0;flex-shrink:0;height:var(--tag-remove-size);transition:color .2s ease,opacity .2s ease;width:var(--tag-remove-size)}.pds-tags-input__tag-remove:hover .pds-tags-input__tag-remove-icon{color:var(--tag-icon-hover-color)}.pds-tags-input__tag.pds-is-disabled{cursor:not-allowed;opacity:63%}.pds-tags-input__tag.pds-is-disabled .pds-tags-input__tag-grip,.pds-tags-input__tag.pds-is-disabled .pds-tags-input__tag-remove{cursor:not-allowed;pointer-events:none}.pds-tags-input:not(.pds-is-disabled) .pds-tags-input__tag:hover:not(.pds-tags-input__tag--dragging){background-color:var(--tag-hover-background);color:var(--tag-text-hover-color)}.pds-tags-input:not(.pds-is-disabled) .pds-tags-input__tag:hover:not(.pds-tags-input__tag--dragging) .pds-tags-input__tag-grip{color:var(--tag-icon-hover-color)}.pds-tags-input__input{background:none;border:none;caret-color:var(--pds-color-foreground-default);color:var(--pds-color-foreground-default);flex:1 1 auto;font-size:var(--pds-typography-size-s);height:calc(var(--tag-padding-block)*2 + var(--tag-font-size));line-height:1;min-width:3rem;outline:none;padding-block:0;padding-inline:var(--pds-spacing-3xs)}.pds-tags-input__input::placeholder{color:var(--pds-color-input-placeholder)}.pds-tags-input.pds-has-error .pds-tags-input__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-tags-input.pds-has-error .pds-tags-input__input-wrapper:focus-within{border-color:var(--pds-color-status-critical-foreground)}.pds-tags-input.pds-has-success .pds-tags-input__input-wrapper{border-color:var(--pds-color-status-success-foreground)}.pds-tags-input.pds-has-success .pds-tags-input__input-wrapper:focus-within{border-color:var(--pds-color-status-success-foreground)}.pds-tags-input--m{--wrapper-padding:var(--pds-spacing-2xs);--wrapper-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-xs);--tag-inner-gap:var(--pds-spacing-3xs);--tag-padding-block:var(--pds-spacing-3xs);--tag-padding-inline-end:var(--pds-spacing-2xs);--tag-padding-inline-start:var(--pds-spacing-2xs);--tag-remove-size:0.75rem;--tag-grip-size:0.75rem}.pds-text-input__input-wrapper{align-items:center;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);display:flex;gap:var(--pds-spacing-xs);height:var(--pds-spacing-input-height-s);padding-inline:var(--pds-spacing-xs);transition:var(--pds-animation-transition-input)}.pds-text-input__input-wrapper:focus-within{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-text-input--m .pds-text-input__input-wrapper{gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-m);padding-inline:var(--pds-spacing-s)}.pds-text-input__input{background-color:transparent;border:none;caret-color:var(--pds-color-foreground-default);color:var(--pds-color-foreground-default);flex-grow:1;font-size:var(--pds-typography-size-s);line-height:1;padding-inline:0;width:100%}.pds-text-input__input:focus{outline:none}.pds-text-input__input::placeholder{color:var(--pds-color-input-placeholder)}.pds-text-input__visibility-toggle{background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.pds-text-input__visibility-toggle:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-text-input__visibility-toggle:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-text-input__url-prefix{align-items:center;background:var(--pds-color-surface-default-secondary);border-right:var(--pds-border-width-default) solid var(--pds-color-border-input);color:var(--pds-color-foreground-default-secondary);display:flex;font-size:var(--pds-typography-size-s);height:100%;padding-inline:var(--pds-spacing-s);user-select:none}.pds-text-input__input-wrapper--has-prefix{overflow:hidden;padding-left:0}.pds-text-input__input-wrapper--has-prefix .pds-input-prefix--error,.pds-text-input__input-wrapper--has-prefix .pds-input-prefix--success{display:none}.pds-textarea__input-wrapper{display:flex}.pds-textarea--textarea{background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);flex-grow:1;font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-l);padding:var(--pds-spacing-xs);resize:none}.pds-textarea--textarea:focus{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-textarea--textarea::placeholder{color:var(--pds-color-input-placeholder)}.pds-textarea--textarea.pds-is-resizable{resize:vertical}.pds-textarea__inputlabel{flex-grow:1}.pds-textarea__inputlabel-wrapper{align-items:center;display:flex;position:relative}.pds-textarea--m .pds-textarea--textarea{padding:var(--pds-spacing-s)}.pds-input.pds-is-disabled,.pds-input.pds-is-disabled input,.pds-is-disabled legend.pds-input-label{cursor:not-allowed;opacity:63%}.pds-input.pds-has-error .pds-combobox__input-wrapper,.pds-input.pds-has-error .pds-file-upload__input-wrapper,.pds-input.pds-has-error .pds-select__input-wrapper,.pds-input.pds-has-error .pds-text-input__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-input.pds-has-success .pds-combobox__input-wrapper,.pds-input.pds-has-success .pds-file-upload__input-wrapper,.pds-input.pds-has-success .pds-select__input-wrapper,.pds-input.pds-has-success .pds-text-input__input-wrapper{border-color:var(--pds-color-status-success-foreground)}.pds-input.pds-is-readonly .pds-text-input__input-wrapper{background-color:var(--pds-color-surface-default-secondary)}.pds-input input:-internal-autofill-selected,.pds-input input:-webkit-autofill{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-surface-default);-webkit-text-fill-color:var(--pds-color-foreground-default)}.pds-input-label{color:var(--pds-color-foreground-default);display:inline-block;font-size:var(--pds-typography-size-input-label);font-weight:var(--pds-typography-fw-medium);margin-block-end:var(--pds-spacing-2xs);padding-inline-end:var(--pds-spacing-3xl)}.pds-input-label.visually-hidden{margin:0;padding:0}.pds-input-label .pds-tooltip{margin-inline-start:var(--pds-spacing-5xs);vertical-align:1px}.pds-input-label__required{align-items:flex-start;display:inline-flex;height:var(--pds-spacing-s);margin-inline-start:var(--pds-spacing-4xs);position:relative}.pds-input-label__required-icon{color:var(--pds-color-status-critical-foreground);height:var(--pds-spacing-xs);position:absolute;top:0}.pds-input-message{align-items:flex-start;color:var(--pds-color-foreground-default-secondary);display:flex;gap:var(--pds-spacing-xs);margin-block-start:var(--pds-spacing-2xs)}.pds-input-message--error{color:var(--pds-color-status-critical-foreground)}.pds-input-message--success{color:var(--pds-color-status-success-foreground)}.pds-input-message__text,.pds-input-message__text p{font-size:var(--pds-typography-size-input-message);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m)}.pds-input-prefix{align-items:center;display:flex}.pds-input-prefix--error{color:var(--pds-color-status-critical-foreground)}.pds-input-prefix--success{color:var(--pds-color-status-success-foreground)}.pds-input-search-shortcut{align-items:center;background:var(--pds-color-interactive-background-hover);border-radius:var(--pds-border-radius-input);display:flex;height:var(--pds-spacing-s);justify-content:center;padding:var(--pds-spacing-xs);width:var(--pds-spacing-s)}.pds-input-clear-button{background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.pds-input-clear-button:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-input-clear-button:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}input::-webkit-search-cancel-button{display:none}.pds-input-character-counter{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-input-character-counter--overLimit{color:var(--pds-color-status-critical-foreground)}.pds-cta-link{--cta-link-size:var(--pds-typography-size-m);--cta-link-color:var(--pds-color-interactive-link-default);--cta-link-gap:var(--pds-spacing-3xs);align-items:center;display:inline-flex;gap:var(--cta-link-gap);padding:.25rem 0}.pds-cta-link a,.pds-cta-link button{color:var(--cta-link-color);font-family:var(--pds-typography-ff-default);font-size:var(--cta-link-size);font-weight:var(--pds-typography-fw-bold);letter-spacing:var(--pds-typography-ls-s);line-height:var(--pds-typography-lh-s);text-decoration:none;transition:var(--pds-animation-transition-link)}.pds-cta-link a:focus-visible,.pds-cta-link button:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.25rem;text-decoration:none}.pds-cta-link button{background:none;border:none;cursor:pointer;padding:0}.pds-cta-link .pds-cta-link__icon{color:var(--cta-link-color);transition:var(--pds-animation-transition-link)}.pds-cta-link:hover{--cta-link-color:var(--pds-color-interactive-link-hover)}.pds-cta-link:active{--cta-link-color:var(--pds-color-interactive-link-active);outline:none;text-decoration:none}.pds-cta-link--xs{--cta-link-gap:var(--pds-spacing-3xs);--cta-link-size:var(--pds-typography-size-s)}.pds-cta-link--m{--cta-link-gap:var(--pds-spacing-2xs);--cta-link-size:var(--pds-typography-size-l)}.pds-link-group{display:flex;flex-direction:column;row-gap:var(--pds-spacing-m)}.pds-link-new-window{--link-color:var(--pds-color-interactive-link-default);--icon-size:var(--pds-typography-size-xs);--icon-h-offset:var(--pds-spacing-3xs);align-items:baseline;color:var(--link-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;gap:var(--icon-h-offset);padding-block:var(--pds-spacing-4xs);transition:var(--pds-animation-transition-link)}a.pds-link-new-window:hover{--link-color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-link-new-window__icon{color:var(--link-color);height:var(--icon-size);margin-inline-end:var(--pds-spacing-4xs);transition:var(--pds-animation-transition-link);width:auto}.pds-link-new-window--loading{background-color:var(--pulse-regular-base-color);border-radius:var(--pds-border-radius-default);color:transparent}.pds-link-new-window--loading .pds-link-new-window__icon{color:transparent}.pds-link-new-window--s{--icon-size:var(--pds-typography-size-xs);--icon-h-offset:var(--pds-spacing-3xs);font-size:var(--pds-typography-size-s)}.pds-link-new-window--m{--icon-size:var(--pds-typography-size-s);--icon-h-offset:var(--pds-spacing-2xs);font-size:var(--pds-typography-size-m)}.pds-link-new-window--l{--icon-size:var(--pds-typography-size-m);--icon-h-offset:var(--pds-spacing-xs);font-size:var(--pds-typography-size-l)}a.pds-skiplink{background-color:var(--pds-color-button-primary-background-default);display:inline-block;left:0;overflow:hidden;padding:var(--pds-spacing-s) var(--pds-spacing-m);position:absolute;text-decoration:none;top:-200px;transition:top .2s cubic-bezier(.2,0,0,1);z-index:var(--pds-z-index-modal)}a.pds-skiplink,a.pds-skiplink:hover{color:var(--pds-color-button-primary-foreground)}a.pds-skiplink:hover{background-color:var(--pds-color-button-primary-background-hover);text-decoration:underline}a.pds-skiplink:focus{box-shadow:var(--pds-elevation-overlay);height:auto;outline-color:transparent;position:absolute;top:0;transition:top .2s cubic-bezier(.2,0,0,1);width:auto}.pds-skeleton--regular{background-color:var(--pds-color-skeleton-regular-base)}.pds-skeleton--bold{background-color:var(--pds-color-skeleton-bold-base)}.pds-skeleton--code-block,.pds-skeleton--code-block-prefix,.pds-skeleton--rounded,.pds-skeleton--text-block{border-radius:var(--pds-border-radius-default)}.pds-skeleton--circular{border-radius:50%;flex-shrink:0}.pds-skeleton-group{display:inline-flex;flex-direction:column;width:100%}.pds-skeleton--code-block-prefix .pds-skeleton-line,.pds-spinner{align-items:center;display:flex}.pds-spinner{--spinner-color:var(--pds-color-foreground-default);flex-direction:column;text-align:center}.pds-spinner--inline{align-self:center;display:inline-flex}.pds-spinner__icon{height:var(--spinner-size);overflow:visible;width:var(--spinner-size)}.pds-spinner__track{fill:none;stroke:var(--spinner-color);stroke-opacity:.3;stroke-width:2.5}.pds-spinner__rotator{animation:spinner-rotate 1s linear infinite;transform-origin:12px 12px}.pds-spinner__arc{fill:none;stroke:var(--spinner-color);stroke-dasharray:16 56.5;stroke-linecap:round;stroke-width:2.5}@keyframes spinner-rotate{to{transform:rotate(1turn)}}.pds-spinner__label{font-family:var(--pds-typography-ff-default);font-weight:var(--pds-typography-fw-medium);line-height:var(--pds-typography-lh-m);max-width:calc(var(--spinner-size)*6)}@media (prefers-reduced-motion:reduce){.pds-spinner__rotator{animation-duration:8s}}.pds-picture{display:inline-block}.pds-picture__img{display:block;height:auto;max-width:100%}.pds-video-embed{height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.pds-video-embed iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.pds-breadcrumb{color:var(--pds-color-foreground-default-secondary);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-breadcrumb a{color:var(--pds-color-interactive-link-default);text-decoration:none;transition:var(--pds-animation-transition-link)}.pds-breadcrumb a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-breadcrumb a:active{color:var(--pds-color-interactive-link-active);outline:none}.pds-breadcrumb a:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none;transition:var(--pds-animation-transition-focus)}.pds-breadcrumb__crumbs{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-xs)}.pds-breadcrumb__crumb{align-items:center;display:flex}.pds-breadcrumb__crumb:not(:last-child):after{color:var(--pds-color-border-separator);content:"/";font-size:var(--pds-typography-size-xs);margin-inline:var(--pds-spacing-2xs)}.pds-breadcrumb__crumb--current a{color:var(--pds-color-foreground-default-secondary)}.pds-breadcrumb__crumb--current a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-button-nav{display:inline-block}.pds-button-nav__menu{align-items:center;background-color:var(--pds-color-segmented-control-track-background);border-radius:var(--pds-border-radius-button);display:inline-flex;gap:var(--pds-spacing-5xs);list-style:none;margin:0;padding:3px}.pds-button-nav--bordered .pds-button-nav__menu{box-shadow:inset 0 0 0 var(--pds-border-width-default) var(--pds-color-border-default-secondary)}.pds-button-nav__item{display:flex;flex-shrink:0}.pds-button-nav__item a{align-items:center;block-size:var(--pds-spacing-button-height-s);border-radius:var(--pds-border-radius-button);color:var(--pds-color-foreground-default);display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium);gap:var(--pds-spacing-2xs);justify-content:center;line-height:0;padding-inline:var(--pds-spacing-m);text-decoration:none;transition:var(--pds-animation-transition-button);white-space:nowrap}.pds-button-nav__item:not(.pds-button-nav__item--active):hover a{color:var(--pds-color-interactive-foreground-hover)}.pds-button-nav__item a:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-button-nav__item--active a{background-color:var(--pds-color-segmented-control-selected-background)}.pds-button-nav__mobile{display:none}[data-pds-mobile] .pds-button-nav__mobile{display:block}[data-pds-mobile] .pds-button-nav__menu{display:none}.pds-dropdown-menu{position:relative}.pds-dropdown-menu__heading{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s)}.pds-dropdown-menu__heading a{color:var(--pds-color-foreground-default);text-decoration:none}.pds-dropdown-menu__heading a:hover{color:var(--pds-color-interactive-foreground-hover)}.pds-dropdown-menu__trigger{align-items:center;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;height:var(--pds-spacing-input-height-m);justify-content:space-between;padding:0 var(--pds-spacing-s);text-align:left;width:100%}.pds-dropdown-menu__trigger:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-dropdown-menu__trigger-icon{color:var(--pds-color-foreground-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-dropdown-menu__trigger[aria-expanded=true]
|
|
138
|
-
.pds-dropdown-menu__trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-dropdown-menu__dropdown{margin-block-start:var(--pds-spacing-xs);max-height:30rem;overflow-y:auto;width:100%}.pds-dropdown-menu__dropdown .pds-dropdown__item>a{color:inherit;flex:1;text-decoration:none}.pds-dropdown-menu__item--second-level>a{padding-inline-start:var(--pds-spacing-2xl)}.pds-dropdown-menu__item--third-level>a{padding-inline-start:calc(var(--pds-spacing-2xl) + var(--pds-spacing-xl))}.pds-dropdown-menu__item--fourth-level>a{padding-inline-start:calc(var(--pds-spacing-2xl) + var(--pds-spacing-xl) + var(--pds-spacing-xl))}.pds-dropdown-menu__active-label{display:flex}.pds-dropdown-menu__active-icon{margin-inline:var(--pds-spacing-m)}.pds-dropdown-menu__separator{background-color:var(--pds-color-border-default);block-size:1px;margin-block:token("spacing.XS" to rem);pointer-events:none}.pds-navbar{background-color:var(--pds-color-surface-default);border-block-end:.0625rem solid var(--pds-color-border-default);overflow-x:clip;position:relative}.pds-navbar__logo a:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs)}.pds-navbar__custom-logo{max-height:4.25rem}.pds-navbar__bar-mobile{border-block-end:.0625rem solid var(--pds-color-border-default);display:none}.pds-navbar__inner-mobile{align-items:center;column-gap:var(--pds-spacing-m);display:flex;height:var(--pds-spacing-5xl);justify-content:space-between}.pds-navbar__menu-toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);color:var(--pds-color-foreground-default);display:flex;margin-inline-end:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-2xs)}.pds-navbar__menu-toggle:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-navbar__menu-toggle:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-navbar__mobile{background-color:var(--pds-color-surface-default);display:none;height:calc(100dvh - var(--pds-spacing-5xl) - .0625rem);overflow-y:auto;position:absolute;right:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,0,0,1);width:100%;z-index:var(--pds-z-index-overlay)}.pds-navbar__mobile>.pds-container{display:flex;flex-direction:column}.pds-navbar__mobile--open{transform:translateX(0)}.pds-navbar__inner{align-items:center;display:grid;grid-template-columns:1fr minmax(0,
|
|
139
|
+
.pds-dropdown-menu__trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-dropdown-menu__dropdown{margin-block-start:var(--pds-spacing-xs);max-height:30rem;overflow-y:auto;width:100%}.pds-dropdown-menu__dropdown .pds-dropdown__item>a{color:inherit;flex:1;text-decoration:none}.pds-dropdown-menu__item--second-level>a{padding-inline-start:var(--pds-spacing-2xl)}.pds-dropdown-menu__item--third-level>a{padding-inline-start:calc(var(--pds-spacing-2xl) + var(--pds-spacing-xl))}.pds-dropdown-menu__item--fourth-level>a{padding-inline-start:calc(var(--pds-spacing-2xl) + var(--pds-spacing-xl) + var(--pds-spacing-xl))}.pds-dropdown-menu__active-label{display:flex}.pds-dropdown-menu__active-icon{margin-inline:var(--pds-spacing-m)}.pds-dropdown-menu__separator{background-color:var(--pds-color-border-default);block-size:1px;margin-block:token("spacing.XS" to rem);pointer-events:none}.pds-navbar{background-color:var(--pds-color-surface-default);border-block-end:.0625rem solid var(--pds-color-border-default);overflow-x:clip;position:relative}.pds-navbar__logo a:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs)}.pds-navbar__custom-logo{max-height:4.25rem}.pds-navbar__bar-mobile{border-block-end:.0625rem solid var(--pds-color-border-default);display:none}.pds-navbar__inner-mobile{align-items:center;column-gap:var(--pds-spacing-m);display:flex;height:var(--pds-spacing-5xl);justify-content:space-between}.pds-navbar__menu-toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);color:var(--pds-color-foreground-default);display:flex;margin-inline-end:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-2xs)}.pds-navbar__menu-toggle:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-navbar__menu-toggle:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-navbar__mobile{background-color:var(--pds-color-surface-default);display:none;height:calc(100dvh - var(--pds-spacing-5xl) - .0625rem);overflow-y:auto;position:absolute;right:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,0,0,1);width:100%;z-index:var(--pds-z-index-overlay)}.pds-navbar__mobile>.pds-container{display:flex;flex-direction:column}.pds-navbar__mobile--open{transform:translateX(0)}.pds-navbar__inner{align-items:center;display:grid;grid-template-columns:1fr minmax(0,520px) 1fr;height:var(--pds-spacing-5xl)}.pds-navbar__logo-group{align-items:center;display:flex;gap:var(--pds-spacing-m);grid-column:1;justify-self:start}.pds-navbar__separator{background-color:var(--pds-color-border-separator);height:var(--pds-spacing-m);width:.0625rem}.pds-navbar__items-center,.pds-navbar__items-left,.pds-navbar__items-right{align-items:center;column-gap:var(--pds-spacing-m);display:flex;position:relative}.pds-navbar__items-center{grid-column:2;justify-self:center}.pds-navbar__items-right{grid-column:3;justify-self:end}[data-pds-mobile] .pds-navbar__bar-mobile .pds-container,[data-pds-mobile] .pds-navbar__mobile .pds-container{padding-inline:var(--pds-spacing-xl)}[data-pds-mobile] .pds-navbar__mobile>.pds-container{row-gap:0}[data-pds-mobile] .pds-navbar__mobile .pds-navbar__items-center,[data-pds-mobile] .pds-navbar__mobile .pds-navbar__items-left,[data-pds-mobile] .pds-navbar__mobile .pds-navbar__items-right{justify-self:stretch;width:100%}[data-pds-mobile] .pds-navbar__mobile .pds-navbar__items-center{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;padding-block:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl);position:relative;width:100vw}[data-pds-mobile] .pds-navbar__mobile .pds-button-group{row-gap:var(--pds-spacing-s)}[data-pds-mobile] .pds-navbar__mobile .pds-nav-menu ul.pds-nav-menu__menu{margin-block-end:0}[data-pds-mobile]
|
|
139
140
|
.pds-navbar__mobile
|
|
140
141
|
.pds-nav-menu
|
|
141
142
|
.pds-nav-menu__item--top-level{left:50%;margin-inline-start:-50vw;position:relative;width:100vw}[data-pds-mobile] .pds-navbar__mobile .pds-dropdown__heading{font-size:var(--pds-typography-size-s);padding-block:var(--pds-spacing-3xs);padding-inline-start:var(--pds-spacing-xl)}[data-pds-mobile] .pds-navbar__mobile .pds-nav-accordion__toggle{min-height:var(--pds-spacing-4xl)}[data-pds-mobile] .pds-navbar__mobile .pds-nav-accordion__toggle--expanded,[data-pds-mobile] .pds-navbar__mobile .pds-nav-accordion__toggle:hover,[data-pds-mobile] .pds-navbar__mobile .pds-nav-menu__item--has-link:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-navbar--reverse-transparent,.pds-navbar--transparent{background-color:transparent}.pds-navbar--reverse{background-color:var(--pds-color-surface-reverse)}.pds-navbar--noBorder,.pds-navbar--noBorder .pds-navbar__bar-mobile{border-block-end-color:transparent}[data-pds-mobile] .pds-navbar{border-block-end:none}[data-pds-mobile] .pds-navbar__bar-mobile,[data-pds-mobile] .pds-navbar__mobile{display:block}[data-pds-mobile] .pds-navbar__inner{display:none}[data-pds-mobile] .pds-navbar__mobile [data-mobile-order="1"]{order:1}[data-pds-mobile] .pds-navbar__mobile [data-mobile-order="2"]{order:2}[data-pds-mobile] .pds-navbar__mobile [data-mobile-order="3"]{order:3}[data-pds-mobile] .pds-navbar__mobile [data-mobile-order="4"]{order:4}[data-pds-mobile] .pds-navbar__mobile [data-mobile-order="5"]{order:5}.pds-side-nav{--item-color-foreground:var(--pds-color-foreground-default);--item-color-background:transparent;--item-font-weight:var(--pds-typography-fw-regular);--item-spacing:var(--pds-spacing-3xs);color:var(--pds-color-foreground-default);font-family:var(--pds-typography-ff-default)}.pds-side-nav a{color:var(--item-color-foreground);text-decoration:none}.pds-side-nav .pds-icon{pointer-events:none}.pds-side-nav button.pds-side-nav__toggle,.pds-side-nav button.pds-side-nav__toggle--main{border:none;cursor:pointer}.pds-side-nav button.pds-side-nav__toggle:not(.pds-side-nav__toggle--main){background:none}h2.pds-side-nav__heading{font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s);word-wrap:break-word}h2.pds-side-nav__heading a{color:var(--pds-color-foreground-default);text-decoration:none}h2.pds-side-nav__heading a:hover{color:var(--pds-color-interactive-foreground-hover)}h2.pds-side-nav__heading a:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-side-nav__menu{display:flex;flex-direction:column;margin:0;padding:0;row-gap:var(--item-spacing)}.pds-side-nav__item,.pds-side-nav__menu{list-style-type:none}.pds-side-nav__item .pds-tally{margin-inline-start:var(--pds-spacing-3xs)}.pds-side-nav__item .pds-tally:first-child{margin-inline-start:var(--pds-spacing-xs)}.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a,.pds-side-nav__row{align-items:center;background-color:var(--item-color-background);border-radius:var(--pds-border-radius-container);color:var(--item-color-foreground);display:flex;font-weight:var(--item-font-weight);line-height:1.2;padding:var(--pds-spacing-xs) var(--pds-spacing-s)}.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a:hover,.pds-side-nav__row:hover{--item-color-background:var(--pds-color-interactive-background-selected);--item-color-foreground:var(--pds-color-interactive-foreground-hover)}.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a:focus-visible,.pds-side-nav__row:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-side-nav__row--expandable{column-gap:var(--pds-spacing-m);justify-content:space-between;width:100%}.pds-side-nav__row--expandable>.pds-side-nav__toggle-content,.pds-side-nav__row--expandable>a{flex:1;text-align:left}.pds-side-nav__row--expandable.pds-side-nav__item-wrapper{column-gap:0;padding:0}.pds-side-nav__row--expandable>a{border-radius:var(--pds-border-radius-container);padding:var(--pds-spacing-xs) var(--pds-spacing-s)}.pds-side-nav__row--expandable>a:focus-visible,.pds-side-nav__row--expandable>button:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-2px}.pds-side-nav__item--active>a{--item-color-background:var(--pds-color-interactive-background-selected);--item-color-foreground:var(--pds-color-interactive-foreground-active);--item-font-weight:var(--pds-typography-fw-bold)}.pds-side-nav__toggle .pds-icon{color:var(--item-color-foreground);transition:var(--pds-animation-transition-rotation)}.pds-side-nav__toggle:not(.pds-side-nav__toggle--main){align-items:center;display:flex;padding:var(--pds-spacing-xs) var(--pds-spacing-s)}.pds-side-nav__toggle--expanded .pds-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-side-nav__menu--second-level{display:none;margin-block-start:var(--item-spacing);padding-inline-start:var(--pds-spacing-l)}.pds-side-nav__menu--second-level.pds-side-nav__menu--expanded{display:flex!important}.pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile{color:var(--pds-color-foreground-default);display:none}.pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile a{color:var(--pds-color-foreground-default)}.pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile a:hover{color:var(--pds-color-interactive-foreground-hover)}.pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile .pds-dropdown-menu__heading{font-size:var(--pds-typography-size-l)}[data-pds-mobile]
|
|
@@ -174,7 +175,7 @@
|
|
|
174
175
|
.pds-navbar__mobile
|
|
175
176
|
.pds-user-menu
|
|
176
177
|
.pds-user-menu__menu--mobile
|
|
177
|
-
li[role=separator]{background-color:var(--pds-color-border-default);height:var(--pds-border-width-default);margin-block:0;margin-inline:var(--pds-spacing-xl);padding:0}.pds-workspace-selector{display:inline-block;position:relative}.pds-workspace-selector__trigger{align-items:center;background-color:transparent;border:none;color:var(--pds-color-foreground-default);column-gap:var(--pds-spacing-s)}@media (min-width:768px) and (max-width:1279px){.pds-workspace-selector__trigger{column-gap:var(--pds-spacing-2xs)}}.pds-workspace-selector__trigger{display:flex;position:relative}.pds-workspace-selector__trigger:hover{color:var(--pds-color-interactive-foreground-hover);cursor:pointer}.pds-workspace-selector__trigger:hover .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-workspace-selector__trigger:hover .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-foreground-hover)}.pds-workspace-selector__trigger:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px;transition:var(--pds-animation-transition-focus)}.pds-workspace-selector__trigger .pds-workspace-selector__trigger-icon{color:var(--pds-color-foreground-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-workspace-selector__trigger[aria-expanded=true]{color:var(--pds-color-interactive-foreground-hover)}.pds-workspace-selector__trigger[aria-expanded=true] .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-foreground-hover);transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-workspace-selector__button-content{align-items:center;column-gap:var(--pds-spacing-xs);display:flex}.pds-workspace-selector__name{font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}@media (min-width:768px) and (max-width:1279px){.pds-workspace-selector__name{display:none}}.pds-workspace-selector__dropdown{gap:0;margin-block-start:var(--pds-spacing-xs);padding-block-end:0;width:21rem}.pds-workspace-selector__dropdown:focus{outline:none}.pds-workspace-selector__menu{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:var(--pds-spacing-4xs)}.pds-workspace-selector__menu>*{flex-shrink:0}.pds-workspace-selector__menu--scroll{max-height:23.25rem;overflow-y:auto}.pds-workspace-selector__dropdown
|
|
178
|
+
li[role=separator]{background-color:var(--pds-color-border-default);height:var(--pds-border-width-default);margin-block:0;margin-inline:var(--pds-spacing-xl);padding:0}.pds-workspace-selector{display:inline-block;position:relative}.pds-workspace-selector__trigger{align-items:center;background-color:transparent;border:none;color:var(--pds-color-foreground-default);column-gap:var(--pds-spacing-s)}@media (min-width:768px) and (max-width:1279px){.pds-workspace-selector__trigger{column-gap:var(--pds-spacing-2xs)}}.pds-workspace-selector__trigger{display:flex;position:relative}.pds-workspace-selector__trigger:hover{color:var(--pds-color-interactive-foreground-hover);cursor:pointer}.pds-workspace-selector__trigger:hover .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-workspace-selector__trigger:hover .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-foreground-hover)}.pds-workspace-selector__trigger:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px;transition:var(--pds-animation-transition-focus)}.pds-workspace-selector__trigger .pds-workspace-selector__trigger-icon{color:var(--pds-color-foreground-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-workspace-selector__trigger[aria-expanded=true]{color:var(--pds-color-interactive-foreground-hover)}.pds-workspace-selector__trigger[aria-expanded=true] .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-foreground-hover);transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-workspace-selector__button-content{align-items:center;column-gap:var(--pds-spacing-xs);display:flex}.pds-workspace-selector__name{font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);max-width:10rem;min-width:0;text-align:left}@media (min-width:768px) and (max-width:1279px){.pds-workspace-selector__name{display:none}}.pds-workspace-selector__name-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-wrap:balance}.pds-workspace-selector__dropdown{gap:0;margin-block-start:var(--pds-spacing-xs);padding-block-end:0;width:21rem}.pds-workspace-selector__dropdown:focus{outline:none}.pds-workspace-selector__menu{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:var(--pds-spacing-4xs)}.pds-workspace-selector__menu>*{flex-shrink:0}.pds-workspace-selector__menu--scroll{max-height:23.25rem;overflow-y:auto}.pds-workspace-selector__dropdown
|
|
178
179
|
.pds-workspace-selector__menu:not(.pds-workspace-selector__menu--scroll){padding-block-end:var(--pds-spacing-2xs)}.pds-workspace-selector__item{font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-s)}.pds-workspace-selector__item a,.pds-workspace-selector__item button{align-items:center;color:inherit;column-gap:var(--pds-spacing-2xs);display:flex;flex:1;justify-content:space-between;padding:0;text-decoration:none}.pds-workspace-selector__item button{background-color:transparent;border:none;font-family:inherit;font-size:inherit;line-height:inherit;text-align:left;width:100%}.pds-workspace-selector__item--unprivileged{opacity:.5}.pds-workspace-selector__item--unprivileged:hover{background-color:transparent}.pds-workspace-selector__item--unprivileged a{cursor:not-allowed}.pds-workspace-selector__icons{align-items:center;column-gap:var(--pds-spacing-s);display:flex;flex-shrink:0}.pds-workspace-selector__lock-icon{color:var(--pds-color-foreground-default);flex-shrink:0}.pds-workspace-selector__item-content{align-items:center;column-gap:var(--pds-spacing-s);display:flex}.pds-workspace-selector__dropdown .pds-workspace-selector__filter{border-block-end:1px solid var(--pds-color-border-default);box-shadow:0 1px 9px -7px rgba(0,0,0,.2);margin-block-start:calc(var(--pds-spacing-2xs)*-1);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-2xs) var(--pds-spacing-s)}.pds-workspace-selector__dropdown .pds-workspace-selector__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-workspace-selector__dropdown .pds-workspace-selector__filter .pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector__create-link{border-block-start:1px solid var(--pds-color-border-default);box-shadow:0 -1px 9px -7px rgba(0,0,0,.2);margin-block-start:var(--pds-spacing-3xs);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-m) var(--pds-spacing-m)}.pds-workspace-selector__dropdown .pds-workspace-selector__create-link{margin-block-start:0}.pds-workspace-selector__create-link-inner{align-items:center;color:var(--pds-color-interactive-link-default);display:flex;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-3xs);text-decoration:none;width:100%}.pds-workspace-selector__create-link-inner:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-workspace-selector__create-link-inner:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-workspace-selector .pds-nav-accordion{display:none}[data-pds-mobile]
|
|
179
180
|
.pds-navbar__mobile
|
|
180
181
|
.pds-workspace-selector
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-navbar{background-color:var(--pds-color-surface-default);border-block-end:.0625rem solid var(--pds-color-border-default);overflow-x:clip;position:relative}.pds-navbar__logo a:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs)}.pds-navbar__custom-logo{max-height:4.25rem}.pds-navbar__bar-mobile{border-block-end:.0625rem solid var(--pds-color-border-default);display:none}.pds-navbar__inner-mobile{align-items:center;column-gap:var(--pds-spacing-m);display:flex;height:var(--pds-spacing-5xl);justify-content:space-between}.pds-navbar__menu-toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);color:var(--pds-color-foreground-default);display:flex;margin-inline-end:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-2xs)}.pds-navbar__menu-toggle:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-navbar__menu-toggle:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-navbar__mobile{background-color:var(--pds-color-surface-default);display:none;height:calc(100dvh - var(--pds-spacing-5xl) - .0625rem);overflow-y:auto;position:absolute;right:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,0,0,1);width:100%;z-index:var(--pds-z-index-overlay)}.pds-navbar__mobile>.pds-container{display:flex;flex-direction:column}.pds-navbar__mobile--open{transform:translateX(0)}.pds-navbar__inner{align-items:center;display:grid;grid-template-columns:1fr minmax(0,
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-navbar{background-color:var(--pds-color-surface-default);border-block-end:.0625rem solid var(--pds-color-border-default);overflow-x:clip;position:relative}.pds-navbar__logo a:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs)}.pds-navbar__custom-logo{max-height:4.25rem}.pds-navbar__bar-mobile{border-block-end:.0625rem solid var(--pds-color-border-default);display:none}.pds-navbar__inner-mobile{align-items:center;column-gap:var(--pds-spacing-m);display:flex;height:var(--pds-spacing-5xl);justify-content:space-between}.pds-navbar__menu-toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);color:var(--pds-color-foreground-default);display:flex;margin-inline-end:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-2xs)}.pds-navbar__menu-toggle:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-navbar__menu-toggle:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-navbar__mobile{background-color:var(--pds-color-surface-default);display:none;height:calc(100dvh - var(--pds-spacing-5xl) - .0625rem);overflow-y:auto;position:absolute;right:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,0,0,1);width:100%;z-index:var(--pds-z-index-overlay)}.pds-navbar__mobile>.pds-container{display:flex;flex-direction:column}.pds-navbar__mobile--open{transform:translateX(0)}.pds-navbar__inner{align-items:center;display:grid;grid-template-columns:1fr minmax(0,520px) 1fr;height:var(--pds-spacing-5xl)}.pds-navbar__logo-group{align-items:center;display:flex;gap:var(--pds-spacing-m);grid-column:1;justify-self:start}.pds-navbar__separator{background-color:var(--pds-color-border-separator);height:var(--pds-spacing-m);width:.0625rem}.pds-navbar__items-center,.pds-navbar__items-left,.pds-navbar__items-right{align-items:center;column-gap:var(--pds-spacing-m);display:flex;position:relative}.pds-navbar__items-center{grid-column:2;justify-self:center}.pds-navbar__items-right{grid-column:3;justify-self:end}[data-pds-mobile] .pds-navbar__bar-mobile .pds-container,[data-pds-mobile] .pds-navbar__mobile .pds-container{padding-inline:var(--pds-spacing-xl)}[data-pds-mobile] .pds-navbar__mobile>.pds-container{row-gap:0}[data-pds-mobile] .pds-navbar__mobile .pds-navbar__items-center,[data-pds-mobile] .pds-navbar__mobile .pds-navbar__items-left,[data-pds-mobile] .pds-navbar__mobile .pds-navbar__items-right{justify-self:stretch;width:100%}[data-pds-mobile] .pds-navbar__mobile .pds-navbar__items-center{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;padding-block:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl);position:relative;width:100vw}[data-pds-mobile] .pds-navbar__mobile .pds-button-group{row-gap:var(--pds-spacing-s)}[data-pds-mobile] .pds-navbar__mobile .pds-nav-menu ul.pds-nav-menu__menu{margin-block-end:0}[data-pds-mobile]
|
|
2
2
|
.pds-navbar__mobile
|
|
3
3
|
.pds-nav-menu
|
|
4
4
|
.pds-nav-menu__item--top-level{left:50%;margin-inline-start:-50vw;position:relative;width:100vw}[data-pds-mobile] .pds-navbar__mobile .pds-dropdown__heading{font-size:var(--pds-typography-size-s);padding-block:var(--pds-spacing-3xs);padding-inline-start:var(--pds-spacing-xl)}[data-pds-mobile] .pds-navbar__mobile .pds-nav-accordion__toggle{min-height:var(--pds-spacing-4xl)}[data-pds-mobile] .pds-navbar__mobile .pds-nav-accordion__toggle--expanded,[data-pds-mobile] .pds-navbar__mobile .pds-nav-accordion__toggle:hover,[data-pds-mobile] .pds-navbar__mobile .pds-nav-menu__item--has-link:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-navbar--reverse-transparent,.pds-navbar--transparent{background-color:transparent}.pds-navbar--reverse{background-color:var(--pds-color-surface-reverse)}.pds-navbar--noBorder,.pds-navbar--noBorder .pds-navbar__bar-mobile{border-block-end-color:transparent}[data-pds-mobile] .pds-navbar{border-block-end:none}[data-pds-mobile] .pds-navbar__bar-mobile,[data-pds-mobile] .pds-navbar__mobile{display:block}[data-pds-mobile] .pds-navbar__inner{display:none}[data-pds-mobile] .pds-navbar__mobile [data-mobile-order="1"]{order:1}[data-pds-mobile] .pds-navbar__mobile [data-mobile-order="2"]{order:2}[data-pds-mobile] .pds-navbar__mobile [data-mobile-order="3"]{order:3}[data-pds-mobile] .pds-navbar__mobile [data-mobile-order="4"]{order:4}[data-pds-mobile] .pds-navbar__mobile [data-mobile-order="5"]{order:5}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-workspace-selector{display:inline-block;position:relative}.pds-workspace-selector__trigger{align-items:center;background-color:transparent;border:none;color:var(--pds-color-foreground-default);column-gap:var(--pds-spacing-s)}@media (min-width:768px) and (max-width:1279px){.pds-workspace-selector__trigger{column-gap:var(--pds-spacing-2xs)}}.pds-workspace-selector__trigger{display:flex;position:relative}.pds-workspace-selector__trigger:hover{color:var(--pds-color-interactive-foreground-hover);cursor:pointer}.pds-workspace-selector__trigger:hover .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-workspace-selector__trigger:hover .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-foreground-hover)}.pds-workspace-selector__trigger:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px;transition:var(--pds-animation-transition-focus)}.pds-workspace-selector__trigger .pds-workspace-selector__trigger-icon{color:var(--pds-color-foreground-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-workspace-selector__trigger[aria-expanded=true]{color:var(--pds-color-interactive-foreground-hover)}.pds-workspace-selector__trigger[aria-expanded=true] .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-foreground-hover);transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-workspace-selector__button-content{align-items:center;column-gap:var(--pds-spacing-xs);display:flex}.pds-workspace-selector__name{font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}@media (min-width:768px) and (max-width:1279px){.pds-workspace-selector__name{display:none}}.pds-workspace-selector__dropdown{gap:0;margin-block-start:var(--pds-spacing-xs);padding-block-end:0;width:21rem}.pds-workspace-selector__dropdown:focus{outline:none}.pds-workspace-selector__menu{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:var(--pds-spacing-4xs)}.pds-workspace-selector__menu>*{flex-shrink:0}.pds-workspace-selector__menu--scroll{max-height:23.25rem;overflow-y:auto}.pds-workspace-selector__dropdown
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-workspace-selector{display:inline-block;position:relative}.pds-workspace-selector__trigger{align-items:center;background-color:transparent;border:none;color:var(--pds-color-foreground-default);column-gap:var(--pds-spacing-s)}@media (min-width:768px) and (max-width:1279px){.pds-workspace-selector__trigger{column-gap:var(--pds-spacing-2xs)}}.pds-workspace-selector__trigger{display:flex;position:relative}.pds-workspace-selector__trigger:hover{color:var(--pds-color-interactive-foreground-hover);cursor:pointer}.pds-workspace-selector__trigger:hover .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-workspace-selector__trigger:hover .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-foreground-hover)}.pds-workspace-selector__trigger:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px;transition:var(--pds-animation-transition-focus)}.pds-workspace-selector__trigger .pds-workspace-selector__trigger-icon{color:var(--pds-color-foreground-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-workspace-selector__trigger[aria-expanded=true]{color:var(--pds-color-interactive-foreground-hover)}.pds-workspace-selector__trigger[aria-expanded=true] .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-foreground-hover);transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-workspace-selector__button-content{align-items:center;column-gap:var(--pds-spacing-xs);display:flex}.pds-workspace-selector__name{font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);max-width:10rem;min-width:0;text-align:left}@media (min-width:768px) and (max-width:1279px){.pds-workspace-selector__name{display:none}}.pds-workspace-selector__name-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-wrap:balance}.pds-workspace-selector__dropdown{gap:0;margin-block-start:var(--pds-spacing-xs);padding-block-end:0;width:21rem}.pds-workspace-selector__dropdown:focus{outline:none}.pds-workspace-selector__menu{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:var(--pds-spacing-4xs)}.pds-workspace-selector__menu>*{flex-shrink:0}.pds-workspace-selector__menu--scroll{max-height:23.25rem;overflow-y:auto}.pds-workspace-selector__dropdown
|
|
2
2
|
.pds-workspace-selector__menu:not(.pds-workspace-selector__menu--scroll){padding-block-end:var(--pds-spacing-2xs)}.pds-workspace-selector__item{font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-s)}.pds-workspace-selector__item a,.pds-workspace-selector__item button{align-items:center;color:inherit;column-gap:var(--pds-spacing-2xs);display:flex;flex:1;justify-content:space-between;padding:0;text-decoration:none}.pds-workspace-selector__item button{background-color:transparent;border:none;font-family:inherit;font-size:inherit;line-height:inherit;text-align:left;width:100%}.pds-workspace-selector__item--unprivileged{opacity:.5}.pds-workspace-selector__item--unprivileged:hover{background-color:transparent}.pds-workspace-selector__item--unprivileged a{cursor:not-allowed}.pds-workspace-selector__icons{align-items:center;column-gap:var(--pds-spacing-s);display:flex;flex-shrink:0}.pds-workspace-selector__lock-icon{color:var(--pds-color-foreground-default);flex-shrink:0}.pds-workspace-selector__item-content{align-items:center;column-gap:var(--pds-spacing-s);display:flex}.pds-workspace-selector__dropdown .pds-workspace-selector__filter{border-block-end:1px solid var(--pds-color-border-default);box-shadow:0 1px 9px -7px rgba(0,0,0,.2);margin-block-start:calc(var(--pds-spacing-2xs)*-1);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-2xs) var(--pds-spacing-s)}.pds-workspace-selector__dropdown .pds-workspace-selector__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-workspace-selector__dropdown .pds-workspace-selector__filter .pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector__create-link{border-block-start:1px solid var(--pds-color-border-default);box-shadow:0 -1px 9px -7px rgba(0,0,0,.2);margin-block-start:var(--pds-spacing-3xs);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-m) var(--pds-spacing-m)}.pds-workspace-selector__dropdown .pds-workspace-selector__create-link{margin-block-start:0}.pds-workspace-selector__create-link-inner{align-items:center;color:var(--pds-color-interactive-link-default);display:flex;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-3xs);text-decoration:none;width:100%}.pds-workspace-selector__create-link-inner:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-workspace-selector__create-link-inner:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-workspace-selector .pds-nav-accordion{display:none}[data-pds-mobile]
|
|
3
3
|
.pds-navbar__mobile
|
|
4
4
|
.pds-workspace-selector
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
@layer pds-v1, pds-v2;@layer pds-v2{.pds-app-layout{--toggle-icon-size:1.5rem;--toggle-trigger-size:2rem;--button-offset:calc(var(--toggle-trigger-size)*-0.5);--pds-app-layout-top-offset:0px;box-sizing:border-box;column-gap:0;display:flex;flex-direction:row;min-height:calc(100dvh - var(--pds-app-layout-top-offset));width:100%}.pds-app-layout--has-header{flex-direction:column}.pds-app-layout__header{flex-shrink:0;width:100%}.pds-app-layout__body{display:flex;flex:1;flex-direction:row;min-height:0;width:100%}.pds-app-layout__content-column{contain:layout;display:flex;flex:1;flex-direction:column;min-width:0}.pds-app-layout__footer{flex-shrink:0;padding-inline:var(--pds-spacing-xl)}.pds-app-layout__main{flex:1;padding:var(--pds-spacing-xl);position:relative}.pds-app-layout__main-inner{min-height:100%}.pds-app-layout__footer-inner,.pds-app-layout__main-inner{margin-inline:auto;width:100%}.pds-app-layout__sidebar{position:relative;z-index:1}.pds-app-layout:has(.pds-app-layout__sidebar) .pds-app-layout__content-column{border-left:1px solid var(--pds-color-border-default);transition:border-color .15s ease-in-out}.pds-app-layout__sidebar--collapsed .pds-identity-block__text{opacity:0}.pds-app-layout__sidebar .pds-identity-block__text{transition:opacity .2s ease-in-out}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-bottom,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-top,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-identity{padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-navigation{--side-nav-global-item-inset:var(--pds-spacing-m);overflow-x:visible}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper a{padding-inline:var(--pds-spacing-4xs);width:2rem}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-inner{padding-inline-end:var(--pds-spacing-s)}.pds-app-layout__sidebar{transition:width .2s ease-in-out,min-width .2s ease-in-out}.pds-app-layout:has(.pds-app-layout__sidebar-toggle-button:hover)
|
|
2
2
|
.pds-app-layout__content-column{border-left-color:var(--pds-color-border-hover)}.pds-app-layout__sidebar-toggle-tooltip.pds-tooltip{height:100%;position:absolute;right:var(--button-offset);top:0;width:var(--toggle-trigger-size);z-index:2}.pds-app-layout__sidebar-toggle-tooltip .pds-tooltip__trigger-custom{display:flex;height:100%;width:100%}.pds-app-layout__sidebar-toggle-button{background-color:transparent;border:none;cursor:pointer;height:100%;position:relative;width:100%}.pds-app-layout__sidebar-toggle-button:focus-visible{outline:none}.pds-app-layout__sidebar-toggle-button:focus-visible>.pds-app-layout__sidebar-toggle-icon{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-app-layout__sidebar-toggle-button:hover>.pds-app-layout__sidebar-toggle-icon{background-color:var(--pds-color-surface-reverse);filter:brightness(.9)}.pds-app-layout__sidebar-toggle-icon{align-items:center;background-color:var(--pds-color-surface-reverse);border:none;border-radius:50%;bottom:var(--pds-spacing-5xl);color:var(--pds-color-foreground-reverse);display:flex;height:var(--toggle-icon-size);justify-content:center;position:absolute;right:.25rem;transition:var(--pds-animation-transition-rotation);width:var(--toggle-icon-size);z-index:2}.pds-app-layout__sidebar-toggle-button[aria-expanded=false]
|
|
3
|
-
.pds-app-layout__sidebar-toggle-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-app-layout__sidebar-inner{display:flex;flex-direction:column;height:100%;margin-inline-start:0;padding-block-end:var(--pds-spacing-2xl);padding-block-start:var(--pds-spacing-xl);padding-inline-end:var(--pds-spacing-l);transition:padding-inline-end .2s ease-in-out}.pds-app-layout__sidebar-identity{align-items:center;display:flex;gap:var(--pds-spacing-s);justify-content:flex-start;padding-block-end:var(--pds-spacing-xl);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__drawer-toggle{flex-shrink:0;margin-inline-start:auto}.pds-app-layout__sidebar-content-top{padding-block-end:var(--pds-spacing-l);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__sidebar-navigation{--side-nav-global-item-inset:var(--pds-spacing-m);flex:1;overflow-x:clip;text-wrap:nowrap}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item--top-level:before,.pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper{height:2rem}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper a{padding-inline:var(--pds-spacing-4xs)}.pds-app-layout__sidebar-navigation .pds-side-nav-global__menu--second-level{padding-inline-start:calc(var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon))}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item--second-level a{padding-inline:var(--pds-spacing-3xs)}.pds-app-layout__sidebar-content-bottom{margin-block-start:auto;padding-block-start:var(--pds-spacing-l);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout--scrollable{height:calc(100dvh - var(--pds-app-layout-top-offset));overflow:hidden}.pds-app-layout--scrollable .pds-app-layout__content-column,.pds-app-layout--scrollable .pds-app-layout__sidebar-inner{overflow-y:auto}.pds-app-layout--scrollable .pds-app-layout__main{flex:1 0 auto}.pds-docs-layout{column-gap:var(--pds-spacing-2xl);display:flex;flex:1;flex-direction:row;height:100%}.pds-docs-layout__content,.pds-docs-layout__sidebar{padding-block:var(--pds-spacing-2xl)}.pds-docs-layout__content{flex:1}.pds-docs-layout__sidebar{border-inline-end:1px solid var(--pds-color-border-default);max-width:var(--docs-sidebar-max-width,20rem);min-width:var(--docs-sidebar-min-width,15rem);width:var(--docs-sidebar-width,18%)}.pds-docs-layout__sidebar-inner{margin-inline-end:var(--pds-spacing-xl);overflow-x:hidden}[data-pds-mobile] .pds-docs-layout{flex-direction:column;height:unset}[data-pds-mobile] .pds-docs-layout__content,[data-pds-mobile] .pds-docs-layout__sidebar{border:none;max-width:unset;width:100%}[data-pds-mobile] .pds-docs-layout__sidebar{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);min-width:unset}[data-pds-mobile] .pds-docs-layout__sidebar-inner{margin-inline-end:0}.pds-stepper-layout{--stepper-form-inset:0;container-type:inline-size;padding-inline:0}@media (min-width:768px){.pds-stepper-layout{--stepper-form-inset:14cqi}}@media (min-width:1280px){.pds-stepper-layout{--stepper-form-inset:16cqi}}.pds-stepper-layout__stepper-container{padding-block-start:var(--pds-spacing-m)}.pds-stepper-layout__form-container{padding-block-end:var(--pds-spacing-m);padding-block-start:var(--pds-spacing-3xl);padding-inline:var(--stepper-form-inset)}@media (min-width:768px){.pds-stepper-layout__form-container{margin-inline:auto}}.pds-stepper__button-group{column-gap:var(--pds-spacing-xl);display:flex;justify-content:space-between;margin-inline:0;max-width:none;padding-block-start:var(--pds-spacing-3xl);transform:none;width:auto}@media (min-width:768px){.pds-stepper__button-group{margin-inline:calc(var(--stepper-form-inset)*-1);padding-inline:calc(var(--pds-spacing-stepper-indicator-size)*2)}}.pds-three-item-layout .pds-grid-item{display:flex;flex-direction:column}.pds-three-item-layout--start .pds-grid-item{justify-content:flex-start}.pds-three-item-layout--center .pds-grid-item{justify-content:center}.pds-three-item-layout--end .pds-grid-item{justify-content:flex-end}.pds-two-item-layout .pds-grid-item{display:flex;flex-direction:column}.pds-two-item-layout--start .pds-grid-item{justify-content:flex-start}.pds-two-item-layout--center .pds-grid-item{justify-content:center}.pds-two-item-layout--end .pds-grid-item{justify-content:flex-end}}
|
|
3
|
+
.pds-app-layout__sidebar-toggle-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-app-layout__sidebar-inner{display:flex;flex-direction:column;height:100%;margin-inline-start:0;padding-block-end:var(--pds-spacing-2xl);padding-block-start:var(--pds-spacing-xl);padding-inline-end:var(--pds-spacing-l);transition:padding-inline-end .2s ease-in-out}.pds-app-layout__sidebar-identity{align-items:center;display:flex;gap:var(--pds-spacing-s);justify-content:flex-start;padding-block-end:var(--pds-spacing-xl);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__drawer-toggle{flex-shrink:0;margin-inline-start:auto}.pds-app-layout__sidebar-content-top{padding-block-end:var(--pds-spacing-l);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__sidebar-navigation{--side-nav-global-item-inset:var(--pds-spacing-m);flex:1;overflow-x:clip;text-wrap:nowrap}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item--top-level:before,.pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper{height:2rem}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper a{padding-inline:var(--pds-spacing-4xs)}.pds-app-layout__sidebar-navigation .pds-side-nav-global__menu--second-level{padding-inline-start:calc(var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon))}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item--second-level a{padding-inline:var(--pds-spacing-3xs)}.pds-app-layout__sidebar-content-bottom{margin-block-start:auto;padding-block-start:var(--pds-spacing-l);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout--scrollable{height:calc(100dvh - var(--pds-app-layout-top-offset));overflow:hidden}.pds-app-layout--scrollable .pds-app-layout__content-column,.pds-app-layout--scrollable .pds-app-layout__sidebar-inner{overflow-y:auto}.pds-app-layout--scrollable .pds-app-layout__main{flex:1 0 auto}.pds-docs-layout{column-gap:var(--pds-spacing-2xl);display:flex;flex:1;flex-direction:row;height:100%}.pds-docs-layout__content,.pds-docs-layout__sidebar{padding-block:var(--pds-spacing-2xl)}.pds-docs-layout__content{flex:1}.pds-docs-layout__sidebar{border-inline-end:1px solid var(--pds-color-border-default);max-width:var(--docs-sidebar-max-width,20rem);min-width:var(--docs-sidebar-min-width,15rem);width:var(--docs-sidebar-width,18%)}.pds-docs-layout__sidebar-inner{margin-inline-end:var(--pds-spacing-xl);overflow-x:hidden}[data-pds-mobile] .pds-docs-layout{flex-direction:column;height:unset}[data-pds-mobile] .pds-docs-layout__content,[data-pds-mobile] .pds-docs-layout__sidebar{border:none;max-width:unset;width:100%}[data-pds-mobile] .pds-docs-layout__sidebar{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);min-width:unset}[data-pds-mobile] .pds-docs-layout__sidebar-inner{margin-inline-end:0}.pds-stepper-layout{--stepper-form-inset:0;container-type:inline-size;padding-inline:0;width:100%}@media (min-width:768px){.pds-stepper-layout{--stepper-form-inset:14cqi}}@media (min-width:1280px){.pds-stepper-layout{--stepper-form-inset:16cqi}}@media (min-width:768px){.pds-stepper-layout--full-width{--stepper-form-inset:calc(var(--pds-spacing-stepper-indicator-size)*2)}}.pds-stepper-layout__stepper-container{padding-block-start:var(--pds-spacing-m)}.pds-stepper-layout__form-container{padding-block-end:var(--pds-spacing-m);padding-block-start:var(--pds-spacing-3xl);padding-inline:var(--stepper-form-inset)}@media (min-width:768px){.pds-stepper-layout__form-container{margin-inline:auto}}.pds-stepper__button-group{column-gap:var(--pds-spacing-xl);display:flex;justify-content:space-between;margin-inline:0;max-width:none;padding-block-start:var(--pds-spacing-3xl);transform:none;width:auto}@media (min-width:768px){.pds-stepper__button-group{margin-inline:calc(var(--stepper-form-inset)*-1);padding-inline:calc(var(--pds-spacing-stepper-indicator-size)*2)}}.pds-three-item-layout .pds-grid-item{display:flex;flex-direction:column}.pds-three-item-layout--start .pds-grid-item{justify-content:flex-start}.pds-three-item-layout--center .pds-grid-item{justify-content:center}.pds-three-item-layout--end .pds-grid-item{justify-content:flex-end}.pds-two-item-layout .pds-grid-item{display:flex;flex-direction:column}.pds-two-item-layout--start .pds-grid-item{justify-content:flex-start}.pds-two-item-layout--center .pds-grid-item{justify-content:center}.pds-two-item-layout--end .pds-grid-item{justify-content:flex-end}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-stepper-layout{--stepper-form-inset:0;container-type:inline-size;padding-inline:0}@media (min-width:768px){.pds-stepper-layout{--stepper-form-inset:14cqi}}@media (min-width:1280px){.pds-stepper-layout{--stepper-form-inset:16cqi}}.pds-stepper-layout__stepper-container{padding-block-start:var(--pds-spacing-m)}.pds-stepper-layout__form-container{padding-block-end:var(--pds-spacing-m);padding-block-start:var(--pds-spacing-3xl);padding-inline:var(--stepper-form-inset)}@media (min-width:768px){.pds-stepper-layout__form-container{margin-inline:auto}}.pds-stepper__button-group{column-gap:var(--pds-spacing-xl);display:flex;justify-content:space-between;margin-inline:0;max-width:none;padding-block-start:var(--pds-spacing-3xl);transform:none;width:auto}@media (min-width:768px){.pds-stepper__button-group{margin-inline:calc(var(--stepper-form-inset)*-1);padding-inline:calc(var(--pds-spacing-stepper-indicator-size)*2)}}}
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-stepper-layout{--stepper-form-inset:0;container-type:inline-size;padding-inline:0;width:100%}@media (min-width:768px){.pds-stepper-layout{--stepper-form-inset:14cqi}}@media (min-width:1280px){.pds-stepper-layout{--stepper-form-inset:16cqi}}@media (min-width:768px){.pds-stepper-layout--full-width{--stepper-form-inset:calc(var(--pds-spacing-stepper-indicator-size)*2)}}.pds-stepper-layout__stepper-container{padding-block-start:var(--pds-spacing-m)}.pds-stepper-layout__form-container{padding-block-end:var(--pds-spacing-m);padding-block-start:var(--pds-spacing-3xl);padding-inline:var(--stepper-form-inset)}@media (min-width:768px){.pds-stepper-layout__form-container{margin-inline:auto}}.pds-stepper__button-group{column-gap:var(--pds-spacing-xl);display:flex;justify-content:space-between;margin-inline:0;max-width:none;padding-block-start:var(--pds-spacing-3xl);transform:none;width:auto}@media (min-width:768px){.pds-stepper__button-group{margin-inline:calc(var(--stepper-form-inset)*-1);padding-inline:calc(var(--pds-spacing-stepper-indicator-size)*2)}}}
|