:host {
  display: block;
}

.wb-field-group {
  padding-top: var(--wb-field-group__bezel-top--override, var(--wb-field-group__bezel--override, var(--wb-field-group__bezel-top, var(--wb-field-group__bezel, var(--wb-ds-field__bezel-top, var(--wb-ds-space--s, 1rem))))));
  padding-right: var(--wb-field-group__bezel-right--override, var(--wb-field-group__bezel--override, var(--wb-field-group__bezel-right, var(--wb-field-group__bezel, var(--wb-ds-field__bezel-right, var(--wb-ds-space--s, 1rem))))));
  padding-bottom: var(--wb-field-group__bezel-bottom--override, var(--wb-field-group__bezel--override, var(--wb-field-group__bezel-bottom, var(--wb-field-group__bezel, var(--wb-ds-field__bezel-bottom, var(--wb-ds-space--s, 1rem))))));
  padding-left: var(--wb-field-group__bezel-left--override, var(--wb-field-group__bezel--override, var(--wb-field-group__bezel-left, var(--wb-field-group__bezel, var(--wb-ds-field__bezel-left, var(--wb-ds-space--s, 1rem))))));
  --wb-field-group__box-shadow--value: var(--wb-field-group__box-shadow--override, var(--wb-field-group__box-shadow, none));
  --wb-field-group__border-width--value: var(--wb-field-group__border-width--override, var(--wb-field-group__border-width, var(--wb-ds-border-width--default)));
  --wb-field-group__border-color--value: var(--wb-field-group__border-color--override, var(--wb-field-group__border-color, var(--wb-ds-color-border--default)));
  --wb-field-group__blur-radius--value: var(--wb-field-group__blur-radius--override, var(--wb-field-group__blur-radius, var(--wb-ds-border-blur-radius--default, 0)));
  --wb-field-group__spread-radius--value: var(--wb-field-group__spread-radius--override, var(--wb-field-group__spread-radius, var(--wb-ds-border-spread-radius--default, 0)));
  --wb-field-group__box-shadow-top--value: var(--wb-field-group__box-shadow-top, inset 0px var(--wb-field-group__border-width--value) var(--wb-field-group__blur-radius--value) var(--wb-field-group__spread-radius--value) var(--wb-field-group__border-color--value));
  --wb-field-group__box-shadow-right--value: var(--wb-field-group__box-shadow-right, inset calc(var(--wb-field-group__border-width--value) * -1) 0px var(--wb-field-group__blur-radius--value) var(--wb-field-group__spread-radius--value) var(--wb-field-group__border-color--value));
  --wb-field-group__box-shadow-bottom--value: var(--wb-field-group__box-shadow-bottom, inset 0px calc(var(--wb-field-group__border-width--value) * -1) var(--wb-field-group__blur-radius--value) var(--wb-field-group__spread-radius--value) var(--wb-field-group__border-color--value));
  --wb-field-group__box-shadow-left--value: var(--wb-field-group__box-shadow-left, inset var(--wb-field-group__border-width--value) 0px var(--wb-field-group__blur-radius--value) var(--wb-field-group__spread-radius--value) var(--wb-field-group__border-color--value));
  box-shadow: var(--wb-field-group__box-shadow--value, var(--wb-field-group__box-shadow-left--value), var(--wb-field-group__box-shadow-right--value), var(--wb-field-group__box-shadow-top--value), var(--wb-field-group__box-shadow-bottom--value));
  border-top: var(--wb-field-group__border-top--override, var(--wb-field-group__border--override, var(--wb-field-group__border-top, var(--wb-field-group__border, var(--wb-ds-border-is-border)))));
  border-right: var(--wb-field-group__border-right--override, var(--wb-field-group__border--override, var(--wb-field-group__border-right, var(--wb-field-group__border, var(--wb-ds-border-is-border)))));
  border-bottom: var(--wb-field-group__border-bottom--override, var(--wb-field-group__border--override, var(--wb-field-group__border-bottom, var(--wb-field-group__border, var(--wb-ds-border-is-border)))));
  border-left: var(--wb-field-group__border-left--override, var(--wb-field-group__border--override, var(--wb-field-group__border-left, var(--wb-field-group__border, var(--wb-ds-border-is-border)))));
  border-radius: var(--wb-field-group__border-radius--override, var(--wb-field-group__border-radius, 0));
  outline: var(--wb-field-group__outline--override, var(--wb-field-group__outline, none));
  transition: var(--wb-field-group__transition--override, var(--wb-field-group__transition));
  background: var(--wb-field-group__background--override, var(--wb-field-group__background, var(--wb-ds-color-background--default, initial)));
  margin: 0;
}
.wb-field-group * {
  --wb-field-group__bezel: initial;
  --wb-field-group__bezel-top: initial;
  --wb-field-group__bezel-right: initial;
  --wb-field-group__bezel-bottom: initial;
  --wb-field-group__bezel-left: initial;
}
.wb-field-group * {
  --wb-field-group__border-color: initial;
  --wb-field-group__border-radius: initial;
  --wb-field-group__border-width: initial;
  --wb-field-group__box-shadow: initial;
  --wb-field-group__box-shadow-top: initial;
  --wb-field-group__box-shadow-right: initial;
  --wb-field-group__box-shadow-bottom: initial;
  --wb-field-group__box-shadow-left: initial;
  --wb-field-group__border: initial;
  --wb-field-group__border-top: initial;
  --wb-field-group__border-right: initial;
  --wb-field-group__border-bottom: initial;
  --wb-field-group__border-left: initial;
  --wb-field-group__outline: initial;
  --wb-field-group__transition: initial;
}
.wb-field-group * {
  --wb-field-group__background: initial;
}
.wb-field-group__title {
  color: var(--wb-field-group-title__color);
  font-family: var(--wb-field-group-title__font-family);
  font-size: var(--wb-field-group-title__font-size);
  font-style: var(--wb-field-group-title__font-style);
  font-weight: var(--wb-field-group-title__font-weight);
  line-height: var(--wb-field-group-title__line-height);
  letter-spacing: var(--wb-field-group-title__letter-spacing);
  text-transform: var(--wb-field-group-title__text-transform);
  text-align: var(--wb-field-group-title__text-align);
  opacity: var(--wb-field-group-title__opacity);
  padding-top: var(--wb-field-group-title__bezel-top, var(--wb-field-group-title__bezel, var(--wb-ds-space--s, 1rem)));
  padding-right: var(--wb-field-group-title__bezel-right, var(--wb-field-group-title__bezel, var(--wb-ds-space--s, 1rem)));
  padding-bottom: var(--wb-field-group-title__bezel-bottom, var(--wb-field-group-title__bezel, var(--wb-ds-space--s, 1rem)));
  padding-left: var(--wb-field-group-title__bezel-left, var(--wb-field-group-title__bezel, var(--wb-ds-space--s, 1rem)));
  margin-top: var(--wb-field-group-title__stack-top, var(--wb-field-group-title__stack-block, var(--wb-field-group-title__stack)));
  margin-bottom: var(--wb-field-group-title__stack-bottom, var(--wb-form-title__stack-bottom));
}
.wb-field-group__title * {
  --wb-field-group-title__bezel: initial;
  --wb-field-group-title__bezel-top: initial;
  --wb-field-group-title__bezel-right: initial;
  --wb-field-group-title__bezel-bottom: initial;
  --wb-field-group-title__bezel-left: initial;
}
.wb-field-group__fields {
  --wb-stack__stack--override: var(--wb-stack__stack);
  --wb-stack__stack-bottom--override: var(--wb-field-group-fields__stack-bottom, 0px);
  --wb-stack__stack-top--override: var(--wb-field-group-fields__stack-top);
  --wb-stack__stack-right--override: var(--wb-stack__stack-right);
  --wb-stack__stack-left--override: var(--wb-stack__stack-left);
}
.wb-field-group__hidden {
  display: none;
}