.oddit-section-how-it-works{--oddit-how-it-works-gutter: 16px;width:100%;background-color:#fff;font-family:Futura PT,sans-serif;color:#000;box-sizing:border-box;-webkit-tap-highlight-color:transparent;padding:35px 16px;overflow-x:hidden}.oddit-section-how-it-works *,.oddit-section-how-it-works *:before,.oddit-section-how-it-works *:after{box-sizing:border-box}.oddit-section-how-it-works__inner{max-width:1440px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:35px}.oddit-section-how-it-works__header{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;width:100%;max-width:320px}.oddit-section-how-it-works__heading{font-family:Futura PT,sans-serif;font-size:28px;font-weight:600;line-height:1;letter-spacing:.01em;color:#000;text-transform:capitalize;margin:0;text-box:trim-both cap alphabetic}.oddit-section-how-it-works__subheading{font-family:Futura PT,sans-serif;font-size:20px;font-weight:400;line-height:1.5;letter-spacing:.01em;color:#040404;margin:0;text-box:trim-both cap alphabetic}.oddit-section-how-it-works__subheading>*{margin:0}.oddit-section-how-it-works__steps-wrapper{width:100vw;margin-inline:calc(50% - 50vw);padding-block:8px;padding-inline:var(--oddit-how-it-works-gutter);scroll-padding-inline:var(--oddit-how-it-works-gutter);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.oddit-section-how-it-works__steps-wrapper::-webkit-scrollbar{display:none}.oddit-section-how-it-works__steps{display:flex;gap:8px;width:max-content}.oddit-section-how-it-works__step{display:flex;flex-direction:column;gap:22px;width:261px;flex-shrink:0;scroll-snap-align:start}.oddit-section-how-it-works__step-image-wrap{position:relative;width:100%;aspect-ratio:261 / 330;overflow:hidden;background-color:#f6f1ed}.oddit-section-how-it-works__step-image{display:block;width:100%;height:100%;object-fit:cover}.oddit-section-how-it-works__step-content{display:flex;flex-direction:column;gap:20px;width:100%}.oddit-section-how-it-works__step-eyebrow{font-family:Futura PT,sans-serif;font-size:15px;font-weight:500;line-height:1;letter-spacing:.08em;color:#6a6a6a;text-transform:uppercase;margin:0;text-box:trim-both cap alphabetic}.oddit-section-how-it-works__step-title{font-family:Futura PT,sans-serif;font-size:24px;font-weight:600;line-height:1.1;letter-spacing:.01em;color:#000;text-transform:capitalize;margin:0;white-space:nowrap;text-box:trim-both cap alphabetic}.oddit-section-how-it-works__step-description{font-family:Futura PT,sans-serif;font-size:20px;font-weight:400;line-height:1.5;letter-spacing:.01em;color:#040404;margin:0;text-box:trim-both cap alphabetic}.oddit-section-how-it-works__step-description>*{margin:0}.oddit-section-how-it-works__pagination{display:flex;align-items:center;justify-content:center;gap:48px;width:100%}.oddit-section-how-it-works__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;cursor:pointer;color:#000;transition:opacity .2s ease}.oddit-section-how-it-works__nav-btn:hover{opacity:.6}.oddit-section-how-it-works__nav-btn:focus-visible{outline:2px solid #000000;outline-offset:2px}.oddit-section-how-it-works__nav-btn:disabled{opacity:.3;cursor:not-allowed}.oddit-section-how-it-works__nav-icon{display:block;flex-shrink:0}.oddit-section-how-it-works__nav-btn--prev .oddit-section-how-it-works__nav-icon{transform:scaleX(-1)}.oddit-section-how-it-works__dots{display:inline-flex;align-items:center;gap:8px}.oddit-section-how-it-works .oddit-section-how-it-works__dot{display:inline-flex;align-items:center;justify-content:center;width:6px;height:6px;padding:0;background-color:#0003;border:none;border-radius:50%;cursor:pointer;transition:background-color .2s ease,width .2s ease,height .2s ease}.oddit-section-how-it-works .oddit-section-how-it-works__dot--active{width:7px;height:7px;background-color:#000}.oddit-section-how-it-works__dot:focus-visible{outline:2px solid #000000;outline-offset:2px}.oddit-section-how-it-works__dot>span{display:inline-block;width:0;height:0;font-size:0;line-height:0}@media(min-width:750px){.oddit-section-how-it-works{padding:60px 32px}.oddit-section-how-it-works__inner{gap:40px}.oddit-section-how-it-works__header{gap:28px;max-width:489px}.oddit-section-how-it-works__heading{font-size:36px}.oddit-section-how-it-works__subheading{font-size:20px;line-height:1.6}.oddit-section-how-it-works__steps-wrapper{width:100%;margin-inline:0;padding-inline:0;padding-block:0;overflow:visible;scroll-snap-type:none}.oddit-section-how-it-works__steps{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding:0;width:100%}.oddit-section-how-it-works__step{width:auto;gap:22px}.oddit-section-how-it-works__step-content{gap:22px}.oddit-section-how-it-works__step-eyebrow{font-size:14px}.oddit-section-how-it-works__step-title{font-size:26px;line-height:1}.oddit-section-how-it-works__step-description{font-size:20px;line-height:1.6}.oddit-section-how-it-works__pagination{display:none}}@media(min-width:990px){.oddit-section-how-it-works{padding:80px 50px}.oddit-section-how-it-works__inner{gap:45px}.oddit-section-how-it-works__header{gap:30px;max-width:489px}.oddit-section-how-it-works__heading{font-size:40px;letter-spacing:.01em}.oddit-section-how-it-works__subheading{font-size:20px}.oddit-section-how-it-works__steps{display:flex;grid-template-columns:none;flex-direction:row;gap:30px;width:100%;justify-content:center}.oddit-section-how-it-works__step{flex:1 1 0;min-width:0;max-width:261px;gap:22px}.oddit-section-how-it-works__step-content{gap:24px}.oddit-section-how-it-works__step-eyebrow{font-size:15px}.oddit-section-how-it-works__step-title{font-size:28px;letter-spacing:.01em}.oddit-section-how-it-works__step-description{font-size:20px}}@media(min-width:1440px){.oddit-section-how-it-works__inner{max-width:1440px}}
/*# sourceMappingURL=/cdn/shop/t/307/assets/oddit-section-how-it-works.css.map */