.card-kit{border:1px solid var(--slate-200);padding:.5rem;background:#fff;width:100%;text-decoration:none;color:var(--charcoal-900);display:flex;flex-direction:column;justify-content:space-between}.card-kit--slide{padding:1rem}@container (width > 56rem){.card-kit{display:grid;padding:1.5rem;gap:1.5rem;grid-template-columns:.5fr 1fr}}@container (width > 80rem){.card-kit{grid-template-columns:.35fr 1fr}}.card-kit__image{padding-bottom:16rem;position:relative;overflow:hidden;flex-shrink:0}.card-kit__image img{width:100%;height:100%;position:absolute;object-fit:cover;transition:opacity .25s ease}.card-kit__image img:nth-child(1){opacity:0}.card-kit__image img:nth-child(2){opacity:1}.card-kit__title{font-family:var(--heading-font);font-size:1.5rem!important;line-height:150%;letter-spacing:.24px;text-align:left;padding:1.5rem 0 1rem}.card-kit__description{font-size:1rem;line-height:152%;font-weight:350;letter-spacing:-.02rem;color:var(--charcoal-500)}.card-kit__skill-level{display:inline-block;margin-top:1rem;border-radius:999px;padding:.25rem 1rem;font-weight:600;font-family:var(--body-font);line-height:152%;place-self:start}.card-kit__skill-level-wrapper{display:flex;justify-content:center;align-items:center}.card-kit__skill-level--beginner{color:var(--pine-800);background:var(--pine-100)}.card-kit__skill-level--intermediate{color:var(--linen-800);background:var(--linen-100)}.card-kit__skill-level--advanced{color:var(--blue-800);background:var(--blue-100)}.card-kit__skill-level--all{color:var(--pine-950);background:var(--linen-300)}.card-kit__content{height:fill-available;height:-webkit-fill-available;display:flex;flex-direction:column;justify-content:space-between}.card-kit__footer{margin-top:1rem;color:var(--charcoal-600);font-weight:350;font-size:1rem;display:grid;gap:1rem}.card-kit__footer-details{display:flex;justify-content:space-between;justify-self:flex-end;align-items:center;width:100%}.card-kit__info{display:flex;align-items:center;gap:.5rem}.card-kit:hover .card-kit__image img:nth-child(1){opacity:1}.card-kit:hover .card-kit__image img:nth-child(2){opacity:0}@media screen and (min-width: 640px){.card-kit__footer{align-items:flex-start}}@media screen and (min-width: 768px){.card-kit__image{padding-bottom:25rem}.card-kit__skill-level-wrapper{display:flex;justify-content:flex-start;align-items:center}}@media screen and (min-width: 1200px){.card-kit__footer{flex-direction:row}.card-kit__image{padding-bottom:unset;aspect-ratio:1 / 1}}.card-kit__rating{margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.card-kit__rating .jdgm-prev-badge__text{display:none}.card-kit__rating .card-kit__rating-text{color:var(--charcoal-500)}
/*# sourceMappingURL=/cdn/shop/t/33/assets/component-card-kit.css.map */