:host {
  flex: 1;
  overflow-y: auto;
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
mat-tab-group mat-icon {
  margin-bottom: 4px;
}
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
mat-tab-group ::ng-deep {
  .mat-mdc-tab-header {
    .mat-ink-bar {
      background-color: #da9803;
    }
    /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
    .mat-tab-label {
      height: 60px;
      padding: 0 15px;
      min-width: auto;
      opacity: 1;
    }
  }
  .appearance-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    co-icon ::ng-deep {
      width: 20px;
      height: 20px;
    }
  }
}

