@pantheon-systems/pds-toolkit-react 1.0.0-dev.137 → 1.0.0-dev.139
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/CTALink/CTALink.d.ts +19 -14
- package/_dist/components/ComparisonList/ComparisonList.d.ts +41 -31
- package/_dist/components/Icon/Icon.d.ts +1 -1
- package/_dist/components/notifications/InlineMessage/InlineMessage.d.ts +36 -30
- package/_dist/components/notifications/SectionMessage/SectionMessage.d.ts +45 -37
- package/_dist/components/progress-indicators/Spinner/Spinner.d.ts +1 -1
- package/_dist/css/design-tokens/pds-design-tokens-light-mode.css +2 -2
- package/_dist/css/pds-core.css +1 -1
- package/_dist/css/pds-layouts.css +1 -1
- package/_dist/index.css +1 -1
- package/_dist/index.d.ts +1 -0
- package/_dist/index.js +1327 -1405
- package/_dist/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,15 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
import React, { ReactNode, ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import './cta-link.css';
|
|
3
|
+
export interface CTALinkProps extends ComponentPropsWithoutRef<'div'> {
|
|
4
|
+
/**
|
|
5
|
+
* A link element using the router of your choice.
|
|
6
|
+
*/
|
|
7
|
+
linkContent?: ReactNode;
|
|
8
|
+
/**
|
|
9
|
+
* Size of link
|
|
10
|
+
*/
|
|
11
|
+
size?: 'sm' | 'md';
|
|
12
|
+
/**
|
|
13
|
+
* Additional class names
|
|
14
|
+
*/
|
|
15
|
+
className?: string;
|
|
13
16
|
}
|
|
14
|
-
|
|
15
|
-
|
|
17
|
+
/**
|
|
18
|
+
* CTA Link UI component
|
|
19
|
+
*/
|
|
20
|
+
export declare const CTALink: ({ linkContent, size, className, ...props }: CTALinkProps) => React.JSX.Element;
|
|
@@ -1,32 +1,42 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
typeLabels?: {
|
|
8
|
-
included: string;
|
|
9
|
-
notIncluded: string;
|
|
10
|
-
addon: string;
|
|
11
|
-
};
|
|
12
|
-
className: any;
|
|
13
|
-
}): React.JSX.Element;
|
|
14
|
-
export namespace ComparisonList {
|
|
15
|
-
namespace propTypes {
|
|
16
|
-
let typeLabels: PropTypes.Requireable<PropTypes.InferProps<{
|
|
17
|
-
included: PropTypes.Requireable<string>;
|
|
18
|
-
notIncluded: PropTypes.Requireable<string>;
|
|
19
|
-
addon: PropTypes.Requireable<string>;
|
|
20
|
-
}>>;
|
|
21
|
-
let listItems: PropTypes.Requireable<PropTypes.InferProps<{
|
|
22
|
-
text: PropTypes.Requireable<string>;
|
|
23
|
-
type: PropTypes.Requireable<string>;
|
|
24
|
-
}>[]>;
|
|
25
|
-
let listLabel: PropTypes.Requireable<string>;
|
|
26
|
-
let moreLink: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
27
|
-
let renderTypeLabels: PropTypes.Requireable<boolean>;
|
|
28
|
-
let className: PropTypes.Requireable<string>;
|
|
29
|
-
}
|
|
1
|
+
import React, { ReactNode, ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import './comparison-list.css';
|
|
3
|
+
interface TypeLabels {
|
|
4
|
+
included: string;
|
|
5
|
+
notIncluded: string;
|
|
6
|
+
addon: string;
|
|
30
7
|
}
|
|
31
|
-
|
|
32
|
-
|
|
8
|
+
interface ListItems {
|
|
9
|
+
text: string;
|
|
10
|
+
type: 'included' | 'notIncluded' | 'addon';
|
|
11
|
+
}
|
|
12
|
+
export interface ComparisonListProps extends ComponentPropsWithoutRef<'div'> {
|
|
13
|
+
/**
|
|
14
|
+
* Icon labels
|
|
15
|
+
*/
|
|
16
|
+
typeLabels?: TypeLabels;
|
|
17
|
+
/**
|
|
18
|
+
* List items
|
|
19
|
+
*/
|
|
20
|
+
listItems?: ListItems[];
|
|
21
|
+
/**
|
|
22
|
+
* Text preceding the list. Optional.
|
|
23
|
+
*/
|
|
24
|
+
listLabel: string;
|
|
25
|
+
/**
|
|
26
|
+
* A link element using the router of your choice. Will be displayed below the list. Optional.
|
|
27
|
+
*/
|
|
28
|
+
moreLink: ReactNode;
|
|
29
|
+
/**
|
|
30
|
+
* Render the icon labels for screen readers.
|
|
31
|
+
*/
|
|
32
|
+
renderTypeLabels: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Additional class names
|
|
35
|
+
*/
|
|
36
|
+
className: string;
|
|
37
|
+
}
|
|
38
|
+
/**
|
|
39
|
+
* ComparisonList UI component
|
|
40
|
+
*/
|
|
41
|
+
export declare const ComparisonList: ({ listItems, listLabel, moreLink, renderTypeLabels, typeLabels, className, ...props }: ComparisonListProps) => React.JSX.Element;
|
|
42
|
+
export {};
|
|
@@ -4,7 +4,7 @@ import React from 'react';
|
|
|
4
4
|
* when we refactor the dependent components to typescript.
|
|
5
5
|
* If we use this now, storybook won't compile.
|
|
6
6
|
*/
|
|
7
|
-
type PDSIcon = keyof typeof svgData;
|
|
7
|
+
export type PDSIcon = keyof typeof svgData;
|
|
8
8
|
/**
|
|
9
9
|
* Icon component prop types
|
|
10
10
|
*/
|
|
@@ -1,31 +1,37 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
1
|
+
import React, { ReactNode, ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import './inline-message.css';
|
|
3
|
+
/**
|
|
4
|
+
* The type of message to display.
|
|
5
|
+
*/
|
|
6
|
+
type MessageType = 'info' | 'success' | 'warning' | 'critical' | 'working';
|
|
7
|
+
/**
|
|
8
|
+
* Labels for each message type.
|
|
9
|
+
*/
|
|
10
|
+
type TypeLabels = Record<MessageType, string>;
|
|
11
|
+
export interface InlineMessageProps extends ComponentPropsWithoutRef<'div'> {
|
|
12
|
+
/**
|
|
13
|
+
* Title text.
|
|
14
|
+
*/
|
|
15
|
+
title: string;
|
|
16
|
+
/**
|
|
17
|
+
* Secondary text.
|
|
18
|
+
*/
|
|
19
|
+
secondaryText?: ReactNode;
|
|
20
|
+
/**
|
|
21
|
+
* Message type.
|
|
22
|
+
*/
|
|
23
|
+
type: MessageType;
|
|
24
|
+
/**
|
|
25
|
+
* Message type labels. Provide translation strings if needed.
|
|
26
|
+
*/
|
|
27
|
+
typeLabels?: TypeLabels;
|
|
28
|
+
/**
|
|
29
|
+
* Additional class names
|
|
30
|
+
*/
|
|
31
|
+
className?: string;
|
|
29
32
|
}
|
|
30
|
-
|
|
31
|
-
|
|
33
|
+
/**
|
|
34
|
+
* InlineMessage UI component
|
|
35
|
+
*/
|
|
36
|
+
export declare const InlineMessage: ({ title, secondaryText, type, typeLabels, className, ...props }: InlineMessageProps) => React.JSX.Element;
|
|
37
|
+
export {};
|
|
@@ -1,39 +1,47 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import React, { ReactNode, MouseEvent, ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import './section-message.css';
|
|
3
|
+
type MessageType = 'info' | 'success' | 'warning' | 'critical' | 'discovery';
|
|
4
|
+
type TypeLabels = Record<MessageType, string>;
|
|
5
|
+
export interface SectionMessageProps extends ComponentPropsWithoutRef<'div'> {
|
|
6
|
+
/**
|
|
7
|
+
* Label for dismiss button. Provide a translation string if needed.
|
|
8
|
+
*/
|
|
3
9
|
dismissLabel?: string;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}
|
|
10
|
+
/**
|
|
11
|
+
* Unique id of message.
|
|
12
|
+
*/
|
|
13
|
+
id?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Includes dismiss functionality.
|
|
16
|
+
*/
|
|
17
|
+
isDismissible?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Message text.
|
|
20
|
+
*/
|
|
21
|
+
message: ReactNode;
|
|
22
|
+
/**
|
|
23
|
+
* Callback function when message is dismissed.
|
|
24
|
+
*/
|
|
25
|
+
onDismiss?: (event: MouseEvent<HTMLButtonElement>, id: string) => void;
|
|
26
|
+
/**
|
|
27
|
+
* Message title.
|
|
28
|
+
*/
|
|
29
|
+
title?: string;
|
|
30
|
+
/**
|
|
31
|
+
* Message type.
|
|
32
|
+
*/
|
|
33
|
+
type: MessageType;
|
|
34
|
+
/**
|
|
35
|
+
* Message type labels. Provide translation strings if needed.
|
|
36
|
+
*/
|
|
37
|
+
typeLabels: TypeLabels;
|
|
38
|
+
/**
|
|
39
|
+
* Additional class names.
|
|
40
|
+
*/
|
|
41
|
+
className: string;
|
|
37
42
|
}
|
|
38
|
-
|
|
39
|
-
|
|
43
|
+
/**
|
|
44
|
+
* SectionMessage UI component
|
|
45
|
+
*/
|
|
46
|
+
export declare const SectionMessage: ({ dismissLabel, id, isDismissible, onDismiss, message, title, type, typeLabels, className, ...props }: SectionMessageProps) => React.JSX.Element;
|
|
47
|
+
export {};
|
|
@@ -257,11 +257,11 @@
|
|
|
257
257
|
--pds-color-tag-14-background: #9c90e9;
|
|
258
258
|
--pds-color-tag-14-foreground: #342c60;
|
|
259
259
|
--pds-color-tag-15-background: #e7796d;
|
|
260
|
-
--pds-color-tag-15-foreground: #
|
|
260
|
+
--pds-color-tag-15-foreground: #54221c;
|
|
261
261
|
--pds-color-tag-16-background: #f1a76e;
|
|
262
262
|
--pds-color-tag-16-foreground: #68320f;
|
|
263
263
|
--pds-color-tag-17-background: #d87ab8;
|
|
264
|
-
--pds-color-tag-17-foreground: #
|
|
264
|
+
--pds-color-tag-17-foreground: #49273e;
|
|
265
265
|
--pds-color-tag-18-background: #efce60;
|
|
266
266
|
--pds-color-tag-18-foreground: #504012;
|
|
267
267
|
--pds-color-tag-19-background: #9fc65b;
|
package/_dist/css/pds-core.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@import url("https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap");:root{--pds-animation-button-transition:all var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);--pds-animation-focus-transition:outline var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);--pds-animation-input-transition:background-color var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay),border-color var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);--pds-animation-link-transition:all var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);--pds-animation-reveal-transition:all var(--pds-animation-transition-reveal-duration) var(--pds-animation-transition-default-timing-function);--pds-animation-rotation-transition:transform var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);--pds-animation-transition-default-delay:0s;--pds-animation-transition-default-duration:200ms;--pds-animation-transition-default-timing-function:ease-in-out;--pds-animation-transition-dropdown-duration:300ms;--pds-animation-transition-reveal-duration:300ms;--pds-border-radius-bar:3.5rem;--pds-border-radius-container:0.375rem;--pds-border-radius-default:0.1875rem;--pds-border-width-default:0.0625rem;--pds-border-width-outline:0.125rem;--pds-border-width-stepper:0.1875rem;--pds-container-max-width-narrow:1024px;--pds-container-max-width-standard:1200px;--pds-container-max-width-wide:1440px;--pds-container-max-width-x-wide:1600px;--pds-container-modal-width-large:44rem;--pds-container-modal-width-medium:36rem;--pds-container-modal-width-small:25rem;--pds-container-padding-base:var(--pds-spacing-xl);--pds-container-padding-narrow-bp-lg:20%;--pds-container-padding-narrow-bp-md:12%;--pds-container-padding-standard-bp-lg:8%;--pds-container-padding-standard-bp-md:6%;--pds-container-padding-wide-bp-lg:4%;--pds-container-padding-wide-bp-md:5%;--pds-container-tooltip-max-width:12.5rem;--pds-grid-marketing-column-medium-large:4.36875%;--pds-grid-marketing-column-small:21.34375%;--pds-grid-marketing-gap-medium-large:4.325%;--pds-grid-marketing-gap-small:4.875%;--pds-spacing-2xl:1.953rem;--pds-spacing-2xs:0.512rem;--pds-spacing-3xl:2.441rem;--pds-spacing-3xs:0.41rem;--pds-spacing-4xl:3.052rem;--pds-spacing-4xs:0.328rem;--pds-spacing-5xl:3.815rem;--pds-spacing-5xs:0.25rem;--pds-spacing-6xl:4.678rem;--pds-spacing-6xs:0.125rem;--pds-spacing-7xl:5.96rem;--pds-spacing-8xl:7.451rem;--pds-spacing-dashboard-nav-item-height:2.25rem;--pds-spacing-dashboard-nav-item-padding:0.625rem;--pds-spacing-l:1.25rem;--pds-spacing-m:1rem;--pds-spacing-s:0.8rem;--pds-spacing-xl:1.563rem;--pds-spacing-xs:0.64rem;--pds-typography-font-code:"Source Code Pro",monospace;--pds-typography-font-default:"Poppins",sans-serif;--pds-typography-font-secondary:"Aleo",serif;--pds-typography-font-weight-bold:700;--pds-typography-font-weight-light:300;--pds-typography-font-weight-regular:400;--pds-typography-font-weight-semibold:600;--pds-typography-letter-spacing-l:0.04rem;--pds-typography-letter-spacing-m:0.02rem;--pds-typography-letter-spacing-s:0.01rem;--pds-typography-letter-spacing-xl:0.06rem;--pds-typography-line-height-l:165%;--pds-typography-line-height-m:140%;--pds-typography-line-height-s:120%;--pds-typography-line-height-xl:195%;--pds-typography-multiplier-medium:0.88;--pds-typography-multiplier-small:0.84;--pds-typography-size-2xl:1.728rem;--pds-typography-size-3xl:2.074rem;--pds-typography-size-4xl:2.488rem;--pds-typography-size-5xl:2.986rem;--pds-typography-size-6xl:3.583rem;--pds-typography-size-7xl:4.3rem;--pds-typography-size-8xl:5.160rem;--pds-typography-size-9xl:6.192rem;--pds-typography-size-l:1.2rem;--pds-typography-size-m:1rem;--pds-typography-size-s:0.833rem;--pds-typography-size-xl:1.44rem;--pds-typography-size-xs:0.694rem;--pds-z-index-dropdown:200;--pds-z-index-modal:500;--pds-z-index-navigation:100;--pds-z-index-notifications:300;--pds-z-index-overlay:400;--pds-color-background-brand-secondary:#dfd8f5;--pds-color-background-default:#fff;--pds-color-background-default-secondary:#f8f8f8;--pds-color-background-reverse:#23232d;--pds-color-badge-indicator-critical-background:#ca3521;--pds-color-badge-indicator-critical-foreground:#fff;--pds-color-badge-indicator-diamond-background:#cfe1fc;--pds-color-badge-indicator-diamond-foreground:#035ad3;--pds-color-badge-indicator-gold-background:#ffe668;--pds-color-badge-indicator-gold-foreground:#705e00;--pds-color-badge-indicator-info-background:#1d7afc;--pds-color-badge-indicator-info-foreground:#fff;--pds-color-badge-indicator-neutral-background:#6d6d78;--pds-color-badge-indicator-neutral-foreground:#fff;--pds-color-badge-indicator-platinum-background:#dfd8f5;--pds-color-badge-indicator-platinum-foreground:#3017a1;--pds-color-badge-indicator-silver-background:#cfcfd3;--pds-color-badge-indicator-silver-foreground:#23232d;--pds-color-badge-indicator-success-background:#218c5f;--pds-color-badge-indicator-success-foreground:#fff;--pds-color-badge-indicator-warning-background:#d97008;--pds-color-badge-indicator-warning-foreground:#fff;--pds-color-badge-status-dot-critical:var(--pds-color-semantic-critical-foreground);--pds-color-badge-status-dot-default:#cfcfd3;--pds-color-badge-status-dot-disabled:#cfcfd3;--pds-color-badge-status-dot-discovery:var(--pds-color-semantic-discovery-foreground);--pds-color-badge-status-dot-frozen:#dfd8f5;--pds-color-badge-status-dot-info:var(--pds-color-semantic-info-foreground);--pds-color-badge-status-dot-success:var(--pds-color-semantic-success-foreground);--pds-color-badge-status-dot-warning:var(--pds-color-semantic-warning-foreground);--pds-color-badge-status-neutral-background:var(--pds-color-background-default);--pds-color-badge-status-neutral-border:var(--pds-color-border-default);--pds-color-badge-status-neutral-label:var(--pds-color-text-default-secondary);--pds-color-badge-status-reverse-background:var(--pds-color-background-reverse);--pds-color-badge-status-reverse-border:var(--pds-color-background-reverse);--pds-color-badge-status-reverse-label:var(--pds-color-text-reverse);--pds-color-badge-status-transparent-background:transparent;--pds-color-badge-status-transparent-border:var(--pds-color-border-default);--pds-color-badge-status-transparent-label:var(--pds-color-text-default-secondary);--pds-color-banner-critical-background:linear-gradient(135deg,#ca3521,#b95898);--pds-color-banner-critical-foreground:#fff;--pds-color-banner-info-background:linear-gradient(315deg,#1265da,#5f41e5);--pds-color-banner-info-foreground:#fff;--pds-color-banner-warning-background:linear-gradient(135deg,#ddbd16,#db7612);--pds-color-banner-warning-foreground:#23232d;--pds-color-border-default:rgba(0,0,0,.11);--pds-color-brand-accent-default:#de0093;--pds-color-brand-primary-default:#ffdc28;--pds-color-brand-secondary-default:#3017a1;--pds-color-breadcrumb-link:var(--pds-color-link-default);--pds-color-breadcrumb-separator:#cfcfd3;--pds-color-breadcrumb-text:var(--pds-color-text-default-secondary);--pds-color-button-brand-background-active:#ddbd16;--pds-color-button-brand-background-default:#ffdc28;--pds-color-button-brand-background-hover:#ffe668;--pds-color-button-brand-border-active:#ddbd16;--pds-color-button-brand-border-default:#ffdc28;--pds-color-button-brand-border-hover:#ffe668;--pds-color-button-brand-foreground-active:#23232d;--pds-color-button-brand-foreground-default:#23232d;--pds-color-button-brand-foreground-hover:#23232d;--pds-color-button-brand-secondary-background-active:#f1f1f1;--pds-color-button-brand-secondary-background-default:transparent;--pds-color-button-brand-secondary-background-hover:#f8f8f8;--pds-color-button-brand-secondary-border-active:#23232d;--pds-color-button-brand-secondary-border-default:#6d6d78;--pds-color-button-brand-secondary-border-hover:#23232d;--pds-color-button-brand-secondary-foreground-active:#23232d;--pds-color-button-brand-secondary-foreground-default:#23232d;--pds-color-button-brand-secondary-foreground-hover:#23232d;--pds-color-button-critical-background-active:#ffdcd8;--pds-color-button-critical-background-default:var(--pds-color-background-default);--pds-color-button-critical-background-hover:var(--pds-color-semantic-critical-background);--pds-color-button-critical-border-active:#b52f1d;--pds-color-button-critical-border-default:var(--pds-color-semantic-critical-foreground);--pds-color-button-critical-border-hover:var(--pds-color-semantic-critical-foreground);--pds-color-button-critical-foreground-active:#b52f1d;--pds-color-button-critical-foreground-default:var(--pds-color-semantic-critical-foreground);--pds-color-button-critical-foreground-hover:var(--pds-color-semantic-critical-foreground);--pds-color-button-navbar-foreground-active:var(--pds-color-link-active);--pds-color-button-navbar-foreground-default:var(--pds-color-foreground-default);--pds-color-button-navbar-foreground-hover:var(--pds-color-link-hover);--pds-color-button-primary-background-active:#1b0874;--pds-color-button-primary-background-default:#3017a1;--pds-color-button-primary-background-hover:#654bd5;--pds-color-button-primary-border-active:#1b0874;--pds-color-button-primary-border-default:#3017a1;--pds-color-button-primary-border-hover:#654bd5;--pds-color-button-primary-foreground-active:#fff;--pds-color-button-primary-foreground-default:#fff;--pds-color-button-primary-foreground-hover:#fff;--pds-color-button-secondary-background-active:#dfd8f5;--pds-color-button-secondary-background-default:transparent;--pds-color-button-secondary-background-hover:#f0edfb;--pds-color-button-secondary-border-active:#1b0874;--pds-color-button-secondary-border-default:#3017a1;--pds-color-button-secondary-border-hover:#654bd5;--pds-color-button-secondary-foreground-active:#1b0874;--pds-color-button-secondary-foreground-default:#3017a1;--pds-color-button-secondary-foreground-hover:#3017a1;--pds-color-button-subtle-background-default:transparent;--pds-color-button-subtle-border-default:transparent;--pds-color-button-subtle-foreground-active:#1b0874;--pds-color-button-subtle-foreground-default:#3017a1;--pds-color-button-subtle-foreground-hover:#654bd5;--pds-color-card-border:var(--pds-color-border-default);--pds-color-code-inline-background:#f0edfb;--pds-color-code-inline-border:#dfd8f5;--pds-color-code-inline-text:#000;--pds-color-dashboard-nav-background:var(--pds-color-background-default-secondary);--pds-color-dashboard-nav-item-background-active:var(--pds-color-background-reverse);--pds-color-dashboard-nav-item-background-default:transparent;--pds-color-dashboard-nav-item-background-hover:#e8e8e9;--pds-color-dashboard-nav-item-foreground-active:var(--pds-color-foreground-reverse);--pds-color-dashboard-nav-item-foreground-default:var(--pds-color-foreground-default);--pds-color-dashboard-nav-item-foreground-hover:var(--pds-color-foreground-default);--pds-color-dashboard-toggle-button-background:var(--pds-color-background-reverse);--pds-color-dashboard-toggle-button-foreground:var(--pds-color-foreground-reverse);--pds-color-expansion-panel-hover:#f1f1f1;--pds-color-expansion-panel-open:#f1f1f1;--pds-color-foreground-default:#23232d;--pds-color-foreground-reverse:#fff;--pds-color-gradient-after-hours:linear-gradient(228.64deg,#1b0874 41.87%,#29b2ff);--pds-color-gradient-avatar-g01:var(--pds-color-gradient-sunrise);--pds-color-gradient-avatar-g02:var(--pds-color-gradient-sunset);--pds-color-gradient-avatar-g03:var(--pds-color-gradient-after-hours);--pds-color-gradient-avatar-g04:var(--pds-color-gradient-midnight);--pds-color-gradient-avatar-g05:linear-gradient(138deg,#e65f35 13.12%,#1b0874 93.73%);--pds-color-gradient-avatar-g06:linear-gradient(138deg,#ef13ad 12.78%,#1b0874 97.85%);--pds-color-gradient-avatar-g07:linear-gradient(139deg,#29b2ff 9.79%,#2365c0 50.54%,#1b0874 99.32%);--pds-color-gradient-avatar-g08:linear-gradient(139deg,#00e0c3 6.57%,#0c7d9f 51.07%,#1b0874 97.18%);--pds-color-gradient-avatar-g09:linear-gradient(319deg,#ffd808 8.18%,#da8e32 38.74%,#9a0066 96.11%);--pds-color-gradient-avatar-g10:linear-gradient(319deg,#ff99dc 13.01%,#6d41b4 72.52%,#371ea3 92.89%);--pds-color-gradient-avatar-g11:linear-gradient(319deg,#fff1a9 10.33%,#f0829f 53.22%,#de0093 97.18%);--pds-color-gradient-avatar-g12:linear-gradient(319deg,#96dab7 14.62%,#1dacfc 53.22%,#1666d6 97.18%);--pds-color-gradient-midnight:linear-gradient(228.64deg,#1b0874 46.34%,#00e0c3);--pds-color-gradient-pastel-1:linear-gradient(175deg,#dfd8f55c 15%,#ffffff00 80%);--pds-color-gradient-sunrise:linear-gradient(227.79deg,#1b0874 38.28%,#e65f35);--pds-color-gradient-sunset:linear-gradient(48.24deg,#ef13ad,#1b0874 66.25%);--pds-color-icon-button-background-active:#cfcfd3;--pds-color-icon-button-background-default:transparent;--pds-color-icon-button-background-hover:#f1f1f1;--pds-color-icon-button-foreground-default:#23232d;--pds-color-input-action-background-hover:#f8f8f8;--pds-color-input-background-critical:#ffedeb;--pds-color-input-background-default:#fff;--pds-color-input-background-hover:#f0edfb;--pds-color-input-border-critical:#ca3521;--pds-color-input-border-default:#cfcfd3;--pds-color-input-border-hover:#654bd5;--pds-color-input-border-success:#218c5f;--pds-color-input-checked-background:var(--pds-color-interactive-focus);--pds-color-input-checked-foreground:#fff;--pds-color-input-foreground-critical:#ca3521;--pds-color-input-foreground-default:#23232d;--pds-color-input-foreground-success:#218c5f;--pds-color-input-placeholder-text:#6d6d78;--pds-color-input-toggle-switch-icon:#fff;--pds-color-input-toggle-switch-off:#6d6d78;--pds-color-input-toggle-switch-on:var(--pds-color-interactive-focus);--pds-color-interactive-focus:#0f62fe;--pds-color-interactive-link:#0f62fe;--pds-color-interactive-reverse-focus:#36a3ff;--pds-color-interactive-reverse-link:#36a3ff;--pds-color-link-active:#654bd5;--pds-color-link-cta-active:#1b0874;--pds-color-link-cta-default:#3017a1;--pds-color-link-cta-hover:#654bd5;--pds-color-link-default:#0f62fe;--pds-color-link-hover:#654bd5;--pds-color-link-visited:#654bd5;--pds-color-logo-carousel-background:#654bd5;--pds-color-logo-carousel-foreground:var(--pds-color-foreground-reverse);--pds-color-menu-background:#fff;--pds-color-menu-item-background-active:#f1f1f1;--pds-color-menu-item-background-default:#fff;--pds-color-menu-item-background-hover:#f1f1f1;--pds-color-menu-item-description-text:#6d6d78;--pds-color-menu-item-foreground:#23232d;--pds-color-menu-item-heading-text:#6d6d78;--pds-color-neutral-000:#fff;--pds-color-neutral-100:#f8f8f8;--pds-color-neutral-200:#f1f1f1;--pds-color-neutral-300:#cfcfd3;--pds-color-neutral-400:#6d6d78;--pds-color-neutral-500:#23232d;--pds-color-overlay:rgba(9,0,48,.45);--pds-color-pager-background-active:#f0edfb;--pds-color-pager-background-hover:#f1f1f1;--pds-color-pager-foreground-active:#654bd5;--pds-color-panel-critical-border:#ca3521;--pds-color-panel-default-background:var(--pds-color-background-default);--pds-color-panel-default-border:var(--pds-color-border-default);--pds-color-panel-sunken-background:#f1f1f1;--pds-color-partner-bitbucket:#004dc0;--pds-color-partner-drupal:#009cde;--pds-color-partner-gatsby:#639;--pds-color-partner-gitlab:#ffedfb;--pds-color-partner-nextjs:#000;--pds-color-partner-wordpress:#0073aa;--pds-color-progress-complete:#218c5f;--pds-color-progress-empty:#cfcfd3;--pds-color-progress-partial:#1d7afc;--pds-color-segmented-button-background-active:#f0edfb;--pds-color-segmented-button-background-default:#fff;--pds-color-segmented-button-background-hover:#f8f8f8;--pds-color-semantic-critical-background:#ffedeb;--pds-color-semantic-critical-foreground:#ca3521;--pds-color-semantic-critical-utility:#000;--pds-color-semantic-discovery-background:#eae6ff;--pds-color-semantic-discovery-foreground:#8270db;--pds-color-semantic-info-background:#e9f2ff;--pds-color-semantic-info-foreground:#1d7afc;--pds-color-semantic-neutral-background:#cfcfd3;--pds-color-semantic-neutral-foreground:#23232d;--pds-color-semantic-neutral-utility:#6d6d78;--pds-color-semantic-success-background:#e3fcef;--pds-color-semantic-success-foreground:#218c5f;--pds-color-semantic-success-utility:#35ae7b;--pds-color-semantic-warning-background:#fff7d6;--pds-color-semantic-warning-foreground:#d97008;--pds-color-side-nav-background-hover:#f0edfb;--pds-color-social-rss:#f26522;--pds-color-stepper-completed:#3017a1;--pds-color-stepper-current:#3017a1;--pds-color-stepper-default:#cfcfd3;--pds-color-stepper-error:#ca3521;--pds-color-strength-fair:#d97008;--pds-color-strength-strong:#218c5f;--pds-color-strength-very-weak:#cfcfd3;--pds-color-strength-weak:#ca3521;--pds-color-table-sort-arrow-active:#654bd5;--pds-color-table-sort-arrow-inactive:#cfcfd3;--pds-color-tabs-accent:#654bd5;--pds-color-tag-1-background:#ded8fa;--pds-color-tag-1-foreground:#5c4fac;--pds-color-tag-10-background:#d0dffc;--pds-color-tag-10-foreground:#2254c5;--pds-color-tag-11-background:#72cb9b;--pds-color-tag-11-foreground:#264a37;--pds-color-tag-12-background:#81c1dd;--pds-color-tag-12-foreground:#234453;--pds-color-tag-13-background:#689bf8;--pds-color-tag-13-foreground:#163168;--pds-color-tag-14-background:#9c90e9;--pds-color-tag-14-foreground:#342c60;--pds-color-tag-15-background:#e7796d;--pds-color-tag-15-foreground:#56231d;--pds-color-tag-16-background:#f1a76e;--pds-color-tag-16-foreground:#68320f;--pds-color-tag-17-background:#d87ab8;--pds-color-tag-17-foreground:#4a273e;--pds-color-tag-18-background:#efce60;--pds-color-tag-18-foreground:#504012;--pds-color-tag-19-background:#9fc65b;--pds-color-tag-19-foreground:#3f4d27;--pds-color-tag-2-background:#f8d7d3;--pds-color-tag-2-foreground:#a0392c;--pds-color-tag-20-background:#8790a0;--pds-color-tag-20-foreground:#0e1e40;--pds-color-tag-3-background:#f5e7a8;--pds-color-tag-3-foreground:#7b611e;--pds-color-tag-4-background:#f7d7ec;--pds-color-tag-4-foreground:#894271;--pds-color-tag-5-background:#d9f0af;--pds-color-tag-5-foreground:#536a2b;--pds-color-tag-6-background:#dddfe3;--pds-color-tag-6-foreground:#47546d;--pds-color-tag-7-background:#c6f1dc;--pds-color-tag-7-foreground:#3e7256;--pds-color-tag-8-background:#f9dfcb;--pds-color-tag-8-foreground:#9a4e1c;--pds-color-tag-9-background:#ceecf9;--pds-color-tag-9-foreground:#366880;--pds-color-text-default:var(--pds-color-foreground-default);--pds-color-text-default-secondary:#6d6d78;--pds-color-text-reverse:var(--pds-color-foreground-reverse);--pds-color-tile-background-active:#f1f1f1;--pds-color-tile-background-hover:#f8f8f8;--pds-color-tile-separator:#cfcfd3;--pds-color-toggle-button-background-off:#f1f1f1;--pds-color-toggle-button-foreground-off:#6d6d78;--pds-color-tooltip-background:#23232d;--pds-color-tooltip-text:#fff;--pds-color-tooltip-trigger-icon-critical:#ca3521;--pds-color-tooltip-trigger-icon-default:#23232d;--pds-elevation-active:0px 0px 0px 1px rgba(0,0,0,.08),0px 6px 14px 0px rgba(0,0,0,.08);--pds-elevation-dropdown:0px 1px 0px 1px rgba(0,0,0,.08),0px 6px 14px 0px rgba(0,0,0,.08);--pds-elevation-overlay:0px 0px 0px 1px rgba(0,0,0,.08),0px 1px 1px 0px rgba(0,0,0,.02),0px 8px 16px -4px rgba(0,0,0,.04),0px 24px 32px -8px rgba(0,0,0,.06);--pds-elevation-raised:0px 0px 0px 1px rgba(0,0,0,.08),0px 2px 2px 0px rgba(0,0,0,.04),0px 8px 8px -8px rgba(0,0,0,.04)}
|
|
1
|
+
@import url("https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap");:root{--pds-animation-button-transition:all var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);--pds-animation-focus-transition:outline var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);--pds-animation-input-transition:background-color var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay),border-color var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);--pds-animation-link-transition:all var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);--pds-animation-reveal-transition:all var(--pds-animation-transition-reveal-duration) var(--pds-animation-transition-default-timing-function);--pds-animation-rotation-transition:transform var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);--pds-animation-transition-default-delay:0s;--pds-animation-transition-default-duration:200ms;--pds-animation-transition-default-timing-function:ease-in-out;--pds-animation-transition-dropdown-duration:300ms;--pds-animation-transition-reveal-duration:300ms;--pds-border-radius-bar:3.5rem;--pds-border-radius-container:0.375rem;--pds-border-radius-default:0.1875rem;--pds-border-width-default:0.0625rem;--pds-border-width-outline:0.125rem;--pds-border-width-stepper:0.1875rem;--pds-container-max-width-narrow:1024px;--pds-container-max-width-standard:1200px;--pds-container-max-width-wide:1440px;--pds-container-max-width-x-wide:1600px;--pds-container-modal-width-large:44rem;--pds-container-modal-width-medium:36rem;--pds-container-modal-width-small:25rem;--pds-container-padding-base:var(--pds-spacing-xl);--pds-container-padding-narrow-bp-lg:20%;--pds-container-padding-narrow-bp-md:12%;--pds-container-padding-standard-bp-lg:8%;--pds-container-padding-standard-bp-md:6%;--pds-container-padding-wide-bp-lg:4%;--pds-container-padding-wide-bp-md:5%;--pds-container-tooltip-max-width:12.5rem;--pds-grid-marketing-column-medium-large:4.36875%;--pds-grid-marketing-column-small:21.34375%;--pds-grid-marketing-gap-medium-large:4.325%;--pds-grid-marketing-gap-small:4.875%;--pds-spacing-2xl:1.953rem;--pds-spacing-2xs:0.512rem;--pds-spacing-3xl:2.441rem;--pds-spacing-3xs:0.41rem;--pds-spacing-4xl:3.052rem;--pds-spacing-4xs:0.328rem;--pds-spacing-5xl:3.815rem;--pds-spacing-5xs:0.25rem;--pds-spacing-6xl:4.678rem;--pds-spacing-6xs:0.125rem;--pds-spacing-7xl:5.96rem;--pds-spacing-8xl:7.451rem;--pds-spacing-dashboard-nav-item-height:2.25rem;--pds-spacing-dashboard-nav-item-padding:0.625rem;--pds-spacing-l:1.25rem;--pds-spacing-m:1rem;--pds-spacing-s:0.8rem;--pds-spacing-xl:1.563rem;--pds-spacing-xs:0.64rem;--pds-typography-font-code:"Source Code Pro",monospace;--pds-typography-font-default:"Poppins",sans-serif;--pds-typography-font-secondary:"Aleo",serif;--pds-typography-font-weight-bold:700;--pds-typography-font-weight-light:300;--pds-typography-font-weight-regular:400;--pds-typography-font-weight-semibold:600;--pds-typography-letter-spacing-l:0.04rem;--pds-typography-letter-spacing-m:0.02rem;--pds-typography-letter-spacing-s:0.01rem;--pds-typography-letter-spacing-xl:0.06rem;--pds-typography-line-height-l:165%;--pds-typography-line-height-m:140%;--pds-typography-line-height-s:120%;--pds-typography-line-height-xl:195%;--pds-typography-multiplier-medium:0.88;--pds-typography-multiplier-small:0.84;--pds-typography-size-2xl:1.728rem;--pds-typography-size-3xl:2.074rem;--pds-typography-size-4xl:2.488rem;--pds-typography-size-5xl:2.986rem;--pds-typography-size-6xl:3.583rem;--pds-typography-size-7xl:4.3rem;--pds-typography-size-8xl:5.160rem;--pds-typography-size-9xl:6.192rem;--pds-typography-size-l:1.2rem;--pds-typography-size-m:1rem;--pds-typography-size-s:0.833rem;--pds-typography-size-xl:1.44rem;--pds-typography-size-xs:0.694rem;--pds-z-index-dropdown:200;--pds-z-index-modal:500;--pds-z-index-navigation:100;--pds-z-index-notifications:300;--pds-z-index-overlay:400;--pds-color-background-brand-secondary:#dfd8f5;--pds-color-background-default:#fff;--pds-color-background-default-secondary:#f8f8f8;--pds-color-background-reverse:#23232d;--pds-color-badge-indicator-critical-background:#ca3521;--pds-color-badge-indicator-critical-foreground:#fff;--pds-color-badge-indicator-diamond-background:#cfe1fc;--pds-color-badge-indicator-diamond-foreground:#035ad3;--pds-color-badge-indicator-gold-background:#ffe668;--pds-color-badge-indicator-gold-foreground:#705e00;--pds-color-badge-indicator-info-background:#1d7afc;--pds-color-badge-indicator-info-foreground:#fff;--pds-color-badge-indicator-neutral-background:#6d6d78;--pds-color-badge-indicator-neutral-foreground:#fff;--pds-color-badge-indicator-platinum-background:#dfd8f5;--pds-color-badge-indicator-platinum-foreground:#3017a1;--pds-color-badge-indicator-silver-background:#cfcfd3;--pds-color-badge-indicator-silver-foreground:#23232d;--pds-color-badge-indicator-success-background:#218c5f;--pds-color-badge-indicator-success-foreground:#fff;--pds-color-badge-indicator-warning-background:#d97008;--pds-color-badge-indicator-warning-foreground:#fff;--pds-color-badge-status-dot-critical:var(--pds-color-semantic-critical-foreground);--pds-color-badge-status-dot-default:#cfcfd3;--pds-color-badge-status-dot-disabled:#cfcfd3;--pds-color-badge-status-dot-discovery:var(--pds-color-semantic-discovery-foreground);--pds-color-badge-status-dot-frozen:#dfd8f5;--pds-color-badge-status-dot-info:var(--pds-color-semantic-info-foreground);--pds-color-badge-status-dot-success:var(--pds-color-semantic-success-foreground);--pds-color-badge-status-dot-warning:var(--pds-color-semantic-warning-foreground);--pds-color-badge-status-neutral-background:var(--pds-color-background-default);--pds-color-badge-status-neutral-border:var(--pds-color-border-default);--pds-color-badge-status-neutral-label:var(--pds-color-text-default-secondary);--pds-color-badge-status-reverse-background:var(--pds-color-background-reverse);--pds-color-badge-status-reverse-border:var(--pds-color-background-reverse);--pds-color-badge-status-reverse-label:var(--pds-color-text-reverse);--pds-color-badge-status-transparent-background:transparent;--pds-color-badge-status-transparent-border:var(--pds-color-border-default);--pds-color-badge-status-transparent-label:var(--pds-color-text-default-secondary);--pds-color-banner-critical-background:linear-gradient(135deg,#ca3521,#b95898);--pds-color-banner-critical-foreground:#fff;--pds-color-banner-info-background:linear-gradient(315deg,#1265da,#5f41e5);--pds-color-banner-info-foreground:#fff;--pds-color-banner-warning-background:linear-gradient(135deg,#ddbd16,#db7612);--pds-color-banner-warning-foreground:#23232d;--pds-color-border-default:rgba(0,0,0,.11);--pds-color-brand-accent-default:#de0093;--pds-color-brand-primary-default:#ffdc28;--pds-color-brand-secondary-default:#3017a1;--pds-color-breadcrumb-link:var(--pds-color-link-default);--pds-color-breadcrumb-separator:#cfcfd3;--pds-color-breadcrumb-text:var(--pds-color-text-default-secondary);--pds-color-button-brand-background-active:#ddbd16;--pds-color-button-brand-background-default:#ffdc28;--pds-color-button-brand-background-hover:#ffe668;--pds-color-button-brand-border-active:#ddbd16;--pds-color-button-brand-border-default:#ffdc28;--pds-color-button-brand-border-hover:#ffe668;--pds-color-button-brand-foreground-active:#23232d;--pds-color-button-brand-foreground-default:#23232d;--pds-color-button-brand-foreground-hover:#23232d;--pds-color-button-brand-secondary-background-active:#f1f1f1;--pds-color-button-brand-secondary-background-default:transparent;--pds-color-button-brand-secondary-background-hover:#f8f8f8;--pds-color-button-brand-secondary-border-active:#23232d;--pds-color-button-brand-secondary-border-default:#6d6d78;--pds-color-button-brand-secondary-border-hover:#23232d;--pds-color-button-brand-secondary-foreground-active:#23232d;--pds-color-button-brand-secondary-foreground-default:#23232d;--pds-color-button-brand-secondary-foreground-hover:#23232d;--pds-color-button-critical-background-active:#ffdcd8;--pds-color-button-critical-background-default:var(--pds-color-background-default);--pds-color-button-critical-background-hover:var(--pds-color-semantic-critical-background);--pds-color-button-critical-border-active:#b52f1d;--pds-color-button-critical-border-default:var(--pds-color-semantic-critical-foreground);--pds-color-button-critical-border-hover:var(--pds-color-semantic-critical-foreground);--pds-color-button-critical-foreground-active:#b52f1d;--pds-color-button-critical-foreground-default:var(--pds-color-semantic-critical-foreground);--pds-color-button-critical-foreground-hover:var(--pds-color-semantic-critical-foreground);--pds-color-button-navbar-foreground-active:var(--pds-color-link-active);--pds-color-button-navbar-foreground-default:var(--pds-color-foreground-default);--pds-color-button-navbar-foreground-hover:var(--pds-color-link-hover);--pds-color-button-primary-background-active:#1b0874;--pds-color-button-primary-background-default:#3017a1;--pds-color-button-primary-background-hover:#654bd5;--pds-color-button-primary-border-active:#1b0874;--pds-color-button-primary-border-default:#3017a1;--pds-color-button-primary-border-hover:#654bd5;--pds-color-button-primary-foreground-active:#fff;--pds-color-button-primary-foreground-default:#fff;--pds-color-button-primary-foreground-hover:#fff;--pds-color-button-secondary-background-active:#dfd8f5;--pds-color-button-secondary-background-default:transparent;--pds-color-button-secondary-background-hover:#f0edfb;--pds-color-button-secondary-border-active:#1b0874;--pds-color-button-secondary-border-default:#3017a1;--pds-color-button-secondary-border-hover:#654bd5;--pds-color-button-secondary-foreground-active:#1b0874;--pds-color-button-secondary-foreground-default:#3017a1;--pds-color-button-secondary-foreground-hover:#3017a1;--pds-color-button-subtle-background-default:transparent;--pds-color-button-subtle-border-default:transparent;--pds-color-button-subtle-foreground-active:#1b0874;--pds-color-button-subtle-foreground-default:#3017a1;--pds-color-button-subtle-foreground-hover:#654bd5;--pds-color-card-border:var(--pds-color-border-default);--pds-color-code-inline-background:#f0edfb;--pds-color-code-inline-border:#dfd8f5;--pds-color-code-inline-text:#000;--pds-color-dashboard-nav-background:var(--pds-color-background-default-secondary);--pds-color-dashboard-nav-item-background-active:var(--pds-color-background-reverse);--pds-color-dashboard-nav-item-background-default:transparent;--pds-color-dashboard-nav-item-background-hover:#e8e8e9;--pds-color-dashboard-nav-item-foreground-active:var(--pds-color-foreground-reverse);--pds-color-dashboard-nav-item-foreground-default:var(--pds-color-foreground-default);--pds-color-dashboard-nav-item-foreground-hover:var(--pds-color-foreground-default);--pds-color-dashboard-toggle-button-background:var(--pds-color-background-reverse);--pds-color-dashboard-toggle-button-foreground:var(--pds-color-foreground-reverse);--pds-color-expansion-panel-hover:#f1f1f1;--pds-color-expansion-panel-open:#f1f1f1;--pds-color-foreground-default:#23232d;--pds-color-foreground-reverse:#fff;--pds-color-gradient-after-hours:linear-gradient(228.64deg,#1b0874 41.87%,#29b2ff);--pds-color-gradient-avatar-g01:var(--pds-color-gradient-sunrise);--pds-color-gradient-avatar-g02:var(--pds-color-gradient-sunset);--pds-color-gradient-avatar-g03:var(--pds-color-gradient-after-hours);--pds-color-gradient-avatar-g04:var(--pds-color-gradient-midnight);--pds-color-gradient-avatar-g05:linear-gradient(138deg,#e65f35 13.12%,#1b0874 93.73%);--pds-color-gradient-avatar-g06:linear-gradient(138deg,#ef13ad 12.78%,#1b0874 97.85%);--pds-color-gradient-avatar-g07:linear-gradient(139deg,#29b2ff 9.79%,#2365c0 50.54%,#1b0874 99.32%);--pds-color-gradient-avatar-g08:linear-gradient(139deg,#00e0c3 6.57%,#0c7d9f 51.07%,#1b0874 97.18%);--pds-color-gradient-avatar-g09:linear-gradient(319deg,#ffd808 8.18%,#da8e32 38.74%,#9a0066 96.11%);--pds-color-gradient-avatar-g10:linear-gradient(319deg,#ff99dc 13.01%,#6d41b4 72.52%,#371ea3 92.89%);--pds-color-gradient-avatar-g11:linear-gradient(319deg,#fff1a9 10.33%,#f0829f 53.22%,#de0093 97.18%);--pds-color-gradient-avatar-g12:linear-gradient(319deg,#96dab7 14.62%,#1dacfc 53.22%,#1666d6 97.18%);--pds-color-gradient-midnight:linear-gradient(228.64deg,#1b0874 46.34%,#00e0c3);--pds-color-gradient-pastel-1:linear-gradient(175deg,#dfd8f55c 15%,#ffffff00 80%);--pds-color-gradient-sunrise:linear-gradient(227.79deg,#1b0874 38.28%,#e65f35);--pds-color-gradient-sunset:linear-gradient(48.24deg,#ef13ad,#1b0874 66.25%);--pds-color-icon-button-background-active:#cfcfd3;--pds-color-icon-button-background-default:transparent;--pds-color-icon-button-background-hover:#f1f1f1;--pds-color-icon-button-foreground-default:#23232d;--pds-color-input-action-background-hover:#f8f8f8;--pds-color-input-background-critical:#ffedeb;--pds-color-input-background-default:#fff;--pds-color-input-background-hover:#f0edfb;--pds-color-input-border-critical:#ca3521;--pds-color-input-border-default:#cfcfd3;--pds-color-input-border-hover:#654bd5;--pds-color-input-border-success:#218c5f;--pds-color-input-checked-background:var(--pds-color-interactive-focus);--pds-color-input-checked-foreground:#fff;--pds-color-input-foreground-critical:#ca3521;--pds-color-input-foreground-default:#23232d;--pds-color-input-foreground-success:#218c5f;--pds-color-input-placeholder-text:#6d6d78;--pds-color-input-toggle-switch-icon:#fff;--pds-color-input-toggle-switch-off:#6d6d78;--pds-color-input-toggle-switch-on:var(--pds-color-interactive-focus);--pds-color-interactive-focus:#0f62fe;--pds-color-interactive-link:#0f62fe;--pds-color-interactive-reverse-focus:#36a3ff;--pds-color-interactive-reverse-link:#36a3ff;--pds-color-link-active:#654bd5;--pds-color-link-cta-active:#1b0874;--pds-color-link-cta-default:#3017a1;--pds-color-link-cta-hover:#654bd5;--pds-color-link-default:#0f62fe;--pds-color-link-hover:#654bd5;--pds-color-link-visited:#654bd5;--pds-color-logo-carousel-background:#654bd5;--pds-color-logo-carousel-foreground:var(--pds-color-foreground-reverse);--pds-color-menu-background:#fff;--pds-color-menu-item-background-active:#f1f1f1;--pds-color-menu-item-background-default:#fff;--pds-color-menu-item-background-hover:#f1f1f1;--pds-color-menu-item-description-text:#6d6d78;--pds-color-menu-item-foreground:#23232d;--pds-color-menu-item-heading-text:#6d6d78;--pds-color-neutral-000:#fff;--pds-color-neutral-100:#f8f8f8;--pds-color-neutral-200:#f1f1f1;--pds-color-neutral-300:#cfcfd3;--pds-color-neutral-400:#6d6d78;--pds-color-neutral-500:#23232d;--pds-color-overlay:rgba(9,0,48,.45);--pds-color-pager-background-active:#f0edfb;--pds-color-pager-background-hover:#f1f1f1;--pds-color-pager-foreground-active:#654bd5;--pds-color-panel-critical-border:#ca3521;--pds-color-panel-default-background:var(--pds-color-background-default);--pds-color-panel-default-border:var(--pds-color-border-default);--pds-color-panel-sunken-background:#f1f1f1;--pds-color-partner-bitbucket:#004dc0;--pds-color-partner-drupal:#009cde;--pds-color-partner-gatsby:#639;--pds-color-partner-gitlab:#ffedfb;--pds-color-partner-nextjs:#000;--pds-color-partner-wordpress:#0073aa;--pds-color-progress-complete:#218c5f;--pds-color-progress-empty:#cfcfd3;--pds-color-progress-partial:#1d7afc;--pds-color-segmented-button-background-active:#f0edfb;--pds-color-segmented-button-background-default:#fff;--pds-color-segmented-button-background-hover:#f8f8f8;--pds-color-semantic-critical-background:#ffedeb;--pds-color-semantic-critical-foreground:#ca3521;--pds-color-semantic-critical-utility:#000;--pds-color-semantic-discovery-background:#eae6ff;--pds-color-semantic-discovery-foreground:#8270db;--pds-color-semantic-info-background:#e9f2ff;--pds-color-semantic-info-foreground:#1d7afc;--pds-color-semantic-neutral-background:#cfcfd3;--pds-color-semantic-neutral-foreground:#23232d;--pds-color-semantic-neutral-utility:#6d6d78;--pds-color-semantic-success-background:#e3fcef;--pds-color-semantic-success-foreground:#218c5f;--pds-color-semantic-success-utility:#35ae7b;--pds-color-semantic-warning-background:#fff7d6;--pds-color-semantic-warning-foreground:#d97008;--pds-color-side-nav-background-hover:#f0edfb;--pds-color-social-rss:#f26522;--pds-color-stepper-completed:#3017a1;--pds-color-stepper-current:#3017a1;--pds-color-stepper-default:#cfcfd3;--pds-color-stepper-error:#ca3521;--pds-color-strength-fair:#d97008;--pds-color-strength-strong:#218c5f;--pds-color-strength-very-weak:#cfcfd3;--pds-color-strength-weak:#ca3521;--pds-color-table-sort-arrow-active:#654bd5;--pds-color-table-sort-arrow-inactive:#cfcfd3;--pds-color-tabs-accent:#654bd5;--pds-color-tag-1-background:#ded8fa;--pds-color-tag-1-foreground:#5c4fac;--pds-color-tag-10-background:#d0dffc;--pds-color-tag-10-foreground:#2254c5;--pds-color-tag-11-background:#72cb9b;--pds-color-tag-11-foreground:#264a37;--pds-color-tag-12-background:#81c1dd;--pds-color-tag-12-foreground:#234453;--pds-color-tag-13-background:#689bf8;--pds-color-tag-13-foreground:#163168;--pds-color-tag-14-background:#9c90e9;--pds-color-tag-14-foreground:#342c60;--pds-color-tag-15-background:#e7796d;--pds-color-tag-15-foreground:#54221c;--pds-color-tag-16-background:#f1a76e;--pds-color-tag-16-foreground:#68320f;--pds-color-tag-17-background:#d87ab8;--pds-color-tag-17-foreground:#49273e;--pds-color-tag-18-background:#efce60;--pds-color-tag-18-foreground:#504012;--pds-color-tag-19-background:#9fc65b;--pds-color-tag-19-foreground:#3f4d27;--pds-color-tag-2-background:#f8d7d3;--pds-color-tag-2-foreground:#a0392c;--pds-color-tag-20-background:#8790a0;--pds-color-tag-20-foreground:#0e1e40;--pds-color-tag-3-background:#f5e7a8;--pds-color-tag-3-foreground:#7b611e;--pds-color-tag-4-background:#f7d7ec;--pds-color-tag-4-foreground:#894271;--pds-color-tag-5-background:#d9f0af;--pds-color-tag-5-foreground:#536a2b;--pds-color-tag-6-background:#dddfe3;--pds-color-tag-6-foreground:#47546d;--pds-color-tag-7-background:#c6f1dc;--pds-color-tag-7-foreground:#3e7256;--pds-color-tag-8-background:#f9dfcb;--pds-color-tag-8-foreground:#9a4e1c;--pds-color-tag-9-background:#ceecf9;--pds-color-tag-9-foreground:#366880;--pds-color-text-default:var(--pds-color-foreground-default);--pds-color-text-default-secondary:#6d6d78;--pds-color-text-reverse:var(--pds-color-foreground-reverse);--pds-color-tile-background-active:#f1f1f1;--pds-color-tile-background-hover:#f8f8f8;--pds-color-tile-separator:#cfcfd3;--pds-color-toggle-button-background-off:#f1f1f1;--pds-color-toggle-button-foreground-off:#6d6d78;--pds-color-tooltip-background:#23232d;--pds-color-tooltip-text:#fff;--pds-color-tooltip-trigger-icon-critical:#ca3521;--pds-color-tooltip-trigger-icon-default:#23232d;--pds-elevation-active:0px 0px 0px 1px rgba(0,0,0,.08),0px 6px 14px 0px rgba(0,0,0,.08);--pds-elevation-dropdown:0px 1px 0px 1px rgba(0,0,0,.08),0px 6px 14px 0px rgba(0,0,0,.08);--pds-elevation-overlay:0px 0px 0px 1px rgba(0,0,0,.08),0px 1px 1px 0px rgba(0,0,0,.02),0px 8px 16px -4px rgba(0,0,0,.04),0px 24px 32px -8px rgba(0,0,0,.06);--pds-elevation-raised:0px 0px 0px 1px rgba(0,0,0,.08),0px 2px 2px 0px rgba(0,0,0,.04),0px 8px 8px -8px rgba(0,0,0,.04)}
|
|
2
2
|
|
|
3
3
|
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.2;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.2;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}body{color:var(--pds-color-text-default);font-family:Poppins,sans-serif;font-weight:400}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}ol+h2,ol+h3,p+h2,p+h3,ul+h2,ul+h3{margin-block-start:2.441rem}ol+h4,ol+h5,ol+h6,p+h4,p+h5,p+h6,ul+h4,ul+h5,ul+h6{margin-block-start:1.563rem}h2+h3,h3+h4{margin-block-start:1.25rem}a{color:var(--pds-color-link-default);text-decoration:underline;transition:all .2s ease-in-out 0s}a:hover{color:var(--pds-color-link-hover);text-decoration:none}a:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none}a:active{color:var(--pds-color-link-active);outline:none}h1,h2,h3,h4,h5,h6{color:var(--pds-color-text-headings);font-family:Poppins,sans-serif;font-weight:700;letter-spacing:normal;line-height:120%;margin-block-end:.8rem;margin-block-start:0}h3,h4,h5,h6{font-weight:600}@media (max-width:640px){h1{font-size:calc(2.986rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){h1{font-size:calc(2.986rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){h1{font-size:2.986rem}}@media (max-width:640px){h2{font-size:calc(2.074rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){h2{font-size:calc(2.074rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){h2{font-size:2.074rem}}@media (max-width:640px){h3{font-size:calc(1.728rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){h3{font-size:calc(1.728rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){h3{font-size:1.728rem}}@media (max-width:640px){h4{font-size:calc(1.44rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){h4{font-size:calc(1.44rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){h4{font-size:1.44rem}}h5{font-size:1.2rem}h6{font-size:1rem}@media (max-width:640px){.pds-typography--product h1{font-size:calc(1.728rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-typography--product h1{font-size:calc(1.728rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-typography--product h1{font-size:1.728rem}}@media (max-width:640px){.pds-typography--product h2{font-size:calc(1.44rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-typography--product h2{font-size:calc(1.44rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-typography--product h2{font-size:1.44rem}}.pds-typography--product h3{font-size:1.2rem}.pds-typography--product h4{font-size:1rem}.pds-typography--product h5,.pds-typography--product h6{font-size:.833rem}hr{border-top:.0625rem solid var(--pds-color-border-default);margin-block:1.563rem}code{background-color:var(--pds-color-code-inline-background);border-bottom:.125rem solid var(--pds-color-code-inline-border);border-radius:.1875rem;border-right:.03125rem solid var(--pds-color-code-inline-border);color:var(--pds-color-code-inline-text);font-family:Source Code Pro,monospace;font-weight:600;margin-inline:.125rem;padding-block:.125rem;padding-inline:.41rem}p code{font-size:92%}pre code{background-color:var(--pds-color-background-reverse);border:none;color:var(--pds-color-text-reverse);margin:0;padding:0}@media (max-width:640px){.pds-lead-text{font-size:calc(1.728rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-lead-text{font-size:calc(1.728rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-lead-text{font-size:1.728rem}}.pds-lead-text{color:var(--pds-color-text-default-secondary);font-family:Aleo,serif;font-weight:400;letter-spacing:none;line-height:140%;margin-block-end:1.25rem;margin-block-start:0}@media (max-width:640px){.pds-lead-text--sm{font-size:calc(1.44rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-lead-text--sm{font-size:calc(1.44rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-lead-text--sm{font-size:1.44rem}}dl,ol,ul{font-family:Poppins,sans-serif;font-weight:400;line-height:165%}ol,ul{padding-inline-start:1.563rem}ul{list-style-type:disc}ul ul li{list-style-type:circle}ul ul ul li{list-style-type:square}ol{list-style-type:decimal}ol ol li{list-style-type:lower-alpha}ol ol ol li{list-style-type:lower-roman}dl dt{font-weight:700;margin-block-start:.512rem}dl dd{margin-inline-start:0}.pds-overline-text{color:var(--pds-color-text-default-secondary);font-family:Poppins,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.04rem;line-height:120%;text-transform:uppercase}.pds-overline-text--lg{font-size:1.2rem}.pds-overline-text--sm{font-size:.833rem}.pds-overline-text a,a.pds-overline-text{color:var(--pds-color-text-default-secondary);text-decoration:none}.pds-overline-text a:hover,a.pds-overline-text:hover{color:var(--pds-color-link-cta-hover);cursor:pointer;text-decoration:underline}p{color:var(--pds-color-text-paragraph);font-family:Poppins,sans-serif;font-size:1rem;font-weight:400;letter-spacing:normal;line-height:165%;margin-block-start:0}@media (max-width:640px){.pds-quote-text{font-size:calc(1.728rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-quote-text{font-size:calc(1.728rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-quote-text{font-size:1.728rem}}.pds-quote-text{color:var(--pds-color-text-quote);font-family:Aleo,serif;font-style:italic;font-weight:400;letter-spacing:none;line-height:140%}@media (max-width:640px){.pds-quote-text--sm{font-size:calc(1.44rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-quote-text--sm{font-size:calc(1.44rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-quote-text--sm{font-size:1.44rem}}@media (max-width:640px){.pds-quote-text--lg{font-size:calc(2.074rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-quote-text--lg{font-size:calc(2.074rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-quote-text--lg{font-size:2.074rem}}label{color:var(--pds-color-text-default);display:block;font-size:.833rem;font-weight:600;margin-block-end:.512rem;position:relative}select{align-items:center;appearance:none;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="%23888"><path d="m23.313 35.313 2.062-2.157 15-15L42.531 16l-4.218-4.219-2.157 2.156-12.843 12.844-12.938-12.843-2.062-2.157L4 16l2.156 2.156 15 15z"/></svg>');background-position:center right .64rem;background-repeat:no-repeat;background-size:1rem;border-color:var(--pds-color-input-border-default);border-radius:.1875rem;border-style:solid;border-width:.0625rem;box-sizing:border-box;color:var(--pds-color-input-foreground-default);cursor:pointer;display:flex;font-size:1rem;gap:1rem;height:2.441rem;justify-content:space-between;line-height:1;padding:.64rem;width:100%}select:focus-visible{border-color:var(--pds-color-interactive-focus);outline:none}table{border-collapse:collapse;font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;overflow-x:auto;text-align:left;width:100%}table p{font-size:inherit}tr{border-block-end:.0625rem solid var(--pds-color-border-default)}th{font-weight:700;text-transform:uppercase}td,th{padding:.8rem .64rem}td>p:last-child,th>p:last-child{margin-bottom:0}@media (min-width:641px){table{font-size:1rem}td,th{padding:1rem .8rem}}:root{--pds-background-default:var(--pds-color-background-default);--pds-background-default-secondary:var(
|
|
4
4
|
--pds-color-background-default-secondary
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-dashboard{--pds-dashboard-sidebar-width-collapsed:2.0625rem;--pds-dashboard-sidebar-width-expanded:
|
|
1
|
+
.pds-dashboard{--pds-dashboard-sidebar-width-collapsed:2.0625rem;--pds-dashboard-sidebar-width-expanded:12.75rem;--pds-dashboard-toggle-button-size:1.5rem;--pds-dashboard-sidebar-width:var(--pds-dashboard-sidebar-width-expanded);display:flex;min-height:100vh;overflow:hidden;position:relative}@media (min-width:641px){.pds-dashboard .pds-workspace-selector{margin-inline-start:-1.25rem}}.pds-dashboard--sidebarExpanded{--pds-dashboard-sidebar-width:var(--pds-dashboard-sidebar-width-expanded)}.pds-dashboard--sidebarCollapsed{--pds-dashboard-sidebar-width:var(--pds-dashboard-sidebar-width-collapsed)}.pds-dashboard--notMobile .pds-dashboard__sidebar-divider{bottom:0;position:absolute;right:-1.5rem;top:0;width:3rem}.pds-dashboard--notMobile .pds-dashboard__sidebar-divider:hover+.pds-dashboard__sidebar-toggle{opacity:1;transition:opacity .1s ease-in-out;transition-delay:.1s}.pds-dashboard--notMobile .pds-dashboard__sidebar-toggle{align-items:center;background-color:var(--pds-color-dashboard-toggle-button-background);border:none;border-radius:50%;color:var(--pds-color-dashboard-toggle-button-foreground);display:flex;height:var(--pds-dashboard-toggle-button-size);justify-content:center;opacity:0;position:absolute;right:calc(var(--pds-dashboard-toggle-button-size)*-.5);top:7rem;width:var(--pds-dashboard-toggle-button-size);z-index:2}.pds-dashboard--notMobile .pds-dashboard__sidebar-toggle:hover{opacity:1}.pds-dashboard--notMobile .pds-dashboard__sidebar-toggle:focus-visible{opacity:1}.pds-dashboard--notMobile .pds-dashboard__sidebar{background-color:var(--pds-color-dashboard-nav-background);padding-block-end:1rem;padding-block-start:.75rem;padding-inline-end:1.563rem;padding-inline-start:calc(1.563rem + var(--pds-spacing-dashboard-nav-item-padding));position:relative;transition:width .2s ease-in-out;width:var(--pds-dashboard-sidebar-width);z-index:var(--pds-z-index-overlay)}.pds-dashboard--notMobile .pds-dashboard__sidebar-inner{height:100%;margin-inline-start:-.75rem;overflow-x:hidden}.pds-dashboard--notMobile .pds-dashboard__container{background-color:var(--pds-color-dashboard-nav-background);display:flex;flex-direction:column;transition:width .2s ease-in-out;width:calc(100% - var(--pds-dashboard-sidebar-width))}.pds-dashboard--notMobile .pds-dashboard__main{background-color:var(--pds-color-background-default);border-top-left-radius:1.25rem;box-shadow:inset 1px 1px 5px -2px rgba(0,0,0,.05),inset 1px 1px 0 0 var(--pds-color-dashboard-nav-background);display:flex;flex:1;flex-direction:column}.pds-dashboard--notMobile .pds-dashboard__main-inner{flex:1;padding-block:2.441rem;padding-inline:2.441rem 2.691rem}.pds-dashboard--notMobile .pds-site-footer .pds-container{padding-inline:2.441rem}.pds-dashboard__sidebar--collapsed .pds-dashboard__sidebar-toggle{opacity:1}.pds-dashboard__sidebar-toggle[aria-expanded=false]{transform:rotate(180deg);transition:all .2s ease-in-out 0s}.pds-dashboard--isMobile{display:flex;flex-direction:column}.pds-dashboard--isMobile .pds-dashboard__sidebar{padding-block:1.953rem;padding-inline:1.563rem}.pds-dashboard--isMobile .pds-dashboard__main{padding-block:.64rem;padding-inline:1.563rem}.pds-dashboard--isMobile .pds-site-footer{padding-inline:.328rem}.pds-dashboard--isMobile .pds-site-footer .pds-container{padding-inline:0}.pds-flex-container{display:flex}.pds-flex-container.pds-flex-gap--narrow{column-gap:1rem;row-gap:1rem}.pds-flex-container.pds-flex-gap--standard{column-gap:1.563rem;row-gap:1.563rem}.pds-flex-container.pds-flex-gap--wide{column-gap:2.441rem;row-gap:2.441rem}.pds-flex-direction--row{flex-direction:row}.pds-flex-direction--column{flex-direction:column}.pds-flex-direction--column-reverse{flex-direction:column-reverse}.pds-flex-direction--row-reverse{flex-direction:row-reverse}.pds-flex--nowrap{flex-wrap:nowrap}.pds-flex--wrap{flex-wrap:wrap}.pds-flex--wrap-reverse{flex-wrap:wrap-reverse}.pds-flex-justify--start{justify-content:flex-start}.pds-flex-justify--end{justify-content:flex-end}.pds-flex-justify--center{justify-content:center}.pds-flex-justify--between{justify-content:space-between}.pds-flex-align-items--start{align-items:flex-start}.pds-flex-align-items--end{align-items:flex-end}.pds-flex-align-items--center{align-items:center}.pds-flex-align-items--stretch{align-items:stretch}.pds-flex-align-items--baseline{align-items:baseline}.pds-flex-align-content--start{align-content:flex-start}.pds-flex-align-content--end{align-content:flex-end}.pds-flex-align-content--center{align-content:center}@media (max-width:640px){.pds-flex-mobile--none{display:unset}.pds-flex-direction--row.pds-flex-mobile--reverse,.pds-flex-mobile--reverse{flex-direction:column}.pds-flex-direction--row-reverse.pds-flex-mobile--reverse{flex-direction:column-reverse}.pds-flex-direction--column.pds-flex-mobile--reverse{flex-direction:row}.pds-flex-direction--column-reverse.pds-flex-mobile--reverse{flex-direction:row-reverse}}.pds-stepper-layout{padding-inline:0}.pds-stepper-layout__form-container{padding-block-start:1.953rem}@media (min-width:641px){.pds-stepper-layout__form-container{margin-inline:auto;padding-inline:14%}}@media (min-width:1025px){.pds-stepper-layout__form-container{padding-inline:16%}}.pds-stepper__button-group{column-gap:1.563rem;display:flex;justify-content:space-between;padding-block-start:3.052rem}@media (min-width:641px){.pds-stepper__button-group{box-sizing:border-box;margin-left:50%;max-width:var(--pds-stepper-layout-max-width);padding-inline:calc(var(--pds-stepper-indicator-size)*2);transform:translate3d(-50%,0,0);width:100vw}}
|