/**
 * InjazatHR Motion System v1.10.7
 * 20 understated entrance motions + 10 professional hover treatments.
 * Performance rules: compositor-friendly opacity/transform, short durations,
 * no layout-changing properties, no infinite animations, reduced-motion safe.
 */
:root{
  --ij-motion-duration:680ms;
  --ij-motion-ease:cubic-bezier(.22,.61,.36,1);
  --ij-motion-accent:var(--ij-blue,var(--accent,#006fdb));
  --ij-motion-shadow:0 18px 42px rgba(7,26,48,.12);
}

html.ij-motion-enabled .ij-motion-item{
  --ij-enter-x:0px;
  --ij-enter-y:18px;
  --ij-enter-scale:1;
  --ij-enter-rotate:0deg;
  opacity:0;
  translate:var(--ij-enter-x) var(--ij-enter-y);
  scale:var(--ij-enter-scale);
  rotate:var(--ij-enter-rotate);
  transform-origin:50% 50%;
  transition:opacity var(--ij-motion-duration) var(--ij-motion-ease),translate var(--ij-motion-duration) var(--ij-motion-ease),scale var(--ij-motion-duration) var(--ij-motion-ease),rotate var(--ij-motion-duration) var(--ij-motion-ease);
  transition-delay:var(--ij-motion-delay,0ms);
  will-change:opacity,translate,scale,rotate;
}
html.ij-motion-enabled .ij-motion-item.ij-motion-visible{opacity:1;translate:0 0;scale:1;rotate:0deg}
html.ij-motion-enabled .ij-motion-item.ij-motion-settled{will-change:auto}

/* 20 restrained entrance variants; all remain compositor-friendly. */
.ij-enter-01{--ij-enter-y:24px}
.ij-enter-02{--ij-enter-y:-20px}
.ij-enter-03{--ij-enter-x:-26px;--ij-enter-y:0px}
.ij-enter-04{--ij-enter-x:26px;--ij-enter-y:0px}
.ij-enter-05{--ij-enter-y:14px;--ij-enter-scale:.965}
.ij-enter-06{--ij-enter-scale:.94}
.ij-enter-07{--ij-enter-scale:1.035}
.ij-enter-08{--ij-enter-y:30px;--ij-enter-scale:.985}
.ij-enter-09{--ij-enter-y:-26px;--ij-enter-scale:.99}
.ij-enter-10{--ij-enter-x:-20px;--ij-enter-y:10px}
.ij-enter-11{--ij-enter-x:20px;--ij-enter-y:10px}
.ij-enter-12{--ij-enter-x:-18px;--ij-enter-rotate:-1.4deg}
.ij-enter-13{--ij-enter-x:18px;--ij-enter-rotate:1.4deg}
.ij-enter-14{--ij-enter-y:18px;--ij-enter-scale:.975}
.ij-enter-15{--ij-enter-x:-18px;--ij-enter-scale:.985}
.ij-enter-16{--ij-enter-x:18px;--ij-enter-scale:.985}
.ij-enter-17{--ij-enter-y:12px;--ij-enter-scale:.975;--ij-enter-rotate:-.7deg}
.ij-enter-18{--ij-enter-y:12px;--ij-enter-scale:.975;--ij-enter-rotate:.7deg}
.ij-enter-19{--ij-enter-y:20px;--ij-enter-scale:.95}
.ij-enter-20{--ij-enter-y:10px;--ij-enter-scale:.992}

html[dir="rtl"] .ij-enter-03{--ij-enter-x:26px}
html[dir="rtl"] .ij-enter-04{--ij-enter-x:-26px}
html[dir="rtl"] .ij-enter-10{--ij-enter-x:20px}
html[dir="rtl"] .ij-enter-11{--ij-enter-x:-20px}
html[dir="rtl"] .ij-enter-12{--ij-enter-x:18px;--ij-enter-rotate:1.4deg}
html[dir="rtl"] .ij-enter-13{--ij-enter-x:-18px;--ij-enter-rotate:-1.4deg}
html[dir="rtl"] .ij-enter-15{--ij-enter-x:18px}
html[dir="rtl"] .ij-enter-16{--ij-enter-x:-18px}

html.ij-motion-enabled .ij-motion-item:is(.button,button,.ij-about-chips>span,.ref-buttons a){--ij-motion-duration:560ms}

/* Hover system uses individual transform properties so existing transforms remain intact. */
.ij-hover-effect{
  transition-property:translate,scale,rotate,box-shadow,border-color,outline-color,background-color,color,opacity;
  transition-duration:240ms;
  transition-timing-function:cubic-bezier(.2,.7,.2,1);
  transform-origin:center;
  backface-visibility:hidden;
}
@media (hover:hover) and (pointer:fine){
  .ij-hover-01:hover{translate:0 -5px}
  .ij-hover-02:hover{scale:1.018}
  .ij-hover-03:hover{translate:0 -4px;scale:1.012;box-shadow:var(--ij-motion-shadow)}
  .ij-hover-04:hover{translate:4px 0}
  html[dir="rtl"] .ij-hover-04:hover{translate:-4px 0}
  .ij-hover-05:hover{rotate:.45deg;scale:1.008}
  html[dir="rtl"] .ij-hover-05:hover{rotate:-.45deg}
  .ij-hover-06:hover{box-shadow:0 22px 52px rgba(7,26,48,.14)}
  .ij-hover-07:hover{border-color:color-mix(in srgb,var(--ij-motion-accent) 42%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ij-motion-accent) 9%,transparent)}
  .ij-hover-08:hover{translate:0 -2px;box-shadow:0 12px 26px rgba(7,26,48,.11)}
  .ij-hover-09:hover{scale:1.01;outline:1px solid color-mix(in srgb,var(--ij-motion-accent) 28%,transparent);outline-offset:3px}
  .ij-hover-10:hover{translate:0 -3px;scale:1.008;rotate:-.22deg;box-shadow:0 16px 36px rgba(7,26,48,.1)}
  html[dir="rtl"] .ij-hover-10:hover{rotate:.22deg}
}

/* Keep focus treatment accessible and independent from hover. */
.ij-hover-effect:focus-visible{outline:3px solid color-mix(in srgb,var(--ij-motion-accent) 58%,#31c0dc);outline-offset:4px}

/* No animated hidden state when the user has requested reduced motion. */
@media (prefers-reduced-motion:reduce){
  html.ij-motion-enabled .ij-motion-item,
  html.ij-motion-enabled .ij-motion-item.ij-motion-visible{
    opacity:1!important;
    translate:none!important;
    scale:none!important;
    rotate:none!important;
    transition:none!important;
    will-change:auto!important;
  }
  .ij-hover-effect{transition:none!important}
  .ij-hover-effect:hover{translate:none!important;scale:none!important;rotate:none!important;box-shadow:inherit!important}
}