/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
@use './token-utils' as *;

@forward './token-utils';

@mixin host {
  display: block;
  container-type: inline-size;
}

@mixin base {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  overflow: hidden;
  box-sizing: border-box;
  
  transition-property: opacity, grid-template-rows, min-height;
  transition-duration: #{token(transition-duration)};
  transition-timing-function: #{token(transition-easing)};
  
  background: #{token(background)};
  color: #{token(color)};
  
  opacity: 1;
}

@mixin inner {
  display: grid;
  grid-template-columns: 1fr auto;
  place-items: center;
  gap: #{token(gap)};
  overflow: hidden;
  padding-inline: #{token(padding-inline)};
}

@mixin container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: #{token(gap)};
  flex: 1 1 auto;
  padding-block: #{token(padding-block)};
}

@mixin dismiss-button-container {
  display: flex;
  align-items: center;
  gap: #{token(gap)};
}

@mixin dismissed {
  grid-template-rows: 0fr;
  opacity: 0;
}
