.c-collapsible{flex-direction:column;width:100%;display:flex}.c-collapsible.inverted{flex-direction:column-reverse}.c-collapsible.hidden{display:none}.c-collapsible__button{--button-padding:0px;--button-background:transparent;--button-justify-content:left;--button-border-color:transparent;--button-font-weight:700;--button-min-height:44px;--button-max-height:44px;align-items:center;display:flex}.c-collapsible__button.full-width{--button-width:100%;--button-justify-content:space-between;display:flex}.c-collapsible__title{font-size:var(--collapsible-title-size,18px);color:var(--collapsible-title-color,var(--c-black));line-height:var(--collapsible-title-line-height,26px);font-family:var(--collapsible-title-font-family,var(--font-family--secondary));font-weight:var(--collapsible-title-font-weight,var(--font-family--semibold));text-transform:var(--collapsible-title-text-transform,capitalize);text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden}.c-collapsible__chevron{--icon-color:var(--collapsible-title-color);flex-shrink:0;margin-left:8px;transition:transform .6s cubic-bezier(.25,1.7,.35,.8)}.c-collapsible__chevron.open{transform:rotate(90deg)}.c-collapsible__chevron.open.inverted{transform:rotate(-90deg)}