@carbon/web-components 2.58.0-rc.0 → 2.58.0

package/es/components/accordion/accordion.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from "lit";
 //#region src/components/accordion/accordion.scss?lit
-var accordion_default = css([".cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--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-background:var(--cds-layer-background-02,#f4f4f4);--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-background:var(--cds-layer-background-03,#fff);--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--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.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,:host(cds-accordion-item-skeleton[size=sm]) button,:host(cds-accordion-item[size=sm]) button{--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,:host(cds-accordion-item-skeleton[size=lg]) button,:host(cds-accordion-item[size=lg]) button{--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--accordion,:host(cds-accordion),:host(cds-accordion-skeleton){--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-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--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));box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--accordion *,.cds--accordion :after,.cds--accordion :before,:host(cds-accordion) *,:host(cds-accordion) :after,:host(cds-accordion) :before,:host(cds-accordion-skeleton) *,:host(cds-accordion-skeleton) :after,:host(cds-accordion-skeleton) :before{box-sizing:inherit}.cds--accordion,:host(cds-accordion),:host(cds-accordion-skeleton){inline-size:100%;list-style:none}.cds--accordion__item,:host(cds-accordion-item),:host(cds-accordion-item-skeleton){display:list-item;overflow:visible;border-block-start:1px solid var(--cds-border-subtle);transition:border-color .11s cubic-bezier(.2,0,.38,.9)}.cds--accordion__item:last-child{border-block-end:1px solid var(--cds-border-subtle)}.cds--accordion__item:not(.cds--accordion__item--active):hover,.cds--accordion__item:not(.cds--accordion__item--active):hover+.cds--accordion__item,.cds--accordion__item:not(.cds--accordion__item--active):hover+:host(cds-accordion-item),.cds--accordion__item:not(.cds--accordion__item--active):hover+:host(cds-accordion-item-skeleton){border-block-start-color:var(--cds-layer-hover)}.cds--accordion__item:not(.cds--accordion__item--active):last-child:hover{border-block-end-color:var(--cds-layer-hover)}.cds--accordion__heading{transition:background-color .11s cubic-bezier(.2,0,.38,.9);display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;text-align:start;box-sizing:border-box;padding:0;border:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--accordion__heading *,.cds--accordion__heading :after,.cds--accordion__heading :before{box-sizing:inherit}.cds--accordion__heading::-moz-focus-inner{border:0}.cds--accordion__heading{position:relative;display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-start;margin:0;color:var(--cds-text-primary,#161616);cursor:pointer;inline-size:100%;min-block-size:var(--cds-layout-size-height-local);padding-inline-end:var(--cds-layout-density-padding-inline-local)}.cds--accordion__heading:hover{background-color:var(--cds-layer-hover);outline:none}.cds--accordion__heading:focus{position:relative;z-index:2;box-shadow:0 -1px 0 0 var(--cds-focus,#0f62fe),inset 0 1px 0 0 var(--cds-focus,#0f62fe),inset 2px 0 0 0 var(--cds-focus,#0f62fe),0 1px 0 0 var(--cds-focus,#0f62fe),inset 0 -1px 0 0 var(--cds-focus,#0f62fe),inset -2px 0 0 0 var(--cds-focus,#0f62fe);outline:none}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--accordion__heading:focus{outline:2px solid Highlight}}.cds--accordion__heading[disabled]{background-color:transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--accordion__heading[disabled] .cds--accordion__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--accordion__heading[disabled]:hover:before{background-color:transparent}.cds--accordion__item--disabled,.cds--accordion__item--disabled+.cds--accordion__item,.cds--accordion__item--disabled+:host(cds-accordion-item),.cds--accordion__item--disabled+:host(cds-accordion-item-skeleton){border-block-start:1px solid var(--cds-border-subtle)}li.cds--accordion__item--disabled:last-of-type{border-block-end:1px solid var(--cds-border-subtle)}.cds--accordion__arrow{outline:2px solid transparent;outline-offset:-2px;transition:all .11s cubic-bezier(.2,0,.38,.9);flex:0 0 1rem;block-size:1rem;fill:var(--cds-icon-primary,#161616);inline-size:1rem;transform:rotate(-270deg)}.cds--accordion__title{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);z-index:1;inline-size:100%;padding-inline-start:1rem;text-align:start}.cds--accordion__wrapper{display:none;overflow:hidden;padding:0;max-block-size:0;opacity:0;transition:all allow-discrete .11s cubic-bezier(0,0,.38,.9);writing-mode:horizontal-tb}.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-inline:var(--cds-layout-density-padding-inline-local)}@media (min-width:480px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-inline-end:3rem}}@media (min-width:640px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-inline-end:25%}}.cds--accordion__content>p,:host(cds-accordion-item) .cds--accordion__content>p,:host(cds-accordion-item-skeleton) .cds--accordion__content>p{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px)}.cds--accordion--start .cds--accordion__heading,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__heading,:host(cds-accordion-item[alignment=start]) .cds--accordion__heading{flex-direction:row}.cds--accordion--start .cds--accordion__arrow,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__arrow,:host(cds-accordion-item[alignment=start]) .cds--accordion__arrow{margin:2px 0 0 var(--cds-layout-density-padding-inline-local)}.cds--accordion--start .cds--accordion__title,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__title,:host(cds-accordion-item[alignment=start]) .cds--accordion__title{margin-inline-end:1rem}.cds--accordion--start .cds--accordion__content,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__content,:host(cds-accordion-item[alignment=start]) .cds--accordion__content{margin-inline-start:calc(var(--cds-layout-density-padding-inline-local) + 1rem)}.cds--accordion__item--collapsing .cds--accordion__content,.cds--accordion__item--expanding .cds--accordion__content,:host(cds-accordion-item[collapsing]) .cds--accordion__content,:host(cds-accordion-item[expanding]) .cds--accordion__content{display:block}.cds--accordion__item--active,:host(cds-accordion-item[open]:not([disabled])){overflow:visible}.cds--accordion__item--active>.cds--accordion__wrapper,:host(cds-accordion-item[open]:not([disabled]))>.cds--accordion__wrapper{display:block;overflow:visible;max-block-size:-moz-fit-content;max-block-size:fit-content;opacity:1;padding-block:.5rem;padding-block-end:1.5rem}.cds--accordion__item--active>.cds--accordion__heading>.cds--accordion__arrow,:host(cds-accordion-item[open]:not([disabled]))>.cds--accordion__heading>.cds--accordion__arrow{fill:var(--cds-icon-primary,#161616);transform:rotate(-90deg)}@starting-style{.cds--accordion__item--active>.cds--accordion__wrapper,:host(cds-accordion-item[open]:not([disabled]))>.cds--accordion__wrapper{padding:0;max-block-size:0;opacity:0}}.cds--accordion--flush .cds--accordion__item,.cds--accordion--flush :host(cds-accordion-item),.cds--accordion--flush :host(cds-accordion-item-skeleton){position:relative;border-color:transparent}.cds--accordion--flush .cds--accordion__item:hover,.cds--accordion--flush .cds--accordion__item:hover+.cds--accordion__item,.cds--accordion--flush .cds--accordion__item:hover+:host(cds-accordion-item),.cds--accordion--flush .cds--accordion__item:hover+:host(cds-accordion-item-skeleton),.cds--accordion--flush .cds--accordion__item:last-child,.cds--accordion--flush .cds--accordion__item:last-child:hover{border-color:transparent}.cds--accordion--flush .cds--accordion__item:after,.cds--accordion--flush .cds--accordion__item:before{position:absolute;display:block;block-size:1px;content:\"\";inline-size:calc(100% - 2rem);margin-inline-start:1rem;transition:background .11s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--accordion--flush .cds--accordion__item:after,.cds--accordion--flush .cds--accordion__item:before{transition:none}}.cds--accordion--flush .cds--accordion__item:before{background:var(--cds-border-subtle);inset-block-start:-1px}.cds--accordion--flush .cds--accordion__item:last-child:after{background:var(--cds-border-subtle);inset-block-end:-1px}.cds--accordion--flush .cds--accordion__heading:hover{position:relative;z-index:1}.cds--accordion--flush .cds--accordion__heading:hover:after,.cds--accordion--flush .cds--accordion__heading:hover:before{position:absolute;display:block;background:var(--cds-layer-hover);block-size:1px;content:\"\";inline-size:100%;inset-inline-start:0;transition:background .11s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--accordion--flush .cds--accordion__heading:hover:after,.cds--accordion--flush .cds--accordion__heading:hover:before{transition:none}}.cds--accordion--flush .cds--accordion__heading:hover:before{inset-block-start:-1px}.cds--accordion--flush .cds--accordion__heading:hover:after{inset-block-end:-1px}.cds--accordion--flush .cds--accordion__heading:hover:focus:after,.cds--accordion--flush .cds--accordion__heading:hover:focus:before{background:none}.cds--accordion.cds--skeleton .cds--accordion__button,.cds--accordion.cds--skeleton .cds--accordion__heading{cursor:default}.cds--accordion.cds--skeleton .cds--accordion__arrow{cursor:default;fill:var(--cds-icon-primary,#161616);pointer-events:none}.cds--accordion.cds--skeleton .cds--accordion__arrow:active,.cds--accordion.cds--skeleton .cds--accordion__arrow:focus,.cds--accordion.cds--skeleton .cds--accordion__arrow:hover{border:none;cursor:default;outline:none}.cds--accordion.cds--skeleton .cds--accordion__heading:hover,.cds--accordion.cds--skeleton .cds--accordion__heading:hover:before{background-color:transparent}.cds--accordion--end.cds--skeleton .cds--accordion__arrow{margin-inline-start:1rem}.cds--skeleton .cds--accordion__heading:focus .cds--accordion__arrow{border:none;cursor:default;outline:none}.cds--accordion__title.cds--skeleton__text{margin-block-end:0}.cds--accordion.cds--skeleton .cds--accordion__title{margin-inline-start:1rem}[dir=rtl] .cds--accordion--start .cds--accordion__heading,[dir=rtl] :host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__heading,[dir=rtl] :host(cds-accordion-item[alignment=start]) .cds--accordion__heading{padding-inline:var(--cds-layout-density-padding-inline-local) 0}[dir=rtl] .cds--accordion--start .cds--accordion__title,[dir=rtl] :host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__title,[dir=rtl] :host(cds-accordion-item[alignment=start]) .cds--accordion__title{margin-inline-end:0;padding-inline-start:0}:host(cds-accordion),:host(cds-accordion-skeleton){--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}:host(cds-accordion-item),:host(cds-accordion-item-skeleton){font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);display:block;outline:none}:host(cds-accordion-item) .cds--accordion__content ::slotted(p),:host(cds-accordion-item-skeleton) .cds--accordion__content ::slotted(p){margin:0;font-size:var(--cds-body-01-font-size)!important;font-weight:var(--cds-body-01-font-weight);letter-spacing:var(--cds-body-01-letter-spacing);line-height:var(--cds-body-01-line-height)}:host([data-last-item]){border-block-end:1px solid var(--cds-border-subtle)}:host(cds-accordion-item-skeleton[size=sm]) button,:host(cds-accordion-item[size=sm]) button{min-block-size:var(--cds-layout-size-height-context)}:host(cds-accordion-item-skeleton[size=lg]) button,:host(cds-accordion-item[size=lg]) button{min-block-size:var(--cds-layout-size-height-context)}:host(cds-accordion-item-skeleton[isFlush]),:host(cds-accordion-item[isFlush]){position:relative;border-color:transparent}:host(cds-accordion-item-skeleton[isFlush]):after,:host(cds-accordion-item-skeleton[isFlush]):before,:host(cds-accordion-item[isFlush]):after,:host(cds-accordion-item[isFlush]):before{position:absolute;display:block;block-size:1px;content:\"\";inline-size:calc(100% - 2rem);margin-inline-start:1rem;transition:background .11s cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){:host(cds-accordion-item-skeleton[isFlush]):after,:host(cds-accordion-item-skeleton[isFlush]):before,:host(cds-accordion-item[isFlush]):after,:host(cds-accordion-item[isFlush]):before{transition:none}}:host(cds-accordion-item-skeleton[isFlush]):before,:host(cds-accordion-item[isFlush]):before{background:var(--cds-border-subtle);inset-block-start:-1px}:host(cds-accordion-item-skeleton[isFlush]):after,:host(cds-accordion-item[isFlush]):after{background:var(--cds-border-subtle);inset-block-end:-1px}:host([isFlush]) .cds--accordion__heading:hover{position:relative;z-index:1}:host([isFlush]) .cds--accordion__heading:hover:after,:host([isFlush]) .cds--accordion__heading:hover:before{position:absolute;display:block;background:var(--cds-layer-hover);block-size:1px;content:\"\";inline-size:100%;inset-inline-start:0;transition:background .11s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){:host([isFlush]) .cds--accordion__heading:hover:after,:host([isFlush]) .cds--accordion__heading:hover:before{transition:none}}:host([isFlush]) .cds--accordion__heading:hover:before{inset-block-start:-1px}:host([isFlush]) .cds--accordion__heading:hover:after{inset-block-end:-1px}:host([isFlush]) .cds--accordion__heading:hover:focus:after,:host([isFlush]) .cds--accordion__heading:hover:focus:before{background:none}:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__content{padding-inline-end:1rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--sm{padding-inline-end:3rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--md{padding-inline-end:25%}:host(cds-accordion-item-skeleton) .cds--accordion__heading,:host(cds-accordion-skeleton) .cds--accordion__heading{cursor:default;pointer-events:none}:host(cds-accordion-item-skeleton) .cds--accordion__heading:hover:before,:host(cds-accordion-skeleton) .cds--accordion__heading:hover:before{background:transparent}:host(cds-accordion-item-skeleton[alignment=end i]) .cds--accordion__arrow,:host(cds-accordion-item[alignment=end i]) .cds--accordion__arrow,:host(cds-accordion-skeleton) .cds--accordion__item.cds--accordion--END .cds--accordion__arrow{margin-inline-start:1rem}:host(cds-accordion-item-skeleton) .cds--accordion__title,:host(cds-accordion-skeleton) .cds--accordion__heading .cds--accordion__title{padding-block-start:.5rem}.controlled-accordion-btn{max-inline-size:13.25rem}.cds--accordion--flush{position:relative;border-color:transparent}.cds--accordion--flush:before{position:absolute;display:block;background:var(--cds-border-subtle);block-size:1px;content:\"\";inline-size:calc(100% - 2rem);inset-block-start:-1px;inset-inline-start:0;margin-inline-start:1rem;transition:background .11s cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--accordion--flush:before{transition:none}}.cds--accordion--flush:focus:before{background:none}"]);
+var accordion_default = css([".cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--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-background:var(--cds-layer-background-02,#f4f4f4);--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-background:var(--cds-layer-background-03,#fff);--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--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.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,:host(cds-accordion-item-skeleton[size=sm]) button,:host(cds-accordion-item[size=sm]) button{--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,:host(cds-accordion-item-skeleton[size=lg]) button,:host(cds-accordion-item[size=lg]) button{--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--accordion,:host(cds-accordion),:host(cds-accordion-skeleton){--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-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--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));box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--accordion *,.cds--accordion :after,.cds--accordion :before,:host(cds-accordion) *,:host(cds-accordion) :after,:host(cds-accordion) :before,:host(cds-accordion-skeleton) *,:host(cds-accordion-skeleton) :after,:host(cds-accordion-skeleton) :before{box-sizing:inherit}.cds--accordion,:host(cds-accordion),:host(cds-accordion-skeleton){inline-size:100%;list-style:none}.cds--accordion__item,:host(cds-accordion-item),:host(cds-accordion-item-skeleton){display:list-item;overflow:visible;border-block-start:1px solid var(--cds-border-subtle);transition:border-color .11s cubic-bezier(.2,0,.38,.9)}.cds--accordion__item:last-child{border-block-end:1px solid var(--cds-border-subtle)}@media (any-hover:hover){.cds--accordion__item:not(.cds--accordion__item--active):hover,.cds--accordion__item:not(.cds--accordion__item--active):hover+.cds--accordion__item,.cds--accordion__item:not(.cds--accordion__item--active):hover+:host(cds-accordion-item),.cds--accordion__item:not(.cds--accordion__item--active):hover+:host(cds-accordion-item-skeleton){border-block-start-color:var(--cds-layer-hover)}.cds--accordion__item:not(.cds--accordion__item--active):last-child:hover{border-block-end-color:var(--cds-layer-hover)}}.cds--accordion__heading{transition:background-color .11s cubic-bezier(.2,0,.38,.9);display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;text-align:start;box-sizing:border-box;padding:0;border:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--accordion__heading *,.cds--accordion__heading :after,.cds--accordion__heading :before{box-sizing:inherit}.cds--accordion__heading::-moz-focus-inner{border:0}.cds--accordion__heading{position:relative;display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-start;margin:0;color:var(--cds-text-primary,#161616);cursor:pointer;inline-size:100%;min-block-size:var(--cds-layout-size-height-local);padding-inline-end:var(--cds-layout-density-padding-inline-local)}@media (any-hover:hover){.cds--accordion__heading:hover{background-color:var(--cds-layer-hover);outline:none}}.cds--accordion__heading:focus{position:relative;z-index:2;box-shadow:0 -1px 0 0 var(--cds-focus,#0f62fe),inset 0 1px 0 0 var(--cds-focus,#0f62fe),inset 2px 0 0 0 var(--cds-focus,#0f62fe),0 1px 0 0 var(--cds-focus,#0f62fe),inset 0 -1px 0 0 var(--cds-focus,#0f62fe),inset -2px 0 0 0 var(--cds-focus,#0f62fe);outline:none}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--accordion__heading:focus{outline:2px solid Highlight}}.cds--accordion__heading[disabled]{background-color:transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--accordion__heading[disabled] .cds--accordion__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}@media (any-hover:hover){.cds--accordion__heading[disabled]:hover:before{background-color:transparent}}.cds--accordion__item--disabled,.cds--accordion__item--disabled+.cds--accordion__item,.cds--accordion__item--disabled+:host(cds-accordion-item),.cds--accordion__item--disabled+:host(cds-accordion-item-skeleton){border-block-start:1px solid var(--cds-border-subtle)}li.cds--accordion__item--disabled:last-of-type{border-block-end:1px solid var(--cds-border-subtle)}.cds--accordion__arrow{outline:2px solid transparent;outline-offset:-2px;transition:all .11s cubic-bezier(.2,0,.38,.9);flex:0 0 1rem;block-size:1rem;fill:var(--cds-icon-primary,#161616);inline-size:1rem;transform:rotate(-270deg)}.cds--accordion__title{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);z-index:1;inline-size:100%;padding-inline-start:1rem;text-align:start}.cds--accordion__wrapper{display:none;overflow:hidden;padding:0;max-block-size:0;opacity:0;transition:all allow-discrete .11s cubic-bezier(0,0,.38,.9);writing-mode:horizontal-tb}.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-inline:var(--cds-layout-density-padding-inline-local)}@media (min-width:480px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-inline-end:3rem}}@media (min-width:640px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-inline-end:25%}}.cds--accordion__content>p,:host(cds-accordion-item) .cds--accordion__content>p,:host(cds-accordion-item-skeleton) .cds--accordion__content>p{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px)}.cds--accordion--start .cds--accordion__heading,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__heading,:host(cds-accordion-item[alignment=start]) .cds--accordion__heading{flex-direction:row}.cds--accordion--start .cds--accordion__arrow,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__arrow,:host(cds-accordion-item[alignment=start]) .cds--accordion__arrow{margin:2px 0 0 var(--cds-layout-density-padding-inline-local)}.cds--accordion--start .cds--accordion__title,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__title,:host(cds-accordion-item[alignment=start]) .cds--accordion__title{margin-inline-end:1rem}.cds--accordion--start .cds--accordion__content,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__content,:host(cds-accordion-item[alignment=start]) .cds--accordion__content{margin-inline-start:calc(var(--cds-layout-density-padding-inline-local) + 1rem)}.cds--accordion__item--collapsing .cds--accordion__content,.cds--accordion__item--expanding .cds--accordion__content,:host(cds-accordion-item[collapsing]) .cds--accordion__content,:host(cds-accordion-item[expanding]) .cds--accordion__content{display:block}.cds--accordion__item--active,:host(cds-accordion-item[open]:not([disabled])){overflow:visible}.cds--accordion__item--active>.cds--accordion__wrapper,:host(cds-accordion-item[open]:not([disabled]))>.cds--accordion__wrapper{display:block;overflow:visible;max-block-size:-moz-fit-content;max-block-size:fit-content;opacity:1;padding-block:.5rem;padding-block-end:1.5rem}.cds--accordion__item--active>.cds--accordion__heading>.cds--accordion__arrow,:host(cds-accordion-item[open]:not([disabled]))>.cds--accordion__heading>.cds--accordion__arrow{fill:var(--cds-icon-primary,#161616);transform:rotate(-90deg)}@starting-style{.cds--accordion__item--active>.cds--accordion__wrapper,:host(cds-accordion-item[open]:not([disabled]))>.cds--accordion__wrapper{padding:0;max-block-size:0;opacity:0}}.cds--accordion--flush .cds--accordion__item,.cds--accordion--flush :host(cds-accordion-item),.cds--accordion--flush :host(cds-accordion-item-skeleton){position:relative;border-color:transparent}.cds--accordion--flush .cds--accordion__item:last-child{border-color:transparent}.cds--accordion--flush .cds--accordion__item:after,.cds--accordion--flush .cds--accordion__item:before{position:absolute;display:block;block-size:1px;content:\"\";inline-size:calc(100% - 2rem);margin-inline-start:1rem;transition:background .11s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--accordion--flush .cds--accordion__item:after,.cds--accordion--flush .cds--accordion__item:before{transition:none}}.cds--accordion--flush .cds--accordion__item:before{background:var(--cds-border-subtle);inset-block-start:-1px}.cds--accordion--flush .cds--accordion__item:last-child:after{background:var(--cds-border-subtle);inset-block-end:-1px}@media (any-hover:hover){.cds--accordion--flush .cds--accordion__item:hover,.cds--accordion--flush .cds--accordion__item:hover+.cds--accordion__item,.cds--accordion--flush .cds--accordion__item:hover+:host(cds-accordion-item),.cds--accordion--flush .cds--accordion__item:hover+:host(cds-accordion-item-skeleton),.cds--accordion--flush .cds--accordion__item:last-child:hover{border-color:transparent}}@media (any-hover:hover){.cds--accordion--flush .cds--accordion__heading:hover{position:relative;z-index:1}.cds--accordion--flush .cds--accordion__heading:hover:after,.cds--accordion--flush .cds--accordion__heading:hover:before{position:absolute;display:block;background:var(--cds-layer-hover);block-size:1px;content:\"\";inline-size:100%;inset-inline-start:0;transition:background .11s cubic-bezier(.2,0,.38,.9)}}@media screen and (any-hover:hover) and (prefers-reduced-motion:reduce){.cds--accordion--flush .cds--accordion__heading:hover:after,.cds--accordion--flush .cds--accordion__heading:hover:before{transition:none}}@media (any-hover:hover){.cds--accordion--flush .cds--accordion__heading:hover:before{inset-block-start:-1px}.cds--accordion--flush .cds--accordion__heading:hover:after{inset-block-end:-1px}.cds--accordion--flush .cds--accordion__heading:hover:focus:after,.cds--accordion--flush .cds--accordion__heading:hover:focus:before{background:none}}.cds--accordion.cds--skeleton .cds--accordion__button,.cds--accordion.cds--skeleton .cds--accordion__heading{cursor:default}.cds--accordion.cds--skeleton .cds--accordion__arrow{cursor:default;fill:var(--cds-icon-primary,#161616);pointer-events:none}.cds--accordion.cds--skeleton .cds--accordion__arrow:active,.cds--accordion.cds--skeleton .cds--accordion__arrow:focus{border:none;cursor:default;outline:none}@media (any-hover:hover){.cds--accordion.cds--skeleton .cds--accordion__arrow:hover{border:none;cursor:default;outline:none}.cds--accordion.cds--skeleton .cds--accordion__heading:hover,.cds--accordion.cds--skeleton .cds--accordion__heading:hover:before{background-color:transparent}}.cds--accordion--end.cds--skeleton .cds--accordion__arrow{margin-inline-start:1rem}.cds--skeleton .cds--accordion__heading:focus .cds--accordion__arrow{border:none;cursor:default;outline:none}.cds--accordion__title.cds--skeleton__text{margin-block-end:0}.cds--accordion.cds--skeleton .cds--accordion__title{margin-inline-start:1rem}[dir=rtl] .cds--accordion--start .cds--accordion__heading,[dir=rtl] :host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__heading,[dir=rtl] :host(cds-accordion-item[alignment=start]) .cds--accordion__heading{padding-inline:var(--cds-layout-density-padding-inline-local) 0}[dir=rtl] .cds--accordion--start .cds--accordion__title,[dir=rtl] :host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__title,[dir=rtl] :host(cds-accordion-item[alignment=start]) .cds--accordion__title{margin-inline-end:0;padding-inline-start:0}:host(cds-accordion),:host(cds-accordion-skeleton){--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}:host(cds-accordion-item),:host(cds-accordion-item-skeleton){font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);display:block;outline:none}:host(cds-accordion-item) .cds--accordion__content ::slotted(p),:host(cds-accordion-item-skeleton) .cds--accordion__content ::slotted(p){margin:0;font-size:var(--cds-body-01-font-size)!important;font-weight:var(--cds-body-01-font-weight);letter-spacing:var(--cds-body-01-letter-spacing);line-height:var(--cds-body-01-line-height)}:host([data-last-item]){border-block-end:1px solid var(--cds-border-subtle)}:host(cds-accordion-item-skeleton[size=sm]) button,:host(cds-accordion-item[size=sm]) button{min-block-size:var(--cds-layout-size-height-context)}:host(cds-accordion-item-skeleton[size=lg]) button,:host(cds-accordion-item[size=lg]) button{min-block-size:var(--cds-layout-size-height-context)}:host(cds-accordion-item-skeleton[isFlush]),:host(cds-accordion-item[isFlush]){position:relative;border-color:transparent}:host(cds-accordion-item-skeleton[isFlush]):after,:host(cds-accordion-item-skeleton[isFlush]):before,:host(cds-accordion-item[isFlush]):after,:host(cds-accordion-item[isFlush]):before{position:absolute;display:block;block-size:1px;content:\"\";inline-size:calc(100% - 2rem);margin-inline-start:1rem;transition:background .11s cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){:host(cds-accordion-item-skeleton[isFlush]):after,:host(cds-accordion-item-skeleton[isFlush]):before,:host(cds-accordion-item[isFlush]):after,:host(cds-accordion-item[isFlush]):before{transition:none}}:host(cds-accordion-item-skeleton[isFlush]):before,:host(cds-accordion-item[isFlush]):before{background:var(--cds-border-subtle);inset-block-start:-1px}:host(cds-accordion-item-skeleton[isFlush]):after,:host(cds-accordion-item[isFlush]):after{background:var(--cds-border-subtle);inset-block-end:-1px}@media (any-hover:hover){:host([isFlush]) .cds--accordion__heading:hover{position:relative;z-index:1}:host([isFlush]) .cds--accordion__heading:hover:after,:host([isFlush]) .cds--accordion__heading:hover:before{position:absolute;display:block;background:var(--cds-layer-hover);block-size:1px;content:\"\";inline-size:100%;inset-inline-start:0;transition:background .11s cubic-bezier(.2,0,.38,.9)}}@media screen and (any-hover:hover) and (prefers-reduced-motion:reduce){:host([isFlush]) .cds--accordion__heading:hover:after,:host([isFlush]) .cds--accordion__heading:hover:before{transition:none}}@media (any-hover:hover){:host([isFlush]) .cds--accordion__heading:hover:before{inset-block-start:-1px}:host([isFlush]) .cds--accordion__heading:hover:after{inset-block-end:-1px}:host([isFlush]) .cds--accordion__heading:hover:focus:after,:host([isFlush]) .cds--accordion__heading:hover:focus:before{background:none}}:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__content{padding-inline-end:1rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--sm{padding-inline-end:3rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--md{padding-inline-end:25%}:host(cds-accordion-item-skeleton) .cds--accordion__heading,:host(cds-accordion-skeleton) .cds--accordion__heading{cursor:default;pointer-events:none}@media (any-hover:hover){:host(cds-accordion-item-skeleton) .cds--accordion__heading:hover:before,:host(cds-accordion-skeleton) .cds--accordion__heading:hover:before{background:transparent}}:host(cds-accordion-item-skeleton[alignment=end i]) .cds--accordion__arrow,:host(cds-accordion-item[alignment=end i]) .cds--accordion__arrow,:host(cds-accordion-skeleton) .cds--accordion__item.cds--accordion--END .cds--accordion__arrow{margin-inline-start:1rem}:host(cds-accordion-item-skeleton) .cds--accordion__title,:host(cds-accordion-skeleton) .cds--accordion__heading .cds--accordion__title{padding-block-start:.5rem}.controlled-accordion-btn{max-inline-size:13.25rem}.cds--accordion--flush{position:relative;border-color:transparent}.cds--accordion--flush:before{position:absolute;display:block;background:var(--cds-border-subtle);block-size:1px;content:\"\";inline-size:calc(100% - 2rem);inset-block-start:-1px;inset-inline-start:0;margin-inline-start:1rem;transition:background .11s cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--accordion--flush:before{transition:none}}.cds--accordion--flush:focus:before{background:none}"]);
 //#endregion
 export { accordion_default as default };
 

