.how-to-use{--section-vw: calc(min(100vw, 1920px) / 1440 * var(--ui-scale));display:flex;flex-direction:column;gap:max(1.25rem,calc(28 * var(--section-vw)));width:100%}.how-to-use__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:max(.875rem,calc(20 * var(--section-vw)))}.how-to-use__intro{display:flex;flex-direction:column;gap:max(.6125rem,calc(14 * var(--section-vw)))}.how-to-use__eyebrow{display:flex;align-items:center;gap:max(.4375rem,calc(10 * var(--section-vw)));margin:0;color:#7f8870;font-family:var(--font-subheading--family);font-size:max(.6875rem,calc(12 * var(--section-vw)));letter-spacing:.16em;text-transform:uppercase}.how-to-use__eyebrow-icon{display:grid;place-items:center;width:max(1.4rem,calc(32 * var(--section-vw)));height:max(1.4rem,calc(32 * var(--section-vw)));border-radius:50%;background:#fff}.how-to-use__heading{margin:0;color:#1f1f1f;font-family:var(--font-kamerik--family);font-size:max(2.125rem,calc(40 * var(--section-vw)));font-weight:400;letter-spacing:-.02em;line-height:1.2}.how-to-use__meta{display:flex;margin:0;padding:max(.2625rem,calc(6 * var(--section-vw)));border-radius:.875rem;background:#fff}.how-to-use__meta-item{display:flex;flex-direction:column;align-items:center;gap:.1875rem;padding:max(.4375rem,calc(10 * var(--section-vw))) max(.875rem,calc(20 * var(--section-vw)))}.how-to-use__meta-item+.how-to-use__meta-item{border-inline-start:1px solid #ede6dc}.how-to-use__meta dt{color:#8a8580;font-family:var(--font-kamerik--family);font-size:max(.6875rem,calc(11 * var(--section-vw)));letter-spacing:.08em;text-transform:uppercase;text-align:center}.how-to-use__meta dd{margin:0;color:#1f1f1f;font-family:var(--font-subheading--family);font-size:max(.7438rem,calc(14 * var(--section-vw)));font-weight:600;text-align:center}.how-to-use__steps{display:flex;flex-direction:row;gap:max(.75rem,calc(12 * var(--section-vw)));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.how-to-use__steps::-webkit-scrollbar{display:none}.how-to-use__dots{display:flex;justify-content:center;gap:.5rem}.how-to-use__dot{width:.5rem;height:.5rem;padding:0;border:0;border-radius:50%;background:#e3d6c5;transition:background-color .2s,width .2s}.how-to-use__dot[aria-current=true]{width:1.25rem;border-radius:.25rem;background:#7f8870}.how-to-use__step{position:relative;display:flex;flex:0 0 min(82%,20rem);scroll-snap-align:start;flex-direction:column;align-items:flex-start;gap:max(.6125rem,calc(14 * var(--section-vw)));min-width:0;padding:max(1.25rem,calc(28 * var(--section-vw)));border-radius:1rem;background:#fff}.how-to-use__step-number{display:grid;place-items:center;width:max(1.75rem,calc(40 * var(--section-vw)));height:max(1.75rem,calc(40 * var(--section-vw)));border-radius:50%;background:#7f8870;color:#fff;font-size:max(.7969rem,calc(15 * var(--section-vw)));font-weight:500}.how-to-use__step-title{margin:0;color:#1f1f1f;font-family:var(--font-kamerik--family);font-size:max(1.275rem,calc(24 * var(--section-vw)));line-height:normal}.how-to-use__step-text{margin:0;color:#5c5751;font-family:var(--font-subheading--family);font-size:max(.7438rem,calc(14 * var(--section-vw)));line-height:1.6}.how-to-use__tip{display:flex;flex-wrap:wrap;align-items:center;gap:max(.525rem,calc(12 * var(--section-vw)));margin:0;padding:max(.6125rem,calc(14 * var(--section-vw))) max(.875rem,calc(20 * var(--section-vw)));border-radius:.75rem;background:#eef0e8;color:#3f4535;font-family:var(--font-kamerik--family);font-size:max(.7438rem,calc(14 * var(--section-vw)));line-height:normal}.how-to-use__tip-label{padding:.25rem max(.4375rem,calc(10 * var(--section-vw)));border-radius:62.4375rem;background:#7f8870;color:#fff;font-size:max(.6875rem,calc(11 * var(--section-vw)));font-weight:500}@media(min-width:60em){.how-to-use__dots{display:none}.how-to-use{gap:calc(28 * var(--section-vw))}.how-to-use__header{gap:calc(20 * var(--section-vw))}.how-to-use__intro{gap:calc(14 * var(--section-vw))}.how-to-use__eyebrow{gap:calc(10 * var(--section-vw));font-size:calc(12 * var(--section-vw))}.how-to-use__eyebrow-icon{width:calc(32 * var(--section-vw));height:calc(32 * var(--section-vw))}.how-to-use__eyebrow-icon img{width:calc(18 * var(--section-vw));height:calc(18 * var(--section-vw))}.how-to-use__heading{font-size:calc(40 * var(--section-vw))}.how-to-use__meta{padding:calc(6 * var(--section-vw));border-radius:calc(14 * var(--section-vw))}.how-to-use__meta-item{gap:calc(3 * var(--section-vw));padding:calc(10 * var(--section-vw)) calc(20 * var(--section-vw))}.how-to-use__meta dt{font-size:calc(11 * var(--section-vw))}.how-to-use__meta dd{font-size:calc(14 * var(--section-vw))}.how-to-use__steps{overflow:visible;align-items:stretch;gap:calc(44 * var(--section-vw))}.how-to-use__step{flex:1 1 0;gap:calc(14 * var(--section-vw));padding:calc(26 * var(--section-vw)) calc(28 * var(--section-vw)) calc(28 * var(--section-vw));border-radius:calc(16 * var(--section-vw))}.how-to-use__step-number{width:calc(40 * var(--section-vw));height:calc(40 * var(--section-vw));font-size:calc(15 * var(--section-vw))}.how-to-use__step-title{font-size:calc(24 * var(--section-vw))}.how-to-use__step-text{font-size:calc(14 * var(--section-vw))}.how-to-use__step+.how-to-use__step:before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:calc(-36 * var(--section-vw));display:grid;place-items:center;width:calc(28 * var(--section-vw));height:calc(28 * var(--section-vw));transform:translateY(-50%);border:1px solid #e3d6c5;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8' fill='none' stroke='%237f8870' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M.8 4h8.4M5.6.9 9.2 4 5.6 7.1'/%3E%3C/svg%3E") center calc(50% + 1.2 * var(--section-vw)) / calc(9 * var(--section-vw)) calc(7.2 * var(--section-vw)) no-repeat #fff}.how-to-use__tip{gap:calc(12 * var(--section-vw));padding:calc(14 * var(--section-vw)) calc(20 * var(--section-vw));border-radius:calc(12 * var(--section-vw));font-size:calc(14 * var(--section-vw))}.how-to-use__tip-label{padding:calc(4 * var(--section-vw)) calc(10 * var(--section-vw));font-size:calc(11 * var(--section-vw))}}@media(max-width:749px){.how-to-use__meta{width:100%;box-sizing:border-box}.how-to-use__meta-item{flex:1 1 0;align-items:center;padding-inline:.5rem;text-align:center}}@media(max-width:749px){.how-to-use__tip{flex-wrap:nowrap;gap:.7rem;padding:.9rem 1.25rem;border-radius:.765rem;background:#edf0e6;color:#52584c}.how-to-use__tip-label{flex:none;padding:.2rem .675rem;background:#858d77;font-size:.675rem;font-weight:600;white-space:nowrap}}@media(max-width:749px){.how-to-use__heading{font-size:calc(max(2.125rem,calc(40 * var(--section-vw)))*.7)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/how-to-use.css.map */