@carbon/ibm-products-web-components 0.3.0-canary.26 → 0.3.0-canary.33
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/.storybook/main.ts +13 -5
- package/CHANGELOG.md +8 -0
- package/es/components/side-panel/side-panel.d.ts +4 -4
- package/es/components/side-panel/side-panel.js +5 -5
- package/es/components/tearsheet/tearsheet.scss.js +1 -1
- package/es/globals/internal/storybook-cdn.js +80 -0
- package/es/globals/internal/storybook-cdn.js.map +1 -0
- package/es/packages/ibm-products-web-components/package.json.js +121 -0
- package/es/packages/ibm-products-web-components/package.json.js.map +1 -0
- package/lib/components/side-panel/side-panel.d.ts +4 -4
- package/package.json +6 -5
- package/src/components/side-panel/side-panel.mdx +1 -10
- package/src/components/side-panel/side-panel.stories.ts +1 -1
- package/src/components/side-panel/side-panel.ts +5 -5
- package/src/components/tearsheet/tearsheet.mdx +1 -9
- package/src/globals/internal/storybook-cdn.ts +69 -0
- package/tasks/build.js +2 -0
package/.storybook/main.ts
CHANGED
@@ -1,9 +1,20 @@
|
|
1
1
|
import { mergeConfig } from 'vite';
|
2
2
|
import { litStyleLoader, litTemplateLoader } from '@mordech/vite-lit-loader';
|
3
3
|
import viteSVGResultCarbonIconLoader from '../tools/vite-svg-result-carbon-icon-loader';
|
4
|
-
|
4
|
+
const glob = require('fast-glob');
|
5
|
+
const stories = glob.sync(
|
6
|
+
[
|
7
|
+
'../docs/**/*.mdx',
|
8
|
+
'../src/**/*.mdx',
|
9
|
+
'../src/**/*.stories.@(js|jsx|ts|tsx)',
|
10
|
+
],
|
11
|
+
{
|
12
|
+
ignore: ['../src/**/docs/*.mdx'],
|
13
|
+
cwd: __dirname,
|
14
|
+
}
|
15
|
+
);
|
5
16
|
const config = {
|
6
|
-
stories:
|
17
|
+
stories: stories,
|
7
18
|
addons: [
|
8
19
|
'@storybook/addon-links',
|
9
20
|
'@storybook/addon-toolbars',
|
@@ -23,9 +34,6 @@ const config = {
|
|
23
34
|
name: '@storybook/web-components-vite',
|
24
35
|
options: {},
|
25
36
|
},
|
26
|
-
docs: {
|
27
|
-
autodocs: 'tag',
|
28
|
-
},
|
29
37
|
async viteFinal(config) {
|
30
38
|
return mergeConfig(config, {
|
31
39
|
plugins: [
|
package/CHANGELOG.md
CHANGED
@@ -3,6 +3,14 @@
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
5
5
|
|
6
|
+
# [0.3.0](https://github.com/carbon-design-system/ibm-products/compare/@carbon/ibm-products-web-components@0.3.0-rc.1...@carbon/ibm-products-web-components@0.3.0) (2024-11-20)
|
7
|
+
|
8
|
+
**Note:** Version bump only for package @carbon/ibm-products-web-components
|
9
|
+
|
10
|
+
|
11
|
+
|
12
|
+
|
13
|
+
|
6
14
|
# 0.3.0-rc.1 (2024-11-15)
|
7
15
|
|
8
16
|
|
@@ -338,13 +338,13 @@ declare const CDSSidePanel_base: {
|
|
338
338
|
/**
|
339
339
|
* SidePanel.
|
340
340
|
*
|
341
|
-
* @element
|
341
|
+
* @element c4p-side-panel
|
342
342
|
* @csspart dialog The dialog.
|
343
|
-
* @fires
|
343
|
+
* @fires c4p-side-panel-beingclosed
|
344
344
|
* The custom event fired before this side-panel is being closed upon a user gesture.
|
345
345
|
* Cancellation of this event stops the user-initiated action of closing this side-panel.
|
346
|
-
* @fires
|
347
|
-
* @fires
|
346
|
+
* @fires c4p-side-panel-closed - The custom event fired after this side-panel is closed upon a user gesture.
|
347
|
+
* @fires c4p-side-panel-navigate-back - custom event fired when clicking navigate back (available when step > 0)
|
348
348
|
*/
|
349
349
|
declare class CDSSidePanel extends CDSSidePanel_base {
|
350
350
|
/**
|
@@ -73,13 +73,13 @@ function tryFocusElements(elements, reverse) {
|
|
73
73
|
/**
|
74
74
|
* SidePanel.
|
75
75
|
*
|
76
|
-
* @element
|
76
|
+
* @element c4p-side-panel
|
77
77
|
* @csspart dialog The dialog.
|
78
|
-
* @fires
|
78
|
+
* @fires c4p-side-panel-beingclosed
|
79
79
|
* The custom event fired before this side-panel is being closed upon a user gesture.
|
80
80
|
* Cancellation of this event stops the user-initiated action of closing this side-panel.
|
81
|
-
* @fires
|
82
|
-
* @fires
|
81
|
+
* @fires c4p-side-panel-closed - The custom event fired after this side-panel is closed upon a user gesture.
|
82
|
+
* @fires c4p-side-panel-navigate-back - custom event fired when clicking navigate back (available when step > 0)
|
83
83
|
*/
|
84
84
|
let CDSSidePanel = class CDSSidePanel extends HostListenerMixin(LitElement) {
|
85
85
|
constructor() {
|
@@ -660,7 +660,7 @@ let CDSSidePanel = class CDSSidePanel extends HostListenerMixin(LitElement) {
|
|
660
660
|
await this.constructor._delay();
|
661
661
|
if (focusNode) {
|
662
662
|
// For cases where a `carbon-web-components` component (e.g. `<cds-button>`) being `primaryFocusNode`,
|
663
|
-
// where its first update/render cycle that makes it focusable happens after `<
|
663
|
+
// where its first update/render cycle that makes it focusable happens after `<c4p-side-panel>`'s first update/render cycle
|
664
664
|
focusNode.focus();
|
665
665
|
}
|
666
666
|
else if (!tryFocusElements(this.querySelectorAll(this.constructor.selectorTabbable))) {
|
@@ -7,7 +7,7 @@
|
|
7
7
|
|
8
8
|
import { css } from 'lit';
|
9
9
|
|
10
|
-
var styles = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-heading-06-font-size,2.625rem);font-weight:var(--cds-heading-06-font-weight,300);letter-spacing:var(--cds-heading-06-letter-spacing,0);line-height:var(--cds-heading-06-line-height,1.199)}h2{font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);letter-spacing:var(--cds-heading-05-letter-spacing,0);line-height:var(--cds-heading-05-line-height,1.25)}h3{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}h4{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}h5{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);letter-spacing:var(--cds-heading-02-letter-spacing,0);line-height:var(--cds-heading-02-line-height,1.5)}h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}p{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}a{color:var(--cds-link-primary,#0062fe)}em{font-style:italic}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden,:host(c4p-tearsheet) .c4p--tearsheet__buttons ::slotted(cds-button[hidden]),:host(c4p-tearsheet) .c4p--tearsheet__buttons[hidden],:host(c4p-tearsheet[hidden]){block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--popover-container{display:inline-block}.cds--popover-container:not(.cds--popover--auto-align){position:relative}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse,#393939);--cds-popover-text-color:var(--cds-text-inverse,#fff)}.cds--popover--drop-shadow .cds--popover>.cds--popover-content{filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{filter:var(--cds-popover-drop-shadow,none);inset:0;pointer-events:none;position:absolute;z-index:6000}.cds--popover-content{--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;background-color:var(--cds-popover-background-color,var(--cds-layer));border:0;border-radius:var(--cds-popover-border-radius,2px);box-sizing:border-box;color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));display:none;font-family:inherit;font-size:100%;inline-size:-moz-max-content;inline-size:max-content;margin:0;max-inline-size:23rem;padding:0;pointer-events:auto;position:absolute;vertical-align:baseline;z-index:6000}.cds--layout--size-sm .cds--popover-content{--cds-layout-size-height:var(--cds-layout-size-height-sm)}.cds--layout--size-md .cds--popover-content{--cds-layout-size-height:var(--cds-layout-size-height-md)}.cds--layout--size-lg .cds--popover-content{--cds-layout-size-height:var(--cds-layout-size-height-lg)}.cds--popover-content *,.cds--popover-content :after,.cds--popover-content :before{box-sizing:inherit}.cds--popover--open>.cds--popover>.cds--popover-content{display:block}.cds--popover-content:before{content:\"\";display:none;position:absolute}.cds--popover--open>.cds--popover>.cds--popover-content:before{display:block}.cds--popover--auto-align.cds--popover-caret,.cds--popover-caret{background-color:var(--cds-popover-background-color,var(--cds-layer));display:none;position:absolute;will-change:transform;z-index:6000}.cds--popover--auto-align.cds--popover--caret.cds--popover--open>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--caret.cds--popover--open>.cds--popover>.cds--popover-caret{display:block}.cds--popover--tab-tip>.cds--popover>.cds--popover-caret{display:none}.cds--popover--bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,calc(100% + var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{transform:translate(50%,calc(100% + var(--cds-popover-offset, 0rem)))}.cds--popover--bottom-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-start:0;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(100% + var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--bottom-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:0;inset-inline-start:auto}.cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--bottom-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-end:0;transform:translate(var(--cds-popover-offset,0),calc(100% + var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--bottom-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-start:0}.cds--popover--bottom-end>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-left>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-right>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-start>.cds--popover>.cds--popover-content:before,.cds--popover--bottom>.cds--popover>.cds--popover-content:before{block-size:var(--cds-popover-offset,0);inset-block-start:0;inset-inline:0;transform:translateY(-100%)}.cds--popover--bottom-end>.cds--popover>.cds--popover-caret,.cds--popover--bottom-left>.cds--popover>.cds--popover-caret,.cds--popover--bottom-right>.cds--popover>.cds--popover-caret,.cds--popover--bottom-start>.cds--popover>.cds--popover-caret,.cds--popover--bottom>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,var(--cds-popover-offset,0))}[dir=rtl] .cds--popover--bottom-end>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-left>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-right>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-start>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom>.cds--popover>.cds--popover-caret{transform:translate(50%,var(--cds-popover-offset,0))}.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{transform:translate(50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--popover--top-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-start:0;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:0;inset-inline-start:auto}.cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--top-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-end:0;transform:translate(var(--cds-popover-offset,0),calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-start:0}.cds--popover--top-end>.cds--popover>.cds--popover-content:before,.cds--popover--top-left>.cds--popover>.cds--popover-content:before,.cds--popover--top-right>.cds--popover>.cds--popover-content:before,.cds--popover--top-start>.cds--popover>.cds--popover-content:before,.cds--popover--top>.cds--popover>.cds--popover-content:before{block-size:var(--cds-popover-offset,0);inset-block-end:0;inset-inline:0;transform:translateY(100%)}.cds--popover--top-end>.cds--popover>.cds--popover-caret,.cds--popover--top-left>.cds--popover>.cds--popover-caret,.cds--popover--top-right>.cds--popover>.cds--popover-caret,.cds--popover--top-start>.cds--popover>.cds--popover-caret,.cds--popover--top>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}[dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),-50%)}.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5*-1 - 16px))}.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5 + 16px))}[dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:100%;inset-inline-start:auto}.cds--popover--right-bottom>.cds--popover>.cds--popover-content:before,.cds--popover--right-end>.cds--popover>.cds--popover-content:before,.cds--popover--right-start>.cds--popover>.cds--popover-content:before,.cds--popover--right-top>.cds--popover>.cds--popover-content:before,.cds--popover--right>.cds--popover>.cds--popover-content:before{inline-size:var(--cds-popover-offset,0);inset-block:0;inset-inline-start:0;transform:translateX(-100%)}.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-start:100%;transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%),-50%)}[dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{inset-inline-end:100%;inset-inline-start:auto}.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + .1px),-50%)}.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*-.5 - 16px))}.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*.5 + 16px))}[dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:auto;inset-inline-start:100%}.cds--popover--left-bottom>.cds--popover>.cds--popover-content:before,.cds--popover--left-end>.cds--popover>.cds--popover-content:before,.cds--popover--left-start>.cds--popover>.cds--popover-content:before,.cds--popover--left-top>.cds--popover>.cds--popover-content:before,.cds--popover--left>.cds--popover>.cds--popover-content:before{inline-size:var(--cds-popover-offset,0);inset-block:0;inset-inline-end:0;transform:translateX(100%)}.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + 100%),-50%)}[dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{inset-inline-end:auto;inset-inline-start:100%}.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--tab-tip>.cds--popover>.cds--popover-content{border-radius:0}.cds--popover--tab-tip .cds--popover{will-change:filter}.cds--popover--tab-tip__button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;block-size:2rem;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:inline-flex;font-family:inherit;font-size:100%;inline-size:100%;inline-size:2rem;justify-content:center;margin:0;padding:0;position:relative;text-align:start;vertical-align:baseline}.cds--popover--tab-tip__button *,.cds--popover--tab-tip__button :after,.cds--popover--tab-tip__button :before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus):after{background:var(--cds-layer);block-size:2px;content:\"\";inline-size:100%;inset-block-end:0;position:absolute;z-index:6001}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}.cds--tooltip{--cds-popover-offset:12px}.cds--tooltip-content{color:var(--cds-text-inverse,#fff);font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);max-inline-size:18rem;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem)}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--definition-term{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-block-end:1px dotted var(--cds-border-strong);border-radius:0;box-sizing:border-box;color:var(--cds-text-primary,#161616);cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds--definition-term *,.cds--definition-term :after,.cds--definition-term :before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term:focus{border-block-end-color:var(--cds-border-interactive,#0f62fe);outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-block-end-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);max-inline-size:11rem;padding:.5rem 1rem}.cds--btn{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-sm)),var(--cds-layout-size-height,var(--cds-layout-size-height-lg)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-2xl)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));--temp-1lh:(var(--cds-body-compact-01-line-height,1.28572) * 1em);--temp-expressive-1lh:(var(--cds-body-compact-02-line-height,1.375) * 1em);--temp-padding-block-max:calc((var(--cds-layout-size-height-lg) - var(--temp-1lh))/2 - 0.0625rem);border:0;border-radius:0;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:100%;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:-moz-max-content;inline-size:max-content;justify-content:space-between;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin:0;max-inline-size:20rem;min-block-size:var(--cds-layout-size-height-local);outline:none;padding:0;padding-block:min((var(--cds-layout-size-height-local) - var(--temp-1lh))/2 - .0625rem,var(--temp-padding-block-max));padding-inline:calc(var(--cds-layout-density-padding-inline-local) - .0625rem) calc(var(--cds-layout-density-padding-inline-local)*3 + .9375rem);position:relative;text-align:start;text-decoration:none;transition:background 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9),border-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9);vertical-align:baseline;vertical-align:top}.cds--btn *,.cds--btn :after,.cds--btn :before{box-sizing:inherit}.cds--btn.cds--btn--disabled,.cds--btn.cds--btn--disabled:focus,.cds--btn.cds--btn--disabled:hover,.cds--btn:disabled,.cds--btn:focus:disabled,.cds--btn:hover:disabled{background:var(--cds-button-disabled,#c6c6c6);border-color:var(--cds-button-disabled,#c6c6c6);box-shadow:none;color:var(--cds-text-on-color-disabled,#8d8d8d);cursor:not-allowed}.cds--btn .cds--btn__icon{block-size:1rem;flex-shrink:0;inline-size:1rem;inset-block-start:min((var(--cds-layout-size-height-local) - 1rem)/2 - .0625rem,var(--temp-padding-block-max));inset-inline-end:var(--cds-layout-density-padding-inline-local);margin-block-start:.0625rem;position:absolute}.cds--btn::-moz-focus-inner{border:0;padding:0}.cds--btn--primary{background-color:var(--cds-button-primary,#0f62fe);border:1px solid transparent;color:var(--cds-text-on-color,#fff)}.cds--btn--primary:hover{background-color:var(--cds-button-primary-hover,#0050e6)}.cds--btn--primary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--primary:active{background-color:var(--cds-button-primary-active,#002d9c)}.cds--btn--primary .cds--btn__icon,.cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--primary:hover,.cds--btn--secondary{color:var(--cds-text-on-color,#fff)}.cds--btn--secondary{background-color:var(--cds-button-secondary,#393939);border:1px solid transparent}.cds--btn--secondary:hover{background-color:var(--cds-button-secondary-hover,#474747)}.cds--btn--secondary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--secondary:active{background-color:var(--cds-button-secondary-active,#6f6f6f)}.cds--btn--secondary .cds--btn__icon,.cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--secondary:focus,.cds--btn--secondary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--tertiary{background-color:transparent;border-color:var(--cds-button-tertiary,#0f62fe);border-style:solid;border-width:1px;color:var(--cds-button-tertiary,#0f62fe)}.cds--btn--tertiary:hover{background-color:var(--cds-button-tertiary-hover,#0050e6)}.cds--btn--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--tertiary .cds--btn__icon,.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--tertiary:focus,.cds--btn--tertiary:hover{color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:focus{background-color:var(--cds-button-tertiary,#0f62fe)}.cds--btn--tertiary:active{background-color:var(--cds-button-tertiary-active,#002d9c);border-color:transparent;color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary.cds--btn--disabled,.cds--btn--tertiary.cds--btn--disabled:focus,.cds--btn--tertiary.cds--btn--disabled:hover,.cds--btn--tertiary:disabled,.cds--btn--tertiary:focus:disabled,.cds--btn--tertiary:hover:disabled{background:transparent;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:none}.cds--btn--ghost{background-color:transparent;border:1px solid transparent;color:var(--cds-link-primary,#0f62fe);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.cds--btn--ghost:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12))}.cds--btn--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--ghost .cds--btn__icon,.cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--ghost .cds--btn__icon{margin-inline-start:.5rem;position:static}.cds--btn--ghost:active,.cds--btn--ghost:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--btn--ghost:active{background-color:var(--cds-background-active,hsla(0,0%,55%,.5))}.cds--btn--ghost.cds--btn--disabled,.cds--btn--ghost.cds--btn--disabled:focus,.cds--btn--ghost.cds--btn--disabled:hover,.cds--btn--ghost:disabled,.cds--btn--ghost:focus:disabled,.cds--btn--ghost:hover:disabled{background:transparent;border-color:transparent;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:none}.cds--btn--ghost:not([disabled]) svg{fill:var(--cds-icon-primary,#161616)}.cds--btn--icon-only{block-size:var(--cds-layout-size-height-local);inline-size:var(--cds-layout-size-height-local);justify-content:center;padding:0;padding-block-start:min((var(--cds-layout-size-height-local) - 1rem)/2 - .0625rem,var(--temp-padding-block-max))}.cds--btn--icon-only>:first-child{min-inline-size:1rem}.cds--btn--icon-only .cds--btn__icon{position:static}.cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--icon-only.cds--btn--ghost .cds--btn__icon{margin:0}.cds--btn--icon-only.cds--btn--danger--ghost{padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 1rem)}.cds--btn--md:not(.cds--btn--icon-only) .cds--btn__icon,.cds--btn--sm:not(.cds--btn--icon-only) .cds--btn__icon{margin-block-start:0}.cds--btn--icon-only.cds--btn--selected{background:var(--cds-background-selected,hsla(0,0%,55%,.2))}.cds--btn path[data-icon-path=inner-path]{fill:none}.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:var(--cds-icon-primary,#161616)}.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),.cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn--ghost.cds--btn--icon-only[disabled],.cds--icon-tooltip--disabled .cds--tooltip-trigger__wrapper{cursor:not-allowed}.cds--icon-tooltip--disabled .cds--btn--icon-only[disabled]{pointer-events:none}.cds--btn--danger{background-color:var(--cds-button-danger-primary,#da1e28);border:1px solid transparent;color:var(--cds-text-on-color,#fff)}.cds--btn--danger:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger .cds--btn__icon,.cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary{background-color:transparent;border-color:var(--cds-button-danger-secondary,#da1e28);border-style:solid;border-width:1px;color:var(--cds-button-danger-secondary,#da1e28)}.cds--btn--danger--tertiary:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--tertiary .cds--btn__icon,.cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--tertiary:hover{border-color:var(--cds-button-danger-hover,#b81921);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:focus{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:active{background-color:var(--cds-button-danger-active,#750e13);border-color:var(--cds-button-danger-active,#750e13);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary.cds--btn--disabled,.cds--btn--danger--tertiary.cds--btn--disabled:focus,.cds--btn--danger--tertiary.cds--btn--disabled:hover,.cds--btn--danger--tertiary:disabled,.cds--btn--danger--tertiary:focus:disabled,.cds--btn--danger--tertiary:hover:disabled{background:transparent;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:none}.cds--btn--danger--ghost{background-color:transparent;border:1px solid transparent;color:var(--cds-button-danger-secondary,#da1e28);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.cds--btn--danger--ghost:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--ghost:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--ghost .cds--btn__icon{margin-inline-start:.5rem;position:static}.cds--btn--danger--ghost:active,.cds--btn--danger--ghost:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--ghost.cds--btn--disabled,.cds--btn--danger--ghost.cds--btn--disabled:focus,.cds--btn--danger--ghost.cds--btn--disabled:hover,.cds--btn--danger--ghost:disabled,.cds--btn--danger--ghost:focus:disabled,.cds--btn--danger--ghost:hover:disabled{background:transparent;border-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));outline:none}.cds--btn--expressive{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);line-height:var(--cds-body-compact-02-line-height,1.375);padding-block:min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh))/2 - .0625rem,var(--temp-padding-block-max))}.cds--btn--icon-only.cds--btn--expressive{padding:12px 13px}.cds--btn.cds--btn--expressive .cds--btn__icon{block-size:1.25rem;inline-size:1.25rem}.cds--btn-set .cds--btn.cds--btn--expressive{max-inline-size:20rem}.cds--btn.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;inline-size:9.375rem;padding:0;pointer-events:none;position:relative}.cds--btn.cds--skeleton:active,.cds--btn.cds--skeleton:focus,.cds--btn.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--btn.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--btn.cds--skeleton:before{animation:none}}.cds--btn-set{display:flex}.cds--btn-set--stacked{flex-direction:column}.cds--btn-set .cds--btn{inline-size:100%;max-inline-size:12.25rem}.cds--btn-set .cds--btn:not(:focus){box-shadow:-.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set .cds--btn:first-of-type:not(:focus),.cds--btn-set .cds--btn:focus+.cds--btn{box-shadow:inherit}.cds--btn-set--stacked .cds--btn:not(:focus){box-shadow:0 -.0625rem 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set--stacked .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn.cds--btn--disabled{box-shadow:-.0625rem 0 0 0 var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn-set .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}.cds--btn-set--stacked .cds--btn.cds--btn--disabled{box-shadow:0 -.0625rem 0 0 var(--cds-layer-selected-disabled,#8d8d8d)}.cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}.cds--btn-set .cds--btn.cds--btn--loading{background-color:transparent;border-color:transparent;box-shadow:none}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--btn:focus{color:Highlight;outline:1px solid Highlight}.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:ButtonText}}[dir=rtl] .cds--btn-set .cds--btn:not(:focus){box-shadow:.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds--modal,:host(c4p-tearsheet){align-items:center;background-color:var(--cds-overlay,hsla(0,0%,9%,.5));block-size:100vh;content:\"\";display:flex;inline-size:100vw;inset-block-start:0;inset-inline-start:0;justify-content:center;opacity:0;position:fixed;transition:opacity .24s cubic-bezier(.4,.14,1,1),visibility 0s linear .24s;visibility:hidden;z-index:9000}.cds--modal.is-visible{opacity:1;transition:opacity .24s cubic-bezier(0,0,.3,1),visibility 0s linear;visibility:inherit}@media screen and (prefers-reduced-motion:reduce){.cds--modal.is-visible{transition:none}}.cds--modal .cds--date-picker--fluid .ccdsds--date-picker-input__wrapper .cds--date-picker__input,.cds--modal .cds--list-box__wrapper--fluid .cds--list-box,.cds--modal .cds--list-box__wrapper--fluid.cds--list-box__wrapper,.cds--modal .cds--number-input--fluid .cds--number__control-btn:after,.cds--modal .cds--number-input--fluid .cds--number__control-btn:before,.cds--modal .cds--number-input--fluid input[type=number],.cds--modal .cds--search--fluid .cds--search-input,.cds--modal .cds--select--fluid .cds--select-input,.cds--modal .cds--text-area--fluid .cds--text-area,.cds--modal .cds--text-area--fluid .cds--text-area__wrapper,.cds--modal .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider+.cds--form-requirement,.cds--modal .cds--text-input--fluid .cds--text-input,:host(c4p-tearsheet) .cds--date-picker--fluid .ccdsds--date-picker-input__wrapper .cds--date-picker__input,:host(c4p-tearsheet) .cds--list-box__wrapper--fluid .cds--list-box,:host(c4p-tearsheet) .cds--list-box__wrapper--fluid.cds--list-box__wrapper,:host(c4p-tearsheet) .cds--number-input--fluid .cds--number__control-btn:after,:host(c4p-tearsheet) .cds--number-input--fluid .cds--number__control-btn:before,:host(c4p-tearsheet) .cds--number-input--fluid input[type=number],:host(c4p-tearsheet) .cds--search--fluid .cds--search-input,:host(c4p-tearsheet) .cds--select--fluid .cds--select-input,:host(c4p-tearsheet) .cds--text-area--fluid .cds--text-area,:host(c4p-tearsheet) .cds--text-area--fluid .cds--text-area__wrapper,:host(c4p-tearsheet) .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider+.cds--form-requirement,:host(c4p-tearsheet) .cds--text-input--fluid .cds--text-input{background-color:var(--cds-field-01,#f4f4f4)}.cds--modal .cds--list-box__wrapper--fluid .cds--list-box__menu,:host(c4p-tearsheet) .cds--list-box__wrapper--fluid .cds--list-box__menu{background-color:var(--cds-layer-01,#f4f4f4)}.cds--modal .cds--list-box__menu-item:hover,:host(c4p-tearsheet) .cds--list-box__menu-item:hover{background-color:var(--cds-layer-hover-02,#e8e8e8)}.cds--modal .cds--list-box__menu-item--active,:host(c4p-tearsheet) .cds--list-box__menu-item--active{background-color:var(--cds-layer-selected-02,#e0e0e0)}.cds--modal .cds--list-box__menu-item--active:hover,:host(c4p-tearsheet) .cds--list-box__menu-item--active:hover{background-color:var(--cds-layer-selected-hover-02,#d1d1d1)}.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover:after,.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover:before,:host(c4p-tearsheet) .cds--number-input--fluid .cds--number__control-btn:hover:after,:host(c4p-tearsheet) .cds--number-input--fluid .cds--number__control-btn:hover:before{background-color:var(--cds-field-hover)}.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus:after,.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus:before,:host(c4p-tearsheet) .cds--number-input--fluid .cds--number__control-btn:focus:after,:host(c4p-tearsheet) .cds--number-input--fluid .cds--number__control-btn:focus:before{border-inline-start:2px solid var(--cds-focus,#0f62fe)}.cds--modal.is-visible .cds--modal-container{transform:translateZ(0);transition:transform .24s cubic-bezier(0,0,.3,1)}.cds--modal-container{background-color:var(--cds-layer);block-size:100%;display:grid;grid-template-columns:100%;grid-template-rows:auto 1fr auto;inline-size:100%;inset-block-start:0;max-block-size:100%;outline:3px solid transparent;outline-offset:-3px;position:fixed;transform:translate3d(0,-24px,0);transform-origin:top center;transition:transform .24s cubic-bezier(.4,.14,1,1)}@media (min-width:42rem){.cds--modal-container{block-size:auto;inline-size:84%;max-block-size:90%;position:static}}@media (min-width:66rem){.cds--modal-container{inline-size:60%;max-block-size:84%}}@media (min-width:82rem){.cds--modal-container{inline-size:48%}}.cds--modal-container .cds--modal-container-body{display:contents}.cds--modal-content{color:var(--cds-text-primary,#161616);font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);font-weight:400;grid-column:1/-1;grid-row:2/-2;letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);overflow-y:auto;padding-block:.5rem 3rem;padding-inline:1rem 1rem;position:relative}.cds--modal-content:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--modal-content:focus{outline-style:dotted}}.cds--modal-content .cds--form--fluid{margin-inline:-2rem}.cds--modal-content>p,.cds--modal-content__regular-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);padding-inline-end:calc(20% - 2rem)}.cds--modal-content--with-form{padding-inline-end:1rem}.cds--modal-header{grid-column:1/-1;grid-row:1/1;margin-block-end:.5rem;padding-block-start:1rem;padding-inline:1rem 3rem}.cds--modal-header__label{border:0;box-sizing:border-box;color:var(--cds-text-secondary,#525252);font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:0;margin-block-end:.25rem;padding:0;vertical-align:baseline}.cds--modal-header__label *,.cds--modal-header__label :after,.cds--modal-header__label :before{box-sizing:inherit}.cds--modal-header__heading{border:0;box-sizing:border-box;color:var(--cds-text-primary,#161616);font-family:inherit;font-size:100%;font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4);margin:0;padding:0;padding-inline-end:calc(20% - 3rem);vertical-align:baseline}.cds--modal-header__heading *,.cds--modal-header__heading :after,.cds--modal-header__heading :before{box-sizing:inherit}.cds--modal-container--xs .cds--modal-content__regular-content{padding-inline-end:1rem}.cds--modal-container--xs .cds--modal-content>p{padding-inline-end:0}@media (min-width:42rem){.cds--modal-container--xs{inline-size:48%}}@media (min-width:66rem){.cds--modal-container--xs{inline-size:32%;max-block-size:48%}}@media (min-width:82rem){.cds--modal-container--xs{inline-size:24%}}.cds--modal-container--sm .cds--modal-content__regular-content{padding-inline-end:1rem}.cds--modal-container--sm .cds--modal-content>p{padding-inline-end:0}@media (min-width:42rem){.cds--modal-container--sm{inline-size:60%}}@media (min-width:66rem){.cds--modal-container--sm{inline-size:42%;max-block-size:72%}.cds--modal-container--sm .cds--modal-content>p,.cds--modal-container--sm .cds--modal-content__regular-content{padding-inline-end:20%}}@media (min-width:82rem){.cds--modal-container--sm{inline-size:36%}}@media (min-width:42rem){.cds--modal-container--lg{inline-size:96%}}@media (min-width:66rem){.cds--modal-container--lg{inline-size:84%;max-block-size:96%}}@media (min-width:82rem){.cds--modal-container--lg{inline-size:72%}}.cds--modal-scroll-content{border-block-end:2px solid transparent;-webkit-mask-image:linear-gradient(to bottom,var(--cds-layer) calc(100% - 80px),transparent calc(100% - 48px),transparent 100%),linear-gradient(to left,var(--cds-layer) 0,16px,transparent 16px),linear-gradient(to right,var(--cds-layer) 0,2px,transparent 2px),linear-gradient(to top,var(--cds-layer) 0,2px,transparent 2px);mask-image:linear-gradient(to bottom,var(--cds-layer) calc(100% - 80px),transparent calc(100% - 48px),transparent 100%),linear-gradient(to left,var(--cds-layer) 0,16px,transparent 16px),linear-gradient(to right,var(--cds-layer) 0,2px,transparent 2px),linear-gradient(to top,var(--cds-layer) 0,2px,transparent 2px)}.cds--modal-scroll-content:has(.cds--autoalign){-webkit-mask-image:none;mask-image:none}.cds--modal-scroll-content>:last-child{margin-block-end:1.5rem}.cds--modal-footer{block-size:4rem;display:flex;grid-column:1/-1;grid-row:-1/-1;justify-content:flex-end;margin-block-start:auto}.cds--modal-footer .cds--btn{align-items:baseline;block-size:4rem;flex:0 1 50%;margin:0;max-inline-size:none;padding-block:.875rem 2rem}.cds--modal-footer--three-button .cds--btn{align-items:flex-start;flex:0 1 25%}.cds--modal-close-button{inset-block-start:0;inset-inline-end:0;position:absolute}.cds--modal-close{background-color:transparent;block-size:3rem;border:2px solid transparent;cursor:pointer;inline-size:3rem;padding:.75rem;transition:background-color .11s cubic-bezier(.2,0,.38,.9)}.cds--modal-close:hover{background-color:var(--cds-layer-hover)}.cds--modal-close:focus{border-color:var(--cds-focus,#0f62fe);outline:none}.cds--modal-close::-moz-focus-inner{border:0}.cds--modal-close__icon{block-size:1.25rem;fill:var(--cds-icon-primary,#161616);inline-size:1.25rem}.cds--body--with-modal-open{overflow:hidden}.cds--body--with-modal-open .cds--modal .cds--overflow-menu-options,.cds--body--with-modal-open .cds--modal .cds--tooltip,.cds--body--with-modal-open .cds--overflow-menu-options,.cds--body--with-modal-open :host(c4p-tearsheet) .cds--tooltip{z-index:9000}.cds--modal-container--full-width .cds--modal-content{margin:0;padding:0}.cds--modal--slug.cds--modal{background-color:var(--cds-ai-overlay,rgba(0,17,65,.5))}.cds--modal--slug .cds--modal-container{background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box;background-color:var(--cds-layer);border:1px solid transparent;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 24px 40px -24px var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.cds--modal--slug .cds--modal-container:has(.cds--modal-footer){background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 64px,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 64px,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box;box-shadow:inset 0 -80px 0 -16px var(--cds-layer),inset 0 -160px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 24px 40px -24px var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.cds--modal--slug .cds--modal-content.cds--modal-scroll-content{-webkit-mask-image:linear-gradient(to bottom,var(--cds-layer) calc(100% - 80px),transparent calc(100% - 48px),transparent 100%),linear-gradient(to left,var(--cds-layer) 0,16px,transparent 16px),linear-gradient(to right,var(--cds-layer) 0,2px,transparent 2px),linear-gradient(to top,var(--cds-layer) 0,2px,transparent 2px);mask-image:linear-gradient(to bottom,var(--cds-layer) calc(100% - 80px),transparent calc(100% - 48px),transparent 100%),linear-gradient(to left,var(--cds-layer) 0,16px,transparent 16px),linear-gradient(to right,var(--cds-layer) 0,2px,transparent 2px),linear-gradient(to top,var(--cds-layer) 0,2px,transparent 2px)}.cds--modal--slug .cds--modal-container-body>.cds--slug,.cds--modal-header>.cds--modal-close-button~.cds--slug,.cds--modal-header>.cds--slug:has(+.cds--modal-close-button){inset-block-start:.625rem;inset-inline-end:3rem;position:absolute}.cds--modal--slug .cds--modal-content--overflow-indicator,.cds--modal--slug .cds--modal-content--overflow-indicator:before{display:none}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--modal-close__icon{fill:ButtonText}.cds--modal-close:focus{color:Highlight;outline:1px solid Highlight}}.c4p--action-set,:host(c4p-tearsheet) .c4p--tearsheet__buttons{align-items:stretch;background-color:var(--cds-layer-01,#f4f4f4);justify-content:flex-end}.c4p--action-set .c4p--action-set__action-button,:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set__action-button,:host(c4p-tearsheet) .c4p--tearsheet__buttons ::slotted(cds-button){align-items:center;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin:0}.c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive,:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set__action-button--expressive::slotted(cds-button),:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set__action-button.c4p--action-set__action-button--expressive{height:4rem;padding-bottom:2rem;padding-top:1rem}.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn,.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive,:host(c4p-tearsheet) .c4p--action-set.cds--btn-set .c4p--tearsheet__buttons .cds--btn::slotted(cds-button),:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set.cds--btn-set .cds--btn::slotted(cds-button),:host(c4p-tearsheet) .cds--btn-set.c4p--tearsheet__buttons .c4p--action-set__action-button.cds--btn,:host(c4p-tearsheet) .cds--btn-set.c4p--tearsheet__buttons .cds--btn::slotted(cds-button){max-width:none}.c4p--action-set:not(.c4p--action-set--stacking) .c4p--action-set__action-button--ghost,:host(c4p-tearsheet) .c4p--tearsheet__buttons:not(.c4p--action-set--stacking) .c4p--action-set__action-button--ghost{padding-left:2rem}.c4p--action-set.c4p--action-set--row-single .c4p--action-set__action-button--ghost,.c4p--action-set.c4p--action-set--row-single.c4p--action-set--md .c4p--action-set__action-button,:host(c4p-tearsheet) .c4p--action-set--row-single.c4p--action-set--md.c4p--tearsheet__buttons .c4p--action-set__action-button,:host(c4p-tearsheet) .c4p--action-set--row-single.c4p--action-set--md.c4p--tearsheet__buttons ::slotted(cds-button),:host(c4p-tearsheet) .c4p--action-set--row-single.c4p--tearsheet__buttons .c4p--action-set__action-button--ghost,:host(c4p-tearsheet) .c4p--action-set.c4p--action-set--row-single.c4p--action-set--md .c4p--tearsheet__buttons ::slotted(cds-button),:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set.c4p--action-set--row-single.c4p--action-set--md ::slotted(cds-button){flex:0 0 100%}.c4p--action-set.c4p--action-set--row-double .c4p--action-set__action-button--ghost,:host(c4p-tearsheet) .c4p--action-set--row-double.c4p--tearsheet__buttons .c4p--action-set__action-button--ghost{flex:1 1 75%}.c4p--action-set.c4p--action-set--row-double.c4p--action-set--lg .c4p--action-set__action-button,.c4p--action-set.c4p--action-set--row-double.c4p--action-set--md .c4p--action-set__action-button,.c4p--action-set.c4p--action-set--row-single.c4p--action-set--lg .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),.c4p--action-set.c4p--action-set--row-triple .c4p--action-set__action-button--ghost,:host(c4p-tearsheet) .c4p--action-set--row-double.c4p--action-set--lg.c4p--tearsheet__buttons .c4p--action-set__action-button,:host(c4p-tearsheet) .c4p--action-set--row-double.c4p--action-set--lg.c4p--tearsheet__buttons ::slotted(cds-button),:host(c4p-tearsheet) .c4p--action-set--row-double.c4p--action-set--md.c4p--tearsheet__buttons .c4p--action-set__action-button,:host(c4p-tearsheet) .c4p--action-set--row-double.c4p--action-set--md.c4p--tearsheet__buttons ::slotted(cds-button),:host(c4p-tearsheet) .c4p--action-set--row-single.c4p--action-set--lg.c4p--tearsheet__buttons .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-tearsheet) .c4p--action-set--row-single.c4p--action-set--lg.c4p--tearsheet__buttons :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .c4p--action-set--row-triple.c4p--tearsheet__buttons .c4p--action-set__action-button--ghost,:host(c4p-tearsheet) .c4p--action-set.c4p--action-set--row-double.c4p--action-set--lg .c4p--tearsheet__buttons ::slotted(cds-button),:host(c4p-tearsheet) .c4p--action-set.c4p--action-set--row-double.c4p--action-set--md .c4p--tearsheet__buttons ::slotted(cds-button),:host(c4p-tearsheet) .c4p--action-set.c4p--action-set--row-single.c4p--action-set--lg .c4p--tearsheet__buttons :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set.c4p--action-set--row-double.c4p--action-set--lg ::slotted(cds-button),:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set.c4p--action-set--row-double.c4p--action-set--md ::slotted(cds-button),:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set.c4p--action-set--row-single.c4p--action-set--lg :not(.c4p--action-set__action-button--ghost)::slotted(cds-button){flex:0 1 50%}.c4p--action-set.c4p--action-set--row-triple .c4p--action-set__action-button--ghost,:host(c4p-tearsheet) .c4p--action-set--row-triple.c4p--tearsheet__buttons .c4p--action-set__action-button--ghost{flex:1 1 50%}.c4p--action-set.cds--btn-set.c4p--action-set--2xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),.c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),.c4p--action-set.cds--btn-set.c4p--action-set--row-triple.c4p--action-set--lg .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),.c4p--action-set.cds--btn-set.c4p--action-set--xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-tearsheet) .c4p--action-set.cds--btn-set.c4p--action-set--2xl .c4p--tearsheet__buttons :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--tearsheet__buttons :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .c4p--action-set.cds--btn-set.c4p--action-set--row-triple.c4p--action-set--lg .c4p--tearsheet__buttons :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .c4p--action-set.cds--btn-set.c4p--action-set--xl .c4p--tearsheet__buttons :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set.cds--btn-set.c4p--action-set--2xl :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set.cds--btn-set.c4p--action-set--row-triple.c4p--action-set--lg :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set.cds--btn-set.c4p--action-set--xl :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .cds--btn-set.c4p--action-set--2xl.c4p--tearsheet__buttons .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-tearsheet) .cds--btn-set.c4p--action-set--2xl.c4p--tearsheet__buttons :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .cds--btn-set.c4p--action-set--row-quadruple.c4p--tearsheet__buttons .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-tearsheet) .cds--btn-set.c4p--action-set--row-quadruple.c4p--tearsheet__buttons :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .cds--btn-set.c4p--action-set--row-triple.c4p--action-set--lg.c4p--tearsheet__buttons .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-tearsheet) .cds--btn-set.c4p--action-set--row-triple.c4p--action-set--lg.c4p--tearsheet__buttons :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .cds--btn-set.c4p--action-set--xl.c4p--tearsheet__buttons .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-tearsheet) .cds--btn-set.c4p--action-set--xl.c4p--tearsheet__buttons :not(.c4p--action-set__action-button--ghost)::slotted(cds-button){flex:0 1 25%;max-width:14.5rem}.c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button--ghost,:host(c4p-tearsheet) .cds--btn-set.c4p--action-set--row-quadruple.c4p--tearsheet__buttons .c4p--action-set__action-button--ghost{flex:1 1 25%}.c4p--action-set .c4p--action-set__action-button .cds--inline-loading,:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set__action-button .cds--inline-loading,:host(c4p-tearsheet) .c4p--tearsheet__buttons ::slotted(cds-button) .cds--inline-loading{position:absolute;right:0;top:0;width:2rem}.c4p--tearsheet.c4p--tearsheet,:host(c4p-tearsheet){--overlay-color:var(--cds-overlay,hsla(0,0%,9%,.5));--overlay-opacity:1;align-items:flex-end;color:var(--cds-text-primary,#161616);transition:visibility 0s linear .24s,background-color .24s cubic-bezier(.4,.14,1,1),opacity .24s cubic-bezier(.4,.14,1,1);z-index:9001;--c4p--tearsheet--stacking-scale-factor-single:0.95;--c4p--tearsheet--stacking-scale-factor-double:0.9}.c4p--tearsheet.c4p--tearsheet:before{background:var(--overlay-color);content:\"\";display:block;inset:0;opacity:var(--overlay-opacity);position:absolute;transition:background-color .24s cubic-bezier(.4,.14,1,1),opacity .24s cubic-bezier(.4,.14,1,1)}@media (prefers-reduced-motion:reduce){.c4p--tearsheet.c4p--tearsheet:before{transition:none}}.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet,:host(c4p-tearsheet){background:initial}.c4p--tearsheet.is-visible{align-items:flex-end;transition:visibility 0s linear,background-color .24s cubic-bezier(0,0,.3,1),opacity .24s cubic-bezier(0,0,.3,1);z-index:9000}@media (prefers-reduced-motion:reduce){.c4p--tearsheet.is-visible{transition:none}}.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2{--overlay-opacity:0.67;z-index:8999}.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3{--overlay-opacity:0.22;z-index:8998}.c4p--tearsheet.c4p--tearsheet--stacked-2-of-3{--overlay-opacity:0.5;z-index:8999}.c4p--tearsheet.c4p--tearsheet--stacked-2-of-2,.c4p--tearsheet.c4p--tearsheet--stacked-3-of-3{--overlay-opacity:0.5}.c4p--tearsheet .c4p--tearsheet__container,:host(c4p-tearsheet) .c4p--tearsheet__container{height:100%;max-height:calc(100% - 3rem);top:auto;transform:translate3d(0,min(95vh,500px),0)}.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__container,.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__container{background:linear-gradient(to top,var(--cds-layer),var(--cds-layer)) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,#78a9ff),var(--cds-ai-border-end,#d0e2ff)) border-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) border-box;border:1px solid transparent;border-bottom:0;box-shadow:0 4px 10px 2px var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet .c4p--tearsheet__container,:host(c4p-tearsheet) .c4p--tearsheet__container{transition:transform .24s cubic-bezier(0,0,.3,1),max-height .24s cubic-bezier(0,0,.3,1)}.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking),.c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking){max-height:calc(100% - 2rem)}.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking){max-height:calc(100% - 1rem)}.c4p--tearsheet .c4p--tearsheet__container--lower,:host(c4p-tearsheet) .c4p--tearsheet__container,:host(c4p-tearsheet) .c4p--tearsheet__container--lower{max-height:calc(100% - 5.5rem)}.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 .c4p--tearsheet__container--lower:not(.c4p--tearsheet__container--mixed-size-stacking),.c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 .c4p--tearsheet__container--lower:not(.c4p--tearsheet__container--mixed-size-stacking),:host(c4p-tearsheet) .c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking),:host(c4p-tearsheet) .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking){max-height:calc(100% - 4.5rem)}.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container--lower:not(.c4p--tearsheet__container--mixed-size-stacking),:host(c4p-tearsheet) .c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking){max-height:calc(100% - 3.5rem)}.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container{width:100%}.c4p--tearsheet.c4p--tearsheet--wide .c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive,:host(c4p-tearsheet) .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__buttons .c4p--action-set__action-button--expressive::slotted(cds-button),:host(c4p-tearsheet) .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__buttons .c4p--action-set__action-button.c4p--action-set__action-button--expressive,:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--tearsheet.c4p--tearsheet--wide .c4p--action-set .c4p--action-set__action-button--expressive::slotted(cds-button){height:5rem}@media (min-width:42rem){.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container{width:calc(100% - 8rem)}}.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2.is-visible .c4p--tearsheet__container,.c4p--tearsheet.c4p--tearsheet--stacked-2-of-3.is-visible .c4p--tearsheet__container{transform:scale(var(--c4p--tearsheet--stacking-scale-factor-single))}.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3.is-visible .c4p--tearsheet__container{transform:scale(var(--c4p--tearsheet--stacking-scale-factor-double))}.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header{background-color:var(--cds-layer);border-bottom:1px solid var(--cds-border-subtle-01,#c6c6c6);margin:0;padding:1.5rem 2rem}.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header{background-color:var(--cds-layer);border-bottom:1px solid var(--cds-border-subtle-01,#c6c6c6);margin:0;padding:1rem}.c4p--tearsheet .c4p--tearsheet__header-content,:host(c4p-tearsheet) .c4p--tearsheet__header-content{display:flex;justify-content:space-between}.c4p--tearsheet .c4p--tearsheet__header-fields,:host(c4p-tearsheet) .c4p--tearsheet__header-fields{flex:1 1 100%}.c4p--tearsheet .c4p--tearsheet__header-actions,:host(c4p-tearsheet) .c4p--tearsheet__header-actions{flex:0 0 auto;padding-left:1.5rem}.c4p--tearsheet .c4p--tearsheet__header-actions .cds--btn-set .cds--btn:not(:first-of-type),:host(c4p-tearsheet) .c4p--tearsheet__header-actions .cds--btn-set .cds--btn:not(:first-of-type){margin-left:.5rem}.c4p--tearsheet .c4p--tearsheet__header--no-close-icon,:host(c4p-tearsheet) .c4p--tearsheet__header--no-close-icon{display:none}.c4p--tearsheet.c4p--tearsheet--wide .cds--modal-header__heading.c4p--tearsheet__heading{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}.c4p--tearsheet .c4p--tearsheet__header-description,:host(c4p-tearsheet) .c4p--tearsheet__header-description{display:-webkit-box;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin-top:1rem;max-width:100%;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word}@media (min-width:42rem){.c4p--tearsheet .c4p--tearsheet__header-description,:host(c4p-tearsheet) .c4p--tearsheet__header-description{max-width:60%}}.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description{margin-top:.5rem}.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-nav{padding:1.5rem 2rem 0}.c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__header.c4p--tearsheet__header,.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon{padding-inline-end:5rem}.c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-ai-label .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon,.c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon{padding-inline-end:8rem}.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description{max-width:80%}.c4p--tearsheet .c4p--tearsheet__header-navigation,:host(c4p-tearsheet) .c4p--tearsheet__header-navigation{margin:.75rem 0 0}.c4p--tearsheet.c4p--tearsheet .c4p--tearsheet__body,:host(c4p-tearsheet) .c4p--tearsheet__body{display:flex;flex-direction:row;margin:0;padding:0}.c4p--tearsheet .c4p--tearsheet__resize-detector,:host(c4p-tearsheet) .c4p--tearsheet__resize-detector{height:0;width:100%}.c4p--tearsheet .c4p--tearsheet__influencer,:host(c4p-tearsheet) .c4p--tearsheet__influencer{border-right:1px solid var(--cds-border-subtle-01,#c6c6c6);flex:0 0 257px;overflow-y:auto}.c4p--tearsheet .c4p--tearsheet__influencer.c4p--tearsheet__influencer p,:host(c4p-tearsheet) .c4p--tearsheet__influencer.c4p--tearsheet__influencer p{padding-right:0}@media (max-width:41.98rem){.c4p--tearsheet .c4p--tearsheet__container,:host(c4p-tearsheet) .c4p--tearsheet__container{max-height:100%}.c4p--tearsheet .c4p--tearsheet__influencer,:host(c4p-tearsheet) .c4p--tearsheet__influencer{flex-basis:auto}}.c4p--tearsheet .c4p--tearsheet__influencer--wide,:host(c4p-tearsheet) .c4p--tearsheet__influencer--wide,:host(c4p-tearsheet) .c4p--tearsheet__influencer[wide]{flex-basis:321px}.c4p--tearsheet .c4p--tearsheet__right,:host(c4p-tearsheet) .c4p--tearsheet__right{display:grid;flex-grow:1;grid-template-columns:100%;grid-template-rows:1fr auto}.c4p--tearsheet .c4p--tearsheet__main,:host(c4p-tearsheet) .c4p--tearsheet__main{background-color:var(--cds-background,#fff);display:flex;flex-direction:row;grid-column:1/-1;grid-row:1/-1}.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__main{background-color:var(--cds-layer)}.c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer,:host(c4p-tearsheet) .c4p--tearsheet__main .c4p--tearsheet__influencer{border-left:1px solid var(--cds-border-subtle-01,#c6c6c6);border-right:none}.c4p--tearsheet .c4p--tearsheet__content,:host(c4p-tearsheet) .c4p--tearsheet__content{flex-grow:1;overflow:auto}.c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__content,.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__content{background:linear-gradient(to top,var(--c4p-ai-popover-background,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--c4p-ai-popover-background,var(--cds-ai-popover-background,#fff)),var(--c4p-ai-popover-background,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--c4p-ai-popover-background,var(--cds-ai-popover-background,#fff)),var(--c4p-ai-popover-background,var(--cds-ai-popover-background,#fff))) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1))}.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--date-picker__input,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--dropdown,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--dropdown-list,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--number input[type=number],.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination__control-buttons,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--search-input,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--select-input,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--text-area,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--text-input{background-color:var(--cds-field)}.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--select--inline .cds--select-input{background-color:transparent}.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--date-picker--light .cds--date-picker__input,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--dropdown--light,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--dropdown--light .cds--dropdown-list,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--number--light input[type=number],.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--search--light .cds--search-input,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--select--light .cds--select-input,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--text-area--light,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--text-input--light{background-color:var(--cds-field-02,#fff)}.c4p--tearsheet .c4p--tearsheet__button-container,:host(c4p-tearsheet) .c4p--tearsheet__button-container,:host(c4p-tearsheet) .c4p--tearsheet__buttons{grid-column:1/-1;grid-row:-1/-1;overflow-x:auto}.c4p--tearsheet .c4p--tearsheet__buttons,:host(c4p-tearsheet) .c4p--tearsheet__buttons{border-top:1px solid var(--cds-border-subtle-01,#c6c6c6);display:inline-flex;min-width:100%}.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__buttons{background:var(--cds-background,#fff)}.c4p--tearsheet.c4p--tearsheet--has-ai-label,.c4p--tearsheet.c4p--tearsheet--has-slug{--overlay-color:var(--cds-ai-overlay,rgba(0,17,65,.5))}.c4p--tearsheet.c4p--tearsheet--has-ai-label:not(.c4p--tearsheet--has-close) .cds--slug,.c4p--tearsheet.c4p--tearsheet--has-slug:not(.c4p--tearsheet--has-close) .cds--slug{inset-inline-end:0;margin-block:6px;margin-inline-end:1rem}:host(c4p-tearsheet){--content-padding:1rem}:host(c4p-tearsheet) .c4p--tearsheet__content,:host(c4p-tearsheet) .c4p--tearsheet__header,:host(c4p-tearsheet) .c4p--tearsheet__influencer{padding:var(--content-padding)}:host(c4p-tearsheet) .c4p--tearsheet__container{max-block-size:calc(100% - 5.5rem)}:host(c4p-tearsheet) .c4p--tearsheet__container[stack-position=\"1\"][stack-depth=\"2\"],:host(c4p-tearsheet) .c4p--tearsheet__container[stack-position=\"2\"][stack-depth=\"3\"]{max-block-size:calc(100% - 4.5rem);transform:scale(var(--c4p--tearsheet--stacking-scale-factor-single))}:host(c4p-tearsheet) .c4p--tearsheet__container[stack-position=\"1\"][stack-depth=\"3\"]{max-block-size:calc(100% - 3.5rem);transform:scale(var(--c4p--tearsheet--stacking-scale-factor-double))}:host(c4p-tearsheet) .c4p--tearsheet__buttons{background:var(--cds-background,#fff);display:flex;inline-size:100%}:host(c4p-tearsheet) .c4p--tearsheet__buttons[hidden]{display:none}:host(c4p-tearsheet) .c4p--tearsheet__buttons ::slotted(cds-button){block-size:5rem;flex:0 1 25%;max-inline-size:14.5rem}:host(c4p-tearsheet) .c4p--tearsheet__buttons ::slotted(cds-button[kind=ghost]){flex:1 1 25%;max-inline-size:none}:host(c4p-tearsheet) .c4p--tearsheet__buttons ::slotted(cds-button[hidden]){display:none}:host(c4p-tearsheet) ::slotted(cds-slug){display:flex;inset-inline-end:0;margin-block:6px;margin-inline-end:1rem}:host(c4p-tearsheet[open]){--overlay-color:var(--cds-overlay,hsla(0,0%,9%,.5));--overlay-opacity:1;align-items:flex-end;background:initial;opacity:1;transition:visibility 0s linear;visibility:inherit;z-index:9000}:host(c4p-tearsheet[open]) .c4p--tearsheet__container{transform:translateZ(0);transition:transform .24s cubic-bezier(0,0,.3,1)}@media (prefers-reduced-motion:reduce){:host(c4p-tearsheet[open]){transition:none}}:host(c4p-tearsheet[open]):before{background:var(--overlay-color);content:\"\";display:block;inset:0;opacity:var(--overlay-opacity);position:absolute;transition:background-color .24s cubic-bezier(.4,.14,1,1),opacity .24s cubic-bezier(.4,.14,1,1)}@media (prefers-reduced-motion:reduce){:host(c4p-tearsheet[open]):before{transition:none}}:host(c4p-tearsheet[open]):before[stack-position=\"1\"][stack-depth=\"2\"]{--overlay-opacity:0.67}:host(c4p-tearsheet[open]):before[stack-position=\"1\"][stack-depth=\"3\"]{--overlay-opacity:0.22}:host(c4p-tearsheet[open]):before[stack-position=\"2\"][stack-depth=\"3\"]{--overlay-opacity:0.5}:host(c4p-tearsheet[open]):before[stack-position=\"2\"][stack-depth=\"2\"],:host(c4p-tearsheet[open]):before[stack-position=\"3\"][stack-depth=\"3\"]{--overlay-opacity:0.5}:host(c4p-tearsheet[slug]){--overlay-color:var(--cds-ai-overlay,rgba(0,17,65,.5))}:host(c4p-tearsheet[slug]) .c4p--tearsheet__container{background:linear-gradient(to top,var(--cds-layer),var(--cds-layer)) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,#78a9ff),var(--cds-ai-border-end,#d0e2ff)) border-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) border-box;border:1px solid transparent;border-block-end:0;box-shadow:0 24px 40px -24px var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}:host(c4p-tearsheet[slug]) .c4p--tearsheet__content{background:linear-gradient(to top,var(--c4p-ai-popover-background,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--c4p-ai-popover-background,var(--cds-ai-popover-background,#fff)),var(--c4p-ai-popover-background,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--c4p-ai-popover-background,var(--cds-ai-popover-background,#fff)),var(--c4p-ai-popover-background,var(--cds-ai-popover-background,#fff))) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1))}:host(c4p-tearsheet[slug]) .c4p--tearsheet__header[has-actions] ::slotted(c4p-slug){inset-inline-end:0}:host(c4p-tearsheet[stack-position=\"1\"][stack-depth=\"2\"]),:host(c4p-tearsheet[stack-position=\"2\"][stack-depth=\"3\"]){z-index:8999}:host(c4p-tearsheet[stack-position=\"1\"][stack-depth=\"3\"]){z-index:8998}:host(c4p-tearsheet[width=narrow]) .c4p--tearsheet__header{background-color:var(--cds-layer);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);margin:0}:host(c4p-tearsheet[width=narrow]) .c4p--tearsheet__header-description{margin-block-start:.5rem;max-inline-size:80%}:host(c4p-tearsheet[width=narrow]) .c4p--tearsheet__main{background-color:var(--cds-layer)}:host(c4p-tearsheet[width=wide]){--content-padding:1.5rem 2rem}:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__header{background-color:var(--cds-layer);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);margin:0}:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__header[has-navigation]{padding-block-end:0}:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__container{inline-size:100%}@media (min-width:42rem){:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__container{inline-size:calc(100% - 8rem)}}:host(c4p-tearsheet[width=wide]) .cds--modal-header__heading.c4p--tearsheet__heading{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__header[has-close-icon],:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__header[has-slug]{padding-inline-end:5rem}:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__header[has-close-icon][has-slug]{padding-inline-end:8rem}:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__header-navigation{margin-inline-start:-1rem;max-block-size:2.5rem}:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--date-picker__input,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--dropdown,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--dropdown-list,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--number input[type=number],:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--pagination,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--pagination__control-buttons,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--search-input,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--select-input,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--text-area,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--text-input{background-color:var(--cds-field)}:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--select--inline .cds--select-input{background-color:transparent}:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--date-picker--light .cds--date-picker__input,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--dropdown--light,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--dropdown--light .cds--dropdown-list,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--number--light input[type=number],:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--search--light .cds--search-input,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--select--light .cds--select-input,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--text-area--light,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--text-input--light{background-color:var(--cds-field-02,#fff)}:host(c4p-tearsheet[width=wide]) .c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive,:host(c4p-tearsheet[width=wide]):host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set__action-button--expressive::slotted(cds-button),:host(c4p-tearsheet[width=wide]):host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set__action-button.c4p--action-set__action-button--expressive{block-size:5rem}:host(c4p-tearsheet[width=narrow]) .c4p--tearsheet__buttons[actions-multiple=double] ::slotted(cds-button),:host(c4p-tearsheet[width=narrow]) .c4p--tearsheet__buttons[actions-multiple=single] ::slotted(cds-button){flex:0 1 50%;max-inline-size:none}:host(c4p-tearsheet[width=narrow]) .c4p--tearsheet__buttons ::slotted(cds-button){block-size:4rem}"]);
|
10
|
+
var styles = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-heading-06-font-size,2.625rem);font-weight:var(--cds-heading-06-font-weight,300);letter-spacing:var(--cds-heading-06-letter-spacing,0);line-height:var(--cds-heading-06-line-height,1.199)}h2{font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);letter-spacing:var(--cds-heading-05-letter-spacing,0);line-height:var(--cds-heading-05-line-height,1.25)}h3{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}h4{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}h5{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);letter-spacing:var(--cds-heading-02-letter-spacing,0);line-height:var(--cds-heading-02-line-height,1.5)}h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}p{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}a{color:var(--cds-link-primary,#0062fe)}em{font-style:italic}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden,:host(c4p-tearsheet) .c4p--tearsheet__buttons ::slotted(cds-button[hidden]),:host(c4p-tearsheet) .c4p--tearsheet__buttons[hidden],:host(c4p-tearsheet[hidden]){block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--popover-container{display:inline-block}.cds--popover-container:not(.cds--popover--auto-align){position:relative}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse,#393939);--cds-popover-text-color:var(--cds-text-inverse,#fff)}.cds--popover--drop-shadow .cds--popover>.cds--popover-content{filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{filter:var(--cds-popover-drop-shadow,none);inset:0;pointer-events:none;position:absolute;z-index:6000}.cds--popover-content{--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;background-color:var(--cds-popover-background-color,var(--cds-layer));border:0;border-radius:var(--cds-popover-border-radius,2px);box-sizing:border-box;color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));display:none;font-family:inherit;font-size:100%;inline-size:-moz-max-content;inline-size:max-content;margin:0;max-inline-size:23rem;padding:0;pointer-events:auto;position:absolute;vertical-align:baseline;z-index:6000}.cds--layout--size-sm .cds--popover-content{--cds-layout-size-height:var(--cds-layout-size-height-sm)}.cds--layout--size-md .cds--popover-content{--cds-layout-size-height:var(--cds-layout-size-height-md)}.cds--layout--size-lg .cds--popover-content{--cds-layout-size-height:var(--cds-layout-size-height-lg)}.cds--popover-content *,.cds--popover-content :after,.cds--popover-content :before{box-sizing:inherit}.cds--popover--open>.cds--popover>.cds--popover-content{display:block}.cds--popover-content:before{content:\"\";display:none;position:absolute}.cds--popover--open>.cds--popover>.cds--popover-content:before{display:block}.cds--popover--auto-align.cds--popover-caret,.cds--popover-caret{background-color:var(--cds-popover-background-color,var(--cds-layer));display:none;position:absolute;will-change:transform;z-index:6000}.cds--popover--auto-align.cds--popover--caret.cds--popover--open>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--caret.cds--popover--open>.cds--popover>.cds--popover-caret{display:block}.cds--popover--tab-tip>.cds--popover>.cds--popover-caret{display:none}.cds--popover--bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,calc(100% + var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{transform:translate(50%,calc(100% + var(--cds-popover-offset, 0rem)))}.cds--popover--bottom-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-start:0;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(100% + var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--bottom-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:0;inset-inline-start:auto}.cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--bottom-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-end:0;transform:translate(var(--cds-popover-offset,0),calc(100% + var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--bottom-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-start:0}.cds--popover--bottom-end>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-left>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-right>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-start>.cds--popover>.cds--popover-content:before,.cds--popover--bottom>.cds--popover>.cds--popover-content:before{block-size:var(--cds-popover-offset,0);inset-block-start:0;inset-inline:0;transform:translateY(-100%)}.cds--popover--bottom-end>.cds--popover>.cds--popover-caret,.cds--popover--bottom-left>.cds--popover>.cds--popover-caret,.cds--popover--bottom-right>.cds--popover>.cds--popover-caret,.cds--popover--bottom-start>.cds--popover>.cds--popover-caret,.cds--popover--bottom>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,var(--cds-popover-offset,0))}[dir=rtl] .cds--popover--bottom-end>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-left>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-right>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-start>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom>.cds--popover>.cds--popover-caret{transform:translate(50%,var(--cds-popover-offset,0))}.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{transform:translate(50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--popover--top-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-start:0;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:0;inset-inline-start:auto}.cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--top-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-end:0;transform:translate(var(--cds-popover-offset,0),calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-start:0}.cds--popover--top-end>.cds--popover>.cds--popover-content:before,.cds--popover--top-left>.cds--popover>.cds--popover-content:before,.cds--popover--top-right>.cds--popover>.cds--popover-content:before,.cds--popover--top-start>.cds--popover>.cds--popover-content:before,.cds--popover--top>.cds--popover>.cds--popover-content:before{block-size:var(--cds-popover-offset,0);inset-block-end:0;inset-inline:0;transform:translateY(100%)}.cds--popover--top-end>.cds--popover>.cds--popover-caret,.cds--popover--top-left>.cds--popover>.cds--popover-caret,.cds--popover--top-right>.cds--popover>.cds--popover-caret,.cds--popover--top-start>.cds--popover>.cds--popover-caret,.cds--popover--top>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}[dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),-50%)}.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5*-1 - 16px))}.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5 + 16px))}[dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:100%;inset-inline-start:auto}.cds--popover--right-bottom>.cds--popover>.cds--popover-content:before,.cds--popover--right-end>.cds--popover>.cds--popover-content:before,.cds--popover--right-start>.cds--popover>.cds--popover-content:before,.cds--popover--right-top>.cds--popover>.cds--popover-content:before,.cds--popover--right>.cds--popover>.cds--popover-content:before{inline-size:var(--cds-popover-offset,0);inset-block:0;inset-inline-start:0;transform:translateX(-100%)}.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-start:100%;transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%),-50%)}[dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{inset-inline-end:100%;inset-inline-start:auto}.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + .1px),-50%)}.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*-.5 - 16px))}.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*.5 + 16px))}[dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:auto;inset-inline-start:100%}.cds--popover--left-bottom>.cds--popover>.cds--popover-content:before,.cds--popover--left-end>.cds--popover>.cds--popover-content:before,.cds--popover--left-start>.cds--popover>.cds--popover-content:before,.cds--popover--left-top>.cds--popover>.cds--popover-content:before,.cds--popover--left>.cds--popover>.cds--popover-content:before{inline-size:var(--cds-popover-offset,0);inset-block:0;inset-inline-end:0;transform:translateX(100%)}.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + 100%),-50%)}[dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{inset-inline-end:auto;inset-inline-start:100%}.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--tab-tip>.cds--popover>.cds--popover-content{border-radius:0}.cds--popover--tab-tip .cds--popover{will-change:filter}.cds--popover--tab-tip__button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;block-size:2rem;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:inline-flex;font-family:inherit;font-size:100%;inline-size:100%;inline-size:2rem;justify-content:center;margin:0;padding:0;position:relative;text-align:start;vertical-align:baseline}.cds--popover--tab-tip__button *,.cds--popover--tab-tip__button :after,.cds--popover--tab-tip__button :before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus):after{background:var(--cds-layer);block-size:2px;content:\"\";inline-size:100%;inset-block-end:0;position:absolute;z-index:6001}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}.cds--tooltip{--cds-popover-offset:12px}.cds--tooltip-content{color:var(--cds-text-inverse,#fff);font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);max-inline-size:18rem;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem)}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--definition-term{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-block-end:1px dotted var(--cds-border-strong);border-radius:0;box-sizing:border-box;color:var(--cds-text-primary,#161616);cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds--definition-term *,.cds--definition-term :after,.cds--definition-term :before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term:focus{border-block-end-color:var(--cds-border-interactive,#0f62fe);outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-block-end-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);max-inline-size:11rem;padding:.5rem 1rem}.cds--btn{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-sm)),var(--cds-layout-size-height,var(--cds-layout-size-height-lg)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-2xl)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));--temp-1lh:(var(--cds-body-compact-01-line-height,1.28572) * 1em);--temp-expressive-1lh:(var(--cds-body-compact-02-line-height,1.375) * 1em);--temp-padding-block-max:calc((var(--cds-layout-size-height-lg) - var(--temp-1lh))/2 - 0.0625rem);border:0;border-radius:0;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:100%;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:-moz-max-content;inline-size:max-content;justify-content:space-between;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin:0;max-inline-size:20rem;min-block-size:var(--cds-layout-size-height-local);outline:none;padding:0;padding-block:min((var(--cds-layout-size-height-local) - var(--temp-1lh))/2 - .0625rem,var(--temp-padding-block-max));padding-inline:calc(var(--cds-layout-density-padding-inline-local) - .0625rem) calc(var(--cds-layout-density-padding-inline-local)*3 + .9375rem);position:relative;text-align:start;text-decoration:none;transition:background 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9),border-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9);vertical-align:baseline;vertical-align:top}.cds--btn *,.cds--btn :after,.cds--btn :before{box-sizing:inherit}.cds--btn.cds--btn--disabled,.cds--btn.cds--btn--disabled:focus,.cds--btn.cds--btn--disabled:hover,.cds--btn:disabled,.cds--btn:focus:disabled,.cds--btn:hover:disabled{background:var(--cds-button-disabled,#c6c6c6);border-color:var(--cds-button-disabled,#c6c6c6);box-shadow:none;color:var(--cds-text-on-color-disabled,#8d8d8d);cursor:not-allowed}.cds--btn .cds--btn__icon{block-size:1rem;flex-shrink:0;inline-size:1rem;inset-block-start:min((var(--cds-layout-size-height-local) - 1rem)/2 - .0625rem,var(--temp-padding-block-max));inset-inline-end:var(--cds-layout-density-padding-inline-local);margin-block-start:.0625rem;position:absolute}.cds--btn::-moz-focus-inner{border:0;padding:0}.cds--btn--primary{background-color:var(--cds-button-primary,#0f62fe);border:1px solid transparent;color:var(--cds-text-on-color,#fff)}.cds--btn--primary:hover{background-color:var(--cds-button-primary-hover,#0050e6)}.cds--btn--primary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--primary:active{background-color:var(--cds-button-primary-active,#002d9c)}.cds--btn--primary .cds--btn__icon,.cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--primary:hover,.cds--btn--secondary{color:var(--cds-text-on-color,#fff)}.cds--btn--secondary{background-color:var(--cds-button-secondary,#393939);border:1px solid transparent}.cds--btn--secondary:hover{background-color:var(--cds-button-secondary-hover,#474747)}.cds--btn--secondary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--secondary:active{background-color:var(--cds-button-secondary-active,#6f6f6f)}.cds--btn--secondary .cds--btn__icon,.cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--secondary:focus,.cds--btn--secondary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--tertiary{background-color:transparent;border-color:var(--cds-button-tertiary,#0f62fe);border-style:solid;border-width:1px;color:var(--cds-button-tertiary,#0f62fe)}.cds--btn--tertiary:hover{background-color:var(--cds-button-tertiary-hover,#0050e6)}.cds--btn--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--tertiary .cds--btn__icon,.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--tertiary:focus,.cds--btn--tertiary:hover{color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:focus{background-color:var(--cds-button-tertiary,#0f62fe)}.cds--btn--tertiary:active{background-color:var(--cds-button-tertiary-active,#002d9c);border-color:transparent;color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary.cds--btn--disabled,.cds--btn--tertiary.cds--btn--disabled:focus,.cds--btn--tertiary.cds--btn--disabled:hover,.cds--btn--tertiary:disabled,.cds--btn--tertiary:focus:disabled,.cds--btn--tertiary:hover:disabled{background:transparent;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:none}.cds--btn--ghost{background-color:transparent;border:1px solid transparent;color:var(--cds-link-primary,#0f62fe);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.cds--btn--ghost:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12))}.cds--btn--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--ghost .cds--btn__icon,.cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--ghost .cds--btn__icon{margin-inline-start:.5rem;position:static}.cds--btn--ghost:active,.cds--btn--ghost:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--btn--ghost:active{background-color:var(--cds-background-active,hsla(0,0%,55%,.5))}.cds--btn--ghost.cds--btn--disabled,.cds--btn--ghost.cds--btn--disabled:focus,.cds--btn--ghost.cds--btn--disabled:hover,.cds--btn--ghost:disabled,.cds--btn--ghost:focus:disabled,.cds--btn--ghost:hover:disabled{background:transparent;border-color:transparent;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:none}.cds--btn--ghost:not([disabled]) svg{fill:var(--cds-icon-primary,#161616)}.cds--btn--icon-only{block-size:var(--cds-layout-size-height-local);inline-size:var(--cds-layout-size-height-local);justify-content:center;padding:0;padding-block-start:min((var(--cds-layout-size-height-local) - 1rem)/2 - .0625rem,var(--temp-padding-block-max))}.cds--btn--icon-only>:first-child{min-inline-size:1rem}.cds--btn--icon-only .cds--btn__icon{position:static}.cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--icon-only.cds--btn--ghost .cds--btn__icon{margin:0}.cds--btn--icon-only.cds--btn--danger--ghost{padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 1rem)}.cds--btn--md:not(.cds--btn--icon-only) .cds--btn__icon,.cds--btn--sm:not(.cds--btn--icon-only) .cds--btn__icon{margin-block-start:0}.cds--btn--icon-only.cds--btn--selected{background:var(--cds-background-selected,hsla(0,0%,55%,.2))}.cds--btn path[data-icon-path=inner-path]{fill:none}.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:var(--cds-icon-primary,#161616)}.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),.cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn--ghost.cds--btn--icon-only[disabled],.cds--icon-tooltip--disabled .cds--tooltip-trigger__wrapper{cursor:not-allowed}.cds--icon-tooltip--disabled .cds--btn--icon-only[disabled]{pointer-events:none}.cds--btn--danger{background-color:var(--cds-button-danger-primary,#da1e28);border:1px solid transparent;color:var(--cds-text-on-color,#fff)}.cds--btn--danger:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger .cds--btn__icon,.cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary{background-color:transparent;border-color:var(--cds-button-danger-secondary,#da1e28);border-style:solid;border-width:1px;color:var(--cds-button-danger-secondary,#da1e28)}.cds--btn--danger--tertiary:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--tertiary .cds--btn__icon,.cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--tertiary:hover{border-color:var(--cds-button-danger-hover,#b81921);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:focus{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:active{background-color:var(--cds-button-danger-active,#750e13);border-color:var(--cds-button-danger-active,#750e13);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary.cds--btn--disabled,.cds--btn--danger--tertiary.cds--btn--disabled:focus,.cds--btn--danger--tertiary.cds--btn--disabled:hover,.cds--btn--danger--tertiary:disabled,.cds--btn--danger--tertiary:focus:disabled,.cds--btn--danger--tertiary:hover:disabled{background:transparent;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:none}.cds--btn--danger--ghost{background-color:transparent;border:1px solid transparent;color:var(--cds-button-danger-secondary,#da1e28);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.cds--btn--danger--ghost:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--ghost:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--ghost .cds--btn__icon{margin-inline-start:.5rem;position:static}.cds--btn--danger--ghost:active,.cds--btn--danger--ghost:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--ghost.cds--btn--disabled,.cds--btn--danger--ghost.cds--btn--disabled:focus,.cds--btn--danger--ghost.cds--btn--disabled:hover,.cds--btn--danger--ghost:disabled,.cds--btn--danger--ghost:focus:disabled,.cds--btn--danger--ghost:hover:disabled{background:transparent;border-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));outline:none}.cds--btn--expressive{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);line-height:var(--cds-body-compact-02-line-height,1.375);padding-block:min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh))/2 - .0625rem,var(--temp-padding-block-max))}.cds--btn--icon-only.cds--btn--expressive{padding:12px 13px}.cds--btn.cds--btn--expressive .cds--btn__icon{block-size:1.25rem;inline-size:1.25rem}.cds--btn-set .cds--btn.cds--btn--expressive{max-inline-size:20rem}.cds--btn.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;inline-size:9.375rem;padding:0;pointer-events:none;position:relative}.cds--btn.cds--skeleton:active,.cds--btn.cds--skeleton:focus,.cds--btn.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--btn.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--btn.cds--skeleton:before{animation:none}}.cds--btn-set{display:flex}.cds--btn-set--stacked{flex-direction:column}.cds--btn-set .cds--btn{inline-size:100%;max-inline-size:12.25rem}.cds--btn-set .cds--btn:not(:focus){box-shadow:-.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set .cds--btn:first-of-type:not(:focus),.cds--btn-set .cds--btn:focus+.cds--btn{box-shadow:inherit}.cds--btn-set--stacked .cds--btn:not(:focus){box-shadow:0 -.0625rem 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set--stacked .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn.cds--btn--disabled{box-shadow:-.0625rem 0 0 0 var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn-set .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}.cds--btn-set--stacked .cds--btn.cds--btn--disabled{box-shadow:0 -.0625rem 0 0 var(--cds-layer-selected-disabled,#8d8d8d)}.cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}.cds--btn-set .cds--btn.cds--btn--loading{background-color:transparent;border-color:transparent;box-shadow:none}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--btn:focus{color:Highlight;outline:1px solid Highlight}.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:ButtonText}}[dir=rtl] .cds--btn-set .cds--btn:not(:focus){box-shadow:.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds--modal,:host(c4p-tearsheet){align-items:center;background-color:var(--cds-overlay,hsla(0,0%,9%,.5));block-size:100vh;content:\"\";display:flex;inline-size:100vw;inset-block-start:0;inset-inline-start:0;justify-content:center;opacity:0;position:fixed;transition:opacity .24s cubic-bezier(.4,.14,1,1),visibility 0s linear .24s;visibility:hidden;z-index:9000}.cds--modal.is-visible{opacity:1;transition:opacity .24s cubic-bezier(0,0,.3,1),visibility 0s linear;visibility:inherit}@media screen and (prefers-reduced-motion:reduce){.cds--modal.is-visible{transition:none}}.cds--modal .cds--date-picker--fluid .ccdsds--date-picker-input__wrapper .cds--date-picker__input,.cds--modal .cds--list-box__wrapper--fluid .cds--list-box,.cds--modal .cds--list-box__wrapper--fluid.cds--list-box__wrapper,.cds--modal .cds--number-input--fluid .cds--number__control-btn:after,.cds--modal .cds--number-input--fluid .cds--number__control-btn:before,.cds--modal .cds--number-input--fluid input[type=number],.cds--modal .cds--search--fluid .cds--search-input,.cds--modal .cds--select--fluid .cds--select-input,.cds--modal .cds--text-area--fluid .cds--text-area,.cds--modal .cds--text-area--fluid .cds--text-area__wrapper,.cds--modal .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider+.cds--form-requirement,.cds--modal .cds--text-input--fluid .cds--text-input,:host(c4p-tearsheet) .cds--date-picker--fluid .ccdsds--date-picker-input__wrapper .cds--date-picker__input,:host(c4p-tearsheet) .cds--list-box__wrapper--fluid .cds--list-box,:host(c4p-tearsheet) .cds--list-box__wrapper--fluid.cds--list-box__wrapper,:host(c4p-tearsheet) .cds--number-input--fluid .cds--number__control-btn:after,:host(c4p-tearsheet) .cds--number-input--fluid .cds--number__control-btn:before,:host(c4p-tearsheet) .cds--number-input--fluid input[type=number],:host(c4p-tearsheet) .cds--search--fluid .cds--search-input,:host(c4p-tearsheet) .cds--select--fluid .cds--select-input,:host(c4p-tearsheet) .cds--text-area--fluid .cds--text-area,:host(c4p-tearsheet) .cds--text-area--fluid .cds--text-area__wrapper,:host(c4p-tearsheet) .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider+.cds--form-requirement,:host(c4p-tearsheet) .cds--text-input--fluid .cds--text-input{background-color:var(--cds-field-01,#f4f4f4)}.cds--modal .cds--list-box__wrapper--fluid .cds--list-box__menu,:host(c4p-tearsheet) .cds--list-box__wrapper--fluid .cds--list-box__menu{background-color:var(--cds-layer-01,#f4f4f4)}.cds--modal .cds--list-box__menu-item:hover,:host(c4p-tearsheet) .cds--list-box__menu-item:hover{background-color:var(--cds-layer-hover-02,#e8e8e8)}.cds--modal .cds--list-box__menu-item--active,:host(c4p-tearsheet) .cds--list-box__menu-item--active{background-color:var(--cds-layer-selected-02,#e0e0e0)}.cds--modal .cds--list-box__menu-item--active:hover,:host(c4p-tearsheet) .cds--list-box__menu-item--active:hover{background-color:var(--cds-layer-selected-hover-02,#d1d1d1)}.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover:after,.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover:before,:host(c4p-tearsheet) .cds--number-input--fluid .cds--number__control-btn:hover:after,:host(c4p-tearsheet) .cds--number-input--fluid .cds--number__control-btn:hover:before{background-color:var(--cds-field-hover)}.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus:after,.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus:before,:host(c4p-tearsheet) .cds--number-input--fluid .cds--number__control-btn:focus:after,:host(c4p-tearsheet) .cds--number-input--fluid .cds--number__control-btn:focus:before{border-inline-start:2px solid var(--cds-focus,#0f62fe)}.cds--modal.is-visible .cds--modal-container{transform:translateZ(0);transition:transform .24s cubic-bezier(0,0,.3,1)}.cds--modal-container{background-color:var(--cds-layer);block-size:100%;display:grid;grid-template-columns:100%;grid-template-rows:auto 1fr auto;inline-size:100%;inset-block-start:0;max-block-size:100%;outline:3px solid transparent;outline-offset:-3px;position:fixed;transform:translate3d(0,-24px,0);transform-origin:top center;transition:transform .24s cubic-bezier(.4,.14,1,1)}@media (min-width:42rem){.cds--modal-container{block-size:auto;inline-size:84%;max-block-size:90%;position:static}}@media (min-width:66rem){.cds--modal-container{inline-size:60%;max-block-size:84%}}@media (min-width:82rem){.cds--modal-container{inline-size:48%}}.cds--modal-container .cds--modal-container-body{display:contents}.cds--modal-content{color:var(--cds-text-primary,#161616);font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);font-weight:400;grid-column:1/-1;grid-row:2/-2;letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);overflow-y:auto;padding-block:.5rem 3rem;padding-inline:1rem 1rem;position:relative}.cds--modal-content:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--modal-content:focus{outline-style:dotted}}.cds--modal-content .cds--form--fluid{margin-inline:-2rem}.cds--modal-content>p,.cds--modal-content__regular-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);padding-inline-end:calc(20% - 2rem)}.cds--modal-content--with-form{padding-inline-end:1rem}.cds--modal-header{grid-column:1/-1;grid-row:1/1;margin-block-end:.5rem;padding-block-start:1rem;padding-inline:1rem 3rem}.cds--modal-header__label{border:0;box-sizing:border-box;color:var(--cds-text-secondary,#525252);font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:0;margin-block-end:.25rem;padding:0;vertical-align:baseline}.cds--modal-header__label *,.cds--modal-header__label :after,.cds--modal-header__label :before{box-sizing:inherit}.cds--modal-header__heading{border:0;box-sizing:border-box;color:var(--cds-text-primary,#161616);font-family:inherit;font-size:100%;font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4);margin:0;padding:0;padding-inline-end:calc(20% - 3rem);vertical-align:baseline}.cds--modal-header__heading *,.cds--modal-header__heading :after,.cds--modal-header__heading :before{box-sizing:inherit}.cds--modal-container--xs .cds--modal-content__regular-content{padding-inline-end:1rem}.cds--modal-container--xs .cds--modal-content>p{padding-inline-end:0}@media (min-width:42rem){.cds--modal-container--xs{inline-size:48%}}@media (min-width:66rem){.cds--modal-container--xs{inline-size:32%;max-block-size:48%}}@media (min-width:82rem){.cds--modal-container--xs{inline-size:24%}}.cds--modal-container--sm .cds--modal-content__regular-content{padding-inline-end:1rem}.cds--modal-container--sm .cds--modal-content>p{padding-inline-end:0}@media (min-width:42rem){.cds--modal-container--sm{inline-size:60%}}@media (min-width:66rem){.cds--modal-container--sm{inline-size:42%;max-block-size:72%}.cds--modal-container--sm .cds--modal-content>p,.cds--modal-container--sm .cds--modal-content__regular-content{padding-inline-end:20%}}@media (min-width:82rem){.cds--modal-container--sm{inline-size:36%}}@media (min-width:42rem){.cds--modal-container--lg{inline-size:96%}}@media (min-width:66rem){.cds--modal-container--lg{inline-size:84%;max-block-size:96%}}@media (min-width:82rem){.cds--modal-container--lg{inline-size:72%}}.cds--modal-scroll-content{border-block-end:2px solid transparent;-webkit-mask-image:linear-gradient(to bottom,var(--cds-layer) calc(100% - 80px),transparent calc(100% - 48px),transparent 100%),linear-gradient(to left,var(--cds-layer) 0,16px,transparent 16px),linear-gradient(to right,var(--cds-layer) 0,2px,transparent 2px),linear-gradient(to top,var(--cds-layer) 0,2px,transparent 2px);mask-image:linear-gradient(to bottom,var(--cds-layer) calc(100% - 80px),transparent calc(100% - 48px),transparent 100%),linear-gradient(to left,var(--cds-layer) 0,16px,transparent 16px),linear-gradient(to right,var(--cds-layer) 0,2px,transparent 2px),linear-gradient(to top,var(--cds-layer) 0,2px,transparent 2px)}.cds--modal-scroll-content:has(.cds--autoalign){-webkit-mask-image:none;mask-image:none}.cds--modal-scroll-content>:last-child{margin-block-end:1.5rem}.cds--modal-footer{block-size:4rem;display:flex;grid-column:1/-1;grid-row:-1/-1;justify-content:flex-end;margin-block-start:auto}.cds--modal-footer .cds--btn{align-items:baseline;block-size:4rem;flex:0 1 50%;margin:0;max-inline-size:none}.cds--modal-footer .cds--btn:not(.cds--skeleton){padding-block:.875rem 2rem}.cds--modal-footer--three-button .cds--btn{align-items:flex-start;flex:0 1 25%}.cds--modal-close-button{inset-block-start:0;inset-inline-end:0;position:absolute}.cds--modal-close{background-color:transparent;block-size:3rem;border:2px solid transparent;cursor:pointer;inline-size:3rem;padding:.75rem;transition:background-color .11s cubic-bezier(.2,0,.38,.9)}.cds--modal-close:hover{background-color:var(--cds-layer-hover)}.cds--modal-close:focus{border-color:var(--cds-focus,#0f62fe);outline:none}.cds--modal-close::-moz-focus-inner{border:0}.cds--modal-close__icon{block-size:1.25rem;fill:var(--cds-icon-primary,#161616);inline-size:1.25rem}.cds--body--with-modal-open{overflow:hidden}.cds--body--with-modal-open .cds--modal .cds--overflow-menu-options,.cds--body--with-modal-open .cds--modal .cds--tooltip,.cds--body--with-modal-open .cds--overflow-menu-options,.cds--body--with-modal-open :host(c4p-tearsheet) .cds--tooltip{z-index:9000}.cds--modal-container--full-width .cds--modal-content{margin:0;padding:0}.cds--modal--slug.cds--modal{background-color:var(--cds-ai-overlay,rgba(0,17,65,.5))}.cds--modal--slug .cds--modal-container{background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box;background-color:var(--cds-layer);border:1px solid transparent;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 24px 40px -24px var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.cds--modal--slug .cds--modal-container:has(.cds--modal-footer){background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 64px,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 64px,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box;box-shadow:inset 0 -80px 0 -16px var(--cds-layer),inset 0 -160px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 24px 40px -24px var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.cds--modal--slug .cds--modal-content.cds--modal-scroll-content{-webkit-mask-image:linear-gradient(to bottom,var(--cds-layer) calc(100% - 80px),transparent calc(100% - 48px),transparent 100%),linear-gradient(to left,var(--cds-layer) 0,16px,transparent 16px),linear-gradient(to right,var(--cds-layer) 0,2px,transparent 2px),linear-gradient(to top,var(--cds-layer) 0,2px,transparent 2px);mask-image:linear-gradient(to bottom,var(--cds-layer) calc(100% - 80px),transparent calc(100% - 48px),transparent 100%),linear-gradient(to left,var(--cds-layer) 0,16px,transparent 16px),linear-gradient(to right,var(--cds-layer) 0,2px,transparent 2px),linear-gradient(to top,var(--cds-layer) 0,2px,transparent 2px)}.cds--modal--slug .cds--modal-container-body>.cds--slug,.cds--modal-header>.cds--modal-close-button~.cds--slug,.cds--modal-header>.cds--slug:has(+.cds--modal-close-button){inset-block-start:.625rem;inset-inline-end:3rem;position:absolute}.cds--modal--slug .cds--modal-content--overflow-indicator,.cds--modal--slug .cds--modal-content--overflow-indicator:before{display:none}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--modal-close__icon{fill:ButtonText}.cds--modal-close:focus{color:Highlight;outline:1px solid Highlight}}.c4p--action-set,:host(c4p-tearsheet) .c4p--tearsheet__buttons{align-items:stretch;background-color:var(--cds-layer-01,#f4f4f4);justify-content:flex-end}.c4p--action-set .c4p--action-set__action-button,:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set__action-button,:host(c4p-tearsheet) .c4p--tearsheet__buttons ::slotted(cds-button){align-items:center;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);margin:0}.c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive,:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set__action-button--expressive::slotted(cds-button),:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set__action-button.c4p--action-set__action-button--expressive{height:4rem;padding-bottom:2rem;padding-top:1rem}.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn,.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive,:host(c4p-tearsheet) .c4p--action-set.cds--btn-set .c4p--tearsheet__buttons .cds--btn::slotted(cds-button),:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set.cds--btn-set .cds--btn::slotted(cds-button),:host(c4p-tearsheet) .cds--btn-set.c4p--tearsheet__buttons .c4p--action-set__action-button.cds--btn,:host(c4p-tearsheet) .cds--btn-set.c4p--tearsheet__buttons .cds--btn::slotted(cds-button){max-width:none}.c4p--action-set:not(.c4p--action-set--stacking) .c4p--action-set__action-button--ghost,:host(c4p-tearsheet) .c4p--tearsheet__buttons:not(.c4p--action-set--stacking) .c4p--action-set__action-button--ghost{padding-left:2rem}.c4p--action-set.c4p--action-set--row-single .c4p--action-set__action-button--ghost,.c4p--action-set.c4p--action-set--row-single.c4p--action-set--md .c4p--action-set__action-button,:host(c4p-tearsheet) .c4p--action-set--row-single.c4p--action-set--md.c4p--tearsheet__buttons .c4p--action-set__action-button,:host(c4p-tearsheet) .c4p--action-set--row-single.c4p--action-set--md.c4p--tearsheet__buttons ::slotted(cds-button),:host(c4p-tearsheet) .c4p--action-set--row-single.c4p--tearsheet__buttons .c4p--action-set__action-button--ghost,:host(c4p-tearsheet) .c4p--action-set.c4p--action-set--row-single.c4p--action-set--md .c4p--tearsheet__buttons ::slotted(cds-button),:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set.c4p--action-set--row-single.c4p--action-set--md ::slotted(cds-button){flex:0 0 100%}.c4p--action-set.c4p--action-set--row-double .c4p--action-set__action-button--ghost,:host(c4p-tearsheet) .c4p--action-set--row-double.c4p--tearsheet__buttons .c4p--action-set__action-button--ghost{flex:1 1 75%}.c4p--action-set.c4p--action-set--row-double.c4p--action-set--lg .c4p--action-set__action-button,.c4p--action-set.c4p--action-set--row-double.c4p--action-set--md .c4p--action-set__action-button,.c4p--action-set.c4p--action-set--row-single.c4p--action-set--lg .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),.c4p--action-set.c4p--action-set--row-triple .c4p--action-set__action-button--ghost,:host(c4p-tearsheet) .c4p--action-set--row-double.c4p--action-set--lg.c4p--tearsheet__buttons .c4p--action-set__action-button,:host(c4p-tearsheet) .c4p--action-set--row-double.c4p--action-set--lg.c4p--tearsheet__buttons ::slotted(cds-button),:host(c4p-tearsheet) .c4p--action-set--row-double.c4p--action-set--md.c4p--tearsheet__buttons .c4p--action-set__action-button,:host(c4p-tearsheet) .c4p--action-set--row-double.c4p--action-set--md.c4p--tearsheet__buttons ::slotted(cds-button),:host(c4p-tearsheet) .c4p--action-set--row-single.c4p--action-set--lg.c4p--tearsheet__buttons .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-tearsheet) .c4p--action-set--row-single.c4p--action-set--lg.c4p--tearsheet__buttons :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .c4p--action-set--row-triple.c4p--tearsheet__buttons .c4p--action-set__action-button--ghost,:host(c4p-tearsheet) .c4p--action-set.c4p--action-set--row-double.c4p--action-set--lg .c4p--tearsheet__buttons ::slotted(cds-button),:host(c4p-tearsheet) .c4p--action-set.c4p--action-set--row-double.c4p--action-set--md .c4p--tearsheet__buttons ::slotted(cds-button),:host(c4p-tearsheet) .c4p--action-set.c4p--action-set--row-single.c4p--action-set--lg .c4p--tearsheet__buttons :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set.c4p--action-set--row-double.c4p--action-set--lg ::slotted(cds-button),:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set.c4p--action-set--row-double.c4p--action-set--md ::slotted(cds-button),:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set.c4p--action-set--row-single.c4p--action-set--lg :not(.c4p--action-set__action-button--ghost)::slotted(cds-button){flex:0 1 50%}.c4p--action-set.c4p--action-set--row-triple .c4p--action-set__action-button--ghost,:host(c4p-tearsheet) .c4p--action-set--row-triple.c4p--tearsheet__buttons .c4p--action-set__action-button--ghost{flex:1 1 50%}.c4p--action-set.cds--btn-set.c4p--action-set--2xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),.c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),.c4p--action-set.cds--btn-set.c4p--action-set--row-triple.c4p--action-set--lg .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),.c4p--action-set.cds--btn-set.c4p--action-set--xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-tearsheet) .c4p--action-set.cds--btn-set.c4p--action-set--2xl .c4p--tearsheet__buttons :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--tearsheet__buttons :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .c4p--action-set.cds--btn-set.c4p--action-set--row-triple.c4p--action-set--lg .c4p--tearsheet__buttons :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .c4p--action-set.cds--btn-set.c4p--action-set--xl .c4p--tearsheet__buttons :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set.cds--btn-set.c4p--action-set--2xl :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set.cds--btn-set.c4p--action-set--row-triple.c4p--action-set--lg :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set.cds--btn-set.c4p--action-set--xl :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .cds--btn-set.c4p--action-set--2xl.c4p--tearsheet__buttons .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-tearsheet) .cds--btn-set.c4p--action-set--2xl.c4p--tearsheet__buttons :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .cds--btn-set.c4p--action-set--row-quadruple.c4p--tearsheet__buttons .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-tearsheet) .cds--btn-set.c4p--action-set--row-quadruple.c4p--tearsheet__buttons :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .cds--btn-set.c4p--action-set--row-triple.c4p--action-set--lg.c4p--tearsheet__buttons .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-tearsheet) .cds--btn-set.c4p--action-set--row-triple.c4p--action-set--lg.c4p--tearsheet__buttons :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-tearsheet) .cds--btn-set.c4p--action-set--xl.c4p--tearsheet__buttons .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-tearsheet) .cds--btn-set.c4p--action-set--xl.c4p--tearsheet__buttons :not(.c4p--action-set__action-button--ghost)::slotted(cds-button){flex:0 1 25%;max-width:14.5rem}.c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button--ghost,:host(c4p-tearsheet) .cds--btn-set.c4p--action-set--row-quadruple.c4p--tearsheet__buttons .c4p--action-set__action-button--ghost{flex:1 1 25%}.c4p--action-set .c4p--action-set__action-button .cds--inline-loading,:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set__action-button .cds--inline-loading,:host(c4p-tearsheet) .c4p--tearsheet__buttons ::slotted(cds-button) .cds--inline-loading{position:absolute;right:0;top:0;width:2rem}.c4p--tearsheet.c4p--tearsheet,:host(c4p-tearsheet){--overlay-color:var(--cds-overlay,hsla(0,0%,9%,.5));--overlay-opacity:1;align-items:flex-end;color:var(--cds-text-primary,#161616);transition:visibility 0s linear .24s,background-color .24s cubic-bezier(.4,.14,1,1),opacity .24s cubic-bezier(.4,.14,1,1);z-index:9001;--c4p--tearsheet--stacking-scale-factor-single:0.95;--c4p--tearsheet--stacking-scale-factor-double:0.9}.c4p--tearsheet.c4p--tearsheet:before{background:var(--overlay-color);content:\"\";display:block;inset:0;opacity:var(--overlay-opacity);position:absolute;transition:background-color .24s cubic-bezier(.4,.14,1,1),opacity .24s cubic-bezier(.4,.14,1,1)}@media (prefers-reduced-motion:reduce){.c4p--tearsheet.c4p--tearsheet:before{transition:none}}.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet,:host(c4p-tearsheet){background:initial}.c4p--tearsheet.is-visible{align-items:flex-end;transition:visibility 0s linear,background-color .24s cubic-bezier(0,0,.3,1),opacity .24s cubic-bezier(0,0,.3,1);z-index:9000}@media (prefers-reduced-motion:reduce){.c4p--tearsheet.is-visible{transition:none}}.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2{--overlay-opacity:0.67;z-index:8999}.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3{--overlay-opacity:0.22;z-index:8998}.c4p--tearsheet.c4p--tearsheet--stacked-2-of-3{--overlay-opacity:0.5;z-index:8999}.c4p--tearsheet.c4p--tearsheet--stacked-2-of-2,.c4p--tearsheet.c4p--tearsheet--stacked-3-of-3{--overlay-opacity:0.5}.c4p--tearsheet .c4p--tearsheet__container,:host(c4p-tearsheet) .c4p--tearsheet__container{height:100%;max-height:calc(100% - 3rem);top:auto;transform:translate3d(0,min(95vh,500px),0)}.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__container,.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__container{background:linear-gradient(to top,var(--cds-layer),var(--cds-layer)) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,#78a9ff),var(--cds-ai-border-end,#d0e2ff)) border-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) border-box;border:1px solid transparent;border-bottom:0;box-shadow:0 4px 10px 2px var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet .c4p--tearsheet__container,:host(c4p-tearsheet) .c4p--tearsheet__container{transition:transform .24s cubic-bezier(0,0,.3,1),max-height .24s cubic-bezier(0,0,.3,1)}.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking),.c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking){max-height:calc(100% - 2rem)}.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking){max-height:calc(100% - 1rem)}.c4p--tearsheet .c4p--tearsheet__container--lower,:host(c4p-tearsheet) .c4p--tearsheet__container,:host(c4p-tearsheet) .c4p--tearsheet__container--lower{max-height:calc(100% - 5.5rem)}.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 .c4p--tearsheet__container--lower:not(.c4p--tearsheet__container--mixed-size-stacking),.c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 .c4p--tearsheet__container--lower:not(.c4p--tearsheet__container--mixed-size-stacking),:host(c4p-tearsheet) .c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking),:host(c4p-tearsheet) .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking){max-height:calc(100% - 4.5rem)}.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container--lower:not(.c4p--tearsheet__container--mixed-size-stacking),:host(c4p-tearsheet) .c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking){max-height:calc(100% - 3.5rem)}.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container{width:100%}.c4p--tearsheet.c4p--tearsheet--wide .c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive,:host(c4p-tearsheet) .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__buttons .c4p--action-set__action-button--expressive::slotted(cds-button),:host(c4p-tearsheet) .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__buttons .c4p--action-set__action-button.c4p--action-set__action-button--expressive,:host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--tearsheet.c4p--tearsheet--wide .c4p--action-set .c4p--action-set__action-button--expressive::slotted(cds-button){height:5rem}@media (min-width:42rem){.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container{width:calc(100% - 8rem)}}.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2.is-visible .c4p--tearsheet__container,.c4p--tearsheet.c4p--tearsheet--stacked-2-of-3.is-visible .c4p--tearsheet__container{transform:scale(var(--c4p--tearsheet--stacking-scale-factor-single))}.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3.is-visible .c4p--tearsheet__container{transform:scale(var(--c4p--tearsheet--stacking-scale-factor-double))}.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header{background-color:var(--cds-layer);border-bottom:1px solid var(--cds-border-subtle-01,#c6c6c6);margin:0;padding:1.5rem 2rem}.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header{background-color:var(--cds-layer);border-bottom:1px solid var(--cds-border-subtle-01,#c6c6c6);margin:0;padding:1rem}.c4p--tearsheet .c4p--tearsheet__header-content,:host(c4p-tearsheet) .c4p--tearsheet__header-content{display:flex;justify-content:space-between}.c4p--tearsheet .c4p--tearsheet__header-fields,:host(c4p-tearsheet) .c4p--tearsheet__header-fields{flex:1 1 100%}.c4p--tearsheet .c4p--tearsheet__header-actions,:host(c4p-tearsheet) .c4p--tearsheet__header-actions{flex:0 0 auto;padding-left:1.5rem}.c4p--tearsheet .c4p--tearsheet__header-actions .cds--btn-set .cds--btn:not(:first-of-type),:host(c4p-tearsheet) .c4p--tearsheet__header-actions .cds--btn-set .cds--btn:not(:first-of-type){margin-left:.5rem}.c4p--tearsheet .c4p--tearsheet__header--no-close-icon,:host(c4p-tearsheet) .c4p--tearsheet__header--no-close-icon{display:none}.c4p--tearsheet.c4p--tearsheet--wide .cds--modal-header__heading.c4p--tearsheet__heading{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}.c4p--tearsheet .c4p--tearsheet__header-description,:host(c4p-tearsheet) .c4p--tearsheet__header-description{display:-webkit-box;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin-top:1rem;max-width:100%;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word}@media (min-width:42rem){.c4p--tearsheet .c4p--tearsheet__header-description,:host(c4p-tearsheet) .c4p--tearsheet__header-description{max-width:60%}}.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description{margin-top:.5rem}.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-nav{padding:1.5rem 2rem 0}.c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__header.c4p--tearsheet__header,.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon{padding-inline-end:5rem}.c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-ai-label .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon,.c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon{padding-inline-end:8rem}.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description{max-width:80%}.c4p--tearsheet .c4p--tearsheet__header-navigation,:host(c4p-tearsheet) .c4p--tearsheet__header-navigation{margin:.75rem 0 0}.c4p--tearsheet.c4p--tearsheet .c4p--tearsheet__body,:host(c4p-tearsheet) .c4p--tearsheet__body{display:flex;flex-direction:row;margin:0;padding:0}.c4p--tearsheet .c4p--tearsheet__resize-detector,:host(c4p-tearsheet) .c4p--tearsheet__resize-detector{height:0;width:100%}.c4p--tearsheet .c4p--tearsheet__influencer,:host(c4p-tearsheet) .c4p--tearsheet__influencer{border-right:1px solid var(--cds-border-subtle-01,#c6c6c6);flex:0 0 257px;overflow-y:auto}.c4p--tearsheet .c4p--tearsheet__influencer.c4p--tearsheet__influencer p,:host(c4p-tearsheet) .c4p--tearsheet__influencer.c4p--tearsheet__influencer p{padding-right:0}@media (max-width:41.98rem){.c4p--tearsheet .c4p--tearsheet__container,:host(c4p-tearsheet) .c4p--tearsheet__container{max-height:100%}.c4p--tearsheet .c4p--tearsheet__influencer,:host(c4p-tearsheet) .c4p--tearsheet__influencer{flex-basis:auto}}.c4p--tearsheet .c4p--tearsheet__influencer--wide,:host(c4p-tearsheet) .c4p--tearsheet__influencer--wide,:host(c4p-tearsheet) .c4p--tearsheet__influencer[wide]{flex-basis:321px}.c4p--tearsheet .c4p--tearsheet__right,:host(c4p-tearsheet) .c4p--tearsheet__right{display:grid;flex-grow:1;grid-template-columns:100%;grid-template-rows:1fr auto}.c4p--tearsheet .c4p--tearsheet__main,:host(c4p-tearsheet) .c4p--tearsheet__main{background-color:var(--cds-background,#fff);display:flex;flex-direction:row;grid-column:1/-1;grid-row:1/-1}.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__main{background-color:var(--cds-layer)}.c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer,:host(c4p-tearsheet) .c4p--tearsheet__main .c4p--tearsheet__influencer{border-left:1px solid var(--cds-border-subtle-01,#c6c6c6);border-right:none}.c4p--tearsheet .c4p--tearsheet__content,:host(c4p-tearsheet) .c4p--tearsheet__content{flex-grow:1;overflow:auto}.c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__content,.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__content{background:linear-gradient(to top,var(--c4p-ai-popover-background,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--c4p-ai-popover-background,var(--cds-ai-popover-background,#fff)),var(--c4p-ai-popover-background,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--c4p-ai-popover-background,var(--cds-ai-popover-background,#fff)),var(--c4p-ai-popover-background,var(--cds-ai-popover-background,#fff))) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1))}.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--date-picker__input,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--dropdown,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--dropdown-list,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--number input[type=number],.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination__control-buttons,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--search-input,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--select-input,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--text-area,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--text-input{background-color:var(--cds-field)}.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--select--inline .cds--select-input{background-color:transparent}.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--date-picker--light .cds--date-picker__input,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--dropdown--light,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--dropdown--light .cds--dropdown-list,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--number--light input[type=number],.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--search--light .cds--search-input,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--select--light .cds--select-input,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--text-area--light,.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--text-input--light{background-color:var(--cds-field-02,#fff)}.c4p--tearsheet .c4p--tearsheet__button-container,:host(c4p-tearsheet) .c4p--tearsheet__button-container,:host(c4p-tearsheet) .c4p--tearsheet__buttons{grid-column:1/-1;grid-row:-1/-1;overflow-x:auto}.c4p--tearsheet .c4p--tearsheet__buttons,:host(c4p-tearsheet) .c4p--tearsheet__buttons{border-top:1px solid var(--cds-border-subtle-01,#c6c6c6);display:inline-flex;min-width:100%}.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__buttons{background:var(--cds-background,#fff)}.c4p--tearsheet.c4p--tearsheet--has-ai-label,.c4p--tearsheet.c4p--tearsheet--has-slug{--overlay-color:var(--cds-ai-overlay,rgba(0,17,65,.5))}.c4p--tearsheet.c4p--tearsheet--has-ai-label:not(.c4p--tearsheet--has-close) .cds--slug,.c4p--tearsheet.c4p--tearsheet--has-slug:not(.c4p--tearsheet--has-close) .cds--slug{inset-inline-end:0;margin-block:6px;margin-inline-end:1rem}:host(c4p-tearsheet){--content-padding:1rem}:host(c4p-tearsheet) .c4p--tearsheet__content,:host(c4p-tearsheet) .c4p--tearsheet__header,:host(c4p-tearsheet) .c4p--tearsheet__influencer{padding:var(--content-padding)}:host(c4p-tearsheet) .c4p--tearsheet__container{max-block-size:calc(100% - 5.5rem)}:host(c4p-tearsheet) .c4p--tearsheet__container[stack-position=\"1\"][stack-depth=\"2\"],:host(c4p-tearsheet) .c4p--tearsheet__container[stack-position=\"2\"][stack-depth=\"3\"]{max-block-size:calc(100% - 4.5rem);transform:scale(var(--c4p--tearsheet--stacking-scale-factor-single))}:host(c4p-tearsheet) .c4p--tearsheet__container[stack-position=\"1\"][stack-depth=\"3\"]{max-block-size:calc(100% - 3.5rem);transform:scale(var(--c4p--tearsheet--stacking-scale-factor-double))}:host(c4p-tearsheet) .c4p--tearsheet__buttons{background:var(--cds-background,#fff);display:flex;inline-size:100%}:host(c4p-tearsheet) .c4p--tearsheet__buttons[hidden]{display:none}:host(c4p-tearsheet) .c4p--tearsheet__buttons ::slotted(cds-button){block-size:5rem;flex:0 1 25%;max-inline-size:14.5rem}:host(c4p-tearsheet) .c4p--tearsheet__buttons ::slotted(cds-button[kind=ghost]){flex:1 1 25%;max-inline-size:none}:host(c4p-tearsheet) .c4p--tearsheet__buttons ::slotted(cds-button[hidden]){display:none}:host(c4p-tearsheet) ::slotted(cds-slug){display:flex;inset-inline-end:0;margin-block:6px;margin-inline-end:1rem}:host(c4p-tearsheet[open]){--overlay-color:var(--cds-overlay,hsla(0,0%,9%,.5));--overlay-opacity:1;align-items:flex-end;background:initial;opacity:1;transition:visibility 0s linear;visibility:inherit;z-index:9000}:host(c4p-tearsheet[open]) .c4p--tearsheet__container{transform:translateZ(0);transition:transform .24s cubic-bezier(0,0,.3,1)}@media (prefers-reduced-motion:reduce){:host(c4p-tearsheet[open]){transition:none}}:host(c4p-tearsheet[open]):before{background:var(--overlay-color);content:\"\";display:block;inset:0;opacity:var(--overlay-opacity);position:absolute;transition:background-color .24s cubic-bezier(.4,.14,1,1),opacity .24s cubic-bezier(.4,.14,1,1)}@media (prefers-reduced-motion:reduce){:host(c4p-tearsheet[open]):before{transition:none}}:host(c4p-tearsheet[open]):before[stack-position=\"1\"][stack-depth=\"2\"]{--overlay-opacity:0.67}:host(c4p-tearsheet[open]):before[stack-position=\"1\"][stack-depth=\"3\"]{--overlay-opacity:0.22}:host(c4p-tearsheet[open]):before[stack-position=\"2\"][stack-depth=\"3\"]{--overlay-opacity:0.5}:host(c4p-tearsheet[open]):before[stack-position=\"2\"][stack-depth=\"2\"],:host(c4p-tearsheet[open]):before[stack-position=\"3\"][stack-depth=\"3\"]{--overlay-opacity:0.5}:host(c4p-tearsheet[slug]){--overlay-color:var(--cds-ai-overlay,rgba(0,17,65,.5))}:host(c4p-tearsheet[slug]) .c4p--tearsheet__container{background:linear-gradient(to top,var(--cds-layer),var(--cds-layer)) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,#78a9ff),var(--cds-ai-border-end,#d0e2ff)) border-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) border-box;border:1px solid transparent;border-block-end:0;box-shadow:0 24px 40px -24px var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}:host(c4p-tearsheet[slug]) .c4p--tearsheet__content{background:linear-gradient(to top,var(--c4p-ai-popover-background,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--c4p-ai-popover-background,var(--cds-ai-popover-background,#fff)),var(--c4p-ai-popover-background,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--c4p-ai-popover-background,var(--cds-ai-popover-background,#fff)),var(--c4p-ai-popover-background,var(--cds-ai-popover-background,#fff))) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1))}:host(c4p-tearsheet[slug]) .c4p--tearsheet__header[has-actions] ::slotted(c4p-slug){inset-inline-end:0}:host(c4p-tearsheet[stack-position=\"1\"][stack-depth=\"2\"]),:host(c4p-tearsheet[stack-position=\"2\"][stack-depth=\"3\"]){z-index:8999}:host(c4p-tearsheet[stack-position=\"1\"][stack-depth=\"3\"]){z-index:8998}:host(c4p-tearsheet[width=narrow]) .c4p--tearsheet__header{background-color:var(--cds-layer);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);margin:0}:host(c4p-tearsheet[width=narrow]) .c4p--tearsheet__header-description{margin-block-start:.5rem;max-inline-size:80%}:host(c4p-tearsheet[width=narrow]) .c4p--tearsheet__main{background-color:var(--cds-layer)}:host(c4p-tearsheet[width=wide]){--content-padding:1.5rem 2rem}:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__header{background-color:var(--cds-layer);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);margin:0}:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__header[has-navigation]{padding-block-end:0}:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__container{inline-size:100%}@media (min-width:42rem){:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__container{inline-size:calc(100% - 8rem)}}:host(c4p-tearsheet[width=wide]) .cds--modal-header__heading.c4p--tearsheet__heading{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__header[has-close-icon],:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__header[has-slug]{padding-inline-end:5rem}:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__header[has-close-icon][has-slug]{padding-inline-end:8rem}:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__header-navigation{margin-inline-start:-1rem;max-block-size:2.5rem}:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--date-picker__input,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--dropdown,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--dropdown-list,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--number input[type=number],:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--pagination,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--pagination__control-buttons,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--search-input,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--select-input,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--text-area,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--text-input{background-color:var(--cds-field)}:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--select--inline .cds--select-input{background-color:transparent}:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--date-picker--light .cds--date-picker__input,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--dropdown--light,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--dropdown--light .cds--dropdown-list,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--number--light input[type=number],:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--search--light .cds--search-input,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--select--light .cds--select-input,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--text-area--light,:host(c4p-tearsheet[width=wide]) .c4p--tearsheet__content .cds--text-input--light{background-color:var(--cds-field-02,#fff)}:host(c4p-tearsheet[width=wide]) .c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive,:host(c4p-tearsheet[width=wide]):host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set__action-button--expressive::slotted(cds-button),:host(c4p-tearsheet[width=wide]):host(c4p-tearsheet) .c4p--tearsheet__buttons .c4p--action-set__action-button.c4p--action-set__action-button--expressive{block-size:5rem}:host(c4p-tearsheet[width=narrow]) .c4p--tearsheet__buttons[actions-multiple=double] ::slotted(cds-button),:host(c4p-tearsheet[width=narrow]) .c4p--tearsheet__buttons[actions-multiple=single] ::slotted(cds-button){flex:0 1 50%;max-inline-size:none}:host(c4p-tearsheet[width=narrow]) .c4p--tearsheet__buttons ::slotted(cds-button){block-size:4rem}"]);
|
11
11
|
|
12
12
|
export { styles as default };
|
13
13
|
//# sourceMappingURL=tearsheet.scss.js.map
|
@@ -0,0 +1,80 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2024
|
3
|
+
*
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
|
8
|
+
import packageJson from '../../packages/ibm-products-web-components/package.json.js';
|
9
|
+
|
10
|
+
/**
|
11
|
+
* @license
|
12
|
+
*
|
13
|
+
* Copyright IBM Corp. 2021, 2024
|
14
|
+
*
|
15
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
16
|
+
* LICENSE file in the root directory of this source tree.
|
17
|
+
*/
|
18
|
+
|
19
|
+
|
20
|
+
/* eslint-disable max-len */
|
21
|
+
|
22
|
+
/**
|
23
|
+
*
|
24
|
+
*/
|
25
|
+
/**
|
26
|
+
* Renders the component(s) script tag content and returns back the string
|
27
|
+
*
|
28
|
+
* @param {Array} components array of component names
|
29
|
+
* @param {string} tag tag folder
|
30
|
+
*/
|
31
|
+
function _renderScript(components, tag) {
|
32
|
+
let scripts = '';
|
33
|
+
components.forEach((component) => {
|
34
|
+
scripts += `<script type="module" src="https://1.www.s81c.com/common/carbon/web-components/${tag}/${component}.min.js"></script>\n`;
|
35
|
+
});
|
36
|
+
return scripts;
|
37
|
+
}
|
38
|
+
|
39
|
+
/**
|
40
|
+
* This is the markdown block for JS via CDN
|
41
|
+
*
|
42
|
+
* @param {Array} components array of components to render
|
43
|
+
* @param components.components components to render
|
44
|
+
*/
|
45
|
+
const cdnJs = ({ components }) => {
|
46
|
+
return `
|
47
|
+
### JS (via CDN)
|
48
|
+
|
49
|
+
> NOTE: Only one version of artifacts should be used. Mixing versions will cause rendering issues.
|
50
|
+
|
51
|
+
\`\`\`html
|
52
|
+
// SPECIFIC VERSION (available starting v2.0.0)
|
53
|
+
${_renderScript(components, `version/v${packageJson.version}`)}
|
54
|
+
\`\`\`
|
55
|
+
|
56
|
+
#### Right-to-left (RTL) versions
|
57
|
+
|
58
|
+
\`\`\`html
|
59
|
+
// SPECIFIC VERSION (available starting v2.0.0)
|
60
|
+
${_renderScript(components, `version/v${packageJson.version}`)}
|
61
|
+
\`\`\`
|
62
|
+
`;
|
63
|
+
};
|
64
|
+
|
65
|
+
/**
|
66
|
+
* This is the markdown block for CSS via CDN
|
67
|
+
*/
|
68
|
+
const cdnCss = () => {
|
69
|
+
return `
|
70
|
+
### Carbon CDN style helpers (optional)
|
71
|
+
|
72
|
+
There are optional CDN artifacts available that can assist with global Carbon
|
73
|
+
styles in lieu of including into your specific application bundle.
|
74
|
+
|
75
|
+
[Click here to learn more](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/blob/main/packages/web-components/docs/carbon-cdn-style-helpers.md)\n\n
|
76
|
+
`;
|
77
|
+
};
|
78
|
+
|
79
|
+
export { cdnCss, cdnJs };
|
80
|
+
//# sourceMappingURL=storybook-cdn.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"storybook-cdn.js","sources":["../../../src/globals/internal/storybook-cdn.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport packageJson from '../../../package.json';\n\n/* eslint-disable max-len */\n\n/**\n *\n */\n/**\n * Renders the component(s) script tag content and returns back the string\n *\n * @param {Array} components array of component names\n * @param {string} tag tag folder\n */\nfunction _renderScript(components, tag) {\n let scripts = '';\n components.forEach((component) => {\n scripts += `<script type=\"module\" src=\"https://1.www.s81c.com/common/carbon/web-components/${tag}/${component}.min.js\"></script>\\n`;\n });\n return scripts;\n}\n\n/**\n * This is the markdown block for JS via CDN\n *\n * @param {Array} components array of components to render\n * @param components.components components to render\n */\nexport const cdnJs = ({ components }) => {\n return `\n### JS (via CDN)\n\n > NOTE: Only one version of artifacts should be used. Mixing versions will cause rendering issues.\n\n \\`\\`\\`html\n // SPECIFIC VERSION (available starting v2.0.0)\n ${_renderScript(components, `version/v${packageJson.version}`)}\n \\`\\`\\`\n\n #### Right-to-left (RTL) versions\n\n \\`\\`\\`html\n // SPECIFIC VERSION (available starting v2.0.0)\n ${_renderScript(components, `version/v${packageJson.version}`)}\n \\`\\`\\`\n `;\n};\n\n/**\n * This is the markdown block for CSS via CDN\n */\nexport const cdnCss = () => {\n return `\n### Carbon CDN style helpers (optional)\n\nThere are optional CDN artifacts available that can assist with global Carbon\nstyles in lieu of including into your specific application bundle.\n\n[Click here to learn more](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/blob/main/packages/web-components/docs/carbon-cdn-style-helpers.md)\\n\\n\n `;\n};\n"],"names":[],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAIA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,aAAa,CAAC,UAAU,EAAE,GAAG,EAAE;AACxC,EAAE,IAAI,OAAO,GAAG,EAAE;AAClB,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,KAAK;AACpC,IAAI,OAAO,IAAI,CAAC,+EAA+E,EAAE,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,oBAAoB,CAAC;AACvI,GAAG,CAAC;AACJ,EAAE,OAAO,OAAO;AAChB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACY,MAAC,KAAK,GAAG,CAAC,EAAE,UAAU,EAAE,KAAK;AACzC,EAAE,OAAO;AACT;;AAEA;;AAEA;AACA;AACA,CAAC,EAAE,aAAa,CAAC,UAAU,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/D;;AAEA;;AAEA;AACA;AACA,CAAC,EAAE,aAAa,CAAC,UAAU,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/D;AACA,GAAG,CAAC;AACJ;;AAEA;AACA;AACA;AACY,MAAC,MAAM,GAAG,MAAM;AAC5B,EAAE,OAAO;AACT;;AAEA;AACA;;AAEA;AACA,EAAE,CAAC;AACH;;;;"}
|
@@ -0,0 +1,121 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2024
|
3
|
+
*
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
|
8
|
+
var name = "@carbon/ibm-products-web-components";
|
9
|
+
var description = "Carbon for IBM Products Web Components";
|
10
|
+
var version = "0.3.0";
|
11
|
+
var license = "Apache-2.0";
|
12
|
+
var main = "es/index.js";
|
13
|
+
var module = "es/index.js";
|
14
|
+
var type = "module";
|
15
|
+
var bugs = "https://github.com/carbon-design-system/ibm-products/issues";
|
16
|
+
var repository = {
|
17
|
+
type: "git",
|
18
|
+
url: "https://github.com/carbon-design-system/ibm-products.git",
|
19
|
+
directory: "packages/ibm-products-web-components"
|
20
|
+
};
|
21
|
+
var publishConfig = {
|
22
|
+
access: "public",
|
23
|
+
provenance: true
|
24
|
+
};
|
25
|
+
var exports = {
|
26
|
+
"./es/components/*": {
|
27
|
+
node: "./lib/components/*",
|
28
|
+
"default": "./es/components/*"
|
29
|
+
},
|
30
|
+
"./es/globals/*": {
|
31
|
+
node: "./lib/globals/*",
|
32
|
+
"default": "./es/globals/*"
|
33
|
+
},
|
34
|
+
"./es/*": "./es/*",
|
35
|
+
"./lib/*": "./lib/*",
|
36
|
+
"./custom-elements.json": "./custom-elements.json",
|
37
|
+
"./package.json": "./package.json"
|
38
|
+
};
|
39
|
+
var keywords = [
|
40
|
+
"carbon",
|
41
|
+
"carbon design system",
|
42
|
+
"carbon community",
|
43
|
+
"carbon for ibm products",
|
44
|
+
"carbon for ibm products web components",
|
45
|
+
"web components"
|
46
|
+
];
|
47
|
+
var scripts = {
|
48
|
+
build: "node tasks/build.js && yarn wca",
|
49
|
+
"build:storybook": "storybook build",
|
50
|
+
clean: "rimraf es lib scss dist storybook-static",
|
51
|
+
preview: "vite preview",
|
52
|
+
storybook: "storybook dev -p 3000",
|
53
|
+
test: "vitest run",
|
54
|
+
"test:ui": "vitest --ui",
|
55
|
+
wca: "web-component-analyzer analyze src --outFile custom-elements.json"
|
56
|
+
};
|
57
|
+
var dependencies = {
|
58
|
+
"@carbon/ibm-products-styles": "^2.50.0",
|
59
|
+
"@carbon/styles": "1.69.0",
|
60
|
+
"@carbon/web-components": "2.17.0",
|
61
|
+
lit: "^3.1.0"
|
62
|
+
};
|
63
|
+
var devDependencies = {
|
64
|
+
"@carbon/icons": "^11.52.0",
|
65
|
+
"@carbon/motion": "^11.24.0",
|
66
|
+
"@mordech/vite-lit-loader": "^0.35.0",
|
67
|
+
"@rollup/plugin-alias": "^5.1.1",
|
68
|
+
"@rollup/plugin-commonjs": "^28.0.1",
|
69
|
+
"@rollup/plugin-json": "^6.1.0",
|
70
|
+
"@rollup/plugin-node-resolve": "^15.3.0",
|
71
|
+
"@rollup/plugin-typescript": "^12.1.1",
|
72
|
+
"@storybook/addon-essentials": "^8.3.6",
|
73
|
+
"@storybook/addon-links": "^8.3.6",
|
74
|
+
"@storybook/addon-storysource": "^8.3.6",
|
75
|
+
"@storybook/addon-toolbars": "^8.3.6",
|
76
|
+
"@storybook/blocks": "^8.3.6",
|
77
|
+
"@storybook/theming": "^8.3.6",
|
78
|
+
"@storybook/web-components": "^8.3.6",
|
79
|
+
"@storybook/web-components-vite": "^8.3.6",
|
80
|
+
"@types/jest": "^29.5.13",
|
81
|
+
"@vitest/browser": "latest",
|
82
|
+
"@vitest/ui": "latest",
|
83
|
+
autoprefixer: "^10.4.20",
|
84
|
+
cssnano: "^7.0.6",
|
85
|
+
eslint: "^9.11.1",
|
86
|
+
"eslint-config-carbon": "3.17.1",
|
87
|
+
globby: "^14.0.2",
|
88
|
+
"happy-dom": "^15.11.6",
|
89
|
+
postcss: "^8.4.47",
|
90
|
+
"remark-gfm": "^4.0.0",
|
91
|
+
rimraf: "^5.0.5",
|
92
|
+
rollup: "^4.27.3",
|
93
|
+
"rollup-plugin-copy": "^3.5.0",
|
94
|
+
sass: "^1.80.6",
|
95
|
+
storybook: "^8.2.8",
|
96
|
+
"storybook-addon-accessibility-checker": "^3.1.61-rc.3",
|
97
|
+
typescript: "^5.5.3",
|
98
|
+
vite: "^5.4.1",
|
99
|
+
vitest: "^2.1.2",
|
100
|
+
"web-component-analyzer": "2.0.0"
|
101
|
+
};
|
102
|
+
var packageJson = {
|
103
|
+
name: name,
|
104
|
+
description: description,
|
105
|
+
version: version,
|
106
|
+
license: license,
|
107
|
+
main: main,
|
108
|
+
module: module,
|
109
|
+
type: type,
|
110
|
+
bugs: bugs,
|
111
|
+
repository: repository,
|
112
|
+
publishConfig: publishConfig,
|
113
|
+
exports: exports,
|
114
|
+
keywords: keywords,
|
115
|
+
scripts: scripts,
|
116
|
+
dependencies: dependencies,
|
117
|
+
devDependencies: devDependencies
|
118
|
+
};
|
119
|
+
|
120
|
+
export { bugs, packageJson as default, dependencies, description, devDependencies, exports, keywords, license, main, module, name, publishConfig, repository, scripts, type, version };
|
121
|
+
//# sourceMappingURL=package.json.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"package.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -338,13 +338,13 @@ declare const CDSSidePanel_base: {
|
|
338
338
|
/**
|
339
339
|
* SidePanel.
|
340
340
|
*
|
341
|
-
* @element
|
341
|
+
* @element c4p-side-panel
|
342
342
|
* @csspart dialog The dialog.
|
343
|
-
* @fires
|
343
|
+
* @fires c4p-side-panel-beingclosed
|
344
344
|
* The custom event fired before this side-panel is being closed upon a user gesture.
|
345
345
|
* Cancellation of this event stops the user-initiated action of closing this side-panel.
|
346
|
-
* @fires
|
347
|
-
* @fires
|
346
|
+
* @fires c4p-side-panel-closed - The custom event fired after this side-panel is closed upon a user gesture.
|
347
|
+
* @fires c4p-side-panel-navigate-back - custom event fired when clicking navigate back (available when step > 0)
|
348
348
|
*/
|
349
349
|
declare class CDSSidePanel extends CDSSidePanel_base {
|
350
350
|
/**
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@carbon/ibm-products-web-components",
|
3
3
|
"description": "Carbon for IBM Products Web Components",
|
4
|
-
"version": "0.3.0-canary.
|
4
|
+
"version": "0.3.0-canary.33+48d5c34dc",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "es/index.js",
|
7
7
|
"module": "es/index.js",
|
@@ -49,9 +49,9 @@
|
|
49
49
|
"wca": "web-component-analyzer analyze src --outFile custom-elements.json"
|
50
50
|
},
|
51
51
|
"dependencies": {
|
52
|
-
"@carbon/ibm-products-styles": "^2.50.0
|
53
|
-
"@carbon/styles": "1.
|
54
|
-
"@carbon/web-components": "2.
|
52
|
+
"@carbon/ibm-products-styles": "^2.50.0",
|
53
|
+
"@carbon/styles": "1.69.0",
|
54
|
+
"@carbon/web-components": "2.17.0",
|
55
55
|
"lit": "^3.1.0"
|
56
56
|
},
|
57
57
|
"devDependencies": {
|
@@ -60,6 +60,7 @@
|
|
60
60
|
"@mordech/vite-lit-loader": "^0.35.0",
|
61
61
|
"@rollup/plugin-alias": "^5.1.1",
|
62
62
|
"@rollup/plugin-commonjs": "^28.0.1",
|
63
|
+
"@rollup/plugin-json": "^6.1.0",
|
63
64
|
"@rollup/plugin-node-resolve": "^15.3.0",
|
64
65
|
"@rollup/plugin-typescript": "^12.1.1",
|
65
66
|
"@storybook/addon-essentials": "^8.3.6",
|
@@ -92,5 +93,5 @@
|
|
92
93
|
"vitest": "^2.1.2",
|
93
94
|
"web-component-analyzer": "2.0.0"
|
94
95
|
},
|
95
|
-
"gitHead": "
|
96
|
+
"gitHead": "48d5c34dca79a4b00fc69391a513431fa21295ee"
|
96
97
|
}
|
@@ -6,12 +6,6 @@ import * as SidePanelStories from './side-panel.stories';
|
|
6
6
|
|
7
7
|
# SidePanel
|
8
8
|
|
9
|
-
> 💡 Check our
|
10
|
-
> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon/tree/main/packages/web-components/examples/components/side-panel)
|
11
|
-
> example implementation.
|
12
|
-
|
13
|
-
[](https://codesandbox.io/s/github/carbon-design-system/carbon/tree/main/packages/web-components/examples/components/side-panel)
|
14
|
-
|
15
9
|
Side panels keep users in-context of a page while performing tasks like
|
16
10
|
navigating, editing, viewing details, or configuring something new.
|
17
11
|
|
@@ -22,16 +16,13 @@ Here's a quick example to get you started.
|
|
22
16
|
### JS (via import)
|
23
17
|
|
24
18
|
```javascript
|
25
|
-
import '@carbon/web-components/es/components/side-panel/index.js';
|
19
|
+
import '@carbon/ibm-products-web-components/es/components/side-panel/index.js';
|
26
20
|
// The following are used for slotted fields
|
27
21
|
import '@carbon/web-components/es/components/text-input/index.js';
|
28
22
|
import '@carbon/web-components/es/components/textarea/index.js';
|
29
23
|
import '@carbon/web-components/es/components/button/index.js';
|
30
24
|
```
|
31
25
|
|
32
|
-
<Markdown>{`${cdnJs({ components: ['side-panel'] })}`}</Markdown>
|
33
|
-
<Markdown>{`${cdnCss()}`}</Markdown>
|
34
|
-
|
35
26
|
### HTML
|
36
27
|
|
37
28
|
```html
|
@@ -432,7 +432,7 @@ const defaultTemplate = {
|
|
432
432
|
size=${args.size}
|
433
433
|
?slide-in=${args.slideIn}
|
434
434
|
.title=${args.title}
|
435
|
-
@
|
435
|
+
@c4p-side-panel-navigate-back=${prevStep}
|
436
436
|
>
|
437
437
|
<!-- default slotted content -->
|
438
438
|
${args.content}
|
@@ -85,13 +85,13 @@ function tryFocusElements(elements: NodeListOf<HTMLElement>, reverse: boolean) {
|
|
85
85
|
/**
|
86
86
|
* SidePanel.
|
87
87
|
*
|
88
|
-
* @element
|
88
|
+
* @element c4p-side-panel
|
89
89
|
* @csspart dialog The dialog.
|
90
|
-
* @fires
|
90
|
+
* @fires c4p-side-panel-beingclosed
|
91
91
|
* The custom event fired before this side-panel is being closed upon a user gesture.
|
92
92
|
* Cancellation of this event stops the user-initiated action of closing this side-panel.
|
93
|
-
* @fires
|
94
|
-
* @fires
|
93
|
+
* @fires c4p-side-panel-closed - The custom event fired after this side-panel is closed upon a user gesture.
|
94
|
+
* @fires c4p-side-panel-navigate-back - custom event fired when clicking navigate back (available when step > 0)
|
95
95
|
*/
|
96
96
|
@customElement(`${prefix}-side-panel`)
|
97
97
|
class CDSSidePanel extends HostListenerMixin(LitElement) {
|
@@ -913,7 +913,7 @@ class CDSSidePanel extends HostListenerMixin(LitElement) {
|
|
913
913
|
await (this.constructor as typeof CDSSidePanel)._delay();
|
914
914
|
if (focusNode) {
|
915
915
|
// For cases where a `carbon-web-components` component (e.g. `<cds-button>`) being `primaryFocusNode`,
|
916
|
-
// where its first update/render cycle that makes it focusable happens after `<
|
916
|
+
// where its first update/render cycle that makes it focusable happens after `<c4p-side-panel>`'s first update/render cycle
|
917
917
|
(focusNode as HTMLElement).focus();
|
918
918
|
} else if (
|
919
919
|
!tryFocusElements(
|
@@ -6,12 +6,6 @@ import * as TearsheetStories from './tearsheet.stories';
|
|
6
6
|
|
7
7
|
# Tearsheet
|
8
8
|
|
9
|
-
> 💡 Check our
|
10
|
-
> [Stackblitz](https://stackblitz.com/github/carbon-design-system/carbon/tree/main/packages/web-components/examples/components/tearsheet)
|
11
|
-
> example implementation.
|
12
|
-
|
13
|
-
[](https://stackblitz.com/github/carbon-design-system/carbon/tree/main/packages/web-components/examples/components/tearsheet)
|
14
|
-
|
15
9
|
Tearsheets keep users in-context of a page while performing tasks like
|
16
10
|
navigating, editing, viewing details, or configuring something new.
|
17
11
|
|
@@ -22,15 +16,13 @@ Here's a quick example to get you started.
|
|
22
16
|
### JS (via import)
|
23
17
|
|
24
18
|
```javascript
|
25
|
-
import '@carbon/web-components/es/components/tearsheet/index.js';
|
19
|
+
import '@carbon/ibm-products-web-components/es/components/tearsheet/index.js';
|
26
20
|
// The following are used for slotted fields
|
27
21
|
import '@carbon/web-components/es/components/text-input/index.js';
|
28
22
|
import '@carbon/web-components/es/components/textarea/index.js';
|
29
23
|
import '@carbon/web-components/es/components/button/index.js';
|
30
24
|
```
|
31
25
|
|
32
|
-
<Markdown>{`${cdnJs({ components: ['tearsheet'] })}`}</Markdown>
|
33
|
-
<Markdown>{`${cdnCss()}`}</Markdown>
|
34
26
|
|
35
27
|
### HTML
|
36
28
|
|
@@ -0,0 +1,69 @@
|
|
1
|
+
/**
|
2
|
+
* @license
|
3
|
+
*
|
4
|
+
* Copyright IBM Corp. 2021, 2024
|
5
|
+
*
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
8
|
+
*/
|
9
|
+
|
10
|
+
import packageJson from '../../../package.json';
|
11
|
+
|
12
|
+
/* eslint-disable max-len */
|
13
|
+
|
14
|
+
/**
|
15
|
+
*
|
16
|
+
*/
|
17
|
+
/**
|
18
|
+
* Renders the component(s) script tag content and returns back the string
|
19
|
+
*
|
20
|
+
* @param {Array} components array of component names
|
21
|
+
* @param {string} tag tag folder
|
22
|
+
*/
|
23
|
+
function _renderScript(components, tag) {
|
24
|
+
let scripts = '';
|
25
|
+
components.forEach((component) => {
|
26
|
+
scripts += `<script type="module" src="https://1.www.s81c.com/common/carbon/web-components/${tag}/${component}.min.js"></script>\n`;
|
27
|
+
});
|
28
|
+
return scripts;
|
29
|
+
}
|
30
|
+
|
31
|
+
/**
|
32
|
+
* This is the markdown block for JS via CDN
|
33
|
+
*
|
34
|
+
* @param {Array} components array of components to render
|
35
|
+
* @param components.components components to render
|
36
|
+
*/
|
37
|
+
export const cdnJs = ({ components }) => {
|
38
|
+
return `
|
39
|
+
### JS (via CDN)
|
40
|
+
|
41
|
+
> NOTE: Only one version of artifacts should be used. Mixing versions will cause rendering issues.
|
42
|
+
|
43
|
+
\`\`\`html
|
44
|
+
// SPECIFIC VERSION (available starting v2.0.0)
|
45
|
+
${_renderScript(components, `version/v${packageJson.version}`)}
|
46
|
+
\`\`\`
|
47
|
+
|
48
|
+
#### Right-to-left (RTL) versions
|
49
|
+
|
50
|
+
\`\`\`html
|
51
|
+
// SPECIFIC VERSION (available starting v2.0.0)
|
52
|
+
${_renderScript(components, `version/v${packageJson.version}`)}
|
53
|
+
\`\`\`
|
54
|
+
`;
|
55
|
+
};
|
56
|
+
|
57
|
+
/**
|
58
|
+
* This is the markdown block for CSS via CDN
|
59
|
+
*/
|
60
|
+
export const cdnCss = () => {
|
61
|
+
return `
|
62
|
+
### Carbon CDN style helpers (optional)
|
63
|
+
|
64
|
+
There are optional CDN artifacts available that can assist with global Carbon
|
65
|
+
styles in lieu of including into your specific application bundle.
|
66
|
+
|
67
|
+
[Click here to learn more](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/blob/main/packages/web-components/docs/carbon-cdn-style-helpers.md)\n\n
|
68
|
+
`;
|
69
|
+
};
|
package/tasks/build.js
CHANGED
@@ -22,6 +22,7 @@ import nodeResolve from '@rollup/plugin-node-resolve';
|
|
22
22
|
import path from 'path';
|
23
23
|
import postcss from 'postcss';
|
24
24
|
import typescript from '@rollup/plugin-typescript';
|
25
|
+
import json from '@rollup/plugin-json';
|
25
26
|
|
26
27
|
import * as packageJson from '../package.json' assert { type: 'json' };
|
27
28
|
|
@@ -125,6 +126,7 @@ function getRollupConfig(input, rootDir, outDir, iconInput) {
|
|
125
126
|
targets: [{ src: 'src/components/**/*.scss', dest: 'scss' }],
|
126
127
|
flatten: false,
|
127
128
|
}),
|
129
|
+
[json()],
|
128
130
|
nodeResolve({
|
129
131
|
browser: true,
|
130
132
|
mainFields: ['jsnext', 'module', 'main'],
|