@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;


// adduse
.dx-theme-marker {
  font-family: "dx.material.#{$material-color-accent-modificator}.#{$material-color-theme-modificator}#{$material-size-postfix}";
}

// stylelint-disable declaration-no-important
.dx-theme-accent-as-text-color {
  color: $base-accent !important;
}

.dx-theme-text-color {
  color: $base-text-color !important;
}

.dx-theme-background-color-as-text-color {
  color: $base-bg !important;
}

.dx-theme-border-color-as-text-color {
  color: $base-border-color !important;
}

.dx-theme-accent-as-background-color {
  background-color: $base-accent !important;
  fill: $base-accent !important;
}

.dx-theme-text-color-as-background-color {
  background-color: $base-text-color !important;
  fill: $base-text-color !important;
}

.dx-theme-background-color {
  background-color: $base-bg !important;
  fill: $base-bg !important;
}

.dx-theme-typography-background-color {
  background-color: $typography-bg !important;
}

.dx-theme-border-color-as-background-color {
  background-color: $base-border-color !important;
  fill: $base-border-color !important;
}

.dx-theme-accent-as-border-color {
  border-color: $base-accent !important;
}

.dx-theme-text-color-as-border-color {
  border-color: $base-text-color !important;
}

.dx-theme-background-color-as-border-color {
  border-color: $base-bg !important;
}

.dx-theme-border-color {
  border-color: $base-border-color !important;
}

// stylelint-enable declaration-no-important

.dx-inkripple {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.dx-inkripple-wave {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  opacity: 0;
  transform: scale(0);
  pointer-events: none;
}

.dx-inkripple-showing {
  transition: transform 0.1s linear;
  opacity: 1;
  transform: scale(1);
}

.dx-inkripple-hiding {
  transition: transform 0.1s linear, opacity 0.1s linear;
  transform: scale(1.01);
  opacity: 0;
}