.product-how-to__header{margin-bottom:3rem}.product-how-to__category-label{margin:0 0 .8rem}.product-how-to__filters{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:2.5rem}.product-how-to__filter{background:none;border:none;border-right:.1rem solid rgba(var(--color-foreground),.2);cursor:pointer;padding:.25rem 1.5rem;font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:inherit;line-height:1;color:rgba(var(--color-foreground),.55)}.product-how-to__filter:last-child{border-right:none}.product-how-to__filter:hover{color:rgb(var(--color-foreground))}.product-how-to__filter.is-active{color:rgb(var(--color-foreground));font-weight:var(--font-body-weight-bold)}.product-how-to__list{display:flex;flex-direction:column;gap:1.5rem}.product-how-to__category-heading{margin-top:1rem}.product-how-to__category-heading-title{margin:0 0 .5rem}.product-how-to__category-heading-description{margin:0;color:rgba(var(--color-foreground),.75)}.product-how-to__item{display:grid;grid-template-columns:1fr;row-gap:1rem;padding:1.5rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.8rem}.product-how-to__item[hidden],.product-how-to__category-heading[hidden]{display:none}.product-how-to__media{width:100%;aspect-ratio:1 / 1;border-radius:.4rem;overflow:hidden}.product-how-to__media img,.product-how-to__media svg{width:100%;height:100%;object-fit:cover;display:block}.product-how-to__heading{display:flex;flex-direction:column;gap:.25rem}.product-how-to__title{margin:0;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight-bold);word-break:break-word}.product-how-to__subtitle{margin:0;color:rgba(var(--color-foreground),.65);word-break:break-word}.product-how-to__content{margin:0}.product-how-to__content ol{list-style:none;counter-reset:how-to-step;padding-left:0;margin:0}.product-how-to__content ol li{counter-increment:how-to-step;position:relative;padding-left:2.8rem;min-height:2rem}.product-how-to__content ol li+li{margin-top:1rem}.product-how-to__content ol li:before{content:counter(how-to-step);position:absolute;left:0;top:.2rem;display:flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;background-color:rgb(var(--color-accent));color:#fff;border-radius:50%;font-size:1rem;font-weight:var(--font-body-weight-bold);line-height:1}.product-how-to__product-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem}.product-how-to__product-link:hover{color:rgb(var(--color-accent))}.product-how-to__product-link .icon-arrow-right{width:1em;height:1em;fill:currentColor;flex-shrink:0}.product-how-to__footer{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:.1rem solid rgba(var(--color-foreground),.2)}.product-how-to__footer-item{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.product-how-to__footer-label{margin:0;font-size:1.3rem;color:rgba(var(--color-foreground),.75)}.product-how-to__product-tile{display:flex;align-items:center;gap:1rem;width:100%;padding:.8rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.8rem;background-color:transparent;color:rgb(var(--color-foreground));text-decoration:none;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.product-how-to__product-tile:hover{border-color:rgb(var(--color-accent));color:rgb(var(--color-accent));background-color:rgba(var(--color-accent),.04)}.product-how-to__product-tile-media{flex-shrink:0;width:4.8rem;height:4.8rem;border-radius:.4rem;overflow:hidden;background-color:rgba(var(--color-foreground),.04)}.product-how-to__product-tile-media img,.product-how-to__product-tile-media svg{width:100%;height:100%;object-fit:cover;display:block}.product-how-to__product-tile-title{flex:1 1 auto;min-width:0;font-family:var(--font-body-family);font-weight:var(--font-body-weight-bold);font-size:1.4rem;line-height:1.3;word-break:break-word}.product-how-to__product-tile-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s ease}.product-how-to__product-tile:hover .product-how-to__product-tile-icon{transform:translate(.2rem)}.product-how-to__product-tile-icon .right-chevron-icon{width:.8rem;height:auto}.product-how-to__product-tile-icon .right-chevron-icon path{stroke:currentColor}@media screen and (min-width:750px){.product-how-to__item{grid-template-columns:35% 1fr;grid-template-rows:auto auto auto;column-gap:2rem;row-gap:1.5rem;padding:2rem}.product-how-to__media{grid-column:1;grid-row:1 / -1;align-self:start}.product-how-to__heading{grid-column:2;grid-row:1;align-self:end}.product-how-to__content{grid-column:2;grid-row:2;align-self:start}.product-how-to__footer{grid-column:1 / span 2;grid-row:3;flex-direction:row;align-items:stretch;gap:1.5rem}.product-how-to__footer-item{flex:1 1 0;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/248/assets/section-fiera-product-how-to.css.map */