@layer components{.g-card-i{transition-property:transform,background-color;transition-duration:var(--spring-body-dur),var(--dur-instant);transition-timing-function:var(--spring-body),var(--easing-out);cursor:pointer;-webkit-tap-highlight-color:transparent}@media (hover:hover){.g-card-i:hover{transform:translateY(-2px)}}.g-card-i:active{transition-duration:var(--dur-instant);transition-timing-function:var(--easing-press);transform:translateY(1px)}.g-card-i:focus-visible{outline:var(--focus-w)solid var(--ring);outline-offset:var(--focus-offset)}:root[data-motion=lite] .g-card-i{transition-duration:var(--spring-face-dur),var(--dur-instant);transition-timing-function:var(--spring-face),var(--easing-out)}:root[data-motion=minimal] .g-card-i{transition:none}:root[data-reduced=true] .g-card-i{transition:background-color var(--dur-instant)var(--easing-out);transform:none}:root[data-reduced=true] .g-card-i:active{background-color:var(--surface-2)}}