how-to-use-section,.how-to-use-section{display:block!important;position:relative;width:100%;box-sizing:border-box}.how-to-use__grid{display:flex;flex-direction:column;gap:2rem;align-items:stretch}@media screen and (min-width:992px){.how-to-use__grid{flex-direction:row;gap:4rem}.how-to-use__grid--image-right{flex-direction:row-reverse}}.how-to-use__media-col{width:100%;position:relative;box-sizing:border-box}@media screen and (min-width:992px){.how-to-use__media-col{flex:1 1 0%;min-width:0;width:auto}}.how-to-use__media-wrapper{position:relative;width:100%;border-radius:var(--how-to-use-radius, 8px);border:var(--how-to-use-img-border-width, 0px) solid var(--how-to-use-img-border-color, transparent);overflow:hidden;background-color:#00000008;box-sizing:border-box}.how-to-use__media-wrapper.aspect-square{aspect-ratio:1 / 1}.how-to-use__media-wrapper.aspect-portrait{aspect-ratio:4 / 5}.how-to-use__media-wrapper.aspect-landscape{aspect-ratio:4 / 3}.how-to-use__media-wrapper.aspect-auto{min-height:350px;height:100%}.how-to-use__image-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .5s cubic-bezier(.25,1,.5,1),transform .5s cubic-bezier(.25,1,.5,1);transform:scale(1.02);object-fit:cover;pointer-events:none}.how-to-use__image-slide.is-active{opacity:1;visibility:visible;transform:scale(1);z-index:2}.how-to-use__image-slide img,.how-to-use__image-slide svg{width:100%;height:100%;object-fit:cover;display:block}.how-to-use__content-col{width:100%;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}@media screen and (min-width:992px){.how-to-use__content-col{flex:1 1 0%;min-width:0;width:auto}}.how-to-use__header{margin-bottom:.8rem}.how-to-use__subtitle{display:inline-block;font-size:var(--how-to-use-subtitle-size-m, 12px);text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:var(--color-text, #4b5563);margin-bottom:.5rem}.how-to-use__subtitle--badge{display:inline-flex!important;align-items:center;justify-content:center;padding:.4rem .9rem;border-radius:var(--how-to-use-subtitle-radius, 30px);background-color:var(--how-to-use-subtitle-bg, #f3f4f6);color:var(--how-to-use-subtitle-color, #111111);border:1px solid var(--how-to-use-subtitle-border, #e5e7eb);margin-bottom:.75rem;width:max-content}@media screen and (min-width:768px){.how-to-use__subtitle{font-size:var(--how-to-use-subtitle-size-d, 13px)}}.how-to-use__title{font-size:var(--how-to-use-title-size-m, 28px);font-weight:400;line-height:1.2;color:var(--color-heading, #111111);margin-top:0;margin-bottom:.75rem}@media screen and (min-width:768px){.how-to-use__title{font-size:var(--how-to-use-title-size-d, 38px)}}.how-to-use__description,.how-to-use__description p{font-size:var(--how-to-use-desc-size-m, 14px);color:var(--color-text, #4b5563);line-height:1.5;margin:0}@media screen and (min-width:768px){.how-to-use__description,.how-to-use__description p{font-size:var(--how-to-use-desc-size-d, 15px)}}.how-to-use__steps{display:flex;flex-direction:column;border-top:1px solid var(--how-to-use-border-color, rgba(0, 0, 0, .12))}.how-to-use__step-item{border-bottom:1px solid var(--how-to-use-border-color, rgba(0, 0, 0, .12));transition:border-color .3s ease,background-color .3s ease;position:relative;cursor:pointer}.how-to-use__step-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 0;-webkit-user-select:none;user-select:none;background:none;border:none;width:100%;text-align:left;font-family:inherit;color:inherit;cursor:pointer;outline:none}.how-to-use__step-number{font-size:var(--how-to-use-step-title-size-m, 16px);font-weight:400;font-style:italic;opacity:.7;min-width:2.2rem;color:var(--color-heading, #111111);transition:opacity .3s ease,color .3s ease}.how-to-use__step-name{font-size:var(--how-to-use-step-title-size-m, 18px);font-weight:400;color:var(--color-heading, #111111);margin:0;flex:1;transition:font-weight .3s ease,color .3s ease}@media screen and (min-width:768px){.how-to-use__step-number,.how-to-use__step-name{font-size:var(--how-to-use-step-title-size-d, 22px)}}.how-to-use__step-body-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.16,1,.3,1)}.how-to-use__step-body{overflow:hidden}.how-to-use__step-content{padding-bottom:1.5rem;padding-left:3.2rem;opacity:0;transform:translateY(-6px);transition:opacity .35s ease .05s,transform .35s ease .05s}@media screen and (max-width:767px){.how-to-use__step-content{padding-left:0}}.how-to-use__step-item.is-active .how-to-use__step-body-wrapper{grid-template-rows:1fr}.how-to-use__step-item.is-active .how-to-use__step-content{opacity:1;transform:translateY(0)}.how-to-use__step-item.is-active .how-to-use__step-number{opacity:1;font-weight:600}.how-to-use__step-item.is-active .how-to-use__step-name{font-weight:500}.how-to-use__step-item.is-active{border-bottom-color:var(--how-to-use-active-border-color, var(--color-heading, #111111))}.how-to-use__step-heading{font-size:var(--how-to-use-step-heading-size-m, 15px);font-weight:700;color:var(--color-heading, #111111);margin-top:0;margin-bottom:.5rem}@media screen and (min-width:768px){.how-to-use__step-heading{font-size:var(--how-to-use-step-heading-size-d, 16px)}}.how-to-use__step-desc,.how-to-use__step-desc p{font-size:var(--how-to-use-step-desc-size-m, 13px);line-height:1.55;color:var(--color-text, #4b5563);margin-top:0;margin-bottom:.75rem}@media screen and (min-width:768px){.how-to-use__step-desc,.how-to-use__step-desc p{font-size:var(--how-to-use-step-desc-size-d, 14px)}}.how-to-use__step-tip{font-size:13px;line-height:1.5;color:var(--color-text, #4b5563);opacity:.9;margin-top:.5rem;margin-bottom:0}.how-to-use__step-tip strong{font-weight:600;color:var(--color-heading, #111111)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-how-to-use.css.map */