:host {
  display: block;
}

.wb-title {
  margin: 0;
  padding: 0;
}

.wb-title--level-1 {
  color: var(--wb-title__color, var(--wb-ds-title-level-1__color, var(--wb-ds-title__color, inherit)));
  font-family: var(--wb-title__font-family, var(--wb-ds-title-level-1__font-family, var(--wb-ds-title__font-family, inherit)));
  font-size: var(--wb-title__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-title__font-style, var(--wb-ds-title-level-1__font-style, var(--wb-ds-title__font-style, inherit)));
  font-weight: var(--wb-title__font-weight, var(--wb-ds-title-level-1__font-weight, var(--wb-ds-title__font-weight, inherit)));
  line-height: var(--wb-title__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-title__letter-spacing, var(--wb-ds-title-level-1__letter-spacing, var(--wb-ds-title__letter-spacing, inherit)));
  text-transform: var(--wb-title__text-transform, var(--wb-ds-title-level-1__text-transform, var(--wb-ds-title__text-transform, inherit)));
  text-align: var(--wb-title__text-align, var(--wb-ds-title-level-1__text-align, var(--wb-ds-title__text-align, inherit)));
  opacity: var(--wb-title__opacity, var(--wb-ds-title-level-1__opacity, var(--wb-ds-title__opacity)));
  padding-top: var(--wb-title__bezel-top, var(--wb-title__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-title__bezel-right, var(--wb-title__bezel, var(--wb-ds-title-level-1__bezel-right, var(--wb-ds-title__bezel-right, initial))));
  padding-bottom: var(--wb-title__bezel-bottom, var(--wb-title__bezel, var(--wb-ds-title-level-1__bezel-bottom, var(--wb-ds-title__bezel-bottom, initial))));
  padding-left: var(--wb-title__bezel-left, var(--wb-title__bezel, var(--wb-ds-title-level-1__bezel-left, var(--wb-ds-title__bezel-left, initial))));
}
.wb-title--level-1 * {
  --wb-title__bezel: initial;
  --wb-title__bezel-top: initial;
  --wb-title__bezel-right: initial;
  --wb-title__bezel-bottom: initial;
  --wb-title__bezel-left: initial;
}

.wb-title--level-2 {
  color: var(--wb-title__color, var(--wb-ds-title-level-2__color, var(--wb-ds-title__color, inherit)));
  font-family: var(--wb-title__font-family, var(--wb-ds-title-level-2__font-family, var(--wb-ds-title__font-family, inherit)));
  font-size: var(--wb-title__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-title__font-style, var(--wb-ds-title-level-2__font-style, var(--wb-ds-title__font-style, inherit)));
  font-weight: var(--wb-title__font-weight, var(--wb-ds-title-level-2__font-weight, var(--wb-ds-title__font-weight, inherit)));
  line-height: var(--wb-title__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-title__letter-spacing, var(--wb-ds-title-level-2__letter-spacing, var(--wb-ds-title__letter-spacing, inherit)));
  text-transform: var(--wb-title__text-transform, var(--wb-ds-title-level-2__text-transform, var(--wb-ds-title__text-transform, inherit)));
  text-align: var(--wb-title__text-align, var(--wb-ds-title-level-2__text-align, var(--wb-ds-title__text-align, inherit)));
  opacity: var(--wb-title__opacity, var(--wb-ds-title-level-2__opacity, var(--wb-ds-title__opacity)));
  padding-top: var(--wb-title__bezel-top, var(--wb-title__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-title__bezel-right, var(--wb-title__bezel, var(--wb-ds-title-level-2__bezel-right, var(--wb-ds-title__bezel-right, initial))));
  padding-bottom: var(--wb-title__bezel-bottom, var(--wb-title__bezel, var(--wb-ds-title-level-2__bezel-bottom, var(--wb-ds-title__bezel-bottom, initial))));
  padding-left: var(--wb-title__bezel-left, var(--wb-title__bezel, var(--wb-ds-title-level-2__bezel-left, var(--wb-ds-title__bezel-left, initial))));
}
.wb-title--level-2 * {
  --wb-title__bezel: initial;
  --wb-title__bezel-top: initial;
  --wb-title__bezel-right: initial;
  --wb-title__bezel-bottom: initial;
  --wb-title__bezel-left: initial;
}

.wb-title--level-3 {
  color: var(--wb-title__color, var(--wb-ds-title-level-3__color, var(--wb-ds-title__color, inherit)));
  font-family: var(--wb-title__font-family, var(--wb-ds-title-level-3__font-family, var(--wb-ds-title__font-family, inherit)));
  font-size: var(--wb-title__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-title__font-style, var(--wb-ds-title-level-3__font-style, var(--wb-ds-title__font-style, inherit)));
  font-weight: var(--wb-title__font-weight, var(--wb-ds-title-level-3__font-weight, var(--wb-ds-title__font-weight, inherit)));
  line-height: var(--wb-title__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-title__letter-spacing, var(--wb-ds-title-level-3__letter-spacing, var(--wb-ds-title__letter-spacing, inherit)));
  text-transform: var(--wb-title__text-transform, var(--wb-ds-title-level-3__text-transform, var(--wb-ds-title__text-transform, inherit)));
  text-align: var(--wb-title__text-align, var(--wb-ds-title-level-3__text-align, var(--wb-ds-title__text-align, inherit)));
  opacity: var(--wb-title__opacity, var(--wb-ds-title-level-3__opacity, var(--wb-ds-title__opacity)));
  padding-top: var(--wb-title__bezel-top, var(--wb-title__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-title__bezel-right, var(--wb-title__bezel, var(--wb-ds-title-level-3__bezel-right, var(--wb-ds-title__bezel-right, initial))));
  padding-bottom: var(--wb-title__bezel-bottom, var(--wb-title__bezel, var(--wb-ds-title-level-3__bezel-bottom, var(--wb-ds-title__bezel-bottom, initial))));
  padding-left: var(--wb-title__bezel-left, var(--wb-title__bezel, var(--wb-ds-title-level-3__bezel-left, var(--wb-ds-title__bezel-left, initial))));
}
.wb-title--level-3 * {
  --wb-title__bezel: initial;
  --wb-title__bezel-top: initial;
  --wb-title__bezel-right: initial;
  --wb-title__bezel-bottom: initial;
  --wb-title__bezel-left: initial;
}

.wb-title--level-4 {
  color: var(--wb-title__color, var(--wb-ds-title-level-4__color, var(--wb-ds-title__color, inherit)));
  font-family: var(--wb-title__font-family, var(--wb-ds-title-level-4__font-family, var(--wb-ds-title__font-family, inherit)));
  font-size: var(--wb-title__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-title__font-style, var(--wb-ds-title-level-4__font-style, var(--wb-ds-title__font-style, inherit)));
  font-weight: var(--wb-title__font-weight, var(--wb-ds-title-level-4__font-weight, var(--wb-ds-title__font-weight, inherit)));
  line-height: var(--wb-title__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-title__letter-spacing, var(--wb-ds-title-level-4__letter-spacing, var(--wb-ds-title__letter-spacing, inherit)));
  text-transform: var(--wb-title__text-transform, var(--wb-ds-title-level-4__text-transform, var(--wb-ds-title__text-transform, inherit)));
  text-align: var(--wb-title__text-align, var(--wb-ds-title-level-4__text-align, var(--wb-ds-title__text-align, inherit)));
  opacity: var(--wb-title__opacity, var(--wb-ds-title-level-4__opacity, var(--wb-ds-title__opacity)));
  padding-top: var(--wb-title__bezel-top, var(--wb-title__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-title__bezel-right, var(--wb-title__bezel, var(--wb-ds-title-level-4__bezel-right, var(--wb-ds-title__bezel-right, initial))));
  padding-bottom: var(--wb-title__bezel-bottom, var(--wb-title__bezel, var(--wb-ds-title-level-4__bezel-bottom, var(--wb-ds-title__bezel-bottom, initial))));
  padding-left: var(--wb-title__bezel-left, var(--wb-title__bezel, var(--wb-ds-title-level-4__bezel-left, var(--wb-ds-title__bezel-left, initial))));
}
.wb-title--level-4 * {
  --wb-title__bezel: initial;
  --wb-title__bezel-top: initial;
  --wb-title__bezel-right: initial;
  --wb-title__bezel-bottom: initial;
  --wb-title__bezel-left: initial;
}

.wb-title--level-5 {
  color: var(--wb-title__color, var(--wb-ds-title-level-5__color, var(--wb-ds-title__color, inherit)));
  font-family: var(--wb-title__font-family, var(--wb-ds-title-level-5__font-family, var(--wb-ds-title__font-family, inherit)));
  font-size: var(--wb-title__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-title__font-style, var(--wb-ds-title-level-5__font-style, var(--wb-ds-title__font-style, inherit)));
  font-weight: var(--wb-title__font-weight, var(--wb-ds-title-level-5__font-weight, var(--wb-ds-title__font-weight, inherit)));
  line-height: var(--wb-title__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-title__letter-spacing, var(--wb-ds-title-level-5__letter-spacing, var(--wb-ds-title__letter-spacing, inherit)));
  text-transform: var(--wb-title__text-transform, var(--wb-ds-title-level-5__text-transform, var(--wb-ds-title__text-transform, inherit)));
  text-align: var(--wb-title__text-align, var(--wb-ds-title-level-5__text-align, var(--wb-ds-title__text-align, inherit)));
  opacity: var(--wb-title__opacity, var(--wb-ds-title-level-5__opacity, var(--wb-ds-title__opacity)));
  padding-top: var(--wb-title__bezel-top, var(--wb-title__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-title__bezel-right, var(--wb-title__bezel, var(--wb-ds-title-level-5__bezel-right, var(--wb-ds-title__bezel-right, initial))));
  padding-bottom: var(--wb-title__bezel-bottom, var(--wb-title__bezel, var(--wb-ds-title-level-5__bezel-bottom, var(--wb-ds-title__bezel-bottom, initial))));
  padding-left: var(--wb-title__bezel-left, var(--wb-title__bezel, var(--wb-ds-title-level-5__bezel-left, var(--wb-ds-title__bezel-left, initial))));
}
.wb-title--level-5 * {
  --wb-title__bezel: initial;
  --wb-title__bezel-top: initial;
  --wb-title__bezel-right: initial;
  --wb-title__bezel-bottom: initial;
  --wb-title__bezel-left: initial;
}

.wb-title--level-6 {
  color: var(--wb-title__color, var(--wb-ds-title-level-6__color, var(--wb-ds-title__color, inherit)));
  font-family: var(--wb-title__font-family, var(--wb-ds-title-level-6__font-family, var(--wb-ds-title__font-family, inherit)));
  font-size: var(--wb-title__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-title__font-style, var(--wb-ds-title-level-6__font-style, var(--wb-ds-title__font-style, inherit)));
  font-weight: var(--wb-title__font-weight, var(--wb-ds-title-level-6__font-weight, var(--wb-ds-title__font-weight, inherit)));
  line-height: var(--wb-title__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-title__letter-spacing, var(--wb-ds-title-level-6__letter-spacing, var(--wb-ds-title__letter-spacing, inherit)));
  text-transform: var(--wb-title__text-transform, var(--wb-ds-title-level-6__text-transform, var(--wb-ds-title__text-transform, inherit)));
  text-align: var(--wb-title__text-align, var(--wb-ds-title-level-6__text-align, var(--wb-ds-title__text-align, inherit)));
  opacity: var(--wb-title__opacity, var(--wb-ds-title-level-6__opacity, var(--wb-ds-title__opacity)));
  padding-top: var(--wb-title__bezel-top, var(--wb-title__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-title__bezel-right, var(--wb-title__bezel, var(--wb-ds-title-level-6__bezel-right, var(--wb-ds-title__bezel-right, initial))));
  padding-bottom: var(--wb-title__bezel-bottom, var(--wb-title__bezel, var(--wb-ds-title-level-6__bezel-bottom, var(--wb-ds-title__bezel-bottom, initial))));
  padding-left: var(--wb-title__bezel-left, var(--wb-title__bezel, var(--wb-ds-title-level-6__bezel-left, var(--wb-ds-title__bezel-left, initial))));
}
.wb-title--level-6 * {
  --wb-title__bezel: initial;
  --wb-title__bezel-top: initial;
  --wb-title__bezel-right: initial;
  --wb-title__bezel-bottom: initial;
  --wb-title__bezel-left: initial;
}