.oddit-section-how-it-works{background-color:#e8ebdc;position:relative;overflow:hidden;width:100%}.oddit-section-how-it-works__inner{display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px 0;position:relative;z-index:1}.oddit-section-how-it-works__decorative-left,.oddit-section-how-it-works__decorative-right{display:none}.oddit-section-how-it-works__header{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;color:#6a0c0c;width:100%;max-width:328px;padding:0 16px;box-sizing:border-box}.oddit-section-how-it-works__eyebrow{font-family:Helvetica,Arial,sans-serif;font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:.52px;line-height:normal;color:#6a0c0c}.oddit-section-how-it-works__heading{font-family:Kaisei Decol,serif;font-size:28px;font-weight:400;line-height:1.2;letter-spacing:-.56px;color:#6a0c0c;margin:0}.oddit-section-how-it-works__description{font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.4;color:#6a0c0c;margin:2px 0 0;max-width:306px}.oddit-section-how-it-works__steps-wrapper{position:relative;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory}.oddit-section-how-it-works__steps-wrapper::-webkit-scrollbar{display:none}.oddit-section-how-it-works__steps{display:flex;gap:12px;padding:0 calc(50vw - 140px);width:max-content}.oddit-section-how-it-works__step{display:flex;flex-direction:column;gap:16px;align-items:center;flex-shrink:0;width:280px;scroll-snap-align:center}.oddit-section-how-it-works__step-image-wrapper{width:100%;border-radius:8px;overflow:hidden;aspect-ratio:280 / 400}.oddit-section-how-it-works__step-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}.oddit-section-how-it-works__step-content{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.oddit-section-how-it-works__step-number-wrapper{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.oddit-section-how-it-works__step-number{font-family:Sacramento,cursive;font-size:20px;font-weight:400;color:#6a0c0c;letter-spacing:-.2px;text-align:center;line-height:1;position:relative;z-index:1;margin-top:4px}.oddit-section-how-it-works__step-circle{position:absolute;top:0;left:0;width:40px;height:40px}.oddit-section-how-it-works__step-title{font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.56px;line-height:1.4;color:#6a0c0c;text-align:center;margin:0;width:100%}.oddit-section-how-it-works__step-description{font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.7;color:#6a0c0c;text-align:center;margin:-8px 0 0;width:100%}.oddit-section-how-it-works__step-title+.oddit-section-how-it-works__step-description{margin-top:-8px}.oddit-section-how-it-works__dots{display:flex;align-items:center;justify-content:center;gap:8px}.oddit-section-how-it-works__dot{width:10px;height:10px;border-radius:50%;border:1px solid #6a0c0c;background:#fff;padding:0;cursor:pointer;transition:background-color .3s ease}.oddit-section-how-it-works__dot--active{background-color:#6a0c0c}@media(min-width:990px){.oddit-section-how-it-works{overflow:clip}.oddit-section-how-it-works__inner{padding:80px 48px;gap:0;max-width:1440px;margin:0 auto}.oddit-section-how-it-works__decorative-left,.oddit-section-how-it-works__decorative-right{display:block;position:absolute;z-index:2;pointer-events:none}.oddit-section-how-it-works__decorative-left{width:clamp(120px,14.3vw,206px);height:clamp(120px,14.3vw,206px);top:-100px;left:-140px}.oddit-section-how-it-works__decorative-right{width:clamp(100px,12.8vw,184px);height:clamp(100px,12.8vw,184px);bottom:120px;right:-140px;top:auto}.oddit-section-how-it-works__header{gap:16px;max-width:1344px;padding:0}.oddit-section-how-it-works__heading{font-size:clamp(28px,2vw + 14px,42px);letter-spacing:-.84px}.oddit-section-how-it-works__description{font-size:15px;max-width:none;margin-top:8px}.oddit-section-how-it-works__steps-wrapper{overflow:visible;margin-top:40px;display:flex;justify-content:center}.oddit-section-how-it-works__steps-region{position:relative;display:inline-flex}.oddit-section-how-it-works__steps{display:flex;gap:40px;padding:0}.oddit-section-how-it-works__step{flex:0 1 304px;max-width:304px;min-width:0;scroll-snap-align:none;width:auto}.oddit-section-how-it-works__step-image-wrapper{aspect-ratio:304 / 400}.oddit-section-how-it-works__step-content{gap:12px}.oddit-section-how-it-works__step-description{max-width:270px;margin-left:auto;margin-right:auto}.oddit-section-how-it-works__dots{display:none}}@media(min-width:750px)and (max-width:989px){.oddit-section-how-it-works__inner{padding:60px 32px}.oddit-section-how-it-works__header{max-width:600px}.oddit-section-how-it-works__heading{font-size:36px;letter-spacing:-.72px}.oddit-section-how-it-works__steps{gap:20px;padding:0 32px}.oddit-section-how-it-works__step{width:260px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/oddit-section-how-it-works.css.map */