.how-to-use{--ritual-accent: var(--ritual-accent-color);--ritual-highlight: var(--ritual-highlight-color);--ritual-card-bg: var(--ritual-card-bg-color);--ritual-tab-active-bg: var(--ritual-tab-active-bg-color);--ritual-tab-active-text: var(--ritual-tab-active-text-color)}.how-to-use__header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-block-end:3.2rem}.how-to-use__overline{color:rgb(var(--ritual-accent));text-transform:uppercase;letter-spacing:3.08px;line-height:16.5px;font-size:1.1rem;font-weight:600;margin:0 0 16px;font-family:Raleway}.how-to-use__heading{margin:0;line-height:1;letter-spacing:-2.21px;font-family:Raleway;font-weight:600}.how-to-use__heading em{font-style:italic;font-weight:600;color:rgb(var(--ritual-highlight))}.how-to-use__badge{border:.1rem solid rgb(var(--ritual-accent));color:rgb(var(--ritual-accent));display:inline-flex;align-items:center;white-space:nowrap;text-decoration:none;text-transform:uppercase;font-size:1.1rem;letter-spacing:3.08px;line-height:16.5px;font-weight:600;border-radius:0;padding:1.2rem 1.6rem;background:transparent}.how-to-use__badge[hidden]{display:none}.how-to-use__tab-list{display:flex;gap:1rem;margin-block-end:3.2rem;flex-wrap:wrap}.how-to-use__tab{padding:12px 20px;border-radius:2px;border:1px solid rgba(var(--color-foreground),.15);background:transparent;font-size:13px;font-weight:600;line-height:16.5px;letter-spacing:3.08px;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease;font-family:Raleway,sans-serif}.how-to-use__tab[aria-selected=true]{background:rgb(var(--ritual-tab-active-bg));border-color:rgb(var(--ritual-tab-active-bg));color:rgb(var(--ritual-tab-active-text))}.how-to-use__tab:focus-visible{outline:.2rem solid rgb(var(--ritual-accent));outline-offset:.2rem}.how-to-use__panel[hidden]{display:none}.how-to-use__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem}.how-to-use__step{border-radius:1.4rem;overflow:hidden;background:rgb(var(--ritual-card-bg))}.how-to-use__step-media{width:100%;border:none;aspect-ratio:16 / 9;overflow:hidden}.how-to-use__step-media img,.how-to-use__step-media svg,.how-to-use__step-media .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.how-to-use__step-content{padding:20px}.how-to-use__step-number{display:block;margin-block-end:8px;font-size:11px;font-weight:600;letter-spacing:3.08px;line-height:16.5px;font-family:Raleway;text-transform:uppercase;color:rgb(var(--ritual-accent));border:1px solid #415136;border-radius:50%;align-content:center;text-align:center;width:26px;height:26px;background:#415136}.how-to-use__step-title{margin:0 0 .8rem;font-size:24px;line-height:32px;color:#1f2d14;letter-spacing:-.72px;font-weight:600;font-family:Raleway}.how-to-use__step-desc{margin:0;font-size:14px;line-height:22.8px;letter-spacing:0px;opacity:100%;font-family:Georgia,Times New Roman,serif;color:#1f2d14b3}@media screen and (max-width:989px){.how-to-use__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.how-to-use__header{align-items:flex-end}.how-to-use__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/component-how-to-use.css.map */