.rb-howto{--rb-howto-gap: 4.8rem;--rb-howto-row-gap: 7.2rem;--rb-howto-block-sm: 1.2rem;--rb-howto-block-md: 2.4rem;--rb-howto-block-lg: 4.8rem;--rb-howto-tracking: .08em;--rb-howto-radius: .4rem;display:block;padding-block-start:var(--p-spacing-t, 60px);padding-block-end:var(--p-spacing-b, 80px)}.rb-howto__header{max-width:56rem;margin-inline:auto;margin-block-end:var(--rb-howto-block-lg);text-align:center}.rb-howto__eyebrow{margin:0 0 var(--rb-howto-block-sm);font-family:var(--font-body--family);font-size:var(--font-size--xs);letter-spacing:var(--rb-howto-tracking);text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / var(--opacity-60))}.rb-howto__title{margin:0;padding:0;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:var(--font-size--2xl);line-height:1.2;letter-spacing:var(--rb-howto-tracking);color:var(--color-foreground-heading)}.rb-howto__lede{margin-block-start:var(--rb-howto-block-sm);font-family:var(--font-body--family);font-size:var(--font-size--sm);line-height:1.7;color:rgb(var(--color-foreground-rgb) / var(--opacity-80))}.rb-howto__list{display:grid;max-width:108rem;gap:var(--rb-howto-row-gap);margin-block:0;margin-inline:auto;padding:0;list-style:none}.rb-howto__step{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--rb-howto-block-md);align-items:center}@media screen and (min-width:750px){.rb-howto__step{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:var(--rb-howto-gap)}.rb-howto__step--flip{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.rb-howto__step--flip .rb-howto__media{order:2}}.rb-howto__media{display:grid;width:100%;max-width:42rem;margin-inline:auto;grid-template-columns:minmax(0,1fr);aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--rb-howto-radius);background-color:rgb(var(--color-foreground-rgb) / var(--opacity-4))}.rb-howto__image{width:100%;height:100%;object-fit:cover;display:block}.rb-howto__placeholder{display:grid;place-items:center;font-family:var(--font-heading--family);font-size:var(--font-size--4xl);color:rgb(var(--color-foreground-rgb) / var(--opacity-40))}.rb-howto__index{margin:0 0 var(--rb-howto-block-sm);font-family:var(--font-body--family);font-size:var(--font-size--xs);letter-spacing:var(--rb-howto-tracking);text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / var(--opacity-60))}.rb-howto__name{margin:0 0 var(--rb-howto-block-sm);padding:0;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:var(--font-size--xl);line-height:1.25;color:var(--color-foreground-heading)}.rb-howto__name-link{color:inherit;text-decoration:none}.rb-howto__name-link:hover{text-decoration:underline;text-underline-offset:.2em}.rb-howto__copy{font-family:var(--font-body--family);font-size:var(--font-size--sm);line-height:1.75;color:rgb(var(--color-foreground-rgb) / var(--opacity-80))}.rb-howto__copy p{margin:0 0 var(--rb-howto-block-sm)}.rb-howto__copy ul,.rb-howto__copy ol{margin:0 0 var(--rb-howto-block-sm);padding-inline-start:1.8rem}.rb-howto__copy ul{list-style:disc}.rb-howto__copy li{margin-block-end:.6rem}.rb-howto__copy li:last-child{margin-block-end:0}.rb-howto__copy p:last-child,.rb-howto__copy ul:last-child,.rb-howto__copy ol:last-child{margin-block-end:0}.rb-howto__copy a{color:inherit;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px;text-decoration-color:rgb(var(--color-foreground-rgb) / var(--opacity-40))}.rb-howto__copy a:hover{text-decoration-color:currentColor}.rb-howto__cta-wrap{margin:var(--rb-howto-block-md) 0 0}.rb-howto__cta{font-family:var(--font-body--family);font-size:var(--font-size--xs);letter-spacing:var(--rb-howto-tracking);text-transform:uppercase;color:var(--color-foreground-heading);text-decoration:none;border-block-end:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-40));padding-block-end:.3rem}.rb-howto__cta:hover{border-block-end-color:rgb(var(--color-foreground-rgb) / var(--opacity-80))}.rb-howto__disclaimer{max-width:72rem;margin:var(--rb-howto-block-lg) auto 0;text-align:center;font-family:var(--font-body--family);font-size:var(--font-size--2xs);line-height:1.7;color:rgb(var(--color-foreground-rgb) / var(--opacity-60))}[dir=rtl] .rb-howto__eyebrow,[dir=rtl] .rb-howto__index,[dir=rtl] .rb-howto__cta{letter-spacing:0;text-transform:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/rb-how-to-use.css.map */