// Copyright 2020 Energinet DataHub A/S
//
// Licensed under the Apache License, Version 2.0 (the "License2");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
@use "@energinet-datahub/watt/utils" as watt;
@use "@angular/material" as mat;

:root {
  @include mat.button-toggle-overrides(
    (
      selected-state-text-color: white,
      selected-state-background-color: var(--watt-color-primary),
      height: 2.5rem,
    )
  );

  mat-button-toggle-group {
    border-color: var(--watt-color-neutral-grey-700);

    mat-button-toggle {
      border-color: var(--watt-color-neutral-grey-700) !important;

      button {
        width: 6.5rem;

        span {
          font-size: 0.875rem;
          font-weight: 600;
        }
      }
    }
  }
}
