/* Optional native page transitions. Links still navigate normally without support. */
@view-transition{navigation:auto}
:root[data-reduced-motion=no]{scroll-behavior:smooth}
@keyframes kv-page-in{from{opacity:0;transform:translateY(.375rem)}to{opacity:1;transform:none}}
:root[data-reduced-motion=no]::view-transition-group(root){animation-duration:.24s}
:root[data-reduced-motion=no]::view-transition-old(root){animation-duration:.14s;animation-timing-function:ease-out}
:root[data-reduced-motion=no]::view-transition-new(root){animation:kv-page-in .24s cubic-bezier(.2,.7,.3,1)}
@supports selector(::details-content) and (interpolate-size:allow-keywords){
  :root[data-reduced-motion=no] .tool-group{interpolate-size:allow-keywords}
  :root[data-reduced-motion=no] .tool-group::details-content{height:0;opacity:0;overflow:clip}
  :root[data-reduced-motion=no] .tool-group[open]::details-content{height:auto;opacity:1}
  :root[data-reduced-motion=no] .tool-grid.motion-ready .tool-group::details-content{transition:height .28s cubic-bezier(.2,.7,.3,1),opacity .2s ease-out,content-visibility .28s allow-discrete}
}
:root:not([data-reduced-motion=no]) .tool-group::details-content{transition:none!important}
:root[data-reduced-motion=no] .button:not(:disabled):not([aria-disabled=true]):active{transform:translateY(.0625rem)}
@media (hover:hover) and (pointer:fine){
  :root[data-reduced-motion=no] :is(.tool-link .tool-icon,.quick-link){transition:transform .2s ease-out}
  :root[data-reduced-motion=no] .tool-link:hover .tool-icon{transform:translateX(.1875rem)}
  :root[data-reduced-motion=no] .quick-link:hover{transform:translateY(-.1875rem)}
}
/* The in-site preference also disables the browser's generated transition layers. */
:root:not([data-reduced-motion=no])::view-transition-group(*),
:root:not([data-reduced-motion=no])::view-transition-old(*),
:root:not([data-reduced-motion=no])::view-transition-new(*){animation:none!important;mix-blend-mode:normal}
:root:not([data-reduced-motion=no])::view-transition-old(*){display:none}