.vn-resource-card{display:grid;grid-template-columns:clamp(80px,27%,140px) minmax(0,1fr);align-items:start;gap:16px;width:100%;min-width:0;box-sizing:border-box;padding:12px;border:1px solid rgb(var(--color-foreground-rgb)/.1);border-radius:20px;overflow:hidden;background:var(--color-background,#fff);color:inherit;text-decoration:none;box-shadow:0 4px 16px #0000000a;transition:border-color .18s ease}.vn-resource-card__media{display:flex;align-items:center;justify-content:center;position:relative;width:100%;min-width:0;aspect-ratio:1;border-radius:12px;overflow:hidden;background:rgb(var(--color-foreground-rgb)/.04)}.vn-resource-card__media img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.vn-resource-card__media svg{width:48px;height:48px;opacity:.45}.vn-resource-card__body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-width:0;padding:4px 4px 4px 0}.vn-resource-card__kind{order:1;font-size:var(--vn-latin-size,11px);line-height:16px;padding:5px 10px;border-radius:99px;background:rgb(var(--color-foreground-rgb)/.055);opacity:.8}.vn-resource-card__title{order:2;font-family:var(--font-heading--family);font-size:17px;line-height:24px;font-weight:var(--vn-weight-medium,400);overflow-wrap:anywhere;text-wrap:pretty}.vn-resource-card__description{order:3;font-size:var(--vn-body-size,13px);line-height:calc(var(--vn-body-size,13px) + 7px);opacity:.75}.vn-resource-card__action{order:4;display:inline-flex;align-items:center;justify-content:space-between;gap:16px;max-width:100%;min-height:28px;box-sizing:border-box;margin-top:2px;padding:0;background:transparent;color:inherit;font-size:var(--vn-secondary-size,12px);font-weight:var(--vn-weight-medium,400);line-height:calc(var(--vn-secondary-size,12px) + 6px)}.vn-resource-card:hover{border-color:rgb(var(--color-foreground-rgb)/.25)}.vn-resource-card:focus-visible{outline:2px solid currentColor;outline-offset:4px}.vn-size-guide__grid{align-items:start}@media(max-width:749px){.vn-resource-card{gap:12px;grid-template-columns:88px minmax(0,1fr)}.vn-resource-card__title{font-size:16px;line-height:23px}.vn-resource-card__kind{font-size:var(--vn-label-size,10px);line-height:calc(var(--vn-latin-size,11px) + 4px)}.vn-resource-card__action{min-height:32px}}@media(prefers-reduced-motion:reduce){.vn-resource-card{transition:none}}.vn-resource-card--large{display:flex;flex-direction:column;padding:16px;gap:0;max-width:680px;margin-inline:auto;border-radius:24px}.vn-resource-card--large .vn-resource-card__media{aspect-ratio:1;width:100%;border-radius:16px}.vn-resource-card--large .vn-resource-card__media img{object-fit:contain}.vn-resource-card--large .vn-resource-card__body{padding:24px 8px 8px;gap:12px}.vn-resource-card--large .vn-resource-card__title{font-size:var(--vn-section-size,24px);line-height:calc(var(--vn-section-size,24px) + 8px)}.vn-resource-card--large .vn-resource-card__action{padding:10px 18px;border-radius:99px;background:var(--color-foreground,#252a24);color:var(--color-background,#fff)}@media(max-width:749px){.vn-resource-card--large .vn-resource-card__title{font-size:var(--vn-section-mobile,20px);line-height:calc(var(--vn-section-mobile,20px) + 8px)}.vn-resource-card--large .vn-resource-card__body{padding:20px 4px 4px}}.vn-resource-card--compact-frame{grid-template-columns:88px minmax(0,1fr);gap:10px;padding:3px;height:96px;border-radius:16px;align-items:center}.vn-resource-card--compact-frame .vn-resource-card__media{width:88px;height:88px;border-radius:12px}.vn-resource-card--compact-frame .vn-resource-card__body{height:88px;width:100%;padding:0 9px 0 0;gap:0;justify-content:center}.vn-resource-card--product .vn-resource-card__title{width:100%;height:100%;font-weight:inherit}.vn-resource-card{font-family:var(--font-body--family);font-weight:var(--vn-weight-light,400)}.vn-resource-card__kind{font-weight:var(--vn-weight-light,400)}.vn-resource-card__title{font-family:var(--font-body--family)}.vn-resource-card--navigation .vn-resource-card__body{align-items:flex-start;gap:4px}.vn-resource-card--navigation .vn-resource-card__title{order:1;font-size:var(--vn-card-title,14px);line-height:calc(var(--vn-card-title,14px) + 4px);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vn-resource-card--navigation .vn-resource-card__kind{order:2;font-size:var(--vn-label-size,10px);line-height:calc(var(--vn-label-size,10px) + 4px);padding:3px 8px}.vn-resource-card--image-contain .vn-resource-card__media img{object-fit:contain}.vn-resource-card--large{padding:3px}.vn-resource-card--large .vn-resource-card__media{border-radius:20px}.vn-resource-card--large .vn-resource-card__body{padding:24px 20px 20px}@media(max-width:749px){.vn-resource-card--large .vn-resource-card__body{padding:20px 16px 16px}}.vn-resource-card--navigation{column-gap:8px}.vn-resource-card--navigation .vn-resource-card__body{box-sizing:border-box;padding:8px 8px 8px 0;justify-content:space-between;gap:3px}.vn-resource-card--navigation .vn-resource-card__title{line-height:17px}.vn-resource-card--navigation .vn-resource-card__kind{padding:2px 8px;line-height:14px;flex-shrink:0}.vn-resource-card--product{column-gap:8px;height:auto;min-height:96px}.vn-resource-card--product .vn-resource-card__body{height:auto;min-height:88px;padding:8px 8px 8px 0;box-sizing:border-box}.vn-resource-card--product .vn-resource-card__title{height:auto}.vn-resource-card--product .vn-product-card-details--compact{height:auto;min-height:72px;justify-content:space-between}.vn-resource-card--product .vn-product-card-details__title,.vn-resource-card--product .vn-product-card-details__botanical{display:block;overflow:visible;-webkit-line-clamp:unset}.vn-resource-card--product .vn-product-card-details__purchase{flex-wrap:wrap}
/*# sourceMappingURL=/cdn/shop/t/41/assets/vn-resource-card.css.map */