.tutorial-cards__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.6rem}.tutorial-cards__card{display:flex;flex-direction:column;height:100%;overflow:hidden}.tutorial-cards__media .media,.tutorial-cards__media .yc-illustration{border-radius:0}.tutorial-cards__body{display:flex;flex:1 1 auto;flex-direction:column;gap:.8rem;padding:1.8rem 2rem 2.2rem}.tutorial-cards__title{margin:0;font-size:calc(1.9rem * var(--font-heading-scale, 1));line-height:1.25}.tutorial-cards__link{color:inherit;text-decoration:none}.tutorial-cards__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:var(--card-radius)}.tutorial-cards__link:focus-visible{outline:none}.tutorial-cards__link:focus-visible:after{outline:2px solid rgb(var(--color-focus, var(--brand-primary-solid)));outline-offset:3px}.tutorial-cards__text{margin:0;font-size:calc(1.5rem * var(--font-body-scale, 1));line-height:1.55;color:rgb(var(--brand-muted))}.tutorial-cards__cta{display:inline-flex;align-items:center;gap:.6rem;margin-top:auto;padding-top:.8rem;font-size:calc(1.5rem * var(--font-body-scale, 1));font-weight:var(--font-body-weight-bold);color:rgb(var(--brand-primary-solid))}.tutorial-cards__cta-icon{--icon-size: 1.6rem;transition:transform var(--duration) var(--ease)}@media(hover:hover){.tutorial-cards__card--link:hover .tutorial-cards__cta-icon{transform:translate(4px)}.tutorial-cards__card--link:hover .tutorial-cards__title{text-decoration:underline;text-underline-offset:.2em}.tutorial-cards__card--link:hover .tutorial-cards__media img{transform:scale(1.02)}}.animations-disabled .tutorial-cards__card--link:hover .tutorial-cards__cta-icon,.animations-disabled .tutorial-cards__card--link:hover .tutorial-cards__media img{transform:none}.tutorial-cards__notice{max-width:64ch;margin:0 auto;padding:1.2rem 1.6rem;font-size:calc(1.4rem * var(--font-body-scale, 1));text-align:center;color:rgb(var(--color-muted, var(--color-text)));border:1px dashed rgba(var(--color-text),.3);border-radius:var(--input-radius)}@media(min-width:750px){.tutorial-cards__grid{grid-template-columns:repeat(var(--cards-columns-tablet, 2),minmax(0,1fr));gap:2rem}}@media(min-width:990px){.tutorial-cards__grid{grid-template-columns:repeat(var(--cards-columns, 3),minmax(0,1fr));gap:2.4rem}}@media(prefers-reduced-motion:reduce){.tutorial-cards__card--link:hover .tutorial-cards__cta-icon,.tutorial-cards__card--link:hover .tutorial-cards__media img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-tutorial-cards.css.map */