:host a {
  color: var(--wb-html-a__color, var(--wb-link__color, var(--wb-ds-link__color, var(--wb-ds-color-text--default))));
  font-family: var(--wb-html-a__font-family);
  font-size: var(--wb-html-a__font-size);
  font-style: var(--wb-html-a__font-style);
  font-weight: var(--wb-html-a__font-weight);
  line-height: var(--wb-html-a__line-height);
  letter-spacing: var(--wb-html-a__letter-spacing);
  text-transform: var(--wb-html-a__text-transform);
  text-align: var(--wb-html-a__text-align);
  opacity: var(--wb-html-a__opacity);
  padding-top: var(--wb-html-a__bezel-top, var(--wb-html-a__bezel, var(--wb-link__bezel-top, var(--wb-link__bezel, var(--wb-ds-link__bezel-top, var(--wb-ds-link__bezel, 0))))));
  padding-right: var(--wb-html-a__bezel-right, var(--wb-html-a__bezel, var(--wb-link__bezel-right, var(--wb-link__bezel, var(--wb-ds-link__bezel-right, var(--wb-ds-link__bezel, 0))))));
  padding-bottom: var(--wb-html-a__bezel-bottom, var(--wb-html-a__bezel, var(--wb-link__bezel-bottom, var(--wb-link__bezel, var(--wb-ds-link__bezel-bottom, var(--wb-ds-link__bezel, 0))))));
  padding-left: var(--wb-html-a__bezel-left, var(--wb-html-a__bezel, var(--wb-link__bezel-left, var(--wb-link__bezel, var(--wb-ds-link__bezel-left, var(--wb-ds-link__bezel, 0))))));
  --wb-html-a__box-shadow--value: var(--wb-html-a__box-shadow, var(--wb-ds-border-is-box-shadow));
  --wb-html-a__border-width--value: var(--wb-html-a__border-width, var(--wb-link__border-width, var(--wb-ds-link__border-width, 0)));
  --wb-html-a__border-color--value: var(--wb-html-a__border-color, var(--wb-link__border-color, var(--wb-ds-link__border-color, transparent)));
  --wb-html-a__blur-radius--value: var(--wb-html-a__blur-radius, var(--wb-ds-border-blur-radius--default, 0));
  --wb-html-a__spread-radius--value: var(--wb-html-a__spread-radius, var(--wb-ds-border-spread-radius--default, 0));
  --wb-html-a__box-shadow-top--value: var(--wb-html-a__box-shadow-top, inset 0px var(--wb-html-a__border-width--value) var(--wb-html-a__blur-radius--value) var(--wb-html-a__spread-radius--value) var(--wb-html-a__border-color--value));
  --wb-html-a__box-shadow-right--value: var(--wb-html-a__box-shadow-right, inset calc(var(--wb-html-a__border-width--value) * -1) 0px var(--wb-html-a__blur-radius--value) var(--wb-html-a__spread-radius--value) var(--wb-html-a__border-color--value));
  --wb-html-a__box-shadow-bottom--value: var(--wb-html-a__box-shadow-bottom, inset 0px calc(var(--wb-html-a__border-width--value) * -1) var(--wb-html-a__blur-radius--value) var(--wb-html-a__spread-radius--value) var(--wb-html-a__border-color--value));
  --wb-html-a__box-shadow-left--value: var(--wb-html-a__box-shadow-left, inset var(--wb-html-a__border-width--value) 0px var(--wb-html-a__blur-radius--value) var(--wb-html-a__spread-radius--value) var(--wb-html-a__border-color--value));
  box-shadow: var(--wb-html-a__box-shadow--value, var(--wb-html-a__box-shadow-left--value), var(--wb-html-a__box-shadow-right--value), var(--wb-html-a__box-shadow-top--value), var(--wb-html-a__box-shadow-bottom--value));
  border-top: var(--wb-html-a__border-top, var(--wb-html-a__border, var(--wb-ds-border-is-border)));
  border-right: var(--wb-html-a__border-right, var(--wb-html-a__border, var(--wb-ds-border-is-border)));
  border-bottom: var(--wb-html-a__border-bottom, var(--wb-html-a__border, var(--wb-ds-border-is-border)));
  border-left: var(--wb-html-a__border-left, var(--wb-html-a__border, var(--wb-ds-border-is-border)));
  border-radius: var(--wb-html-a__border-radius, var(--wb-link__border-radius, var(--wb-ds-link__border-radius, 0)));
  outline: var(--wb-html-a__outline, var(--wb-ds-border-is-outline));
  transition: var(--wb-html-a__transition, color var(--wb-ds-animation-duration--default) var(--wb-ds-animation-timing-function), opacity var(--wb-ds-animation-duration--default) var(--wb-ds-animation-timing-function));
  background: var(--wb-html-a__background, var(--wb-link__background, var(--wb-ds-link__background, transparent)));
  text-decoration: var(--wb-html-a__text-decoration, var(--wb-link__text-decoration, var(--wb-ds-link__text-decoration, none)));
  cursor: var(--wb-html-a__cursor, var(--wb-link__cursor, var(--wb-ds-link__cursor, pointer)));
  width: var(--wb-html-a__width);
}
:host a slot[name=end] {
  margin-left: var(--wb-html-a__gutter-x, var(--wb-ds-link__gutter-x));
}
:host a * {
  --wb-html-a__bezel: initial;
  --wb-html-a__bezel-top: initial;
  --wb-html-a__bezel-right: initial;
  --wb-html-a__bezel-bottom: initial;
  --wb-html-a__bezel-left: initial;
}
:host a * {
  --wb-html-a__border-color: initial;
  --wb-html-a__border-radius: initial;
  --wb-html-a__border-width: initial;
  --wb-html-a__box-shadow: initial;
  --wb-html-a__box-shadow-top: initial;
  --wb-html-a__box-shadow-right: initial;
  --wb-html-a__box-shadow-bottom: initial;
  --wb-html-a__box-shadow-left: initial;
  --wb-html-a__border: initial;
  --wb-html-a__border-top: initial;
  --wb-html-a__border-right: initial;
  --wb-html-a__border-bottom: initial;
  --wb-html-a__border-left: initial;
  --wb-html-a__outline: initial;
  --wb-html-a__transition: initial;
}
:host a * {
  --wb-html-a__background: initial;
}
:host p,
:host ul,
:host ol {
  padding-top: var(--wb-html-paragraph__bezel-top, var(--wb-html-paragraph__bezel));
  margin: 0;
}
:host p *,
:host ul *,
:host ol * {
  --wb-html-paragraph__bezel: initial;
  --wb-html-paragraph__bezel-top: initial;
}
:host ul,
:host ol {
  padding-left: var(--wb-html-list__bezel-left, var(--wb-html-list__bezel));
}
:host ul *,
:host ol * {
  --wb-html-list__bezel: initial;
  --wb-html-list__bezel-left: initial;
}
:host h1:first-child,
:host h2:first-child,
:host h3:first-child,
:host h4:first-child,
:host h5:first-child,
:host h6:first-child {
  padding-top: 0;
}
:host h1 {
  color: var(--wb-html-title-level-1__color, var(--wb-ds-title-level-1__color, var(--wb-ds-title__color, var(--wb-ds-color-text--default, inherit))));
  font-family: var(--wb-html-title-level-1__font-family, var(--wb-ds-title-level-1__font-family, var(--wb-ds-title__font-family, var(--wb-ds-font-family--default, inherit))));
  font-size: var(--wb-html-title-level-1__font-size, var(--wb-ds-title-level-1__font-size, var(--wb-ds-title__font-size, var(--wb-ds-font-size--2xl, var(--wb-ds-font-size--default, inherit)))));
  font-style: var(--wb-html-title-level-1__font-style, var(--wb-ds-title-level-1__font-style, var(--wb-ds-title__font-style, var(--wb-ds-font-style--default, inherit))));
  font-weight: var(--wb-html-title-level-1__font-weight, var(--wb-ds-title-level-1__font-weight, var(--wb-ds-title__font-weight, var(--wb-ds-font-weight--default, inherit))));
  line-height: var(--wb-html-title-level-1__line-height, var(--wb-ds-title-level-1__line-height, var(--wb-ds-title__line-height, var(--wb-ds-line-height--2xl, var(--wb-ds-line-height--default, inherit)))));
  letter-spacing: var(--wb-html-title-level-1__letter-spacing, var(--wb-ds-title-level-1__letter-spacing, var(--wb-ds-title__letter-spacing, var(--wb-ds-letter-spacing--default, inherit))));
  text-transform: var(--wb-html-title-level-1__text-transform, var(--wb-ds-title-level-1__text-transform, var(--wb-ds-title__text-transform, var(--wb-ds-text-transform--default, inherit))));
  text-align: var(--wb-html-title-level-1__text-align, var(--wb-ds-title-level-1__text-align, var(--wb-ds-title__text-align, var(--wb-ds-text-align--default, inherit))));
  opacity: var(--wb-html-title-level-1__opacity, var(--wb-ds-title-level-1__opacity, var(--wb-ds-title__opacity)));
  padding-top: var(--wb-html-title-level-1__bezel-top, var(--wb-html-title-level-1__bezel, var(--wb-ds-title-level-1__bezel-top, var(--wb-ds-title__bezel-top, var(--wb-ds-space--2xl, initial)))));
  padding-right: var(--wb-html-title-level-1__bezel-right, var(--wb-html-title-level-1__bezel, var(--wb-ds-title-level-1__bezel-right, var(--wb-ds-title__bezel-right, initial))));
  padding-bottom: var(--wb-html-title-level-1__bezel-bottom, var(--wb-html-title-level-1__bezel, var(--wb-ds-title-level-1__bezel-bottom, var(--wb-ds-title__bezel-bottom, initial))));
  padding-left: var(--wb-html-title-level-1__bezel-left, var(--wb-html-title-level-1__bezel, var(--wb-ds-title-level-1__bezel-left, var(--wb-ds-title__bezel-left, initial))));
  margin: 0;
}
:host h1 * {
  --wb-html-title-level-1__bezel: initial;
  --wb-html-title-level-1__bezel-top: initial;
  --wb-html-title-level-1__bezel-right: initial;
  --wb-html-title-level-1__bezel-bottom: initial;
  --wb-html-title-level-1__bezel-left: initial;
}
:host h2 {
  color: var(--wb-html-title-level-2__color, var(--wb-ds-title-level-2__color, var(--wb-ds-title__color, var(--wb-ds-color-text--default, inherit))));
  font-family: var(--wb-html-title-level-2__font-family, var(--wb-ds-title-level-2__font-family, var(--wb-ds-title__font-family, var(--wb-ds-font-family--default, inherit))));
  font-size: var(--wb-html-title-level-2__font-size, var(--wb-ds-title-level-2__font-size, var(--wb-ds-title__font-size, var(--wb-ds-font-size--xl, var(--wb-ds-font-size--default, inherit)))));
  font-style: var(--wb-html-title-level-2__font-style, var(--wb-ds-title-level-2__font-style, var(--wb-ds-title__font-style, var(--wb-ds-font-style--default, inherit))));
  font-weight: var(--wb-html-title-level-2__font-weight, var(--wb-ds-title-level-2__font-weight, var(--wb-ds-title__font-weight, var(--wb-ds-font-weight--default, inherit))));
  line-height: var(--wb-html-title-level-2__line-height, var(--wb-ds-title-level-2__line-height, var(--wb-ds-title__line-height, var(--wb-ds-line-height--xl, var(--wb-ds-line-height--default, inherit)))));
  letter-spacing: var(--wb-html-title-level-2__letter-spacing, var(--wb-ds-title-level-2__letter-spacing, var(--wb-ds-title__letter-spacing, var(--wb-ds-letter-spacing--default, inherit))));
  text-transform: var(--wb-html-title-level-2__text-transform, var(--wb-ds-title-level-2__text-transform, var(--wb-ds-title__text-transform, var(--wb-ds-text-transform--default, inherit))));
  text-align: var(--wb-html-title-level-2__text-align, var(--wb-ds-title-level-2__text-align, var(--wb-ds-title__text-align, var(--wb-ds-text-align--default, inherit))));
  opacity: var(--wb-html-title-level-2__opacity, var(--wb-ds-title-level-2__opacity, var(--wb-ds-title__opacity)));
  padding-top: var(--wb-html-title-level-2__bezel-top, var(--wb-html-title-level-2__bezel, var(--wb-ds-title-level-2__bezel-top, var(--wb-ds-title__bezel-top, var(--wb-ds-space--xl, initial)))));
  padding-right: var(--wb-html-title-level-2__bezel-right, var(--wb-html-title-level-2__bezel, var(--wb-ds-title-level-2__bezel-right, var(--wb-ds-title__bezel-right, initial))));
  padding-bottom: var(--wb-html-title-level-2__bezel-bottom, var(--wb-html-title-level-2__bezel, var(--wb-ds-title-level-2__bezel-bottom, var(--wb-ds-title__bezel-bottom, initial))));
  padding-left: var(--wb-html-title-level-2__bezel-left, var(--wb-html-title-level-2__bezel, var(--wb-ds-title-level-2__bezel-left, var(--wb-ds-title__bezel-left, initial))));
  margin: 0;
}
:host h2 * {
  --wb-html-title-level-2__bezel: initial;
  --wb-html-title-level-2__bezel-top: initial;
  --wb-html-title-level-2__bezel-right: initial;
  --wb-html-title-level-2__bezel-bottom: initial;
  --wb-html-title-level-2__bezel-left: initial;
}
:host h3 {
  color: var(--wb-html-title-level-3__color, var(--wb-ds-title-level-3__color, var(--wb-ds-title__color, var(--wb-ds-color-text--default, inherit))));
  font-family: var(--wb-html-title-level-3__font-family, var(--wb-ds-title-level-3__font-family, var(--wb-ds-title__font-family, var(--wb-ds-font-family--default, inherit))));
  font-size: var(--wb-html-title-level-3__font-size, var(--wb-ds-title-level-3__font-size, var(--wb-ds-title__font-size, var(--wb-ds-font-size--l, var(--wb-ds-font-size--default, inherit)))));
  font-style: var(--wb-html-title-level-3__font-style, var(--wb-ds-title-level-3__font-style, var(--wb-ds-title__font-style, var(--wb-ds-font-style--default, inherit))));
  font-weight: var(--wb-html-title-level-3__font-weight, var(--wb-ds-title-level-3__font-weight, var(--wb-ds-title__font-weight, var(--wb-ds-font-weight--default, inherit))));
  line-height: var(--wb-html-title-level-3__line-height, var(--wb-ds-title-level-3__line-height, var(--wb-ds-title__line-height, var(--wb-ds-line-height--l, var(--wb-ds-line-height--default, inherit)))));
  letter-spacing: var(--wb-html-title-level-3__letter-spacing, var(--wb-ds-title-level-3__letter-spacing, var(--wb-ds-title__letter-spacing, var(--wb-ds-letter-spacing--default, inherit))));
  text-transform: var(--wb-html-title-level-3__text-transform, var(--wb-ds-title-level-3__text-transform, var(--wb-ds-title__text-transform, var(--wb-ds-text-transform--default, inherit))));
  text-align: var(--wb-html-title-level-3__text-align, var(--wb-ds-title-level-3__text-align, var(--wb-ds-title__text-align, var(--wb-ds-text-align--default, inherit))));
  opacity: var(--wb-html-title-level-3__opacity, var(--wb-ds-title-level-3__opacity, var(--wb-ds-title__opacity)));
  padding-top: var(--wb-html-title-level-3__bezel-top, var(--wb-html-title-level-3__bezel, var(--wb-ds-title-level-3__bezel-top, var(--wb-ds-title__bezel-top, var(--wb-ds-space--l, initial)))));
  padding-right: var(--wb-html-title-level-3__bezel-right, var(--wb-html-title-level-3__bezel, var(--wb-ds-title-level-3__bezel-right, var(--wb-ds-title__bezel-right, initial))));
  padding-bottom: var(--wb-html-title-level-3__bezel-bottom, var(--wb-html-title-level-3__bezel, var(--wb-ds-title-level-3__bezel-bottom, var(--wb-ds-title__bezel-bottom, initial))));
  padding-left: var(--wb-html-title-level-3__bezel-left, var(--wb-html-title-level-3__bezel, var(--wb-ds-title-level-3__bezel-left, var(--wb-ds-title__bezel-left, initial))));
  margin: 0;
}
:host h3 * {
  --wb-html-title-level-3__bezel: initial;
  --wb-html-title-level-3__bezel-top: initial;
  --wb-html-title-level-3__bezel-right: initial;
  --wb-html-title-level-3__bezel-bottom: initial;
  --wb-html-title-level-3__bezel-left: initial;
}
:host h4 {
  color: var(--wb-html-title-level-4__color, var(--wb-ds-title-level-4__color, var(--wb-ds-title__color, var(--wb-ds-color-text--default, inherit))));
  font-family: var(--wb-html-title-level-4__font-family, var(--wb-ds-title-level-4__font-family, var(--wb-ds-title__font-family, var(--wb-ds-font-family--default, inherit))));
  font-size: var(--wb-html-title-level-4__font-size, var(--wb-ds-title-level-4__font-size, var(--wb-ds-title__font-size, var(--wb-ds-font-size--default, var(--wb-ds-font-size--default, inherit)))));
  font-style: var(--wb-html-title-level-4__font-style, var(--wb-ds-title-level-4__font-style, var(--wb-ds-title__font-style, var(--wb-ds-font-style--default, inherit))));
  font-weight: var(--wb-html-title-level-4__font-weight, var(--wb-ds-title-level-4__font-weight, var(--wb-ds-title__font-weight, var(--wb-ds-font-weight--default, inherit))));
  line-height: var(--wb-html-title-level-4__line-height, var(--wb-ds-title-level-4__line-height, var(--wb-ds-title__line-height, var(--wb-ds-line-height--default, var(--wb-ds-line-height--default, inherit)))));
  letter-spacing: var(--wb-html-title-level-4__letter-spacing, var(--wb-ds-title-level-4__letter-spacing, var(--wb-ds-title__letter-spacing, var(--wb-ds-letter-spacing--default, inherit))));
  text-transform: var(--wb-html-title-level-4__text-transform, var(--wb-ds-title-level-4__text-transform, var(--wb-ds-title__text-transform, var(--wb-ds-text-transform--default, inherit))));
  text-align: var(--wb-html-title-level-4__text-align, var(--wb-ds-title-level-4__text-align, var(--wb-ds-title__text-align, var(--wb-ds-text-align--default, inherit))));
  opacity: var(--wb-html-title-level-4__opacity, var(--wb-ds-title-level-4__opacity, var(--wb-ds-title__opacity)));
  padding-top: var(--wb-html-title-level-4__bezel-top, var(--wb-html-title-level-4__bezel, var(--wb-ds-title-level-4__bezel-top, var(--wb-ds-title__bezel-top, var(--wb-ds-space--default, initial)))));
  padding-right: var(--wb-html-title-level-4__bezel-right, var(--wb-html-title-level-4__bezel, var(--wb-ds-title-level-4__bezel-right, var(--wb-ds-title__bezel-right, initial))));
  padding-bottom: var(--wb-html-title-level-4__bezel-bottom, var(--wb-html-title-level-4__bezel, var(--wb-ds-title-level-4__bezel-bottom, var(--wb-ds-title__bezel-bottom, initial))));
  padding-left: var(--wb-html-title-level-4__bezel-left, var(--wb-html-title-level-4__bezel, var(--wb-ds-title-level-4__bezel-left, var(--wb-ds-title__bezel-left, initial))));
  margin: 0;
}
:host h4 * {
  --wb-html-title-level-4__bezel: initial;
  --wb-html-title-level-4__bezel-top: initial;
  --wb-html-title-level-4__bezel-right: initial;
  --wb-html-title-level-4__bezel-bottom: initial;
  --wb-html-title-level-4__bezel-left: initial;
}
:host h5 {
  color: var(--wb-html-title-level-5__color, var(--wb-ds-title-level-5__color, var(--wb-ds-title__color, var(--wb-ds-color-text--default, inherit))));
  font-family: var(--wb-html-title-level-5__font-family, var(--wb-ds-title-level-5__font-family, var(--wb-ds-title__font-family, var(--wb-ds-font-family--default, inherit))));
  font-size: var(--wb-html-title-level-5__font-size, var(--wb-ds-title-level-5__font-size, var(--wb-ds-title__font-size, var(--wb-ds-font-size--default, var(--wb-ds-font-size--default, inherit)))));
  font-style: var(--wb-html-title-level-5__font-style, var(--wb-ds-title-level-5__font-style, var(--wb-ds-title__font-style, var(--wb-ds-font-style--default, inherit))));
  font-weight: var(--wb-html-title-level-5__font-weight, var(--wb-ds-title-level-5__font-weight, var(--wb-ds-title__font-weight, var(--wb-ds-font-weight--default, inherit))));
  line-height: var(--wb-html-title-level-5__line-height, var(--wb-ds-title-level-5__line-height, var(--wb-ds-title__line-height, var(--wb-ds-line-height--default, var(--wb-ds-line-height--default, inherit)))));
  letter-spacing: var(--wb-html-title-level-5__letter-spacing, var(--wb-ds-title-level-5__letter-spacing, var(--wb-ds-title__letter-spacing, var(--wb-ds-letter-spacing--default, inherit))));
  text-transform: var(--wb-html-title-level-5__text-transform, var(--wb-ds-title-level-5__text-transform, var(--wb-ds-title__text-transform, var(--wb-ds-text-transform--default, inherit))));
  text-align: var(--wb-html-title-level-5__text-align, var(--wb-ds-title-level-5__text-align, var(--wb-ds-title__text-align, var(--wb-ds-text-align--default, inherit))));
  opacity: var(--wb-html-title-level-5__opacity, var(--wb-ds-title-level-5__opacity, var(--wb-ds-title__opacity)));
  padding-top: var(--wb-html-title-level-5__bezel-top, var(--wb-html-title-level-5__bezel, var(--wb-ds-title-level-5__bezel-top, var(--wb-ds-title__bezel-top, var(--wb-ds-space--default, initial)))));
  padding-right: var(--wb-html-title-level-5__bezel-right, var(--wb-html-title-level-5__bezel, var(--wb-ds-title-level-5__bezel-right, var(--wb-ds-title__bezel-right, initial))));
  padding-bottom: var(--wb-html-title-level-5__bezel-bottom, var(--wb-html-title-level-5__bezel, var(--wb-ds-title-level-5__bezel-bottom, var(--wb-ds-title__bezel-bottom, initial))));
  padding-left: var(--wb-html-title-level-5__bezel-left, var(--wb-html-title-level-5__bezel, var(--wb-ds-title-level-5__bezel-left, var(--wb-ds-title__bezel-left, initial))));
  margin: 0;
}
:host h5 * {
  --wb-html-title-level-5__bezel: initial;
  --wb-html-title-level-5__bezel-top: initial;
  --wb-html-title-level-5__bezel-right: initial;
  --wb-html-title-level-5__bezel-bottom: initial;
  --wb-html-title-level-5__bezel-left: initial;
}
:host h6 {
  color: var(--wb-html-title-level-6__color, var(--wb-ds-title-level-6__color, var(--wb-ds-title__color, var(--wb-ds-color-text--default, inherit))));
  font-family: var(--wb-html-title-level-6__font-family, var(--wb-ds-title-level-6__font-family, var(--wb-ds-title__font-family, var(--wb-ds-font-family--default, inherit))));
  font-size: var(--wb-html-title-level-6__font-size, var(--wb-ds-title-level-6__font-size, var(--wb-ds-title__font-size, var(--wb-ds-font-size--default, var(--wb-ds-font-size--default, inherit)))));
  font-style: var(--wb-html-title-level-6__font-style, var(--wb-ds-title-level-6__font-style, var(--wb-ds-title__font-style, var(--wb-ds-font-style--default, inherit))));
  font-weight: var(--wb-html-title-level-6__font-weight, var(--wb-ds-title-level-6__font-weight, var(--wb-ds-title__font-weight, var(--wb-ds-font-weight--default, inherit))));
  line-height: var(--wb-html-title-level-6__line-height, var(--wb-ds-title-level-6__line-height, var(--wb-ds-title__line-height, var(--wb-ds-line-height--default, var(--wb-ds-line-height--default, inherit)))));
  letter-spacing: var(--wb-html-title-level-6__letter-spacing, var(--wb-ds-title-level-6__letter-spacing, var(--wb-ds-title__letter-spacing, var(--wb-ds-letter-spacing--default, inherit))));
  text-transform: var(--wb-html-title-level-6__text-transform, var(--wb-ds-title-level-6__text-transform, var(--wb-ds-title__text-transform, var(--wb-ds-text-transform--default, inherit))));
  text-align: var(--wb-html-title-level-6__text-align, var(--wb-ds-title-level-6__text-align, var(--wb-ds-title__text-align, var(--wb-ds-text-align--default, inherit))));
  opacity: var(--wb-html-title-level-6__opacity, var(--wb-ds-title-level-6__opacity, var(--wb-ds-title__opacity)));
  padding-top: var(--wb-html-title-level-6__bezel-top, var(--wb-html-title-level-6__bezel, var(--wb-ds-title-level-6__bezel-top, var(--wb-ds-title__bezel-top, var(--wb-ds-space--default, initial)))));
  padding-right: var(--wb-html-title-level-6__bezel-right, var(--wb-html-title-level-6__bezel, var(--wb-ds-title-level-6__bezel-right, var(--wb-ds-title__bezel-right, initial))));
  padding-bottom: var(--wb-html-title-level-6__bezel-bottom, var(--wb-html-title-level-6__bezel, var(--wb-ds-title-level-6__bezel-bottom, var(--wb-ds-title__bezel-bottom, initial))));
  padding-left: var(--wb-html-title-level-6__bezel-left, var(--wb-html-title-level-6__bezel, var(--wb-ds-title-level-6__bezel-left, var(--wb-ds-title__bezel-left, initial))));
  margin: 0;
}
:host h6 * {
  --wb-html-title-level-6__bezel: initial;
  --wb-html-title-level-6__bezel-top: initial;
  --wb-html-title-level-6__bezel-right: initial;
  --wb-html-title-level-6__bezel-bottom: initial;
  --wb-html-title-level-6__bezel-left: initial;
}
:host blockquote {
  color: var(--wb-html-blockquote__color);
  font-family: var(--wb-html-blockquote__font-family);
  font-size: var(--wb-html-blockquote__font-size);
  font-style: var(--wb-html-blockquote__font-style);
  font-weight: var(--wb-html-blockquote__font-weight);
  line-height: var(--wb-html-blockquote__line-height);
  letter-spacing: var(--wb-html-blockquote__letter-spacing);
  text-transform: var(--wb-html-blockquote__text-transform);
  text-align: var(--wb-html-blockquote__text-align);
  opacity: var(--wb-html-blockquote__opacity);
  padding-top: var(--wb-html-blockquote__bezel-top, var(--wb-html-blockquote__bezel));
  padding-right: var(--wb-html-blockquote__bezel-right, var(--wb-html-blockquote__bezel));
  padding-bottom: var(--wb-html-blockquote__bezel-bottom, var(--wb-html-blockquote__bezel));
  padding-left: var(--wb-html-blockquote__bezel-left, var(--wb-html-blockquote__bezel));
  --wb-html-blockquote__box-shadow--value: var(--wb-html-blockquote__box-shadow, none);
  --wb-html-blockquote__border-width--value: var(--wb-html-blockquote__border-width, var(--wb-ds-border-width--default));
  --wb-html-blockquote__border-color--value: var(--wb-html-blockquote__border-color, var(--wb-ds-color-border--default));
  --wb-html-blockquote__blur-radius--value: var(--wb-html-blockquote__blur-radius, var(--wb-ds-border-blur-radius--default, 0));
  --wb-html-blockquote__spread-radius--value: var(--wb-html-blockquote__spread-radius, var(--wb-ds-border-spread-radius--default, 0));
  --wb-html-blockquote__box-shadow-top--value: var(--wb-html-blockquote__box-shadow-top, inset 0px var(--wb-html-blockquote__border-width--value) var(--wb-html-blockquote__blur-radius--value) var(--wb-html-blockquote__spread-radius--value) var(--wb-html-blockquote__border-color--value));
  --wb-html-blockquote__box-shadow-right--value: var(--wb-html-blockquote__box-shadow-right, inset calc(var(--wb-html-blockquote__border-width--value) * -1) 0px var(--wb-html-blockquote__blur-radius--value) var(--wb-html-blockquote__spread-radius--value) var(--wb-html-blockquote__border-color--value));
  --wb-html-blockquote__box-shadow-bottom--value: var(--wb-html-blockquote__box-shadow-bottom, inset 0px calc(var(--wb-html-blockquote__border-width--value) * -1) var(--wb-html-blockquote__blur-radius--value) var(--wb-html-blockquote__spread-radius--value) var(--wb-html-blockquote__border-color--value));
  --wb-html-blockquote__box-shadow-left--value: var(--wb-html-blockquote__box-shadow-left, inset var(--wb-html-blockquote__border-width--value) 0px var(--wb-html-blockquote__blur-radius--value) var(--wb-html-blockquote__spread-radius--value) var(--wb-html-blockquote__border-color--value));
  box-shadow: var(--wb-html-blockquote__box-shadow--value, var(--wb-html-blockquote__box-shadow-left--value), var(--wb-html-blockquote__box-shadow-right--value), var(--wb-html-blockquote__box-shadow-top--value), var(--wb-html-blockquote__box-shadow-bottom--value));
  border-top: var(--wb-html-blockquote__border-top, var(--wb-html-blockquote__border, var(--wb-ds-border-is-border)));
  border-right: var(--wb-html-blockquote__border-right, var(--wb-html-blockquote__border, var(--wb-ds-border-is-border)));
  border-bottom: var(--wb-html-blockquote__border-bottom, var(--wb-html-blockquote__border, var(--wb-ds-border-is-border)));
  border-left: var(--wb-html-blockquote__border-left, var(--wb-html-blockquote__border, var(--wb-ds-border-is-border)));
  border-radius: var(--wb-html-blockquote__border-radius, var(--wb-ds-border-radius--default));
  outline: var(--wb-html-blockquote__outline, var(--wb-ds-border-is-outline));
  transition: var(--wb-html-blockquote__transition);
  background: var(--wb-html-blockquote__background, var(--wb-ds-color-background--default, initial));
  margin: 0;
}
:host blockquote * {
  --wb-html-blockquote__bezel: initial;
  --wb-html-blockquote__bezel-top: initial;
  --wb-html-blockquote__bezel-right: initial;
  --wb-html-blockquote__bezel-bottom: initial;
  --wb-html-blockquote__bezel-left: initial;
}
:host blockquote * {
  --wb-html-blockquote__border-color: initial;
  --wb-html-blockquote__border-radius: initial;
  --wb-html-blockquote__border-width: initial;
  --wb-html-blockquote__box-shadow: initial;
  --wb-html-blockquote__box-shadow-top: initial;
  --wb-html-blockquote__box-shadow-right: initial;
  --wb-html-blockquote__box-shadow-bottom: initial;
  --wb-html-blockquote__box-shadow-left: initial;
  --wb-html-blockquote__border: initial;
  --wb-html-blockquote__border-top: initial;
  --wb-html-blockquote__border-right: initial;
  --wb-html-blockquote__border-bottom: initial;
  --wb-html-blockquote__border-left: initial;
  --wb-html-blockquote__outline: initial;
  --wb-html-blockquote__transition: initial;
}
:host blockquote * {
  --wb-html-blockquote__background: initial;
}
:host blockquote:first-child {
  padding-top: 0;
}
:host blockquote p {
  display: inline;
  padding: 0;
}
:host blockquote p::before {
  content: open-quote;
}
:host blockquote p::after {
  content: close-quote;
}
:host blockquote cite::before {
  content: "– ";
}
:host ul:first-child,
:host ol:first-child,
:host p:first-child {
  padding-top: 0;
}
:host code {
  color: var(--wb-html-code__color);
  font-family: var(--wb-html-code__font-family, monospace);
  font-size: var(--wb-html-code__font-size);
  font-style: var(--wb-html-code__font-style);
  font-weight: var(--wb-html-code__font-weight);
  line-height: var(--wb-html-code__line-height);
  letter-spacing: var(--wb-html-code__letter-spacing);
  text-transform: var(--wb-html-code__text-transform);
  text-align: var(--wb-html-code__text-align);
  opacity: var(--wb-html-code__opacity);
  padding-top: var(--wb-html-code__bezel-top, var(--wb-html-code__bezel));
  padding-right: var(--wb-html-code__bezel-right, var(--wb-html-code__bezel));
  padding-bottom: var(--wb-html-code__bezel-bottom, var(--wb-html-code__bezel));
  padding-left: var(--wb-html-code__bezel-left, var(--wb-html-code__bezel));
  --wb-html-code__box-shadow--value: var(--wb-html-code__box-shadow, none);
  --wb-html-code__border-width--value: var(--wb-html-code__border-width, var(--wb-ds-border-width--default));
  --wb-html-code__border-color--value: var(--wb-html-code__border-color, var(--wb-ds-color-border--default));
  --wb-html-code__blur-radius--value: var(--wb-html-code__blur-radius, var(--wb-ds-border-blur-radius--default, 0));
  --wb-html-code__spread-radius--value: var(--wb-html-code__spread-radius, var(--wb-ds-border-spread-radius--default, 0));
  --wb-html-code__box-shadow-top--value: var(--wb-html-code__box-shadow-top, inset 0px var(--wb-html-code__border-width--value) var(--wb-html-code__blur-radius--value) var(--wb-html-code__spread-radius--value) var(--wb-html-code__border-color--value));
  --wb-html-code__box-shadow-right--value: var(--wb-html-code__box-shadow-right, inset calc(var(--wb-html-code__border-width--value) * -1) 0px var(--wb-html-code__blur-radius--value) var(--wb-html-code__spread-radius--value) var(--wb-html-code__border-color--value));
  --wb-html-code__box-shadow-bottom--value: var(--wb-html-code__box-shadow-bottom, inset 0px calc(var(--wb-html-code__border-width--value) * -1) var(--wb-html-code__blur-radius--value) var(--wb-html-code__spread-radius--value) var(--wb-html-code__border-color--value));
  --wb-html-code__box-shadow-left--value: var(--wb-html-code__box-shadow-left, inset var(--wb-html-code__border-width--value) 0px var(--wb-html-code__blur-radius--value) var(--wb-html-code__spread-radius--value) var(--wb-html-code__border-color--value));
  box-shadow: var(--wb-html-code__box-shadow--value, var(--wb-html-code__box-shadow-left--value), var(--wb-html-code__box-shadow-right--value), var(--wb-html-code__box-shadow-top--value), var(--wb-html-code__box-shadow-bottom--value));
  border-top: var(--wb-html-code__border-top, var(--wb-html-code__border, var(--wb-ds-border-is-border)));
  border-right: var(--wb-html-code__border-right, var(--wb-html-code__border, var(--wb-ds-border-is-border)));
  border-bottom: var(--wb-html-code__border-bottom, var(--wb-html-code__border, var(--wb-ds-border-is-border)));
  border-left: var(--wb-html-code__border-left, var(--wb-html-code__border, var(--wb-ds-border-is-border)));
  border-radius: var(--wb-html-code__border-radius, var(--wb-ds-border-radius--default));
  outline: var(--wb-html-code__outline, var(--wb-ds-border-is-outline));
  transition: var(--wb-html-code__transition);
  background: var(--wb-html-code__background, var(--wb-ds-color-background--default, initial));
}
:host code * {
  --wb-html-code__bezel: initial;
  --wb-html-code__bezel-top: initial;
  --wb-html-code__bezel-right: initial;
  --wb-html-code__bezel-bottom: initial;
  --wb-html-code__bezel-left: initial;
}
:host code * {
  --wb-html-code__border-color: initial;
  --wb-html-code__border-radius: initial;
  --wb-html-code__border-width: initial;
  --wb-html-code__box-shadow: initial;
  --wb-html-code__box-shadow-top: initial;
  --wb-html-code__box-shadow-right: initial;
  --wb-html-code__box-shadow-bottom: initial;
  --wb-html-code__box-shadow-left: initial;
  --wb-html-code__border: initial;
  --wb-html-code__border-top: initial;
  --wb-html-code__border-right: initial;
  --wb-html-code__border-bottom: initial;
  --wb-html-code__border-left: initial;
  --wb-html-code__outline: initial;
  --wb-html-code__transition: initial;
}
:host code * {
  --wb-html-code__background: initial;
}
:host abbr {
  color: var(--wb-html-abbr__color, var(--wb-link__color, var(--wb-ds-link__color, var(--wb-ds-color-text--default))));
  font-family: var(--wb-html-abbr__font-family);
  font-size: var(--wb-html-abbr__font-size);
  font-style: var(--wb-html-abbr__font-style);
  font-weight: var(--wb-html-abbr__font-weight);
  line-height: var(--wb-html-abbr__line-height);
  letter-spacing: var(--wb-html-abbr__letter-spacing);
  text-transform: var(--wb-html-abbr__text-transform);
  text-align: var(--wb-html-abbr__text-align);
  opacity: var(--wb-html-abbr__opacity);
  padding-top: var(--wb-html-abbr__bezel-top, var(--wb-html-abbr__bezel, var(--wb-link__bezel-top, var(--wb-link__bezel, var(--wb-ds-link__bezel-top, var(--wb-ds-link__bezel, 0))))));
  padding-right: var(--wb-html-abbr__bezel-right, var(--wb-html-abbr__bezel, var(--wb-link__bezel-right, var(--wb-link__bezel, var(--wb-ds-link__bezel-right, var(--wb-ds-link__bezel, 0))))));
  padding-bottom: var(--wb-html-abbr__bezel-bottom, var(--wb-html-abbr__bezel, var(--wb-link__bezel-bottom, var(--wb-link__bezel, var(--wb-ds-link__bezel-bottom, var(--wb-ds-link__bezel, 0))))));
  padding-left: var(--wb-html-abbr__bezel-left, var(--wb-html-abbr__bezel, var(--wb-link__bezel-left, var(--wb-link__bezel, var(--wb-ds-link__bezel-left, var(--wb-ds-link__bezel, 0))))));
  --wb-html-abbr__box-shadow--value: var(--wb-html-abbr__box-shadow, var(--wb-ds-border-is-box-shadow));
  --wb-html-abbr__border-width--value: var(--wb-html-abbr__border-width, var(--wb-link__border-width, var(--wb-ds-link__border-width, 0)));
  --wb-html-abbr__border-color--value: var(--wb-html-abbr__border-color, var(--wb-link__border-color, var(--wb-ds-link__border-color, transparent)));
  --wb-html-abbr__blur-radius--value: var(--wb-html-abbr__blur-radius, var(--wb-ds-border-blur-radius--default, 0));
  --wb-html-abbr__spread-radius--value: var(--wb-html-abbr__spread-radius, var(--wb-ds-border-spread-radius--default, 0));
  --wb-html-abbr__box-shadow-top--value: var(--wb-html-abbr__box-shadow-top, inset 0px var(--wb-html-abbr__border-width--value) var(--wb-html-abbr__blur-radius--value) var(--wb-html-abbr__spread-radius--value) var(--wb-html-abbr__border-color--value));
  --wb-html-abbr__box-shadow-right--value: var(--wb-html-abbr__box-shadow-right, inset calc(var(--wb-html-abbr__border-width--value) * -1) 0px var(--wb-html-abbr__blur-radius--value) var(--wb-html-abbr__spread-radius--value) var(--wb-html-abbr__border-color--value));
  --wb-html-abbr__box-shadow-bottom--value: var(--wb-html-abbr__box-shadow-bottom, inset 0px calc(var(--wb-html-abbr__border-width--value) * -1) var(--wb-html-abbr__blur-radius--value) var(--wb-html-abbr__spread-radius--value) var(--wb-html-abbr__border-color--value));
  --wb-html-abbr__box-shadow-left--value: var(--wb-html-abbr__box-shadow-left, inset var(--wb-html-abbr__border-width--value) 0px var(--wb-html-abbr__blur-radius--value) var(--wb-html-abbr__spread-radius--value) var(--wb-html-abbr__border-color--value));
  box-shadow: var(--wb-html-abbr__box-shadow--value, var(--wb-html-abbr__box-shadow-left--value), var(--wb-html-abbr__box-shadow-right--value), var(--wb-html-abbr__box-shadow-top--value), var(--wb-html-abbr__box-shadow-bottom--value));
  border-top: var(--wb-html-abbr__border-top, var(--wb-html-abbr__border, var(--wb-ds-border-is-border)));
  border-right: var(--wb-html-abbr__border-right, var(--wb-html-abbr__border, var(--wb-ds-border-is-border)));
  border-bottom: var(--wb-html-abbr__border-bottom, var(--wb-html-abbr__border, var(--wb-ds-border-is-border)));
  border-left: var(--wb-html-abbr__border-left, var(--wb-html-abbr__border, var(--wb-ds-border-is-border)));
  border-radius: var(--wb-html-abbr__border-radius, var(--wb-link__border-radius, var(--wb-ds-link__border-radius, 0)));
  outline: var(--wb-html-abbr__outline, var(--wb-ds-border-is-outline));
  transition: var(--wb-html-abbr__transition, color var(--wb-ds-animation-duration--default) var(--wb-ds-animation-timing-function), opacity var(--wb-ds-animation-duration--default) var(--wb-ds-animation-timing-function));
  background: var(--wb-html-abbr__background, var(--wb-link__background, var(--wb-ds-link__background, transparent)));
  text-decoration: var(--wb-html-abbr__text-decoration, underline dashed);
  cursor: var(--wb-html-abbr__cursor, help);
  width: var(--wb-html-abbr__width);
}
:host abbr slot[name=end] {
  margin-left: var(--wb-html-abbr__gutter-x, var(--wb-ds-link__gutter-x));
}
:host abbr * {
  --wb-html-abbr__bezel: initial;
  --wb-html-abbr__bezel-top: initial;
  --wb-html-abbr__bezel-right: initial;
  --wb-html-abbr__bezel-bottom: initial;
  --wb-html-abbr__bezel-left: initial;
}
:host abbr * {
  --wb-html-abbr__border-color: initial;
  --wb-html-abbr__border-radius: initial;
  --wb-html-abbr__border-width: initial;
  --wb-html-abbr__box-shadow: initial;
  --wb-html-abbr__box-shadow-top: initial;
  --wb-html-abbr__box-shadow-right: initial;
  --wb-html-abbr__box-shadow-bottom: initial;
  --wb-html-abbr__box-shadow-left: initial;
  --wb-html-abbr__border: initial;
  --wb-html-abbr__border-top: initial;
  --wb-html-abbr__border-right: initial;
  --wb-html-abbr__border-bottom: initial;
  --wb-html-abbr__border-left: initial;
  --wb-html-abbr__outline: initial;
  --wb-html-abbr__transition: initial;
}
:host abbr * {
  --wb-html-abbr__background: initial;
}
:host strong {
  color: var(--wb-html-strong__color);
  font-family: var(--wb-html-strong__font-family);
  font-size: var(--wb-html-strong__font-size);
  font-style: var(--wb-html-strong__font-style);
  font-weight: var(--wb-html-strong__font-weight, var(--wb-ds-font-weight--bold));
  line-height: var(--wb-html-strong__line-height);
  letter-spacing: var(--wb-html-strong__letter-spacing);
  text-transform: var(--wb-html-strong__text-transform);
  text-align: var(--wb-html-strong__text-align);
  opacity: var(--wb-html-strong__opacity);
}

