.instructions-hub{display:block}.instructions-hub__container{margin-top:3rem}.instructions-hub__grid{gap:3rem 2rem}.instructions-hub__card{height:100%;background:rgb(var(--color-background));border-radius:var(--card-corner-radius);overflow:hidden;box-shadow:var(--card-shadow);transition:box-shadow var(--duration-short) ease}.instructions-hub__card:hover{box-shadow:var(--card-shadow-hover)}.instructions-hub__image-wrapper{aspect-ratio:1;overflow:hidden;background:rgb(var(--color-background-secondary))}.instructions-hub__image-wrapper img{width:100%;height:100%;object-fit:cover}.instructions-hub__content{padding:2.4rem}.instructions-hub__heading{margin:0 0 1.2rem;font-size:calc(var(--font-heading-scale) * 2.2rem)}.instructions-hub__description{margin-bottom:2rem;line-height:1.6;color:rgba(var(--color-foreground),.75)}.instructions-hub__link{display:inline-block;margin-top:auto}.instructions-hub__list{display:flex;flex-direction:column;gap:2rem}.instructions-hub__list-card{background:rgb(var(--color-background));border-radius:var(--card-corner-radius);overflow:hidden;box-shadow:var(--card-shadow);transition:box-shadow var(--duration-short) ease}.instructions-hub__list-card:hover{box-shadow:var(--card-shadow-hover)}.instructions-hub__list-content{display:flex;flex-direction:column;gap:2rem;padding:2.4rem}.instructions-hub__list-image{flex-shrink:0;width:120px;height:120px;overflow:hidden;border-radius:var(--card-corner-radius);background:rgb(var(--color-background-secondary))}.instructions-hub__list-text{flex-grow:1}.instructions-hub__empty{text-align:center;padding:4rem 2rem;color:rgba(var(--color-foreground),.55)}@media screen and (max-width: 749px){.instructions-hub__container{margin-top:2rem}.instructions-hub__grid{gap:2rem 1.5rem}.instructions-hub__content{padding:1.6rem}.instructions-hub__heading{font-size:calc(var(--font-heading-scale) * 1.8rem)}.instructions-hub__list-content{padding:1.6rem}}@media screen and (min-width: 750px){.instructions-hub__list-content{flex-direction:row;align-items:flex-start}.instructions-hub__list-image{width:200px;height:200px}}.instructions-hub .placeholder-svg{fill:rgba(var(--color-foreground),.15)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-instructions-hub.css.map */