:host {
  display: block;
}

.wb-collapsible {
  color: var(--wb-collapsible__color--override, var(--wb-collapsible__color));
  font-family: var(--wb-collapsible__font-family--override, var(--wb-collapsible__font-family));
  font-size: var(--wb-collapsible__font-size--override, var(--wb-collapsible__font-size));
  font-style: var(--wb-collapsible__font-style--override, var(--wb-collapsible__font-style));
  font-weight: var(--wb-collapsible__font-weight--override, var(--wb-collapsible__font-weight));
  line-height: var(--wb-collapsible__line-height--override, var(--wb-collapsible__line-height));
  letter-spacing: var(--wb-collapsible__letter-spacing--override, var(--wb-collapsible__letter-spacing));
  text-transform: var(--wb-collapsible__text-transform--override, var(--wb-collapsible__text-transform));
  text-align: var(--wb-collapsible__text-align--override, var(--wb-collapsible__text-align));
  opacity: var(--wb-collapsible__opacity--override, var(--wb-collapsible__opacity));
  padding-top: var(--wb-collapsible__bezel-top, var(--wb-collapsible__bezel, var(--wb-ds-space--s, 1rem)));
  padding-right: var(--wb-collapsible__bezel-right, var(--wb-collapsible__bezel, var(--wb-ds-space--s, 1rem)));
  padding-bottom: var(--wb-collapsible__bezel-bottom, var(--wb-collapsible__bezel, var(--wb-ds-space--s, 1rem)));
  padding-left: var(--wb-collapsible__bezel-left, var(--wb-collapsible__bezel, var(--wb-ds-space--s, 1rem)));
  --wb-collapsible__box-shadow--value: var(--wb-collapsible__box-shadow, var(--wb-ds-border-is-box-shadow));
  --wb-collapsible__border-width--value: var(--wb-collapsible__border-width, 0);
  --wb-collapsible__border-color--value: var(--wb-collapsible__border-color, transparent);
  --wb-collapsible__blur-radius--value: var(--wb-collapsible__blur-radius, var(--wb-ds-border-blur-radius--default, 0));
  --wb-collapsible__spread-radius--value: var(--wb-collapsible__spread-radius, var(--wb-ds-border-spread-radius--default, 0));
  --wb-collapsible__box-shadow-top--value: var(--wb-collapsible__box-shadow-top, inset 0px var(--wb-collapsible__border-width--value) var(--wb-collapsible__blur-radius--value) var(--wb-collapsible__spread-radius--value) var(--wb-collapsible__border-color--value));
  --wb-collapsible__box-shadow-right--value: var(--wb-collapsible__box-shadow-right, inset calc(var(--wb-collapsible__border-width--value) * -1) 0px var(--wb-collapsible__blur-radius--value) var(--wb-collapsible__spread-radius--value) var(--wb-collapsible__border-color--value));
  --wb-collapsible__box-shadow-bottom--value: var(--wb-collapsible__box-shadow-bottom, inset 0px calc(var(--wb-collapsible__border-width--value) * -1) var(--wb-collapsible__blur-radius--value) var(--wb-collapsible__spread-radius--value) var(--wb-collapsible__border-color--value));
  --wb-collapsible__box-shadow-left--value: var(--wb-collapsible__box-shadow-left, inset var(--wb-collapsible__border-width--value) 0px var(--wb-collapsible__blur-radius--value) var(--wb-collapsible__spread-radius--value) var(--wb-collapsible__border-color--value));
  box-shadow: var(--wb-collapsible__box-shadow--value, var(--wb-collapsible__box-shadow-left--value), var(--wb-collapsible__box-shadow-right--value), var(--wb-collapsible__box-shadow-top--value), var(--wb-collapsible__box-shadow-bottom--value));
  border-top: var(--wb-collapsible__border-top, var(--wb-collapsible__border, var(--wb-ds-border-is-border)));
  border-right: var(--wb-collapsible__border-right, var(--wb-collapsible__border, var(--wb-ds-border-is-border)));
  border-bottom: var(--wb-collapsible__border-bottom, var(--wb-collapsible__border, var(--wb-ds-border-is-border)));
  border-left: var(--wb-collapsible__border-left, var(--wb-collapsible__border, var(--wb-ds-border-is-border)));
  border-radius: var(--wb-collapsible__border-radius, 0);
  outline: var(--wb-collapsible__outline, none);
  transition: var(--wb-collapsible__transition);
  background: var(--wb-collapsible__background, var(--wb-ds-color-background--default, initial));
}
.wb-collapsible * {
  --wb-collapsible__bezel: initial;
  --wb-collapsible__bezel-top: initial;
  --wb-collapsible__bezel-right: initial;
  --wb-collapsible__bezel-bottom: initial;
  --wb-collapsible__bezel-left: initial;
}
.wb-collapsible * {
  --wb-collapsible__border-color: initial;
  --wb-collapsible__border-radius: initial;
  --wb-collapsible__border-width: initial;
  --wb-collapsible__box-shadow: initial;
  --wb-collapsible__box-shadow-top: initial;
  --wb-collapsible__box-shadow-right: initial;
  --wb-collapsible__box-shadow-bottom: initial;
  --wb-collapsible__box-shadow-left: initial;
  --wb-collapsible__border: initial;
  --wb-collapsible__border-top: initial;
  --wb-collapsible__border-right: initial;
  --wb-collapsible__border-bottom: initial;
  --wb-collapsible__border-left: initial;
  --wb-collapsible__outline: initial;
  --wb-collapsible__transition: initial;
}
.wb-collapsible * {
  --wb-collapsible__background: initial;
}
.wb-collapsible__header {
  overflow: hidden;
  color: var(--wb-collapsible-header__color--state, var(--wb-collapsible-header__color--override, var(--wb-collapsible-header__color, var(--wb-ds-color-text--default))));
  font-family: var(--wb-collapsible-header__font-family--state, var(--wb-collapsible-header__font-family--override, var(--wb-collapsible-header__font-family)));
  font-size: var(--wb-collapsible-header__font-size--state, var(--wb-collapsible-header__font-size--override, var(--wb-collapsible-header__font-size)));
  font-style: var(--wb-collapsible-header__font-style--state, var(--wb-collapsible-header__font-style--override, var(--wb-collapsible-header__font-style)));
  font-weight: var(--wb-collapsible-header__font-weight--state, var(--wb-collapsible-header__font-weight--override, var(--wb-collapsible-header__font-weight)));
  line-height: var(--wb-collapsible-header__line-height--state, var(--wb-collapsible-header__line-height--override, var(--wb-collapsible-header__line-height)));
  letter-spacing: var(--wb-collapsible-header__letter-spacing--state, var(--wb-collapsible-header__letter-spacing--override, var(--wb-collapsible-header__letter-spacing)));
  text-transform: var(--wb-collapsible-header__text-transform--state, var(--wb-collapsible-header__text-transform--override, var(--wb-collapsible-header__text-transform)));
  text-align: var(--wb-collapsible-header__text-align--state, var(--wb-collapsible-header__text-align--override, var(--wb-collapsible-header__text-align)));
  opacity: var(--wb-collapsible-header__opacity--state, var(--wb-collapsible-header__opacity--override, var(--wb-collapsible-header__opacity)));
  padding-top: var(--wb-collapsible-header__bezel-top--state, var(--wb-collapsible-header__bezel--state, var(--wb-collapsible-header__bezel-top--override, var(--wb-collapsible-header__bezel--override, var(--wb-collapsible-header__bezel-top, var(--wb-collapsible-header__bezel, var(--wb-ds-space--s, 1rem)))))));
  padding-right: var(--wb-collapsible-header__bezel-right--state, var(--wb-collapsible-header__bezel--state, var(--wb-collapsible-header__bezel-right--override, var(--wb-collapsible-header__bezel--override, var(--wb-collapsible-header__bezel-right, var(--wb-collapsible-header__bezel, var(--wb-ds-space--s, 1rem)))))));
  padding-bottom: var(--wb-collapsible-header__bezel-bottom--state, var(--wb-collapsible-header__bezel--state, var(--wb-collapsible-header__bezel-bottom--override, var(--wb-collapsible-header__bezel--override, var(--wb-collapsible-header__bezel-bottom, var(--wb-collapsible-header__bezel, var(--wb-ds-space--s, 1rem)))))));
  padding-left: var(--wb-collapsible-header__bezel-left--state, var(--wb-collapsible-header__bezel--state, var(--wb-collapsible-header__bezel-left--override, var(--wb-collapsible-header__bezel--override, var(--wb-collapsible-header__bezel-left, var(--wb-collapsible-header__bezel, var(--wb-ds-space--s, 1rem)))))));
  --wb-collapsible-header__box-shadow--value: var(--wb-collapsible-header__box-shadow--state, var(--wb-collapsible-header__box-shadow--override, var(--wb-collapsible-header__box-shadow, var(--wb-ds-border-is-box-shadow))));
  --wb-collapsible-header__border-width--value: var(--wb-collapsible-header__border-width--state, var(--wb-collapsible-header__border-width--override, var(--wb-collapsible-header__border-width, 0)));
  --wb-collapsible-header__border-color--value: var(--wb-collapsible-header__border-color--state, var(--wb-collapsible-header__border-color--override, var(--wb-collapsible-header__border-color, transparent)));
  --wb-collapsible-header__blur-radius--value: var(--wb-collapsible-header__blur-radius--state, var(--wb-collapsible-header__blur-radius--override, var(--wb-collapsible-header__blur-radius, var(--wb-ds-border-blur-radius--default, 0))));
  --wb-collapsible-header__spread-radius--value: var(--wb-collapsible-header__spread-radius--state, var(--wb-collapsible-header__spread-radius--override, var(--wb-collapsible-header__spread-radius, var(--wb-ds-border-spread-radius--default, 0))));
  --wb-collapsible-header__box-shadow-top--value: var(--wb-collapsible-header__box-shadow-top, inset 0px var(--wb-collapsible-header__border-width--value) var(--wb-collapsible-header__blur-radius--value) var(--wb-collapsible-header__spread-radius--value) var(--wb-collapsible-header__border-color--value));
  --wb-collapsible-header__box-shadow-right--value: var(--wb-collapsible-header__box-shadow-right, inset calc(var(--wb-collapsible-header__border-width--value) * -1) 0px var(--wb-collapsible-header__blur-radius--value) var(--wb-collapsible-header__spread-radius--value) var(--wb-collapsible-header__border-color--value));
  --wb-collapsible-header__box-shadow-bottom--value: var(--wb-collapsible-header__box-shadow-bottom, inset 0px calc(var(--wb-collapsible-header__border-width--value) * -1) var(--wb-collapsible-header__blur-radius--value) var(--wb-collapsible-header__spread-radius--value) var(--wb-collapsible-header__border-color--value));
  --wb-collapsible-header__box-shadow-left--value: var(--wb-collapsible-header__box-shadow-left, inset var(--wb-collapsible-header__border-width--value) 0px var(--wb-collapsible-header__blur-radius--value) var(--wb-collapsible-header__spread-radius--value) var(--wb-collapsible-header__border-color--value));
  box-shadow: var(--wb-collapsible-header__box-shadow--value, var(--wb-collapsible-header__box-shadow-left--value), var(--wb-collapsible-header__box-shadow-right--value), var(--wb-collapsible-header__box-shadow-top--value), var(--wb-collapsible-header__box-shadow-bottom--value));
  border-top: var(--wb-collapsible-header__border-top--state, var(--wb-collapsible-header__border--state, var(--wb-collapsible-header__border-top--override, var(--wb-collapsible-header__border--override, var(--wb-collapsible-header__border-top, var(--wb-collapsible-header__border, var(--wb-ds-border-is-border)))))));
  border-right: var(--wb-collapsible-header__border-right--state, var(--wb-collapsible-header__border--state, var(--wb-collapsible-header__border-right--override, var(--wb-collapsible-header__border--override, var(--wb-collapsible-header__border-right, var(--wb-collapsible-header__border, var(--wb-ds-border-is-border)))))));
  border-bottom: var(--wb-collapsible-header__border-bottom--state, var(--wb-collapsible-header__border--state, var(--wb-collapsible-header__border-bottom--override, var(--wb-collapsible-header__border--override, var(--wb-collapsible-header__border-bottom, var(--wb-collapsible-header__border, var(--wb-ds-border-is-border)))))));
  border-left: var(--wb-collapsible-header__border-left--state, var(--wb-collapsible-header__border--state, var(--wb-collapsible-header__border-left--override, var(--wb-collapsible-header__border--override, var(--wb-collapsible-header__border-left, var(--wb-collapsible-header__border, var(--wb-ds-border-is-border)))))));
  border-radius: var(--wb-collapsible-header__border-radius--state, var(--wb-collapsible-header__border-radius--override, var(--wb-collapsible-header__border-radius, 0)));
  outline: var(--wb-collapsible-header__outline--state, var(--wb-collapsible-header__outline--override, var(--wb-collapsible-header__outline, none)));
  transition: var(--wb-collapsible-header__transition--state, var(--wb-collapsible-header__transition--override, var(--wb-collapsible-header__transition, background var(--wb-ds-animation-duration--default) var(--wb-ds-animation-timing-function), color var(--wb-ds-animation-duration--default) var(--wb-ds-animation-timing-function), box-shadow var(--wb-ds-animation-duration--default) var(--wb-ds-animation-timing-function), border var(--wb-ds-animation-duration--default) var(--wb-ds-animation-timing-function))));
  background: var(--wb-collapsible-header__background--state, var(--wb-collapsible-header__background--override, var(--wb-collapsible-header__background, var(--wb-ds-color-background--default, initial))));
  text-decoration: var(--wb-collapsible-header__text-decoration--state, var(--wb-collapsible-header__text-decoration--override, var(--wb-collapsible-header__text-decoration)));
  cursor: var(--wb-collapsible-header__cursor--state, var(--wb-collapsible-header__cursor--override, var(--wb-collapsible-header__cursor, pointer)));
  width: var(--wb-collapsible-header__width--state, var(--wb-collapsible-header__width--override, var(--wb-collapsible-header__width, 100%)));
}
.wb-collapsible__header * {
  --wb-collapsible-header__bezel: initial;
  --wb-collapsible-header__bezel-top: initial;
  --wb-collapsible-header__bezel-right: initial;
  --wb-collapsible-header__bezel-bottom: initial;
  --wb-collapsible-header__bezel-left: initial;
}
.wb-collapsible__header * {
  --wb-collapsible-header__border-color: initial;
  --wb-collapsible-header__border-radius: initial;
  --wb-collapsible-header__border-width: initial;
  --wb-collapsible-header__box-shadow: initial;
  --wb-collapsible-header__box-shadow-top: initial;
  --wb-collapsible-header__box-shadow-right: initial;
  --wb-collapsible-header__box-shadow-bottom: initial;
  --wb-collapsible-header__box-shadow-left: initial;
  --wb-collapsible-header__border: initial;
  --wb-collapsible-header__border-top: initial;
  --wb-collapsible-header__border-right: initial;
  --wb-collapsible-header__border-bottom: initial;
  --wb-collapsible-header__border-left: initial;
  --wb-collapsible-header__outline: initial;
  --wb-collapsible-header__transition: initial;
}
.wb-collapsible__header * {
  --wb-collapsible-header__background: initial;
}
.wb-collapsible__header:focus {
  --wb-collapsible-header__opacity--state: var(--wb-collapsible-header__opacity--focus);
  --wb-collapsible-header__font-weight--state: var(--wb-collapsible-header__font-weight--focus);
  --wb-collapsible-header__font-style--state: var(--wb-collapsible-header__font-style--focus);
  --wb-collapsible-header__color--state: var(--wb-collapsible-header__color--focus);
  --wb-collapsible-header__border-left--state: var(--wb-collapsible-header__border-left--focus);
  --wb-collapsible-header__border-bottom--state: var(--wb-collapsible-header__border-bottom--focus);
  --wb-collapsible-header__border-right--state: var(--wb-collapsible-header__border-right--focus);
  --wb-collapsible-header__border-top--state: var(--wb-collapsible-header__border-top--focus);
  --wb-collapsible-header__border--state: var(--wb-collapsible-header__border--focus);
  --wb-collapsible-header__box-shadow--state: var(--wb-collapsible-header__box-shadow--focus);
  --wb-collapsible-header__transition--state: var(--wb-collapsible-header__transition--focus);
  --wb-collapsible-header__border-width--state: var(--wb-collapsible-header__border-width--focus);
  --wb-collapsible-header__border-color--state: var(--wb-collapsible-header__border-color--focus);
  --wb-collapsible-header__background--state: var(--wb-collapsible-header__background--focus);
  --wb-collapsible-header__cursor--state: var(--wb-collapsible-header__cursor--focus);
  --wb-collapsible-header__text-decoration--state: var(--wb-collapsible-header__text-decoration--focus);
  outline: none;
}
.wb-collapsible__header:hover {
  --wb-collapsible-header__opacity--state: var(--wb-collapsible-header__opacity--hover);
  --wb-collapsible-header__font-weight--state: var(--wb-collapsible-header__font-weight--hover);
  --wb-collapsible-header__font-style--state: var(--wb-collapsible-header__font-style--hover);
  --wb-collapsible-header__color--state: var(--wb-collapsible-header__color--hover);
  --wb-collapsible-header__border-left--state: var(--wb-collapsible-header__border-left--hover);
  --wb-collapsible-header__border-bottom--state: var(--wb-collapsible-header__border-bottom--hover);
  --wb-collapsible-header__border-right--state: var(--wb-collapsible-header__border-right--hover);
  --wb-collapsible-header__border-top--state: var(--wb-collapsible-header__border-top--hover);
  --wb-collapsible-header__border--state: var(--wb-collapsible-header__border--hover);
  --wb-collapsible-header__box-shadow--state: var(--wb-collapsible-header__box-shadow--hover);
  --wb-collapsible-header__transition--state: var(--wb-collapsible-header__transition--hover);
  --wb-collapsible-header__border-width--state: var(--wb-collapsible-header__border-width--hover);
  --wb-collapsible-header__border-color--state: var(--wb-collapsible-header__border-color--hover);
  --wb-collapsible-header__background--state: var(--wb-collapsible-header__background--hover);
  --wb-collapsible-header__cursor--state: var(--wb-collapsible-header__cursor--hover);
  --wb-collapsible-header__text-decoration--state: var(--wb-collapsible-header__text-decoration--hover);
}
.wb-collapsible__header:active {
  --wb-collapsible-header__opacity--state: var(--wb-collapsible-header__opacity--active);
  --wb-collapsible-header__font-weight--state: var(--wb-collapsible-header__font-weight--active);
  --wb-collapsible-header__font-style--state: var(--wb-collapsible-header__font-style--active);
  --wb-collapsible-header__color--state: var(--wb-collapsible-header__color--active);
  --wb-collapsible-header__border-left--state: var(--wb-collapsible-header__border-left--active);
  --wb-collapsible-header__border-bottom--state: var(--wb-collapsible-header__border-bottom--active);
  --wb-collapsible-header__border-right--state: var(--wb-collapsible-header__border-right--active);
  --wb-collapsible-header__border-top--state: var(--wb-collapsible-header__border-top--active);
  --wb-collapsible-header__border--state: var(--wb-collapsible-header__border--active);
  --wb-collapsible-header__box-shadow--state: var(--wb-collapsible-header__box-shadow--active);
  --wb-collapsible-header__transition--state: var(--wb-collapsible-header__transition--active);
  --wb-collapsible-header__border-width--state: var(--wb-collapsible-header__border-width--active);
  --wb-collapsible-header__border-color--state: var(--wb-collapsible-header__border-color--active);
  --wb-collapsible-header__background--state: var(--wb-collapsible-header__background--active);
  --wb-collapsible-header__cursor--state: var(--wb-collapsible-header__cursor--active);
  --wb-collapsible-header__text-decoration--state: var(--wb-collapsible-header__text-decoration--active);
}
.wb-collapsible__header-content {
  flex-grow: var(--wb-collapsible-header-content__flex-grow, 1);
}
.wb-collapsible__title {
  color: var(--wb-collapsible-header__color, var(--wb-title__color));
  font-family: var(--wb-collapsible-header__font-family, var(--wb-title__font-family));
  font-size: var(--wb-collapsible-header__font-size, var(--wb-title__font-size, var(--wb-ds-title-level-3__font-size)));
  font-style: var(--wb-collapsible-header__font-style, var(--wb-title__font-style));
  font-weight: var(--wb-collapsible-header__font-weight, var(--wb-title__font-weight));
  line-height: var(--wb-collapsible-header__line-height, var(--wb-title__line-height, calc(1.1 * var(--wb-ds-title-level-3__line-height, 1))));
  letter-spacing: var(--wb-collapsible-header__letter-spacing, var(--wb-title__letter-spacing));
  text-transform: var(--wb-collapsible-header__text-transform, var(--wb-title__text-transform));
  text-align: var(--wb-collapsible-header__text-align, var(--wb-title__text-align));
  opacity: var(--wb-collapsible-header__opacity, var(--wb-title__opacity));
  padding-top: var(--wb-collapsible-header__bezel-top, var(--wb-title__bezel-top));
  padding-right: var(--wb-collapsible-header__bezel-right, var(--wb-title__bezel-right));
  padding-bottom: var(--wb-collapsible-header__bezel-bottom, var(--wb-title__bezel-bottom));
  padding-left: var(--wb-collapsible-header__bezel-left, var(--wb-title__bezel-left));
  text-align: var(--wb-collapsible-header__text-align, left);
  padding: 0;
  margin: 0;
}
.wb-collapsible__title * {
  --wb-collapsible-header__bezel: initial;
  --wb-collapsible-header__bezel-top: initial;
  --wb-collapsible-header__bezel-right: initial;
  --wb-collapsible-header__bezel-bottom: initial;
  --wb-collapsible-header__bezel-left: initial;
}
.wb-collapsible__icon {
  fill: var(--wb-collapsible-icon__fill--state, var(--wb-collapsible-icon__fill--override, var(--wb-collapsible-icon__fill, var(--wb-ds-color-text--default, currentcolor))));
  
  transition: var(--wb-collapsible-icon__transition, transform var(--wb-collapsible-icon__transition-duration, var(--wb-ds-animation-duration--default, 0.25s)) var(--wb-collapsible-icon__timing-function, var(--wb-ds-animation-timing-function, ease)));
  
}
.wb-collapsible--icon-trigger .wb-collapsible__header {
  cursor: default;
}
.wb-collapsible--icon-trigger .wb-collapsible__icon {
  cursor: pointer;
}
.wb-collapsible__container {
  overflow-y: var(--wb-collapsible-content__overflow-y--state);
  max-height: var(--wb-collapsible-content__max-height--state);
  transition: max-height;
  transition-duration: var(--wb-collapsible-content__transition-duration, var(--wb-ds-animation-duration--default, 250ms));
  transition-timing-function: var(--wb-collapsible-content__transition-timing-function, var(--wb-ds-animation-timing-function, ease-in-out));
  scrollbar-width: none;
}
.wb-collapsible__container::-webkit-scrollbar {
  display: none;
}
.wb-collapsible--closed {
  --wb-collapsible-content__max-height--state: 0px;
  --wb-collapsible-content__overflow-y--state: auto;
}
.wb-collapsible--open {
  --wb-collapsible-content__max-height--state: var(--wb-collapsible-content__max-height--value);
  --wb-collapsible-content__overflow-y--state: var(--wb-collapsible-content__overflow-y--value);
}
.wb-collapsible__content {
  position: relative;
  --wb-collapsible-content__box-shadow-left: inset 0 0 0;
  --wb-collapsible-content__box-shadow-right: inset 0 0 0;
  --wb-collapsible-content__box-shadow--value: var(--wb-collapsible-content__box-shadow, var(--wb-ds-border-is-box-shadow));
  --wb-collapsible-content__border-width--value: var(--wb-collapsible-content__border-width, var(--wb-ds-border-width--default));
  --wb-collapsible-content__border-color--value: var(--wb-collapsible-content__border-color, var(--wb-ds-color-border--default));
  --wb-collapsible-content__blur-radius--value: var(--wb-collapsible-content__blur-radius, var(--wb-ds-border-blur-radius--default, 0));
  --wb-collapsible-content__spread-radius--value: var(--wb-collapsible-content__spread-radius, var(--wb-ds-border-spread-radius--default, 0));
  --wb-collapsible-content__box-shadow-top--value: var(--wb-collapsible-content__box-shadow-top, inset 0px var(--wb-collapsible-content__border-width--value) var(--wb-collapsible-content__blur-radius--value) var(--wb-collapsible-content__spread-radius--value) var(--wb-collapsible-content__border-color--value));
  --wb-collapsible-content__box-shadow-right--value: var(--wb-collapsible-content__box-shadow-right, inset calc(var(--wb-collapsible-content__border-width--value) * -1) 0px var(--wb-collapsible-content__blur-radius--value) var(--wb-collapsible-content__spread-radius--value) var(--wb-collapsible-content__border-color--value));
  --wb-collapsible-content__box-shadow-bottom--value: var(--wb-collapsible-content__box-shadow-bottom, inset 0px calc(var(--wb-collapsible-content__border-width--value) * -1) var(--wb-collapsible-content__blur-radius--value) var(--wb-collapsible-content__spread-radius--value) var(--wb-collapsible-content__border-color--value));
  --wb-collapsible-content__box-shadow-left--value: var(--wb-collapsible-content__box-shadow-left, inset var(--wb-collapsible-content__border-width--value) 0px var(--wb-collapsible-content__blur-radius--value) var(--wb-collapsible-content__spread-radius--value) var(--wb-collapsible-content__border-color--value));
  box-shadow: var(--wb-collapsible-content__box-shadow--value, var(--wb-collapsible-content__box-shadow-left--value), var(--wb-collapsible-content__box-shadow-right--value), var(--wb-collapsible-content__box-shadow-top--value), var(--wb-collapsible-content__box-shadow-bottom--value));
  border-top: var(--wb-collapsible-content__border-top, var(--wb-collapsible-content__border, var(--wb-ds-border-is-border)));
  border-bottom: var(--wb-collapsible-content__border-bottom, var(--wb-collapsible-content__border, var(--wb-ds-border-is-border)));
  border-radius: var(--wb-collapsible-content__border-radius, var(--wb-ds-border-radius--default));
  outline: var(--wb-collapsible-content__outline, var(--wb-ds-border-is-outline));
  transition: var(--wb-collapsible-content__transition);
  padding-top: var(--wb-collapsible-content__bezel-top, var(--wb-collapsible-content__bezel, var(--wb-ds-space--s, 1rem)));
  padding-right: var(--wb-collapsible-content__bezel-right, var(--wb-collapsible-content__bezel, var(--wb-ds-space--s, 1rem)));
  padding-bottom: var(--wb-collapsible-content__bezel-bottom, var(--wb-collapsible-content__bezel, var(--wb-ds-space--s, 1rem)));
  padding-left: var(--wb-collapsible-content__bezel-left, var(--wb-collapsible-content__bezel, var(--wb-ds-space--s, 1rem)));
}
.wb-collapsible__content * {
  --wb-collapsible-content__border-color: initial;
  --wb-collapsible-content__border-radius: initial;
  --wb-collapsible-content__border-width: initial;
  --wb-collapsible-content__box-shadow: initial;
  --wb-collapsible-content__box-shadow-top: initial;
  --wb-collapsible-content__box-shadow-right: initial;
  --wb-collapsible-content__box-shadow-bottom: initial;
  --wb-collapsible-content__box-shadow-left: initial;
  --wb-collapsible-content__border: initial;
  --wb-collapsible-content__border-top: initial;
  --wb-collapsible-content__border-right: initial;
  --wb-collapsible-content__border-bottom: initial;
  --wb-collapsible-content__border-left: initial;
  --wb-collapsible-content__outline: initial;
  --wb-collapsible-content__transition: initial;
}
.wb-collapsible__content * {
  --wb-collapsible-content__bezel: initial;
  --wb-collapsible-content__bezel-top: initial;
  --wb-collapsible-content__bezel-right: initial;
  --wb-collapsible-content__bezel-bottom: initial;
  --wb-collapsible-content__bezel-left: initial;
}