@carbon/ibm-products-web-components/es-custom/components/side-panel/side-panel.scss.js

Carbon for IBM Products Web Components

/**
 * Copyright IBM Corp. 2020, 2026
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */

import { css } from "lit";
//#region src/components/side-panel/side-panel.scss?lit
var side_panel_default = 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-feature-settings:\"liga\" 1;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}:root{color-scheme:var(--cds-custom-color-scheme,light)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-custom-background,#fff);color:var(--cds-custom-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-custom-heading-06-font-size,2.625rem);font-weight:var(--cds-custom-heading-06-font-weight,300);letter-spacing:var(--cds-custom-heading-06-letter-spacing,0);line-height:var(--cds-custom-heading-06-line-height,1.199)}h2{font-size:var(--cds-custom-heading-05-font-size,2rem);font-weight:var(--cds-custom-heading-05-font-weight,400);letter-spacing:var(--cds-custom-heading-05-letter-spacing,0);line-height:var(--cds-custom-heading-05-line-height,1.25)}h3{font-size:var(--cds-custom-heading-04-font-size,1.75rem);font-weight:var(--cds-custom-heading-04-font-weight,400);letter-spacing:var(--cds-custom-heading-04-letter-spacing,0);line-height:var(--cds-custom-heading-04-line-height,1.28572)}h4{font-size:var(--cds-custom-heading-03-font-size,1.25rem);font-weight:var(--cds-custom-heading-03-font-weight,400);letter-spacing:var(--cds-custom-heading-03-letter-spacing,0);line-height:var(--cds-custom-heading-03-line-height,1.4)}h5{font-size:var(--cds-custom-heading-02-font-size,1rem);font-weight:var(--cds-custom-heading-02-font-weight,600);letter-spacing:var(--cds-custom-heading-02-letter-spacing,0);line-height:var(--cds-custom-heading-02-line-height,1.5)}h6{font-size:var(--cds-custom-heading-01-font-size,.875rem);font-weight:var(--cds-custom-heading-01-font-weight,600);letter-spacing:var(--cds-custom-heading-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-01-line-height,1.42857)}p{font-size:var(--cds-custom-body-02-font-size,1rem);font-weight:var(--cds-custom-body-02-font-weight,400);letter-spacing:var(--cds-custom-body-02-letter-spacing,0);line-height:var(--cds-custom-body-02-line-height,1.5)}a{color:var(--cds-custom-link-primary,#0062fe)}em{font-style:italic}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--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-custom--layout--size-xs{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xs,1.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-sm,2rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-md,2.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-lg,3rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xl,4rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-2xl,5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-normal,1rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-normal,1rem)}:root{--cds-custom-layout-size-height-xs:1.5rem;--cds-custom-layout-size-height-sm:2rem;--cds-custom-layout-size-height-md:2.5rem;--cds-custom-layout-size-height-lg:3rem;--cds-custom-layout-size-height-xl:4rem;--cds-custom-layout-size-height-2xl:5rem;--cds-custom-layout-size-height-min:0px;--cds-custom-layout-size-height-max:999999999px;--cds-custom-layout-density-padding-inline-condensed:0.5rem;--cds-custom-layout-density-padding-inline-normal:1rem;--cds-custom-layout-density-padding-inline-min:0px;--cds-custom-layout-density-padding-inline-max:999999999px}.cds-custom--assistive-text,.cds-custom--visually-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}.c4p--action-set,:host(c4p-side-panel) .c4p--side-panel__actions-container{align-items:stretch;background-color:var(--cds-custom-layer-01,#f4f4f4);justify-content:flex-end}.c4p--action-set .c4p--action-set__action-button,:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set__action-button{align-items:center;font-size:var(--cds-custom-body-short-01-font-size,.875rem);font-weight:var(--cds-custom-body-short-01-font-weight,400);letter-spacing:var(--cds-custom-body-short-01-letter-spacing,.16px);line-height:var(--cds-custom-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-side-panel) .c4p--side-panel__actions-container .c4p--action-set__action-button.c4p--action-set__action-button--expressive{block-size:4rem;padding-block:1rem 2rem}.c4p--action-set.c4p--btn-set .c4p--action-set__action-button.c4p--btn,.c4p--action-set.c4p--btn-set .c4p--action-set__action-button.c4p--btn.c4p--btn--expressive,:host(c4p-side-panel) .c4p--btn-set.c4p--side-panel__actions-container .c4p--action-set__action-button.c4p--btn{max-inline-size:none}.c4p--action-set:not(.c4p--action-set--stacking) .c4p--action-set__action-button--ghost,:host(c4p-side-panel) .c4p--side-panel__actions-container:not(.c4p--action-set--stacking) .c4p--action-set__action-button--ghost{padding-inline-start:1rem}.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-side-panel) .c4p--action-set--row-single.c4p--action-set--md.c4p--side-panel__actions-container .c4p--action-set__action-button,:host(c4p-side-panel) .c4p--action-set--row-single.c4p--side-panel__actions-container .c4p--action-set__action-button--ghost{flex:0 0 100%}.c4p--action-set.c4p--action-set--row-double .c4p--action-set__action-button--ghost,:host(c4p-side-panel) .c4p--action-set--row-double.c4p--side-panel__actions-container .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-side-panel) .c4p--action-set--row-double.c4p--action-set--lg.c4p--side-panel__actions-container .c4p--action-set__action-button,:host(c4p-side-panel) .c4p--action-set--row-double.c4p--action-set--md.c4p--side-panel__actions-container .c4p--action-set__action-button,:host(c4p-side-panel) .c4p--action-set--row-single.c4p--action-set--lg.c4p--side-panel__actions-container .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-side-panel) .c4p--action-set--row-triple.c4p--side-panel__actions-container .c4p--action-set__action-button--ghost{flex:0 1 50%}.c4p--action-set.c4p--action-set--row-triple .c4p--action-set__action-button--ghost,:host(c4p-side-panel) .c4p--action-set--row-triple.c4p--side-panel__actions-container .c4p--action-set__action-button--ghost{flex:1 1 50%}.c4p--action-set.c4p--btn-set.c4p--action-set--2xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),.c4p--action-set.c4p--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),.c4p--action-set.c4p--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.c4p--btn-set.c4p--action-set--xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-side-panel) .c4p--btn-set.c4p--action-set--2xl.c4p--side-panel__actions-container .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-side-panel) .c4p--btn-set.c4p--action-set--row-quadruple.c4p--side-panel__actions-container .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-side-panel) .c4p--btn-set.c4p--action-set--row-triple.c4p--action-set--lg.c4p--side-panel__actions-container .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-side-panel) .c4p--btn-set.c4p--action-set--xl.c4p--side-panel__actions-container .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost){flex:0 1 25%;max-inline-size:14.5rem}.c4p--action-set.c4p--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button--ghost,:host(c4p-side-panel) .c4p--btn-set.c4p--action-set--row-quadruple.c4p--side-panel__actions-container .c4p--action-set__action-button--ghost{flex:1 1 25%}.c4p--action-set .c4p--action-set__action-button .c4p--inline-loading,:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set__action-button .c4p--inline-loading{inline-size:2rem;inset-block-start:0;inset-inline-end:0;position:absolute}.clabs__resizer{background-color:var(--cds-custom-border-subtle);flex:none;position:relative}@media (prefers-reduced-motion:no-preference){.clabs__resizer:hover{background-color:var(--cds-custom-border-interactive,#0f62fe);transition:background-color .15s}}.clabs__resizer:focus{outline:none}.clabs__resizer:active,.clabs__resizer:focus{background-color:var(--cds-custom-border-interactive,#0f62fe)}.clabs__resizer:focus:not(:focus-visible){box-shadow:none;outline:none}.clabs__resizer--horizontal{cursor:ns-resize}.clabs__resizer--vertical{cursor:ew-resize}.sr-only{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;white-space:nowrap}@media (prefers-reduced-motion:no-preference){.smooth-resize{transition:all .15s linear}}@keyframes side-panel-entrance-reduced{0%{opacity:0}to{opacity:1}}@keyframes side-panel-exit-reduced{0%{opacity:1}to{opacity:0}}@keyframes side-panel-entrance-right{0%{opacity:0;transform:translateX(var(--panel-transform,320px))}to{opacity:1;transform:translateX(0)}}@keyframes side-panel-entrance-left{0%{opacity:0;transform:translateX(calc(var(--panel-transform, 320px)*-1))}to{opacity:1;transform:translateX(0)}}@keyframes side-panel-exit-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(var(--panel-transform,320px))}}@keyframes side-panel-exit-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(calc(var(--panel-transform, 320px)*-1))}}@property --panel-transform{inherits:true;initial-value:320px;syntax:\"<length>\"}.c4p--side-panel--scrolls,:host(c4p-side-panel) [scrolls]{overflow:auto;overflow-x:hidden}@supports (overflow-inline:hidden){.c4p--side-panel--scrolls,:host(c4p-side-panel) [scrolls]{overflow-inline:hidden}}.c4p--side-panel,:host(c4p-side-panel) .c4p--side-panel{--panel-transform:320px;--c4p--side-panel--title-stop:1rem;--c4p--side-panel--scroll-animation-progress:0;--c4p--side-panel--title-padding-right:2rem;--c4p--side-panel--actions-height:4rem;background-color:var(--cds-custom-layer-01,#f4f4f4);block-size:calc(100% - 3rem);box-sizing:border-box;color:var(--cds-custom-text-primary,#161616);display:grid;grid-template-rows:auto 1fr auto;inset-block-start:3rem;max-inline-size:100%;min-inline-size:16rem;position:fixed;transform:translateX(0);transition-behavior:allow-discrete;transition-duration:.15s;transition-property:display,opacity,transform;z-index:9000}.c4p--side-panel:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer{grid-template-columns:0 1fr}@media (prefers-reduced-motion:no-preference){.c4p--side-panel:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer{transition:all .15s linear}}@starting-style{.c4p--side-panel,:host(c4p-side-panel) .c4p--side-panel{opacity:0;transform:translateX(var(--panel-transform))}}@media (min-width:42rem){.c4p--side-panel,:host(c4p-side-panel) .c4p--side-panel{max-inline-size:75vw}}.c4p--side-panel.c4p--side-panel--xs,:host(c4p-side-panel) .c4p--side-panel[size=xs]{inline-size:clamp(16rem,var(--c4p-side-panel-modified-size,16rem),100%)}.c4p--side-panel.c4p--side-panel--sm,:host(c4p-side-panel) .c4p--side-panel[size=sm]{inline-size:clamp(16rem,var(--c4p-side-panel-modified-size,20rem),100%)}.c4p--side-panel.c4p--side-panel--md,:host(c4p-side-panel) .c4p--side-panel[size=md]{inline-size:clamp(16rem,var(--c4p-side-panel-modified-size,30rem),100%)}.c4p--side-panel.c4p--side-panel--lg,:host(c4p-side-panel) .c4p--side-panel[size=lg]{inline-size:clamp(16rem,var(--c4p-side-panel-modified-size,40rem),100%)}.c4p--side-panel.c4p--side-panel--xl,:host(c4p-side-panel) .c4p--side-panel[size=xl]{inline-size:clamp(16rem,var(--c4p-side-panel-modified-size,65rem),100%)}.c4p--side-panel.c4p--side-panel--2xl,:host(c4p-side-panel) .c4p--side-panel[size=\"2xl\"]{inline-size:clamp(16rem,var(--c4p-side-panel-modified-size,80rem),100%)}.c4p--side-panel.c4p--side-panel--open.c4p--side-panel--right-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--open[placement=right]{animation:side-panel-entrance-right .15s cubic-bezier(0,0,.38,.9) forwards}.c4p--side-panel.c4p--side-panel--open.c4p--side-panel--left-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--open[placement=left]{animation:side-panel-entrance-left .15s cubic-bezier(0,0,.38,.9) forwards}.c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--right-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--closing[placement=right]{animation:side-panel-exit-right .15s cubic-bezier(.2,0,1,.9) forwards}.c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--left-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--closing[placement=left]{animation:side-panel-exit-left .15s cubic-bezier(.2,0,1,.9) forwards}@supports (transition-behavior:allow-discrete){.c4p--side-panel.c4p--side-panel--closing{opacity:0;transform:translateX(var(--panel-transform,320px));transition-duration:.15s}.c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--left-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--closing[placement=left]{transform:translateX(calc(var(--panel-transform, 320px)*-1))}}@media (prefers-reduced-motion){.c4p--side-panel.c4p--side-panel--open.c4p--side-panel--left-placement,.c4p--side-panel.c4p--side-panel--open.c4p--side-panel--right-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--open[placement=left],:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--open[placement=right]{animation:side-panel-entrance-reduced .15s cubic-bezier(.2,0,1,.9) forwards}@starting-style{.c4p--side-panel.c4p--side-panel--open.c4p--side-panel--left-placement,.c4p--side-panel.c4p--side-panel--open.c4p--side-panel--right-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--open[placement=left],:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--open[placement=right]{opacity:0;transform:translateX(0)}}.c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--left-placement,.c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--right-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--closing[placement=left],:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--closing[placement=right]{animation:side-panel-exit-reduced .15s cubic-bezier(.2,0,1,.9) forwards}@starting-style{.c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--left-placement,.c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--right-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--closing[placement=left],:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--closing[placement=right]{opacity:1;transform:translateX(0)}}}.c4p--side-panel.c4p--side-panel--animated-title{grid-template-rows:1fr auto}.c4p--side-panel.c4p--side-panel--condensed-actions,:host(c4p-side-panel) .c4p--side-panel[condensed-actions]{--c4p--side-panel--actions-height:3rem}.c4p--side-panel:not(.c4p--side-panel--has-overlay){box-shadow:0 .125rem .25rem var(--cds-custom-overlay,rgba(0,0,0,.6))}.c4p--side-panel.c4p--side-panel--slide-in,.c4p--side-panel.c4p--side-panel--slide-in:not(.c4p--side-panel--has-overlay){box-shadow:none}.c4p--side-panel .c4p--side-panel__actions-container{inline-size:100%}.c4p--side-panel.c4p--side-panel--right-placement,:host(c4p-side-panel) .c4p--side-panel[placement=right]{border-inline-start:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);inset-inline-end:0}.c4p--side-panel.c4p--side-panel--left-placement .clabs__resizer,:host(c4p-side-panel) .c4p--side-panel[placement=left] .clabs__resizer{grid-column:2;inset-inline-start:0}.c4p--side-panel.c4p--side-panel--left-placement .clabs__resizer:before,:host(c4p-side-panel) .c4p--side-panel[placement=left] .clabs__resizer:before{inset-inline-start:0}.c4p--side-panel.c4p--side-panel--left-placement:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer,:host(c4p-side-panel) .c4p--side-panel[placement=left]:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer{grid-template-columns:1fr 0}@media (prefers-reduced-motion:no-preference){.c4p--side-panel.c4p--side-panel--left-placement:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer,:host(c4p-side-panel) .c4p--side-panel[placement=left]:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer{transition:all .15s linear}}.c4p--side-panel.c4p--side-panel--left-placement,:host(c4p-side-panel) .c4p--side-panel[placement=left]{border-inline-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);inset-inline-start:0}.c4p--side-panel.c4p--side-panel.c4p--side-panel--has-ai-label,.c4p--side-panel.c4p--side-panel.c4p--side-panel--has-decorator,.c4p--side-panel.c4p--side-panel.c4p--side-panel--has-slug,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--has-ai-label,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--has-decorator,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--has-slug,:host(c4p-side-panel) .c4p--side-panel[has-slug]{border-color:transparent;box-shadow:inset 0 -80px 70px -65px var(--cds-custom-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 10px 2px var(--cds-custom-ai-drop-shadow,rgba(15,98,254,.1))}.c4p--side-panel .clabs__resizer--vertical:before{background-color:transparent;block-size:100%;content:\"\";inline-size:.125rem;inset-block-end:0;inset-inline-end:0;position:absolute;transition:background-color .15s cubic-bezier(.2,0,.38,.9);z-index:-1}.c4p--side-panel:hover .clabs__resizer--vertical:before{background-color:var(--c4p-button-secondary-hover,#474747)}.c4p--side-panel .clabs__resizer{background-color:transparent;grid-row:span 4/span 3;inset-inline-start:-.25rem}.c4p--side-panel .clabs__resizer--vertical:after{block-size:100%;content:\"\";inline-size:.5rem;inset-inline-start:-.125rem;position:absolute;z-index:10}.c4p--side-panel .clabs__resizer:focus,.c4p--side-panel .clabs__resizer:hover{background-color:var(--cds-custom-border-interactive,#0f62fe)}.c4p--side-panel .c4p--side-panel__header{--c4p--side-panel--title-padding-bottom:1rem;background-color:var(--cds-custom-layer-01,#f4f4f4);inset-block-start:calc(-1px*var(--c4p--side-panel--scroll-animation-distance));min-block-size:2.5rem;padding:1rem;padding-block-end:0;position:sticky;z-index:4}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--has-title{min-block-size:auto}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--has-subtitle,.c4p--side-panel .c4p--side-panel__header:has(.c4p--side-panel__subtitle-text,:host(c4p-side-panel) .c4p--side-panel__subtitle-text){--c4p--side-panel--title-padding-bottom:0.5rem}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--has-navigation-back,.c4p--side-panel .c4p--side-panel__header:has(.c4p--side-panel__navigation-back-button){padding-block-start:2rem}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--has-navigation-back.c4p--btn--md,.c4p--side-panel .c4p--side-panel__header:has(.c4p--side-panel__navigation-back-button.c4p--btn--md){padding-block-start:2.5rem}.c4p--side-panel .c4p--side-panel__header:before{background-color:var(--cds-custom-border-subtle-01,#c6c6c6);block-size:1px;content:\"\";inline-size:100%;inset-block-end:0;inset-inline-start:0;opacity:var(--c4p--side-panel--scroll-animation-progress);position:absolute;z-index:9}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--no-title-animation,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[no-title-animation]{inset-block-start:0;position:relative}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--no-title-animation:before,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[no-title-animation]:before{opacity:1}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--reduced-motion,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[reduced-motion]{border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);margin-block-end:1rem;z-index:5}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--reduced-motion.c4p--side-panel__header--no-title-animation,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--no-title-animation[reduced-motion],:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--reduced-motion[no-title-animation],:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[reduced-motion][no-title-animation]{border-block-end:0;margin-block-end:0}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--on-detail-step .c4p--side-panel__navigation-back-button.c4p--btn--md~.c4p--side-panel__collapsed-title-text,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[detail-step] .c4p--side-panel__navigation-back-button.c4p--btn--md~.c4p--side-panel__collapsed-title-text{inset-block-start:1.5rem}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--on-detail-step:not(.c4p--side-panel__header--has-title),:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[detail-step]:not(.c4p--side-panel__header--has-title){block-size:2.75rem;padding:1rem 1rem .5rem}.c4p--side-panel .c4p--side-panel__header:not(.c4p--side-panel__header--has-title):before{background-color:transparent}.c4p--side-panel .c4p--side-panel__header:empty{min-block-size:unset}.c4p--side-panel.c4p--side-panel--has-action-toolbar,.c4p--side-panel.c4p--side-panel--has-ai-label,.c4p--side-panel.c4p--side-panel--has-decorator,.c4p--side-panel.c4p--side-panel--has-slug,.c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar),:host(c4p-side-panel) .c4p--side-panel[has-slug]{--c4p--side-panel--title-padding-right:4rem}.c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-ai-label,.c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-decorator,.c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-slug,.c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-ai-label,.c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-decorator,.c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-slug,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--has-action-toolbar[has-slug],:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel[has-slug]:has(.c4p--side-panel__action-toolbar){--c4p--side-panel--title-padding-right:5rem}.c4p--side-panel .c4p--side-panel__animated-scroll-wrapper{display:grid;grid-template-rows:auto 1fr}.c4p--side-panel .c4p--side-panel__title{background-color:var(--cds-custom-layer-01,#f4f4f4);border-block-end:var(--c4p--side-panel--title-padding-bottom) solid transparent;inset-block-start:var(--c4p--side-panel--title-stop);position:sticky;z-index:4}.c4p--side-panel .c4p--side-panel__title-text{font-size:var(--cds-custom-heading-03-font-size,1.25rem);font-weight:var(--cds-custom-heading-03-font-weight,400);letter-spacing:var(--cds-custom-heading-03-letter-spacing,0);line-height:var(--cds-custom-heading-03-line-height,1.4);opacity:calc(1 - var(--c4p--side-panel--scroll-animation-progress));padding-inline-end:var(--c4p--side-panel--title-padding-right)}.c4p--side-panel .c4p--side-panel__title--no-label .c4p--side-panel__title-text{transform:translateY(calc(-1rem*var(--c4p--side-panel--scroll-animation-progress)))}.c4p--side-panel .c4p--side-panel__header--no-title-animation .c4p--side-panel__title-text,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[no-title-animation] .c4p--side-panel__title-text{position:static}.c4p--side-panel .c4p--side-panel__label-text{font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);opacity:calc(1 - var(--c4p--side-panel--scroll-animation-progress));padding-inline-end:var(--c4p--side-panel--title-padding-right)}.c4p--side-panel .c4p--side-panel__collapsed-title-text{font-size:var(--cds-custom-heading-compact-02-font-size,1rem);font-weight:var(--cds-custom-heading-compact-02-font-weight,600);inset-block-start:0;letter-spacing:var(--cds-custom-heading-compact-02-letter-spacing,0);line-height:var(--cds-custom-heading-compact-02-line-height,1.375);opacity:var(--c4p--side-panel--scroll-animation-progress);padding-inline-end:var(--c4p--side-panel--title-padding-right);position:absolute}.c4p--side-panel .c4p--side-panel__title--no-label .c4p--side-panel__collapsed-title-text{transform:translateY(calc(1rem*(1 - var(--c4p--side-panel--scroll-animation-progress))))}.c4p--side-panel .c4p--side-panel__subtitle-text{font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572);opacity:calc(1 - var(--c4p--side-panel--scroll-animation-progress));padding-block-end:1rem;padding-inline-end:var(--c4p--side-panel--title-padding-right)}.c4p--side-panel .c4p--side-panel__header--no-title-animation .c4p--side-panel__subtitle-text,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[no-title-animation] .c4p--side-panel__subtitle-text{background-color:var(--cds-custom-layer-01,#f4f4f4);z-index:2}.c4p--side-panel .c4p--side-panel__title-text+.c4p--side-panel__subtitle-text{padding-block-start:1rem}.c4p--side-panel .c4p--side-panel__inner-content{padding:0 1rem 1rem}.c4p--side-panel .c4p--side-panel__inner-content--no-animated-title{padding-block-start:1rem}.c4p--side-panel .c4p--side-panel__header--has-action-toolbar+.c4p--side-panel__inner-content,.c4p--side-panel .c4p--side-panel__header:has(.c4p--side-panel__action-toolbar)+.c4p--side-panel__inner-content{padding-block-start:.5rem}.c4p--side-panel.c4p--side-panel--has-ai-label .c4p--side-panel--scrolls,.c4p--side-panel.c4p--side-panel--has-decorator .c4p--side-panel--scrolls,.c4p--side-panel.c4p--side-panel--has-slug .c4p--side-panel--scrolls,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--has-ai-label [scrolls],:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--has-decorator [scrolls],:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--has-slug [scrolls],:host(c4p-side-panel) .c4p--side-panel[has-slug] .c4p--side-panel--scrolls,:host(c4p-side-panel) .c4p--side-panel[has-slug] [scrolls]{background:linear-gradient(to top,var(--c4p-layer,var(--cds-custom-ai-popover-background,#fff)) 0,var(--cds-custom-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-custom-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--c4p-layer,var(--cds-custom-ai-popover-background,#fff)),var(--c4p-layer,var(--cds-custom-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-custom-ai-border-start,rgba(166,200,255,.64)),var(--cds-custom-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--c4p-layer,var(--cds-custom-ai-popover-background,#fff)),var(--c4p-layer,var(--cds-custom-ai-popover-background,#fff))) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-custom-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 10px 2px var(--cds-custom-ai-drop-shadow,rgba(15,98,254,.1))}.c4p--side-panel .c4p--side-panel__action-toolbar{align-items:center;background-color:var(--cds-custom-layer-01,#f4f4f4);display:flex;justify-content:flex-start;position:sticky;z-index:4}.c4p--side-panel .c4p--side-panel__action-toolbar-leading-button{margin-inline-end:.5rem}.c4p--side-panel .c4p--btn.c4p--side-panel__navigation-back-button{inset-block-start:0;inset-inline-start:0;position:fixed;z-index:5}.c4p--side-panel .c4p--btn.c4p--side-panel__close-button,.c4p--side-panel .c4p--btn.c4p--side-panel__navigation-back-button{align-items:center;background-color:unset;block-size:2rem;color:var(--cds-custom-text-primary,#161616);display:flex;inline-size:2rem;justify-content:center;min-block-size:0;padding:0}.c4p--side-panel .c4p--btn.c4p--side-panel__close-button:hover,.c4p--side-panel .c4p--btn.c4p--side-panel__navigation-back-button:hover{background-color:var(--cds-custom-background-hover,hsla(0,0%,55%,.12))}.c4p--side-panel .c4p--btn.c4p--side-panel__close-button .c4p--side-panel--btn__icon,.c4p--side-panel .c4p--btn.c4p--side-panel__navigation-back-button .c4p--side-panel--btn__icon{margin:0}.c4p--side-panel .c4p--btn--md.c4p--side-panel__close-button,.c4p--side-panel .c4p--btn--md.c4p--side-panel__navigation-back-button{block-size:2.5rem;inline-size:2.5rem}.c4p--side-panel .c4p--side-panel__ai-label-and-close,.c4p--side-panel .c4p--side-panel__decorator-and-close,.c4p--side-panel .c4p--side-panel__slug-and-close{block-size:2rem;display:flex;inset-block-start:0;inset-inline-end:0;position:absolute;z-index:10}@media (prefers-reduced-motion){.c4p--side-panel .c4p--side-panel__ai-label-and-close,.c4p--side-panel .c4p--side-panel__decorator-and-close,.c4p--side-panel .c4p--side-panel__slug-and-close{position:absolute}}.c4p--side-panel .c4p--side-panel__decorator-and-close .c4p--ai-label__button--xs{margin:.25rem}.c4p--side-panel .c4p--side-panel__actions-container{background-color:var(--cds-custom-layer-01,#f4f4f4);border-block-start:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);inset-block-end:0;position:sticky}.c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl .c4p--action-set__action-button{inline-size:100%;max-inline-size:100%}@media (min-width:42rem){.c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl{flex-direction:row}.c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl .c4p--action-set__action-button{inline-size:25%}}.c4p--side-panel .c4p--side-panel__actions-container .c4p--action-set__action-button.c4p--action-set__action-button{block-size:var(--c4p--side-panel--actions-height)}.c4p--side-panel.c4p--side-panel.c4p--side-panel--xs .c4p--side-panel__actions-container.c4p--action-set--sm,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--xs .c4p--side-panel__actions-container.c4p--action-set--sm,:host(c4p-side-panel) .c4p--side-panel[size=xs] .c4p--side-panel__actions-container.c4p--action-set--sm{inline-size:clamp(16rem,var(--c4p-side-panel-modified-size,16rem),100%)}.c4p--side-panel .c4p--date-picker__input,.c4p--side-panel .c4p--dropdown,.c4p--side-panel .c4p--dropdown-list,.c4p--side-panel .c4p--multi-select,.c4p--side-panel .c4p--number input[type=number],.c4p--side-panel .c4p--search-input,.c4p--side-panel .c4p--select-input,.c4p--side-panel .c4p--text-area,.c4p--side-panel .c4p--text-input{background-color:var(--cds-custom-field-02,#fff)}@keyframes side-panel-overlay-entrance{0%{opacity:0}to{opacity:1}}@keyframes side-panel-overlay-exit{0%{opacity:1}to{opacity:0}}.c4p--side-panel__visually-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}.c4p--side-panel__overlay{animation:side-panel-overlay-entrance .15s cubic-bezier(0,0,.38,.9) forwards;background-color:var(--cds-custom-overlay,rgba(0,0,0,.6));block-size:100%;inline-size:100%;inset:0;position:fixed;z-index:6000}.c4p--side-panel__overlay--closing{animation:side-panel-overlay-exit .15s cubic-bezier(.2,0,1,.9) forwards}.c4p--side-panel--has-ai-label+.c4p--side-panel__overlay,.c4p--side-panel--has-decorator+.c4p--side-panel__overlay,.c4p--side-panel--has-slug+.c4p--side-panel__overlay,:host(c4p-side-panel) .c4p--side-panel[has-slug]+.c4p--side-panel__overlay{background-color:var(--cds-custom-ai-overlay,rgba(0,17,65,.5))}:host(c4p-side-panel){--c4p--side-panel--displaced:100%}:host(c4p-side-panel) *{box-sizing:border-box}:host(c4p-side-panel) .c4p--side-panel{container-name:side-panel;container-type:inline-size}:host(c4p-side-panel) .c4p--side-panel[placement=left]{--c4p--side-panel--displaced:-100%}:host(c4p-side-panel) .c4p--side-panel[opening]{transform:translateX(var(--c4p--side-panel--displaced))}:host(c4p-side-panel) .c4p--side-panel[open]{transform:translateX(0);transition:all .24s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){:host(c4p-side-panel) .c4p--side-panel[open]{transition:none}}:host(c4p-side-panel) .c4p--side-panel[closing]{transform:translateX(var(--c4p--side-panel--displaced));transition:all .15s cubic-bezier(.2,0,1,.9)}@media screen and (prefers-reduced-motion:reduce){:host(c4p-side-panel) .c4p--side-panel[closing]{transition:none}}:host(c4p-side-panel) .c4p--side-panel[placement=right]{border-inline-end:none;inset-inline-end:0}:host(c4p-side-panel) .c4p--side-panel[placement=left]{border-inline-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);inset-inline-start:0}:host(c4p-side-panel) c4p-layer{display:contents}:host(c4p-side-panel) .c4p--side-panel__overlay[opening]{opacity:0}@media screen and (prefers-reduced-motion:reduce){:host(c4p-side-panel) .c4p--side-panel__overlay[open]{opacity:1;transition:none}}:host(c4p-side-panel) .c4p--side-panel__overlay[open]{opacity:1;transition:all .24s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){:host(c4p-side-panel) .c4p--side-panel__overlay[closing]{opacity:0;transition:none}}:host(c4p-side-panel) .c4p--side-panel__overlay[closing]{opacity:0;transition:all .15s cubic-bezier(.2,0,1,.9)}:host(c4p-side-panel) .c4p--side-panel[slide-in]:not(.c4p--side-panel__overlay){box-shadow:none}:host(c4p-side-panel) .c4p--side-panel__header:before{z-index:99}:host(c4p-side-panel) .c4p--side-panel__header[has-action-toolbar]{margin-block-end:.5rem;padding-block-end:0}:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[has-action-toolbar]:before{content:normal}:host(c4p-side-panel) .c4p--side-panel__title-text{padding-inline-end:0}:host(c4p-side-panel) .c4p--side-panel__subtitle-text[hidden]{display:none}:host(c4p-side-panel) .c4p--side-panel__action-toolbar{margin-block-end:0;padding-inline-start:0}:host(c4p-side-panel) .c4p--side-panel__action-toolbar ::slotted(.c4p--side-panel__action-toolbar-leading-button){margin-inline-end:.5rem}:host(c4p-side-panel) .c4p--side-panel[has-slug] [scrolls]{background:linear-gradient(to top,var(--cds-custom-layer) 0,var(--cds-custom-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-custom-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-custom-layer),var(--cds-custom-layer)) padding-box,linear-gradient(to bottom,var(--cds-custom-ai-border-start,rgba(166,200,255,.64)),var(--cds-custom-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-custom-layer),var(--cds-custom-layer)) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-custom-ai-inner-shadow,rgba(69,137,255,.1))}:host(c4p-side-panel) .c4p--side-panel__actions-container{inline-size:100%}:host(c4p-side-panel) .c4p--side-panel__actions-container[hidden]{display:none}:host(c4p-side-panel) .c4p--side-panel__actions-container[actions-multiple=single] ::slotted(c4p-button){flex:0 0 100%;max-inline-size:none}:host(c4p-side-panel) .c4p--side-panel__actions-container[actions-multiple=double] ::slotted(c4p-button){flex:0 1 50%;max-inline-size:none}:host(c4p-side-panel) .c4p--side-panel__actions-container[actions-multiple=triple] ::slotted(c4p-button){flex:0 1 33.33%;max-inline-size:none}:host(c4p-side-panel) .c4p--side-panel__close-button{inline-size:2rem}:host(c4p-side-panel) .c4p--side-panel__resizer{inset-block-end:0;inset-block-start:0;position:absolute;z-index:9000;--resizer-thickness:4px;--resizer-grab-thickness:4px;--resizer-grab-color:transparent}:host(c4p-side-panel) .c4p--side-panel[placement=right] .c4p--side-panel__resizer{inset-inline-start:0}:host(c4p-side-panel) .c4p--side-panel[placement=left] .c4p--side-panel__resizer{inset-inline-end:0}"]);
//#endregion
export { side_panel_default as default };

//# sourceMappingURL=side-panel.scss.js.map