.oddit-section-how-to-use,.oddit-section-how-to-use *,.oddit-section-how-to-use *:before,.oddit-section-how-to-use *:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.oddit-section-how-to-use :where(h2,h3,p,span,figure,div){margin:0;padding:0}.oddit-section-how-to-use{background-color:#fafcf4;width:100%}.oddit-section-how-to-use__container{display:flex;flex-direction:column;gap:32px;padding:40px 20px;max-width:1252px;margin:0 auto;align-items:flex-start}.oddit-section-how-to-use__media{position:relative;width:100%;aspect-ratio:320 / 326;border-radius:15px;overflow:hidden}.oddit-section-how-to-use__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:15px;box-shadow:inset 0 0 0 1px #42483a;pointer-events:none}.oddit-section-how-to-use__media-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:15px}.oddit-section-how-to-use__media-video,.oddit-section-how-to-use__media-video video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:15px}.oddit-section-how-to-use__media-video:fullscreen,.oddit-section-how-to-use__media-video video:fullscreen{object-fit:contain}.oddit-section-how-to-use__media-video:-webkit-full-screen,.oddit-section-how-to-use__media-video video:-webkit-full-screen{object-fit:contain}.oddit-section-how-to-use__media:has(.oddit-section-how-to-use__media-image) .oddit-section-how-to-use__media-video{opacity:0;pointer-events:none}.oddit-section-how-to-use__media.is-playing .oddit-section-how-to-use__media-video{opacity:1;pointer-events:auto}.oddit-section-how-to-use__media.is-playing .oddit-section-how-to-use__play-button{display:none}.oddit-section-how-to-use__play-button{position:absolute;-webkit-appearance:none;appearance:none;padding:0;top:63.804%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:none;border:none;cursor:pointer;z-index:1}.oddit-section-how-to-use__play-button:hover,.oddit-section-how-to-use__play-button:active{opacity:.8}.oddit-section-how-to-use__play-button svg{display:block;width:50px;height:50px}.oddit-section-how-to-use__content{display:flex;flex-direction:column;gap:32px;width:100%}.oddit-section-how-to-use__header{display:flex;flex-direction:column;gap:24px}.oddit-section-how-to-use__eyebrow{font-family:proxima-nova,sans-serif;font-size:16px;font-weight:400;color:#424839;line-height:1.5;letter-spacing:.64px;text-transform:uppercase;text-box:trim-both cap alphabetic;display:inline-block}.oddit-section-how-to-use__heading{font-family:Sentient,serif;font-size:36px;font-weight:300;color:#424839;line-height:1.2;letter-spacing:-1.8px;text-box:trim-both cap alphabetic}.oddit-section-how-to-use__steps{display:flex;flex-direction:column;gap:30px}.oddit-section-how-to-use__step{display:flex;gap:15px;align-items:flex-start}.oddit-section-how-to-use__step-number{display:flex;align-items:center;justify-content:center;background-color:#d0e6a4;border-radius:42px;padding:12px 10px;flex-shrink:0}.oddit-section-how-to-use__step-number span{font-family:proxima-nova,sans-serif;font-size:18px;font-weight:400;color:#424839;line-height:1.5;text-box:trim-both cap alphabetic;display:inline-block;white-space:nowrap}.oddit-section-how-to-use__step-body{display:flex;flex-direction:column;gap:15px;justify-content:center;min-width:0;flex:1}.oddit-section-how-to-use__step-title{font-family:Sentient,serif;font-size:22px;font-weight:300;color:#424839;line-height:1.4;letter-spacing:-1.1px;text-box:trim-both cap alphabetic}.oddit-section-how-to-use__step-description{font-family:proxima-nova,sans-serif;font-size:16px;font-weight:400;color:#424344;line-height:1.5;text-box:trim-both cap alphabetic}.oddit-section-how-to-use__cta{align-self:flex-start;display:inline-block;align-content:center;text-align:center;text-box:trim-both cap alphabetic;min-width:317px;height:56px;padding:0 24px;border:1px solid #42483a;border-radius:100px;background-color:#d0e5a4;font-family:Sentient,serif;font-size:18px;font-weight:300;line-height:1.6;text-transform:capitalize;text-decoration:none;color:#42483a;cursor:pointer;transition:background-color .2s ease}.oddit-section-how-to-use__cta:hover,.oddit-section-how-to-use__cta:active{opacity:.85}@media(max-width:989px){.oddit-section-how-to-use__cta{align-self:stretch;min-width:0}}@media(min-width:990px){.oddit-section-how-to-use__container{flex-direction:row;gap:60px;padding:60px 50px;align-items:center}.oddit-section-how-to-use__media{flex:0 0 auto;width:min(620px,50%);aspect-ratio:620 / 700}.oddit-section-how-to-use__play-button{top:50%}.oddit-section-how-to-use__content{flex:1 1 0%;min-width:0;gap:60px;padding-right:60px}.oddit-section-how-to-use__eyebrow{font-size:18px;letter-spacing:.9px}.oddit-section-how-to-use__heading{font-size:48px;letter-spacing:-2.4px}.oddit-section-how-to-use__step-title{font-size:28px;letter-spacing:-1.4px}.oddit-section-how-to-use__step-description{font-size:18px;line-height:1.2;text-box:normal}}
/*# sourceMappingURL=/cdn/shop/t/206/assets/oddit-section-how-to-use.css.map */