.oddit-section-how-it-works,.oddit-section-how-it-works *,.oddit-section-how-it-works *:before,.oddit-section-how-it-works *:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.oddit-section-how-it-works{position:relative;display:flow-root;background-color:transparent;font-family:Stratum2,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:normal;color:#fff;overflow-x:clip;padding-bottom:3.125rem;--oddit-how-it-works-gutter: 1rem}.oddit-section-how-it-works :where(h2,h3,p){margin:0;font-weight:inherit;text-transform:none}.oddit-section-how-it-works :where(img){display:block;max-width:100%}.oddit-section-how-it-works :where(button){font-family:inherit;background:none;border:0;padding:0;margin:0;color:inherit;-webkit-appearance:none;appearance:none;cursor:pointer}.oddit-section-how-it-works__background{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0;background-color:#121110}.oddit-section-how-it-works__bg-image{width:100%;height:100%;object-fit:cover}.oddit-section-how-it-works .oddit-section-how-it-works__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:block}.oddit-section-how-it-works__deco-desktop{display:none}.oddit-section-how-it-works__deco-mobile{position:relative;z-index:1;height:15.25rem}.oddit-section-how-it-works__deco-img-mobile{position:absolute;left:calc(50% - 8.75rem);top:-4.3125rem;width:17.5rem;height:19.5625rem;overflow:hidden}.oddit-section-how-it-works__deco-img{width:100%;height:100%;object-fit:cover}.oddit-section-how-it-works__content{position:relative;z-index:2;width:20.5rem;max-width:calc(100% - 2 * var(--oddit-how-it-works-gutter));margin:3.280625rem auto 0;display:flex;flex-direction:column;gap:1.5rem}.oddit-section-how-it-works__header{display:flex;flex-direction:column;gap:1.25rem}.oddit-section-how-it-works__eyebrow{font-family:Stratum2,sans-serif;font-weight:500;font-size:.875rem;letter-spacing:.105rem;text-transform:uppercase;color:#aa7d51;line-height:normal;text-box:trim-both cap alphabetic}.oddit-section-how-it-works__heading{font-family:Evanston Alehouse,serif;font-weight:500;font-size:1.875rem;letter-spacing:0;line-height:.95;color:#fff;text-box:trim-both cap alphabetic}.oddit-section-how-it-works__body{font-family:Stratum2,sans-serif;font-weight:400;font-size:1rem;letter-spacing:0;line-height:1.5;color:#fff;text-box:trim-both cap alphabetic}.oddit-section-how-it-works__body strong{font-weight:500}.oddit-section-how-it-works__stats{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-content:center;width:20.5rem;max-width:calc(100% - 2 * var(--oddit-how-it-works-gutter));margin:2.5rem auto 0;text-align:center;color:#fff}.oddit-section-how-it-works .oddit-section-how-it-works__stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.875rem;width:10.25rem;height:7.5rem;padding:0 .875rem}.oddit-section-how-it-works__stat--border-right{border-right:.5px solid #FFFFFF}.oddit-section-how-it-works__stat--border-bottom{border-bottom:.5px solid #FFFFFF}.oddit-section-how-it-works__stat-value{font-family:Historical,serif;font-weight:400;font-size:2rem;letter-spacing:0;line-height:1.1;color:#fff;text-box:trim-both cap alphabetic}.oddit-section-how-it-works__stat-label{font-family:Stratum2,sans-serif;font-weight:500;font-size:.75rem;letter-spacing:.06rem;text-transform:uppercase;color:#fff;line-height:normal;text-box:trim-both cap alphabetic}.oddit-section-how-it-works__numbers{position:absolute;z-index:1;display:flex;align-items:flex-start;gap:11.596875rem;left:-4rem;top:49.605rem;white-space:nowrap;pointer-events:none}.oddit-section-how-it-works .oddit-section-how-it-works__number{font-family:Historical,serif;font-weight:400;font-size:17.8rem;letter-spacing:0;line-height:.9;color:#fff;opacity:.08;display:block;text-box:trim-both cap alphabetic}.oddit-section-how-it-works__cards{position:relative;z-index:2;display:flex;gap:.875rem;width:100vw;margin-inline:calc(50% - 50vw);margin-top:2.478125rem;padding-inline:var(--oddit-how-it-works-gutter);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--oddit-how-it-works-gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none}.oddit-section-how-it-works__cards::-webkit-scrollbar{display:none}.oddit-section-how-it-works__card{flex:0 0 18.75rem;display:flex;flex-direction:column;gap:1.5rem;scroll-snap-align:start}.oddit-section-how-it-works__card:last-child{scroll-snap-align:end}.oddit-section-how-it-works__card-image{position:relative;overflow:hidden;aspect-ratio:300 / 351;width:100%}.oddit-section-how-it-works__card-img{width:100%;height:100%;object-fit:cover}.oddit-section-how-it-works__card-body{display:flex;flex-direction:column;justify-content:center;gap:1rem;color:#fff}.oddit-section-how-it-works__card-title{font-family:Evanston Alehouse,serif;font-weight:500;font-size:1.25rem;letter-spacing:0;line-height:.95;color:#fff;white-space:nowrap;text-box:trim-both cap alphabetic}.oddit-section-how-it-works__card-desc{font-family:Stratum2,sans-serif;font-weight:400;font-size:1rem;letter-spacing:0;line-height:1.5;color:#fff;text-box:trim-both cap alphabetic}.oddit-section-how-it-works__carousel-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:2.024375rem}.oddit-section-how-it-works .oddit-section-how-it-works__arrow{display:flex;align-items:center;justify-content:center;color:#aa7d51}.oddit-section-how-it-works__arrow:not(:disabled):hover,.oddit-section-how-it-works__arrow:not(:disabled):active{opacity:.7}.oddit-section-how-it-works .oddit-section-how-it-works__arrow:disabled{opacity:.5;cursor:default}.oddit-section-how-it-works__arrow svg{display:block;width:1.6875rem;height:1.125rem}.oddit-section-how-it-works__arrow--prev svg{transform:scaleX(-1)}.oddit-section-how-it-works__dots{display:flex;align-items:center;gap:.25rem}.oddit-section-how-it-works .oddit-section-how-it-works__dot{position:relative;display:block;width:1rem;height:1rem;border:0;border-radius:0;background:transparent;opacity:.4;transition:opacity .3s ease}.oddit-section-how-it-works__dot:before{content:"";position:absolute;left:50%;top:50%;width:.42425rem;height:.42425rem;margin:-.212125rem 0 0 -.212125rem;background:#fbf6ec;transform:rotate(45deg);transition:background-color .3s ease}.oddit-section-how-it-works__dot:after{content:"";position:absolute;left:50%;top:50%;width:.6758125rem;height:.6758125rem;margin:-.3379063rem 0 0 -.3379063rem;border:.5px solid #FFFFFF;transform:rotate(45deg);opacity:0;transition:opacity .3s ease}.oddit-section-how-it-works__dot:hover,.oddit-section-how-it-works__dot:active{opacity:.7}.oddit-section-how-it-works .oddit-section-how-it-works__dot--active{opacity:1}.oddit-section-how-it-works__dot--active:before{background:#aa7d51}.oddit-section-how-it-works__dot--active:after{opacity:1}@media(min-width:990px){.oddit-section-how-it-works{padding-bottom:7.531875rem}.oddit-section-how-it-works__deco-mobile{display:none}.oddit-section-how-it-works__deco-desktop{display:block;position:relative;z-index:1;height:17.75rem}.oddit-section-how-it-works__deco-img-1{position:absolute;left:calc(50% - 27.8125rem);top:-13.1875rem;width:30.618rem;height:23.8554375rem;overflow:hidden}.oddit-section-how-it-works__deco-img-2{position:absolute;left:calc(50% - 2.83875rem);top:-6.105625rem;width:30.618rem;height:23.8554375rem;overflow:hidden}.oddit-section-how-it-works__content{width:43.25rem;max-width:calc(100% - 5rem);margin-top:6.25rem;text-align:center;gap:2.8125rem}.oddit-section-how-it-works__header{gap:1.875rem}.oddit-section-how-it-works__eyebrow{font-size:1.125rem;letter-spacing:.135rem}.oddit-section-how-it-works__heading{font-size:3.5rem;line-height:.9}.oddit-section-how-it-works__body{font-size:1.25rem;line-height:1.6}.oddit-section-how-it-works__stats{display:none}.oddit-section-how-it-works__numbers{left:calc(50% - 51.4375rem);top:53.75rem;gap:13.125rem}.oddit-section-how-it-works .oddit-section-how-it-works__number{font-size:25rem}.oddit-section-how-it-works__cards{width:73.75rem;max-width:calc(100% - 5rem);justify-content:center;gap:3.125rem;margin-inline:auto;margin-top:6.693125rem;padding-inline:0;overflow:visible;scroll-snap-type:none}.oddit-section-how-it-works__card,.oddit-section-how-it-works__card:last-child{flex:1 1 0%;max-width:22.5rem;gap:2rem;scroll-snap-align:none}.oddit-section-how-it-works__card-image{aspect-ratio:342 / 400}.oddit-section-how-it-works__card-body{gap:1.625rem}.oddit-section-how-it-works__card-title{font-size:2.25rem}.oddit-section-how-it-works__card-desc{font-size:1.25rem;line-height:1.6}.oddit-section-how-it-works__carousel-nav{display:none}}@media(max-width:989px){.oddit-section-how-it-works--no-top-media-mobile .oddit-section-how-it-works__numbers{top:34.355rem}}@media(min-width:990px){.oddit-section-how-it-works--no-top-media-desktop .oddit-section-how-it-works__numbers{top:36rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/oddit-section-how-it-works.css.map */