import { css } from "lit";
const componentStyle = css`
          * {
            -webkit-tap-highlight-color: transparent;
          }

* {
  box-sizing: border-box;
}

:host {
  display: block;
  max-width: 673px;
  --obc-form-group-border-radius: 12px;
}

.wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}

.wrapper .title-container {
    display: flex;
    flex-direction: column;
  }

.wrapper .subtitle {
    font-family: var(--font-family-main);
    font-weight: var(--font-weight-semibold);
    font-size: var(--global-typography-ui-overline-font-size);
    line-height: var(--global-typography-ui-overline-line-height);
    letter-spacing: var(--global-typography-ui-overline-letter-spacing);
    font-feature-settings:
    "liga" off,
    "clig" off,
    "ss04" on;

    color: var(--element-neutral-color);
  }

.type-inactive :is(.wrapper .subtitle) {
      color: var(--element-inactive-color);
    }

.wrapper .text {
    font-family: var(--font-family-main);
    font-weight: var(--font-weight-regular);
    font-size: var(--global-typography-ui-label-font-size);
    line-height: var(--global-typography-ui-label-line-height);
    font-feature-settings:
    "liga" off,
    "clig" off,
    "ss04" on;

    color: var(--element-neutral-color);
  }

.wrapper .content-container {
    border-radius: var(--obc-form-group-border-radius);
    display: flex;
    flex-direction: column;
    gap: 0;
    background: transparent;
  }

.type-enabled-action-first :is(.wrapper .content-container),.type-enabled-action-last :is(.wrapper .content-container) {
      background: var(--indent-enabled-background-color);
    }

:is(.wrapper .content-container) ::slotted(obc-form-item) {
      width: 100%;
      max-width: 100%;
      --obc-form-item-border-radius: 0px;
      --obc-form-item-border-color-default: var(--border-divider-color);
      --obc-form-item-divider-display: none;
    }

.type-enabled-action-first :is(.wrapper .content-container) ::slotted(obc-form-item),.type-enabled-action-last :is(.wrapper .content-container) ::slotted(obc-form-item) {
      --obc-form-item-bg-color: var(--container-global-color);
    }

:is(.wrapper .content-container) ::slotted(obc-form-item[data-group-item-first]) {
      --obc-form-item-border-radius-top-left: var(
        --obc-form-group-border-radius
      );
      --obc-form-item-border-radius-top-right: var(
        --obc-form-group-border-radius
      );
    }

:is(.wrapper .content-container) ::slotted(obc-form-item[data-last-group-item]) {
      --obc-form-item-border-radius-bottom-right: var(
        --obc-form-group-border-radius
      );
      --obc-form-item-border-radius-bottom-left: var(
        --obc-form-group-border-radius
      );
    }
`;
export {
  componentStyle as default
};
//# sourceMappingURL=form-group.css.js.map
