.how-to-use__wrapper{display:flex;align-items:center;gap:8rem;padding:5rem;background-color:rgb(var(--color-background));border-radius:2rem}@media screen and (max-width: 989px){.how-to-use__wrapper{flex-direction:column;gap:0;padding:2.4rem}}.how-to-use__slider{flex-shrink:0;width:60%;overflow:hidden;position:relative}@media screen and (max-width: 989px){.how-to-use__slider{width:100%}}.how-to-use__slides{display:flex;transition:transform .5s ease-in-out}.how-to-use__slide{flex:0 0 100%;width:100%;position:relative;margin-bottom:1.6rem}.how-to-use__slider-control{position:absolute;bottom:5rem;top:auto;right:2.4rem;width:4.2rem;height:4.2rem;display:flex;align-items:center;justify-content:center;border-radius:100%;border:2px solid rgb(var(--color-background));color:rgb(var(--color-background));background-color:transparent;cursor:pointer}@media screen and (max-width: 580px){.how-to-use__slider-control{bottom:auto;top:1.6rem;right:1.6rem;width:3.4rem;height:3.4rem}}.how-to-use__slider-control svg{width:1.8rem;height:1.8rem}@media screen and (max-width: 580px){.how-to-use__slider-control svg{width:1.2rem;height:1.2rem}}.how-to-use__progress{display:flex;gap:1.6rem}.how-to-use__progress-bar{width:100%;height:1rem;background-color:rgba(var(--color-button),.3);border-radius:1rem}.how-to-use__progress-bar-fill{background-color:rgb(var(--color-button));width:0%;max-width:100%;height:1rem;border-radius:1rem}.how-to-use__slide-media{position:relative;width:100%;height:auto;aspect-ratio:16/9}.how-to-use__slide-image,.how-to-use__slide-video{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:1rem}.how-to-use__slide-content{position:absolute;bottom:0;left:0;width:100%;padding:2.4rem 8rem 2rem 2.4rem;border-radius:0 0 1rem 1rem;background:linear-gradient(180deg,#80285d00,#000);display:flex;align-items:center;gap:1.6rem;color:rgba(var(--color-background),1)}@media screen and (max-width: 580px){.how-to-use__slide-content{padding:2.4rem 2.4rem 2rem}}.how-to-use__slide-content strong{font-size:4.8rem;font-weight:700;font-family:var(--font-heading-family);line-height:100%;color:rgba(var(--color-background),.5)}@media screen and (max-width: 989px){.how-to-use__steps{width:100%;order:-1;padding:3rem}}@media screen and (max-width: 580px){.how-to-use__steps{padding:1rem}}.how-to-use__steps-title{font-size:2.4rem;color:rgb(var(--color-button));text-transform:lowercase;font-weight:700;margin:0 0 2rem}.how-to-use__step{display:flex;align-items:center;gap:1.6rem;margin-bottom:1.6rem}.how-to-use__step-icon{flex-shrink:0}.how-to-use__step-content{line-height:150%}.how-to-use__step-content strong{color:rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-how-to-use.css.map */