/* Card motion is shared across storefront templates. */
.ks-storefront :is(.ks-card,.category,.need,.guide,.journal-card,.journal-topic,.ks-article-related-grid article,.service-grid>a,.service-grid>button,.checklist-grid>article,.help-grid>article,.help-grid>a,.suite-grid>.panel,.quiz-option,.ks-side-product,.ks-side-article){transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;position:relative}
.ks-storefront :is(.product-visual img,.category img,.journal-card-image img,.ks-article-related-grid img){transition:transform .32s ease}
@media(hover:hover) and (pointer:fine){
.ks-storefront :is(.ks-card,.category,.need,.guide,.journal-card,.journal-topic,.ks-article-related-grid article,.service-grid>a,.service-grid>button,.checklist-grid>article,.help-grid>article,.help-grid>a,.suite-grid>.panel,.quiz-option,.ks-side-product,.ks-side-article):hover{transform:translateY(-5px);box-shadow:0 12px 28px #57346e18;z-index:1}
.ks-storefront :is(.ks-card,.category,.journal-card,.ks-article-related-grid article):hover :is(.product-visual img,.category img,.journal-card-image img,.ks-article-related-grid img){transform:scale(1.035)}
.ks-storefront :is(.ks-side-product,.ks-side-article):hover{transform:translateX(3px);box-shadow:none}
}
.ks-storefront :is(.ks-card,.category,.need,.guide,.journal-card,.journal-topic,.ks-article-related-grid article,.service-grid>a,.service-grid>button,.checklist-grid>article,.help-grid>article,.help-grid>a,.suite-grid>.panel,.quiz-option,.ks-side-product,.ks-side-article):focus-within{box-shadow:0 0 0 2px #9572a640}
@media(prefers-reduced-motion:reduce){
.ks-storefront :is(.ks-card,.category,.need,.guide,.journal-card,.journal-topic,.ks-article-related-grid article,.service-grid>a,.service-grid>button,.checklist-grid>article,.help-grid>article,.help-grid>a,.suite-grid>.panel,.quiz-option,.ks-side-product,.ks-side-article,.product-visual img,.category img,.journal-card-image img,.ks-article-related-grid img){transition:none!important;transform:none!important}
.ks-storefront :is(.ks-card,.category,.need,.guide,.journal-card,.journal-topic,.ks-article-related-grid article,.service-grid>a,.service-grid>button,.checklist-grid>article,.help-grid>article,.help-grid>a,.suite-grid>.panel,.quiz-option,.ks-side-product,.ks-side-article):hover{transform:none!important}
.ks-storefront :is(.ks-card,.category,.journal-card,.ks-article-related-grid article):hover img{transform:none!important}
}