: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, var(--wb-link__bezel-top, var(--wb-ds-link__bezel, var(--wb-ds-link__bezel-top, 0))))));
  padding-right: var(--wb-html-a__bezel-right, var(--wb-html-a__bezel, var(--wb-link__bezel, var(--wb-link__bezel-right, var(--wb-ds-link__bezel, var(--wb-ds-link__bezel-right, 0))))));
  padding-bottom: var(--wb-html-a__bezel-bottom, var(--wb-html-a__bezel, var(--wb-link__bezel, var(--wb-link__bezel-bottom, var(--wb-ds-link__bezel, var(--wb-ds-link__bezel-bottom, 0))))));
  padding-left: var(--wb-html-a__bezel-left, var(--wb-html-a__bezel, var(--wb-link__bezel, var(--wb-link__bezel-left, var(--wb-ds-link__bezel, var(--wb-ds-link__bezel-left, 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-space--s));
}
: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, var(--wb-ds-space--s, 1rem)));
  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, var(--wb-ds-space--s, 1rem)));
}
: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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, var(--wb-ds-space--s, 1rem)));
  padding-right: var(--wb-html-blockquote__bezel-right, var(--wb-html-blockquote__bezel, var(--wb-ds-space--s, 1rem)));
  padding-bottom: var(--wb-html-blockquote__bezel-bottom, var(--wb-html-blockquote__bezel, var(--wb-ds-space--s, 1rem)));
  padding-left: var(--wb-html-blockquote__bezel-left, var(--wb-html-blockquote__bezel, var(--wb-ds-space--s, 1rem)));
  --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, var(--wb-ds-space--s, 1rem)));
  padding-right: var(--wb-html-code__bezel-right, var(--wb-html-code__bezel, var(--wb-ds-space--s, 1rem)));
  padding-bottom: var(--wb-html-code__bezel-bottom, var(--wb-html-code__bezel, var(--wb-ds-space--s, 1rem)));
  padding-left: var(--wb-html-code__bezel-left, var(--wb-html-code__bezel, var(--wb-ds-space--s, 1rem)));
  --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, var(--wb-link__bezel-top, var(--wb-ds-link__bezel, var(--wb-ds-link__bezel-top, 0))))));
  padding-right: var(--wb-html-abbr__bezel-right, var(--wb-html-abbr__bezel, var(--wb-link__bezel, var(--wb-link__bezel-right, var(--wb-ds-link__bezel, var(--wb-ds-link__bezel-right, 0))))));
  padding-bottom: var(--wb-html-abbr__bezel-bottom, var(--wb-html-abbr__bezel, var(--wb-link__bezel, var(--wb-link__bezel-bottom, var(--wb-ds-link__bezel, var(--wb-ds-link__bezel-bottom, 0))))));
  padding-left: var(--wb-html-abbr__bezel-left, var(--wb-html-abbr__bezel, var(--wb-link__bezel, var(--wb-link__bezel-left, var(--wb-ds-link__bezel, var(--wb-ds-link__bezel-left, 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-space--s));
}
: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;
}