:host(us-group-box) {
  .group-box {
    padding: var(--space-inner-m) var(--space-inner-xl);
    border: 1px solid var(--color-neutral-300);
    border-radius: calc(var(--border-radius-m) / 2);

    &_background {
      background-color: inherit;
      border: 0;
    }

    &__header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 36px;

      &_opened .group-box__arrow {
        transform: rotate(180deg);
      }

      slot[name="title"]::slotted(*) {
        font: var(--text-label-l);
        color: var(--color-text-1000);
      }
    }

    &__controls {
      display: flex;
      gap: var(--space-inner-l);
    }

    &__arrow {
      cursor: pointer;
    }

    &__clear {
      font: var(--text-label-s);
      color: var(--color-primary-600);
      cursor: pointer;
    }

    &__body {
      display: block;
      margin-top: var(--space-inner-xs);
    }
  }
}