/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
@use './core' as *;
@use '../state-layer';
@use '../focus-indicator';
@use '../utils/mixins' as utils;

//
// Host
//

:host {
  @include host;

  .forge-button-area {
    @include enabled;
  }
}

:host([hidden]) {
  display: none;
}

:host([disabled]) {
  .forge-button-area {
    @include disabled;
  }
}

//
// Base
//

.forge-button-area {
  @include tokens;
}

.forge-button-area {
  @include base;

  .button {
    @include utils.visually-hidden;
  }
}

forge-focus-indicator {
  z-index: 1; // Fixes an animation artifact in Safari

  @include focus-indicator.provide-theme((
    color: #{token(focus-indicator-color)},
    outward-offset: #{token(focus-indicator-offset)}
  ));
}

forge-state-layer {
  @include state-layer.provide-theme(( color: #{token(primary-color)} ));
  border-radius: inherit;
}
