/*!**************************
*****     field.css     *****
****************************/
@layer base {
  @scope ( :where([data-component-id$=":field"]) ) {
    :scope {
      /*width: 100%;*/
      margin-bottom: var(--sp-4);
      /*background-color: lightgreen;*/
    }

      .fiels-label--inline:scope {
        display: flex;
      }

    :where(.label) {
      font-weight: 700;
      font-weight: var(--fw-bold, 700);
    }

      :where(.label)::after {
        content: ":\00a0";
      }

    :where(.items) {
      flex: 1 0 100%;
      margin: 0;
      padding-left: 0;
    }

    :where(.item) {
      /*background-color: green;*/
      /*margin-bottom: 3px;*/
    }
    /* * */
  }
}