.card-framed{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-framed__image{aspect-ratio:1 / 1;position:relative;overflow:hidden}.card-framed__image img{width:100%;height:100%;position:absolute;object-fit:cover;transition:opacity .25s ease}.card-framed__image img:nth-child(1){opacity:0}.card-framed__image img:nth-child(2){opacity:1}.card-framed__sale-badge{position:absolute;top:.75rem;left:.75rem;background:var(--red-600);color:#fff;border-radius:999px;padding:.25rem 1rem;font-weight:600;font-family:var(--body-font-semibold);line-height:152%}.card-framed__title{font-family:Ivar Headline,serif;font-size:1.5rem;line-height:150%;letter-spacing:.24px;text-align:center;margin-top:1rem}.card-framed__skill-level{display:inline-block;margin-top:1rem;border-radius:999px;padding:.25rem 1rem;font-weight:600;font-family:var(--body-font-semibold);line-height:152%;place-self:start}.card-framed__skill-level-wrapper{display:flex;justify-content:center;align-items:center}.card-framed__skill-level--beginner{color:var(--pine-800);background:var(--pine-100)}.card-framed__skill-level--intermediate{color:var(--linen-800);background:var(--linen-100)}.card-framed__skill-level--advanced{color:var(--blue-800);background:var(--blue-100)}.card-framed__skill-level--all{color:var(--pine-950);background:var(--linen-300)}.card-framed__content{height:fit-content}.card-framed__footer{display:flex;justify-content:space-between;align-items:center;color:var(--charcoal-600);font-weight:350;flex-direction:column;margin-top:1rem}.card-framed__info{display:flex;align-items:center;gap:.5rem}.card-framed__price{font-family:var(--body-font-semibold);font-weight:600;text-align:center}.card-framed__price--sale{text-decoration:line-through;margin-right:.5rem;color:var(--red-600)}.card-framed:hover .card-framed__image img:nth-child(1){opacity:1}.card-framed:hover .card-framed__image img:nth-child(2){opacity:0}@media screen and (min-width: 640px){.card-framed__footer{align-items:flex-start}}@media screen and (min-width: 768px){.card-framed{padding:1rem 1rem 1.5rem}.card-framed__title{text-align:left}.card-framed__skill-level-wrapper{display:flex;justify-content:flex-start;align-items:center}.card-framed__price{text-align:right;margin-left:auto}}@media screen and (min-width: 1200px){.card-framed__footer{flex-direction:row}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/component-card-framed.css.map */