@layer components{.vsr-card{--vsr-card-padding: clamp(var(--vsr-space-5), 2.4vw, var(--vsr-space-8));--vsr-card-radius: var(--vsr-radius-sm);--vsr-card-bg: var(--vsr-color-surface);--vsr-card-border: var(--vsr-color-border);--vsr-card-chip: 3rem;--vsr-card-lift: -2px;--vsr-card-step-size: var(--vsr-space-10);--vsr-card-step-bg: transparent;--vsr-card-min-block-size: auto;position:relative;display:flex;flex-direction:column;height:100%;min-block-size:var(--vsr-card-min-block-size);padding:var(--vsr-card-padding);border:var(--vsr-border-width) solid var(--vsr-card-border);border-radius:var(--vsr-card-radius);background-color:var(--vsr-card-bg);transition:background-color var(--vsr-duration-base) var(--vsr-ease-standard),border-color var(--vsr-duration-base) var(--vsr-ease-standard),box-shadow var(--vsr-duration-base) var(--vsr-ease-standard),transform var(--vsr-duration-base) var(--vsr-ease-out)}.vsr-card>*+*{margin-top:var(--vsr-space-3)}.vsr-card__media{margin:calc(var(--vsr-card-padding) * -1) calc(var(--vsr-card-padding) * -1) 0;aspect-ratio:var(--vsr-card-media-ratio, 4 / 3);border-radius:calc(var(--vsr-card-radius) - var(--vsr-border-width)) calc(var(--vsr-card-radius) - var(--vsr-border-width)) 0 0;overflow:hidden}.vsr-card__media :is(img,svg){inline-size:100%;block-size:100%;object-fit:cover}.vsr-card__media+*{margin-top:var(--vsr-card-padding)}.vsr-card__media--contain{background-color:var(--vsr-card-bg);transition:background-color var(--vsr-duration-base) var(--vsr-ease-standard)}.vsr-card__media--contain img{object-fit:contain;padding:var(--vsr-space-3)}.vsr-card__media--empty{display:flex;align-items:center;justify-content:center;background-color:var(--vsr-color-bg-subtle);border-block-end:var(--vsr-border-width) solid var(--vsr-card-border)}.vsr-card__mark{display:inline-flex;color:var(--vsr-color-muted)}.vsr-card__mark>svg{inline-size:clamp(1.5rem,4vw,2rem);block-size:clamp(1.5rem,4vw,2rem)}.vsr-card__body{display:flex;flex-direction:column;gap:var(--vsr-space-2);min-inline-size:0}.vsr-card--anchor .vsr-card__body{margin-block-start:auto}.vsr-card__eyebrow{font-size:var(--vsr-text-2xs);font-weight:var(--vsr-weight-semibold);letter-spacing:var(--vsr-tracking-widest);text-transform:uppercase;color:var(--vsr-color-muted)}.vsr-card__title{min-inline-size:0;color:var(--vsr-color-heading);font-family:var(--vsr-font-heading);font-size:var(--vsr-text-lg);font-weight:var(--vsr-weight-semibold);line-height:var(--vsr-leading-snug);letter-spacing:var(--vsr-tracking-tight);text-wrap:balance;overflow-wrap:break-word}.vsr-card__text{font-size:var(--vsr-text-sm);line-height:var(--vsr-leading-relaxed);color:var(--vsr-color-text);text-wrap:pretty}.vsr-card__text a{position:relative;z-index:var(--vsr-z-base)}.vsr-card__footer{margin-block-start:auto;padding-block-start:var(--vsr-space-6);border-block-start:var(--vsr-border-width) solid var(--vsr-color-border)}.vsr-card__meta{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--vsr-space-4);row-gap:var(--vsr-space-1);margin-block-start:var(--vsr-space-2);font-size:var(--vsr-text-xs);line-height:var(--vsr-leading-normal);color:var(--vsr-color-muted)}.vsr-card__icon{display:inline-flex;align-items:center;justify-content:center;flex:none;align-self:flex-start;inline-size:var(--vsr-card-chip);block-size:var(--vsr-card-chip);border:var(--vsr-border-width) solid transparent;border-radius:var(--vsr-radius-md);background-color:var(--vsr-color-accent-soft);color:var(--vsr-color-accent);transition:background-color var(--vsr-duration-fast) var(--vsr-ease-standard),border-color var(--vsr-duration-fast) var(--vsr-ease-standard),color var(--vsr-duration-fast) var(--vsr-ease-standard)}.vsr-card__icon>svg{inline-size:1.5rem;block-size:1.5rem}.vsr-card__cue{position:absolute;inset-block-end:var(--vsr-card-padding);inset-inline-end:var(--vsr-card-padding);display:inline-flex;color:var(--vsr-color-muted);transition:color var(--vsr-duration-fast) var(--vsr-ease-standard),transform var(--vsr-duration-fast) var(--vsr-ease-out)}.vsr-card__cue>svg{inline-size:1.125rem;block-size:1.125rem}.vsr-card--cued .vsr-card__body>:last-child{padding-inline-end:var(--vsr-space-6)}.vsr-card__link{color:inherit;text-decoration:none}.vsr-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.vsr-card:where(:has(.vsr-card__link:hover)){--vsr-card-bg: var(--vsr-color-surface-raised);--vsr-card-border: var(--vsr-color-border-hover);box-shadow:var(--vsr-shadow-md);transform:translateY(var(--vsr-card-lift))}.vsr-card:where(:has(.vsr-card__link:active)){--vsr-card-lift: 0px}.vsr-card:has(.vsr-card__link:focus-visible){outline:var(--vsr-focus-ring-width) solid var(--vsr-color-focus);outline-offset:var(--vsr-focus-ring-offset)}.vsr-card:has(.vsr-card__link:focus-visible) .vsr-card__link:focus-visible{outline:none}.vsr-card:where(:has(.vsr-card__link:hover)) .vsr-card__icon,.vsr-card:has(.vsr-card__link:focus-visible) .vsr-card__icon{border-color:var(--vsr-color-accent);background-color:var(--vsr-color-accent-strong);color:var(--vsr-color-accent-contrast)}.vsr-card:where(:has(.vsr-card__link:hover)) .vsr-card__cue,.vsr-card:has(.vsr-card__link:focus-visible) .vsr-card__cue{color:var(--vsr-color-accent);transform:translate(2px,-2px)}.vsr-card--subtle{--vsr-card-bg: var(--vsr-color-bg-subtle);--vsr-card-border: transparent}.vsr-card--elevated{--vsr-card-border: transparent;box-shadow:var(--vsr-shadow-ring),var(--vsr-shadow-md)}.vsr-card--flush{--vsr-card-padding: 0;--vsr-card-border: transparent;--vsr-card-bg: transparent}.vsr-card--highlight{--vsr-card-border: var(--vsr-color-accent)}.vsr-card--compact{--vsr-card-padding: var(--vsr-space-5)}.vsr-card--subtle:where(:has(.vsr-card__link:hover)),.vsr-card--elevated:where(:has(.vsr-card__link:hover)),.vsr-card--flush:where(:has(.vsr-card__link:hover)){box-shadow:var(--vsr-shadow-ring),var(--vsr-shadow-md)}.vsr-card__step{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;inline-size:var(--vsr-card-step-size);block-size:var(--vsr-card-step-size);border:var(--vsr-border-width-strong) solid var(--vsr-color-border-strong);border-radius:var(--vsr-radius-circle);background-color:var(--vsr-card-step-bg);font-family:var(--vsr-font-mono);font-size:var(--vsr-text-sm);font-variant-numeric:tabular-nums;color:var(--vsr-color-heading)}.vsr-card:where(:has(.vsr-card__link:hover)) .vsr-card__step{border-color:var(--vsr-color-border-hover)}@media screen and not (min-width:750px){.vsr-card{--vsr-card-chip: 2.5rem}.vsr-card__icon>svg{inline-size:1.25rem;block-size:1.25rem}}@media(prefers-reduced-motion:reduce){.vsr-card:where(:has(.vsr-card__link:hover)){transform:none}.vsr-card:where(:has(.vsr-card__link:hover)) .vsr-card__cue,.vsr-card:has(.vsr-card__link:focus-visible) .vsr-card__cue{transform:none}}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-card.css.map */