.wb-html {
  color: var(--wb-html__color);
  font-family: var(--wb-html__font-family);
  font-size: var(--wb-html__font-size);
  font-style: var(--wb-html__font-style);
  font-weight: var(--wb-html__font-weight);
  line-height: var(--wb-html__line-height);
  letter-spacing: var(--wb-html__letter-spacing);
  text-transform: var(--wb-html__text-transform);
  text-align: var(--wb-html__text-align);
  opacity: var(--wb-html__opacity);
  display: contents;
}
/* === mchweb overrides for wb-html === */
/* mchweb overrides for wb-html — concatenated into the served html.css at
   build time by the CopyPlugin transform in webpack.client.config.js.
   Lives inside wb-html's shadow root via the existing <link>, so :host targets
   the wb-html element and ":host p" matches <p> descendants inside the shadow.
   This is the previously-runtime-bridged content moved into static CSS so it
   applies from first paint, no JS upgrade required. */

:host {
    /* Host-level custom-property setters — were "wb-html p { --bezel-top: … }"
       descendant selectors that never matched (the <p> is in shadow), bridged
       at runtime via styleSheetWithGlobalCssRulesMatchingTagName. Now set on the
       host directly; the variables inherit through the shadow into the consumer
       rules in html.css above. */
    --wb-html-a__text-decoration: var(--mch-text--a--text-decoration);
    --wb-html-paragraph__bezel-top: var(--mch-text__bezel-top);
    --wb-html-list__bezel-left: var(--wb-ds-space--3xl);
    --wb-html-strong__font-weight: var(--wb-ds-font-weight--thick);
    --wb-ds-title__bezel-top: 0;
    --wb-html-title-level-1__font-size: var(--wb-ds-title-level-1__font-size);
    --wb-html-title-level-1__line-height: var(--wb-ds-title-level-1__line-height);
    --wb-html-title-level-2__bezel-top: var(--wb-ds-html-title__bezel-top);
    --wb-html-title-level-2__font-size: var(--wb-ds-title-level-2__font-size);
    --wb-html-title-level-2__line-height: var(--wb-ds-title-level-2__line-height);
    --wb-html-title-level-3__bezel-top: var(--wb-ds-html-title__bezel-top);
    --wb-html-title-level-3__font-size: var(--wb-ds-title-level-3__font-size);
    --wb-html-title-level-3__line-height: var(--wb-ds-title-level-3__line-height);
    --wb-html-title-level-4__bezel-top: var(--wb-ds-html-title__bezel-top);
    --wb-html-title-level-4__font-size: var(--wb-ds-title-level-4__font-size);
    --wb-html-title-level-4__line-height: var(--wb-ds-title-level-4__line-height);
    --wb-html-title-level-5__bezel-top: var(--wb-ds-html-title__bezel-top);
    --wb-html-title-level-5__font-size: var(--wb-ds-title-level-5__font-size);
    --wb-html-title-level-5__line-height: var(--wb-ds-title-level-5__line-height);
}

