:host {
  display: block;
}

.wb-box {
  padding-top: var(--wb-box__bezel-top, var(--wb-box__bezel, var(--wb-ds-box__bezel-top, var(--wb-ds-box__bezel))));
  padding-right: var(--wb-box__bezel-right, var(--wb-box__bezel, var(--wb-ds-box__bezel-right, var(--wb-ds-box__bezel))));
  padding-bottom: var(--wb-box__bezel-bottom, var(--wb-box__bezel, var(--wb-ds-box__bezel-bottom, var(--wb-ds-box__bezel))));
  padding-left: var(--wb-box__bezel-left, var(--wb-box__bezel, var(--wb-ds-box__bezel-left, var(--wb-ds-box__bezel))));
  --wb-ds-box__box-shadow--value: var(--wb-ds-box__box-shadow, var(--wb-ds-border-is-box-shadow));
  --wb-ds-box__border-width--value: var(--wb-ds-box__border-width, var(--wb-ds-border-width--default));
  --wb-ds-box__border-color--value: var(--wb-ds-box__border-color, var(--wb-ds-color-border--default));
  --wb-ds-box__blur-radius--value: var(--wb-ds-box__blur-radius, var(--wb-ds-border-blur-radius--default, 0));
  --wb-ds-box__spread-radius--value: var(--wb-ds-box__spread-radius, var(--wb-ds-border-spread-radius--default, 0));
  --wb-box__box-shadow--value: var(--wb-box__box-shadow, var(--wb-ds-box__box-shadow--value));
  --wb-box__border-width--value: var(--wb-box__border-width, var(--wb-ds-box__border-width--value));
  --wb-box__border-color--value: var(--wb-box__border-color, var(--wb-ds-box__border-color--value));
  --wb-box__blur-radius--value: var(--wb-box__blur-radius, var(--wb-ds-box__blur-radius--value));
  --wb-box__spread-radius--value: var(--wb-box__spread-radius, var(--wb-ds-box__spread-radius--value));
  --wb-box__box-shadow-top--value: var(--wb-box__box-shadow-top, inset 0px var(--wb-box__border-width--value) var(--wb-box__blur-radius--value) var(--wb-box__spread-radius--value) var(--wb-box__border-color--value));
  --wb-box__box-shadow-right--value: var(--wb-box__box-shadow-right, inset calc(var(--wb-box__border-width--value) * -1) 0px var(--wb-box__blur-radius--value) var(--wb-box__spread-radius--value) var(--wb-box__border-color--value));
  --wb-box__box-shadow-bottom--value: var(--wb-box__box-shadow-bottom, inset 0px calc(var(--wb-box__border-width--value) * -1) var(--wb-box__blur-radius--value) var(--wb-box__spread-radius--value) var(--wb-box__border-color--value));
  --wb-box__box-shadow-left--value: var(--wb-box__box-shadow-left, inset var(--wb-box__border-width--value) 0px var(--wb-box__blur-radius--value) var(--wb-box__spread-radius--value) var(--wb-box__border-color--value));
  box-shadow: var(--wb-box__box-shadow--value, var(--wb-box__box-shadow-left--value), var(--wb-box__box-shadow-right--value), var(--wb-box__box-shadow-top--value), var(--wb-box__box-shadow-bottom--value));
  border-top: var(--wb-box__border-top, var(--wb-box__border, var(--wb-ds-box__border-top, var(--wb-ds-box__border, var(--wb-ds-border-is-border)))));
  border-right: var(--wb-box__border-right, var(--wb-box__border, var(--wb-ds-box__border-right, var(--wb-ds-box__border, var(--wb-ds-border-is-border)))));
  border-bottom: var(--wb-box__border-bottom, var(--wb-box__border, var(--wb-ds-box__border-bottom, var(--wb-ds-box__border, var(--wb-ds-border-is-border)))));
  border-left: var(--wb-box__border-left, var(--wb-box__border, var(--wb-ds-box__border-left, var(--wb-ds-box__border, var(--wb-ds-border-is-border)))));
  border-radius: var(--wb-box__border-radius, var(--wb-ds-box__border-radius, var(--wb-ds-border-radius--default)));
  outline: var(--wb-box__outline, var(--wb-ds-box__outline, var(--wb-ds-border-is-outline)));
  transition: var(--wb-box__transition, var(--wb-ds-box__transition));
  background: var(--wb-box__background, var(--wb-ds-box__background, var(--wb-ds-color-background--default, initial)));
}
.wb-box * {
  --wb-box__bezel: initial;
  --wb-box__bezel-top: initial;
  --wb-box__bezel-right: initial;
  --wb-box__bezel-bottom: initial;
  --wb-box__bezel-left: initial;
}
.wb-box * {
  --wb-box__border-color: initial;
  --wb-box__border-radius: initial;
  --wb-box__border-width: initial;
  --wb-box__box-shadow: initial;
  --wb-box__box-shadow-top: initial;
  --wb-box__box-shadow-right: initial;
  --wb-box__box-shadow-bottom: initial;
  --wb-box__box-shadow-left: initial;
  --wb-box__border: initial;
  --wb-box__border-top: initial;
  --wb-box__border-right: initial;
  --wb-box__border-bottom: initial;
  --wb-box__border-left: initial;
  --wb-box__outline: initial;
  --wb-box__transition: initial;
}
.wb-box * {
  --wb-box__background: initial;
}