.oddit-section-how-it-works{position:relative;background-color:#48533e;overflow:hidden;-webkit-tap-highlight-color:transparent}.oddit-section-how-it-works :where(a),.oddit-section-how-it-works :where(button){-webkit-tap-highlight-color:transparent}.oddit-section-how-it-works__texture-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-color:#48533e}.oddit-section-how-it-works__texture{display:block;width:100%;height:100%;object-fit:cover}.oddit-section-how-it-works__container{position:relative;z-index:1;box-sizing:border-box;width:100%;max-width:1296px;margin-inline:auto;padding:32px 16px;display:flex;flex-direction:column;align-items:center;gap:24px}.oddit-section-how-it-works__heading{font-family:"Generation 1970",serif;font-size:31px;font-weight:400;line-height:1.2;color:#f1e6c8;text-align:center;margin:0;width:100%}.oddit-section-how-it-works__steps{width:100%;display:flex;flex-direction:column;gap:16px}.oddit-section-how-it-works__step{background-color:#f9f7f1;border-radius:8px;overflow:hidden;position:relative;width:100%;text-decoration:none}.oddit-section-how-it-works__step--current{background-color:#f1e6c8;display:flex;flex-direction:column}.oddit-section-how-it-works__step--current .oddit-section-how-it-works__body{order:1}.oddit-section-how-it-works__step--current .oddit-section-how-it-works__media{order:2}.oddit-section-how-it-works__body{display:flex;flex-direction:column;gap:16px;padding:16px}.oddit-section-how-it-works__title-wrap{margin:0;width:100%}.oddit-section-how-it-works__header{display:flex;align-items:center;gap:16px;width:100%;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.oddit-section-how-it-works__header:focus-visible{outline:2px solid #4e614b;outline-offset:4px;border-radius:8px}.oddit-section-how-it-works__media{display:none;margin:0 16px 16px;aspect-ratio:4 / 3;border-radius:8px;overflow:hidden;position:relative}.oddit-section-how-it-works__step--current .oddit-section-how-it-works__media{display:block;margin:0 16px 16px}.oddit-section-how-it-works__media-img{display:block;width:100%;height:100%;object-fit:cover}.oddit-section-how-it-works__badge{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box}.oddit-section-how-it-works__badge-coin{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.oddit-section-how-it-works__badge-coin rect{fill:transparent}.oddit-section-how-it-works__badge-coin path{fill:#4e614b}.oddit-section-how-it-works__step--current .oddit-section-how-it-works__badge-coin rect{fill:#4e614b}.oddit-section-how-it-works__step--current .oddit-section-how-it-works__badge-coin path{fill:#f1e6c8}.oddit-section-how-it-works__number{position:relative;z-index:1;font-family:"Generation 1970",serif;font-size:26px;font-weight:400;line-height:1;color:#4e614b;display:inline-block;text-box:trim-both cap alphabetic}.oddit-section-how-it-works__step--current .oddit-section-how-it-works__number{color:#fdb234}.oddit-section-how-it-works__title{font-family:Mynerve,cursive;font-size:26px;font-weight:400;line-height:1.2;color:#4e614b;text-align:left;margin:0;min-width:0}.oddit-section-how-it-works__description{font-family:Nunito Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#272727;text-align:left;margin:0;display:none}.oddit-section-how-it-works__step--current .oddit-section-how-it-works__description{display:block}.oddit-section-how-it-works__description p{margin:0}.oddit-section-how-it-works__description p+p{margin-top:1em}.oddit-section-how-it-works__cta{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;background-color:#de4726;color:#f9f7f1;border-radius:999px;text-decoration:none;font-family:"Generation 1970",serif;font-size:18px;font-weight:400;line-height:1;text-align:center;width:100%;transition:background-color .2s ease;cursor:pointer;border:none}.oddit-section-how-it-works__cta:hover{background-color:#de4726e6}.oddit-section-how-it-works__cta:focus-visible{outline:2px solid #f1e6c8;outline-offset:2px}.oddit-section-how-it-works__cta-label{display:inline-block;text-box:trim-both cap alphabetic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:750px){.oddit-section-how-it-works__container{gap:32px;padding:56px 32px}.oddit-section-how-it-works__heading{font-size:38px}}@media(min-width:990px){.oddit-section-how-it-works__container{gap:48px;max-width:1440px;padding:72px}.oddit-section-how-it-works__heading{font-size:45px;max-width:856px}.oddit-section-how-it-works__steps{flex-direction:row;align-items:stretch;gap:24px}.oddit-section-how-it-works__step,.oddit-section-how-it-works__step--current{background-color:#f9f7f1;flex:1 1 0;min-width:0;display:flex;flex-direction:column}.oddit-section-how-it-works__step--current .oddit-section-how-it-works__body,.oddit-section-how-it-works__step--current .oddit-section-how-it-works__media{order:initial}.oddit-section-how-it-works__media{display:block;margin:0;aspect-ratio:400 / 300;border-radius:0;width:100%;flex-shrink:0}.oddit-section-how-it-works__step--current .oddit-section-how-it-works__media{margin:0;border-radius:0}.oddit-section-how-it-works__body{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 32px 32px;position:relative;flex:1}.oddit-section-how-it-works__badge,.oddit-section-how-it-works__step--current .oddit-section-how-it-works__badge{position:absolute;top:-36px;left:0;right:0;margin-inline:auto;width:72px;height:72px}.oddit-section-how-it-works__header{display:block;text-align:center;cursor:default}.oddit-section-how-it-works__badge-coin rect,.oddit-section-how-it-works__step--current .oddit-section-how-it-works__badge-coin rect{fill:#fdb234}.oddit-section-how-it-works__badge-coin path,.oddit-section-how-it-works__step--current .oddit-section-how-it-works__badge-coin path{fill:#f1e6c8}.oddit-section-how-it-works__number,.oddit-section-how-it-works__step--current .oddit-section-how-it-works__number{font-size:31px;color:#4e614b}.oddit-section-how-it-works__title{text-align:center;font-size:31px;width:100%}.oddit-section-how-it-works__description,.oddit-section-how-it-works__step--current .oddit-section-how-it-works__description{display:block;text-align:center;font-size:18px;width:100%}.oddit-section-how-it-works__cta{width:auto;min-width:0;align-self:center}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/oddit-section-how-it-works.css.map */