/*! HoloCSS | MIT License */
/* src/interaction/index.css */
:is(.hcss-lift, .hcss-press) {
  transition-property:
    translate,
    scale,
    box-shadow,
    outline-color,
    background-color,
    color,
    border-color;
  transition-duration: var(--hcss-duration, var(--hcss-duration-fast, 100ms));
  transition-timing-function: var( --hcss-easing, var(--hcss-ease-enter, ease-out) );
}
@media (hover: hover) and (pointer: fine) {
  .hcss-lift:not(:disabled, [aria-disabled=true], [aria-busy=true]):hover {
    translate: 0 calc(-1 * var(--hcss-lift-distance, 2px));
  }
}
.hcss-press:not(:disabled, [aria-disabled=true], [aria-busy=true]):active {
  scale: var(--hcss-press-scale, 0.97);
}
.hcss-ripple {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.hcss-ripple-wave {
  position: absolute;
  border-radius: 50%;
  background: currentcolor;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  :is(.hcss-lift, .hcss-press) {
    transition: none !important;
    translate: none !important;
    scale: none !important;
  }
}
:is(.hcss-lift, .hcss-press):where([data-hcss-motion=none], [data-hcss-motion=none] *, [data-hcss-theme=high-contrast], [data-hcss-theme=high-contrast] *) {
  transition: none !important;
  translate: none !important;
  scale: none !important;
}
@media (prefers-contrast: more) {
  :is(.hcss-lift, .hcss-press):where([data-hcss-theme=auto], [data-hcss-theme=auto] *) {
    transition: none !important;
    translate: none !important;
    scale: none !important;
  }
}