/* Descendant rules that need to match elements inside the shadow tree —
   these CANNOT be replaced by host-level variable setters because they
   either declare real CSS properties on descendants, or depend on pseudo-
   classes/states (:focus-visible, :first-child, :empty, :nth-child(2n)). */

:host a {
    display: var(--mch-text--anchor-display, inline-flex);
    justify-content: flex-start;
}

:host a:focus-visible {
    --wb-html-a__outline: var(--wb-ds-border-width--x-thick) solid var(--wb-ds-color-border--focus);
}

:host div {
    --wb-html__text-align: var(--mch-text--text-align);
}

:host p:empty {
    display: none;
}

:host h2:first-child {
    --wb-html-title-level-2__bezel-top: calc(var(--wb-ds-title-level-2__bezel-top) - var(--mch-space--components));
}

:host table {
    width: 100%;
    border-spacing: 0;
    border-left: var(--wb-ds-border-width--default) solid var(--wb-ds-color-border);
    border-bottom: var(--wb-ds-border-width--default) solid var(--wb-ds-color-border);
    border-right: var(--wb-ds-border-width--default) solid var(--wb-ds-color-border);
    box-shadow: var(--wb-ds-box-shadow--smooth);
    text-align: left;
}

:host thead {
    font-size: var(--wb-ds-font-size--s);
    line-height: var(--wb-ds-line-height--s);
    text-transform: uppercase;
}

:host thead th {
    color: var(--wb-ds-color-gray--light);
    background-color: var(--wb-ds-color-gray--3x-light);
}

:host th {
    font-weight: var(--wb-ds-font-weight--thick);
    color: var(--wb-ds-color-gray--dark);
}

:host td {
    color: var(--wb-ds-color-gray--x-light);
}

:host td,
:host th {
    border-top: var(--wb-ds-border-width--default) solid var(--wb-ds-color-border);
    padding: var(--wb-ds-space--s) var(--wb-ds-space--l);
    vertical-align: top;
}

:host table.table--striped > tbody > tr:nth-child(2n) {
    background: var(--mch-color-background);
}