@carbon/ibm-products-web-components 0.3.0-canary.20 → 0.3.0-canary.26
Sign up to get free protection for your applications and to get access to all the features.
- package/es/components/tearsheet/tearsheet.js +1 -1
- package/es/components/tearsheet/tearsheet.scss.js +1 -1
- package/package.json +3 -3
- package/scss/components/tearsheet/tearsheet.scss +6 -0
- package/src/components/tearsheet/tearsheet.scss +6 -0
- package/src/components/tearsheet/tearsheet.stories.ts +52 -41
- package/src/components/tearsheet/tearsheet.ts +1 -1
@@ -291,7 +291,7 @@ let CDSTearsheet = CDSTearsheet_1 = class CDSTearsheet extends HostListenerMixin
|
|
291
291
|
const childItems = e.target.assignedElements();
|
292
292
|
this._hasSlug = childItems.length > 0;
|
293
293
|
if (this._hasSlug) {
|
294
|
-
childItems[0].setAttribute('size', '
|
294
|
+
childItems[0].setAttribute('size', 'sm');
|
295
295
|
this.setAttribute('slug', '');
|
296
296
|
}
|
297
297
|
else {
|
@@ -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[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;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
|
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.26+2461f8120",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "es/index.js",
|
7
7
|
"module": "es/index.js",
|
@@ -78,7 +78,7 @@
|
|
78
78
|
"eslint": "^9.11.1",
|
79
79
|
"eslint-config-carbon": "3.17.1",
|
80
80
|
"globby": "^14.0.2",
|
81
|
-
"happy-dom": "^15.
|
81
|
+
"happy-dom": "^15.11.6",
|
82
82
|
"postcss": "^8.4.47",
|
83
83
|
"remark-gfm": "^4.0.0",
|
84
84
|
"rimraf": "^5.0.5",
|
@@ -92,5 +92,5 @@
|
|
92
92
|
"vitest": "^2.1.2",
|
93
93
|
"web-component-analyzer": "2.0.0"
|
94
94
|
},
|
95
|
-
"gitHead": "
|
95
|
+
"gitHead": "2461f8120431c125ceb826ccb5d139a82d49f39c"
|
96
96
|
}
|
@@ -102,6 +102,12 @@ $motion-duration: $duration-moderate-02;
|
|
102
102
|
.#{$block-class}__influencer[wide] {
|
103
103
|
@extend .#{$block-class}__influencer--wide;
|
104
104
|
}
|
105
|
+
::slotted(#{$carbon-prefix}-slug) {
|
106
|
+
display: flex;
|
107
|
+
inset-inline-end: 0;
|
108
|
+
margin-block: 6px;
|
109
|
+
margin-inline-end: 1rem;
|
110
|
+
}
|
105
111
|
}
|
106
112
|
|
107
113
|
:host(#{$prefix}-tearsheet[open]) {
|
@@ -102,6 +102,12 @@ $motion-duration: $duration-moderate-02;
|
|
102
102
|
.#{$block-class}__influencer[wide] {
|
103
103
|
@extend .#{$block-class}__influencer--wide;
|
104
104
|
}
|
105
|
+
::slotted(#{$carbon-prefix}-slug) {
|
106
|
+
display: flex;
|
107
|
+
inset-inline-end: 0;
|
108
|
+
margin-block: 6px;
|
109
|
+
margin-inline-end: 1rem;
|
110
|
+
}
|
105
111
|
}
|
106
112
|
|
107
113
|
:host(#{$prefix}-tearsheet[open]) {
|
@@ -16,6 +16,7 @@ import {
|
|
16
16
|
import './index';
|
17
17
|
import '@carbon/web-components/es/components/tabs/index.js';
|
18
18
|
import '@carbon/web-components/es/components/slug/index.js';
|
19
|
+
import '@carbon/web-components/es/components/dropdown/index.js';
|
19
20
|
import '@carbon/web-components/es/components/progress-indicator/index.js';
|
20
21
|
import '@carbon/web-components/es/components/progress-bar/index.js';
|
21
22
|
import '@carbon/web-components/es/components/button/index.js';
|
@@ -25,10 +26,15 @@ import { prefix } from '../../globals/settings';
|
|
25
26
|
|
26
27
|
import styles from './story-styles.scss?lit';
|
27
28
|
import { BUTTON_KIND } from '@carbon/web-components/es/components/button/defs.js';
|
29
|
+
|
28
30
|
const toggleButton = () => {
|
29
31
|
document.querySelector(`${prefix}-tearsheet`)?.toggleAttribute('open');
|
30
32
|
};
|
31
33
|
|
34
|
+
const cancelButton = () => {
|
35
|
+
document.querySelector(`${prefix}-tearsheet`)?.removeAttribute('open');
|
36
|
+
};
|
37
|
+
|
32
38
|
const widths = {
|
33
39
|
// 'default (narrow)': null,
|
34
40
|
[`Narrow (${TEARSHEET_WIDTH.NARROW})`]: TEARSHEET_WIDTH.NARROW,
|
@@ -205,7 +211,7 @@ const headerActions = {
|
|
205
211
|
const getActionToolbarItems = (index) => {
|
206
212
|
switch (index) {
|
207
213
|
case 1:
|
208
|
-
return html`<cds-dropdown slot="header-actions">
|
214
|
+
return html`<cds-dropdown slot="header-actions" value="option 1">
|
209
215
|
${['option 1', 'option 2', 'option 3', 'option 4'].map(
|
210
216
|
(option) => html` <cds-dropdown-item value="${option}"
|
211
217
|
>${option}</cds-dropdown-item
|
@@ -250,7 +256,12 @@ const actionItems = {
|
|
250
256
|
|
251
257
|
const toActions = (kinds: BUTTON_KIND[]) => {
|
252
258
|
return kinds?.map((kind) => {
|
253
|
-
return html`<cds-button
|
259
|
+
return html`<cds-button
|
260
|
+
key=${kind}
|
261
|
+
slot="actions"
|
262
|
+
kind=${kind}
|
263
|
+
@click=${kind === 'ghost' && cancelButton}
|
264
|
+
>
|
254
265
|
${kind.charAt(0).toUpperCase() + kind.slice(1)}
|
255
266
|
</cds-button>`;
|
256
267
|
});
|
@@ -359,21 +370,21 @@ const getSlug = (index) => {
|
|
359
370
|
|
360
371
|
export const Default = {
|
361
372
|
args: {
|
362
|
-
actionItems:
|
363
|
-
headerActions:
|
364
|
-
content:
|
365
|
-
label:
|
373
|
+
actionItems: 4,
|
374
|
+
headerActions: 0,
|
375
|
+
content: 2,
|
376
|
+
label: 1,
|
366
377
|
open: false,
|
367
378
|
influencerWidth: TEARSHEET_INFLUENCER_WIDTH.NARROW,
|
368
379
|
influencerPlacement: TEARSHEET_INFLUENCER_PLACEMENT.LEFT,
|
369
|
-
influencer:
|
380
|
+
influencer: 0,
|
370
381
|
preventCloseOnClickOutside: false,
|
371
382
|
selectorInitialFocus: '',
|
372
383
|
width: TEARSHEET_WIDTH.WIDE,
|
373
|
-
slug:
|
384
|
+
slug: 0,
|
374
385
|
description: 'Description used to describe the flow if need be.',
|
375
386
|
title: 'Title used to designate the overarching flow of the tearsheet.',
|
376
|
-
headerNavigation:
|
387
|
+
headerNavigation: 0,
|
377
388
|
},
|
378
389
|
argTypes: {
|
379
390
|
actionItems: {
|
@@ -465,10 +476,10 @@ export const Default = {
|
|
465
476
|
width=${args.width}
|
466
477
|
>
|
467
478
|
<!-- default slotted content -->
|
468
|
-
${args.content}
|
479
|
+
${getContent(args.content)}
|
469
480
|
|
470
481
|
<!-- slotted header label -->
|
471
|
-
${args.label}
|
482
|
+
${getLabel(args.label)}
|
472
483
|
|
473
484
|
<!-- slotted header title -->
|
474
485
|
${args.title ? html`<span slot="title">${args.title}</span>` : ''}
|
@@ -479,19 +490,19 @@ export const Default = {
|
|
479
490
|
: ''}
|
480
491
|
|
481
492
|
<!-- slotted action in header cds-buttons -->
|
482
|
-
${args.headerActions}
|
493
|
+
${getActionToolbarItems(args.headerActions)}
|
483
494
|
|
484
495
|
<!-- slotted action items cds-buttons -->
|
485
|
-
${args.actionItems}
|
496
|
+
${getActionItems(args.actionItems)}
|
486
497
|
|
487
498
|
<!-- slotted slug -->
|
488
|
-
${args.slug}
|
499
|
+
${getSlug(args.slug)}
|
489
500
|
|
490
501
|
<!-- slotted header-navigation -->
|
491
|
-
${args.headerNavigation}
|
502
|
+
${getNavigation(args.headerNavigation)}
|
492
503
|
|
493
504
|
<!-- slotted influencer -->
|
494
|
-
${args.influencer}
|
505
|
+
${getInfluencer(args.influencer)}
|
495
506
|
</c4p-tearsheet>
|
496
507
|
`;
|
497
508
|
},
|
@@ -501,7 +512,7 @@ export const WithNavigation = {
|
|
501
512
|
...Default,
|
502
513
|
args: {
|
503
514
|
...Default.args,
|
504
|
-
headerNavigation:
|
515
|
+
headerNavigation: 1,
|
505
516
|
},
|
506
517
|
};
|
507
518
|
|
@@ -509,7 +520,7 @@ export const WithInfluencer = {
|
|
509
520
|
...Default,
|
510
521
|
args: {
|
511
522
|
...Default.args,
|
512
|
-
influencer:
|
523
|
+
influencer: 2,
|
513
524
|
},
|
514
525
|
};
|
515
526
|
|
@@ -517,8 +528,8 @@ export const WithAllHeaderItemsAndInfluencer = {
|
|
517
528
|
...Default,
|
518
529
|
args: {
|
519
530
|
...Default.args,
|
520
|
-
headerActions:
|
521
|
-
influencer:
|
531
|
+
headerActions: 2,
|
532
|
+
influencer: 2,
|
522
533
|
},
|
523
534
|
};
|
524
535
|
|
@@ -581,10 +592,10 @@ export const StackingTemplate = {
|
|
581
592
|
<cds-button @click="${() => toggleButton('two')}"
|
582
593
|
>Toggle tearsheet two</cds-button
|
583
594
|
>
|
584
|
-
${args.content}
|
595
|
+
${getContent(args.content)}
|
585
596
|
|
586
597
|
<!-- slotted header label -->
|
587
|
-
${args.label}
|
598
|
+
${getLabel(args.label)}
|
588
599
|
|
589
600
|
<!-- slotted header title -->
|
590
601
|
${args.title ? html`<span slot="title">One ${args.title}</span>` : ''}
|
@@ -595,19 +606,19 @@ export const StackingTemplate = {
|
|
595
606
|
: ''}
|
596
607
|
|
597
608
|
<!-- slotted action in header cds-buttons -->
|
598
|
-
${args.headerActions}
|
609
|
+
${getActionToolbarItems(args.headerActions)}
|
599
610
|
|
600
611
|
<!-- slotted action items cds-buttons -->
|
601
|
-
${args.actionItems}
|
612
|
+
${getActionItems(args.actionItems)}
|
602
613
|
|
603
614
|
<!-- slotted slug -->
|
604
|
-
${args.slug}
|
615
|
+
${getSlug(args.slug)}
|
605
616
|
|
606
617
|
<!-- slotted header-navigation -->
|
607
|
-
${args.headerNavigation}
|
618
|
+
${getNavigation(args.headerNavigation)}
|
608
619
|
|
609
620
|
<!-- slotted influencer -->
|
610
|
-
${args.influencer}
|
621
|
+
${getInfluencer(args.influencer)}
|
611
622
|
</c4p-tearsheet>
|
612
623
|
<c4p-tearsheet
|
613
624
|
data-index="two"
|
@@ -624,10 +635,10 @@ export const StackingTemplate = {
|
|
624
635
|
<cds-button @click="${() => toggleButton('three')}"
|
625
636
|
>Toggle tearsheet three</cds-button
|
626
637
|
>
|
627
|
-
${args.content}
|
638
|
+
${getContent(args.content)}
|
628
639
|
|
629
640
|
<!-- slotted header label -->
|
630
|
-
${args.label}
|
641
|
+
${getLabel(args.label)}
|
631
642
|
|
632
643
|
<!-- slotted header title -->
|
633
644
|
${args.title ? html`<span slot="title">Two ${args.title}</span>` : ''}
|
@@ -638,19 +649,19 @@ export const StackingTemplate = {
|
|
638
649
|
: ''}
|
639
650
|
|
640
651
|
<!-- slotted action in header cds-buttons -->
|
641
|
-
${args.headerActions}
|
652
|
+
${getActionToolbarItems(args.headerActions)}
|
642
653
|
|
643
654
|
<!-- slotted action items cds-buttons -->
|
644
|
-
${args.actionItems}
|
655
|
+
${getActionItems(args.actionItems)}
|
645
656
|
|
646
657
|
<!-- slotted slug -->
|
647
|
-
${args.slug}
|
658
|
+
${getSlug(args.slug)}
|
648
659
|
|
649
660
|
<!-- slotted header-navigation -->
|
650
|
-
${args.headerNavigation}
|
661
|
+
${getNavigation(args.headerNavigation)}
|
651
662
|
|
652
663
|
<!-- slotted influencer -->
|
653
|
-
${args.influencer}
|
664
|
+
${getInfluencer(args.influencer)}
|
654
665
|
</c4p-tearsheet>
|
655
666
|
<c4p-tearsheet
|
656
667
|
data-index="three"
|
@@ -664,10 +675,10 @@ export const StackingTemplate = {
|
|
664
675
|
width=${args.width}
|
665
676
|
>
|
666
677
|
<!-- default slotted content -->
|
667
|
-
${args.content}
|
678
|
+
${getContent(args.content)}
|
668
679
|
|
669
680
|
<!-- slotted header label -->
|
670
|
-
${args.label}
|
681
|
+
${getLabel(args.label)}
|
671
682
|
|
672
683
|
<!-- slotted header title -->
|
673
684
|
${args.title ? html`<span slot="title">Three ${args.title}</span>` : ''}
|
@@ -678,19 +689,19 @@ export const StackingTemplate = {
|
|
678
689
|
: ''}
|
679
690
|
|
680
691
|
<!-- slotted action in header cds-buttons -->
|
681
|
-
${args.headerActions}
|
692
|
+
${getActionToolbarItems(args.headerActions)}
|
682
693
|
|
683
694
|
<!-- slotted action items cds-buttons -->
|
684
|
-
${args.actionItems}
|
695
|
+
${getActionItems(args.actionItems)}
|
685
696
|
|
686
697
|
<!-- slotted slug -->
|
687
|
-
${args.slug}
|
698
|
+
${getSlug(args.slug)}
|
688
699
|
|
689
700
|
<!-- slotted header-navigation -->
|
690
|
-
${args.headerNavigation}
|
701
|
+
${getNavigation(args.headerNavigation)}
|
691
702
|
|
692
703
|
<!-- slotted influencer -->
|
693
|
-
${args.influencer}
|
704
|
+
${getInfluencer(args.influencer)}
|
694
705
|
</c4p-tearsheet>
|
695
706
|
`;
|
696
707
|
},
|
@@ -314,7 +314,7 @@ class CDSTearsheet extends HostListenerMixin(LitElement) {
|
|
314
314
|
|
315
315
|
this._hasSlug = childItems.length > 0;
|
316
316
|
if (this._hasSlug) {
|
317
|
-
childItems[0].setAttribute('size', '
|
317
|
+
childItems[0].setAttribute('size', 'sm');
|
318
318
|
this.setAttribute('slug', '');
|
319
319
|
} else {
|
320
320
|
this.removeAttribute('slug');
|