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