package/es/components/accordion/accordion.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.scss.js","names":[],"sources":["../../../src/components/accordion/accordion.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2019, 2025\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/type' as *;\n@use '@carbon/styles/scss/utilities/convert' as *;\n@use '@carbon/styles/scss/components/accordion';\n@use '@carbon/styles/scss/layout' as *;\n@use '@carbon/styles/scss/motion' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/components/button/tokens' as button-tokens;\n\n:host(#{$prefix}-accordion),\n:host(#{$prefix}-accordion-skeleton) {\n  @extend .#{$prefix}--accordion;\n  @include emit-layout-tokens();\n}\n\n:host(#{$prefix}-accordion-item),\n:host(#{$prefix}-accordion-item-skeleton) {\n  @extend .#{$prefix}--accordion__item;\n  @include type-style('body-01');\n\n  display: block;\n  outline: none;\n  .#{$prefix}--accordion__content {\n    @extend .#{$prefix}--accordion__content;\n\n    ::slotted(p) {\n      margin: 0;\n\n      font-size: var(\n        --cds-body-01-font-size\n      ) !important; /* stylelint-disable-line declaration-no-important */\n\n      font-weight: var(--cds-body-01-font-weight);\n      letter-spacing: var(--cds-body-01-letter-spacing);\n      line-height: var(--cds-body-01-line-height);\n    }\n  }\n}\n\n// Indicates this is the last visible item in a group (for styling the bottom border)\n:host([data-last-item]) {\n  border-block-end: 1px solid $border-subtle;\n}\n\n:host(#{$prefix}-accordion-item[size='sm']),\n:host(#{$prefix}-accordion-item-skeleton[size='sm']) {\n  button {\n    @extend .#{$prefix}--layout--size-sm;\n\n    min-block-size: var(--cds-layout-size-height-context);\n  }\n}\n\n:host(#{$prefix}-accordion-item[size='lg']),\n:host(#{$prefix}-accordion-item-skeleton[size='lg']) {\n  button {\n    @extend .#{$prefix}--layout--size-lg;\n\n    min-block-size: var(--cds-layout-size-height-context);\n  }\n}\n\n:host(#{$prefix}-accordion-item[alignment='start']),\n:host(#{$prefix}-accordion-item-skeleton[alignment='start']) {\n  @extend .#{$prefix}--accordion--start;\n}\n\n:host(#{$prefix}-accordion-item[isFlush]),\n:host(#{$prefix}-accordion-item-skeleton[isFlush]) {\n  position: relative;\n  border-color: transparent;\n\n  &::before,\n  &::after {\n    position: absolute;\n    display: block;\n    block-size: 1px;\n    content: '';\n    inline-size: calc(100% - #{$spacing-05} - #{$spacing-05});\n    margin-inline-start: $spacing-05;\n    transition: background $duration-fast-02 motion(entrance, productive);\n\n    @media screen and (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n\n  &::before {\n    background: $border-subtle;\n    inset-block-start: -1px;\n  }\n\n  &::after {\n    background: $border-subtle;\n    inset-block-end: -1px;\n  }\n}\n\n:host([isFlush]) .#{$prefix}--accordion__heading:hover {\n  position: relative;\n  z-index: 1;\n\n  &::before,\n  &::after {\n    position: absolute;\n    display: block;\n    background: $layer-hover;\n    block-size: 1px;\n    content: '';\n    inline-size: 100%;\n    inset-inline-start: 0;\n    transition: background $duration-fast-02 motion(standard, productive);\n\n    @media screen and (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n\n  &::before {\n    inset-block-start: -1px;\n  }\n\n  &::after {\n    inset-block-end: -1px;\n  }\n\n  &:focus::before,\n  &:focus::after {\n    background: none;\n  }\n}\n\n:host(#{$prefix}-accordion-item[expanding]) {\n  @extend .#{$prefix}--accordion__item--expanding;\n}\n\n:host(#{$prefix}-accordion-item[collapsing]) {\n  @extend .#{$prefix}--accordion__item--collapsing;\n}\n\n:host(#{$prefix}-accordion-item[open]:not([disabled])) {\n  @extend .#{$prefix}--accordion__item--active;\n\n  .#{$prefix}--accordion__content {\n    padding-inline-end: $spacing-05;\n  }\n\n  .#{$prefix}-ce--accordion__content--sm {\n    padding-inline-end: $spacing-09;\n  }\n\n  .#{$prefix}-ce--accordion__content--md {\n    padding-inline-end: 25%;\n  }\n}\n\n:host(#{$prefix}-accordion-skeleton),\n:host(#{$prefix}-accordion-item-skeleton) {\n  .#{$prefix}--accordion__heading {\n    cursor: default;\n    pointer-events: none;\n\n    &:hover::before {\n      background: transparent;\n    }\n  }\n}\n\n:host(#{$prefix}-accordion-item[alignment='end' i]),\n:host(#{$prefix}-accordion-item-skeleton[alignment='end' i]),\n:host(#{$prefix}-accordion-skeleton)\n  .#{$prefix}--accordion__item.#{$prefix}--accordion--END {\n  .#{$prefix}--accordion__arrow {\n    margin-inline-start: $spacing-05;\n  }\n}\n\n:host(#{$prefix}-accordion-item-skeleton) .#{$prefix}--accordion__title,\n:host(#{$prefix}-accordion-skeleton)\n  .#{$prefix}--accordion__heading\n  .#{$prefix}--accordion__title {\n  padding-block-start: $spacing-03;\n}\n\n.controlled-accordion-btn {\n  max-inline-size: 13.25rem;\n}\n.#{$prefix}--accordion--flush {\n  position: relative;\n  border-color: transparent;\n\n  &::before {\n    position: absolute;\n    display: block;\n    background: $border-subtle;\n    block-size: 1px;\n    content: '';\n    inline-size: calc(100% - #{$spacing-05} - #{$spacing-05});\n    inset-block-start: -1px;\n    inset-inline-start: 0;\n    margin-inline-start: $spacing-05;\n    transition: background $duration-fast-02 motion(entrance, productive);\n\n    @media screen and (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n\n  &:focus::before {\n    background: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"accordion.scss.js","names":[],"sources":["../../../src/components/accordion/accordion.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2019, 2026\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/type' as *;\n@use '@carbon/styles/scss/utilities/convert' as *;\n@use '@carbon/styles/scss/components/accordion';\n@use '@carbon/styles/scss/layout' as *;\n@use '@carbon/styles/scss/motion' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/components/button/tokens' as button-tokens;\n\n:host(#{$prefix}-accordion),\n:host(#{$prefix}-accordion-skeleton) {\n  @extend .#{$prefix}--accordion;\n  @include emit-layout-tokens();\n}\n\n:host(#{$prefix}-accordion-item),\n:host(#{$prefix}-accordion-item-skeleton) {\n  @extend .#{$prefix}--accordion__item;\n  @include type-style('body-01');\n\n  display: block;\n  outline: none;\n  .#{$prefix}--accordion__content {\n    @extend .#{$prefix}--accordion__content;\n\n    ::slotted(p) {\n      margin: 0;\n\n      font-size: var(\n        --cds-body-01-font-size\n      ) !important; /* stylelint-disable-line declaration-no-important */\n\n      font-weight: var(--cds-body-01-font-weight);\n      letter-spacing: var(--cds-body-01-letter-spacing);\n      line-height: var(--cds-body-01-line-height);\n    }\n  }\n}\n\n// Indicates this is the last visible item in a group (for styling the bottom border)\n:host([data-last-item]) {\n  border-block-end: 1px solid $border-subtle;\n}\n\n:host(#{$prefix}-accordion-item[size='sm']),\n:host(#{$prefix}-accordion-item-skeleton[size='sm']) {\n  button {\n    @extend .#{$prefix}--layout--size-sm;\n\n    min-block-size: var(--cds-layout-size-height-context);\n  }\n}\n\n:host(#{$prefix}-accordion-item[size='lg']),\n:host(#{$prefix}-accordion-item-skeleton[size='lg']) {\n  button {\n    @extend .#{$prefix}--layout--size-lg;\n\n    min-block-size: var(--cds-layout-size-height-context);\n  }\n}\n\n:host(#{$prefix}-accordion-item[alignment='start']),\n:host(#{$prefix}-accordion-item-skeleton[alignment='start']) {\n  @extend .#{$prefix}--accordion--start;\n}\n\n:host(#{$prefix}-accordion-item[isFlush]),\n:host(#{$prefix}-accordion-item-skeleton[isFlush]) {\n  position: relative;\n  border-color: transparent;\n\n  &::before,\n  &::after {\n    position: absolute;\n    display: block;\n    block-size: 1px;\n    content: '';\n    inline-size: calc(100% - #{$spacing-05} - #{$spacing-05});\n    margin-inline-start: $spacing-05;\n    transition: background $duration-fast-02 motion(entrance, productive);\n\n    @media screen and (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n\n  &::before {\n    background: $border-subtle;\n    inset-block-start: -1px;\n  }\n\n  &::after {\n    background: $border-subtle;\n    inset-block-end: -1px;\n  }\n}\n\n@media (any-hover: hover) {\n  :host([isFlush]) .#{$prefix}--accordion__heading:hover {\n    position: relative;\n    z-index: 1;\n\n    &::before,\n    &::after {\n      position: absolute;\n      display: block;\n      background: $layer-hover;\n      block-size: 1px;\n      content: '';\n      inline-size: 100%;\n      inset-inline-start: 0;\n      transition: background $duration-fast-02 motion(standard, productive);\n\n      @media screen and (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n\n    &::before {\n      inset-block-start: -1px;\n    }\n\n    &::after {\n      inset-block-end: -1px;\n    }\n\n    &:focus::before,\n    &:focus::after {\n      background: none;\n    }\n  }\n}\n\n:host(#{$prefix}-accordion-item[expanding]) {\n  @extend .#{$prefix}--accordion__item--expanding;\n}\n\n:host(#{$prefix}-accordion-item[collapsing]) {\n  @extend .#{$prefix}--accordion__item--collapsing;\n}\n\n:host(#{$prefix}-accordion-item[open]:not([disabled])) {\n  @extend .#{$prefix}--accordion__item--active;\n\n  .#{$prefix}--accordion__content {\n    padding-inline-end: $spacing-05;\n  }\n\n  .#{$prefix}-ce--accordion__content--sm {\n    padding-inline-end: $spacing-09;\n  }\n\n  .#{$prefix}-ce--accordion__content--md {\n    padding-inline-end: 25%;\n  }\n}\n\n:host(#{$prefix}-accordion-skeleton),\n:host(#{$prefix}-accordion-item-skeleton) {\n  .#{$prefix}--accordion__heading {\n    cursor: default;\n    pointer-events: none;\n\n    @media (any-hover: hover) {\n      &:hover::before {\n        background: transparent;\n      }\n    }\n  }\n}\n\n:host(#{$prefix}-accordion-item[alignment='end' i]),\n:host(#{$prefix}-accordion-item-skeleton[alignment='end' i]),\n:host(#{$prefix}-accordion-skeleton)\n  .#{$prefix}--accordion__item.#{$prefix}--accordion--END {\n  .#{$prefix}--accordion__arrow {\n    margin-inline-start: $spacing-05;\n  }\n}\n\n:host(#{$prefix}-accordion-item-skeleton) .#{$prefix}--accordion__title,\n:host(#{$prefix}-accordion-skeleton)\n  .#{$prefix}--accordion__heading\n  .#{$prefix}--accordion__title {\n  padding-block-start: $spacing-03;\n}\n\n.controlled-accordion-btn {\n  max-inline-size: 13.25rem;\n}\n.#{$prefix}--accordion--flush {\n  position: relative;\n  border-color: transparent;\n\n  &::before {\n    position: absolute;\n    display: block;\n    background: $border-subtle;\n    block-size: 1px;\n    content: '';\n    inline-size: calc(100% - #{$spacing-05} - #{$spacing-05});\n    inset-block-start: -1px;\n    inset-inline-start: 0;\n    margin-inline-start: $spacing-05;\n    transition: background $duration-fast-02 motion(entrance, productive);\n\n    @media screen and (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n\n  &:focus::before {\n    background: none;\n  }\n}\n"],"mappings":""}