@layer theme,base;@layer components{.sh-card-icon{-webkit-mask-image:var(--sh-card-icon-src);-webkit-mask-image:var(--sh-card-icon-src);mask-image:var(--sh-card-icon-src);background-color:currentColor;flex:none;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[dir=rtl] .sh-card-icon--directional{transform:scaleX(-1)}.sh-card-link:after{content:"";z-index:1;position:absolute;inset:0}.sh-card-above{z-index:2;position:relative}@supports selector(:has(*)){.sh-card-link:focus-visible{outline:none}.sh-card:has(.sh-card-link:focus-visible){outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}}.sh-card--linked{transition:box-shadow var(--motion-duration-base) var(--motion-ease-standard), border-color var(--motion-duration-base) var(--motion-ease-standard), transform var(--motion-duration-base) var(--motion-ease-standard)}.sh-card--linked:hover{border-color:var(--border-accent);box-shadow:var(--elevation-popover)}@media (hover:hover){.sh-card--linked:hover{transform:translateY(-6px)}}.sh-card--linked:hover .sh-card-title{text-underline-offset:2px;text-decoration:underline}.sh-card--linked:has(.sh-card-link:focus-visible) .sh-card-title{text-underline-offset:2px;text-decoration:underline}.sh-card-media img{transition:transform var(--motion-duration-slow) var(--motion-ease-standard)}.sh-card--linked:hover .sh-card-media img{transform:scale(1.04)}@media (prefers-reduced-motion:reduce){.sh-card--linked:hover,.sh-card--linked:hover .sh-card-media img{transform:none}}.sh-card-cta-action:focus-visible{outline-color:var(--focus-ring-color-inverse)}}@layer utilities;