.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;margin:0;padding:0}.oddit-section-how-to-use :where(h2,h3,p,span,figure,figcaption,article,div,img){margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}.oddit-section-how-to-use{position:relative;overflow:hidden;background-color:#e6fafa;background-image:linear-gradient(to top,#9deaed 10.584%,#f9f9f9 42.334%);-webkit-tap-highlight-color:transparent}.oddit-section-how-to-use__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.oddit-section-how-to-use.oddit-section-how-to-use .oddit-section-how-to-use__background-img{display:block;width:100%;height:100%;object-fit:cover}.oddit-section-how-to-use__container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:40px;padding:40px 0 60px;margin-top:20px}.oddit-section-how-to-use.oddit-section-how-to-use .oddit-section-how-to-use__heading{font-family:All Round Gothic,Arial Rounded MT Bold,Nunito,sans-serif;font-size:36px;font-weight:700;line-height:1.3;color:#121212;text-align:center;text-transform:uppercase;letter-spacing:0;text-box:trim-both cap alphabetic}.oddit-section-how-to-use__cards{display:flex;flex-direction:row;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 16px;width:100%}.oddit-section-how-to-use__cards::-webkit-scrollbar{display:none}.oddit-section-how-to-use__card{flex:0 0 300px;min-width:0;scroll-snap-align:center;border:1px solid #121212;border-radius:8px;overflow:hidden;background-color:#fff}.oddit-section-how-to-use__card-image-wrap{position:relative;overflow:hidden;background-color:#dedede;aspect-ratio:300 / 400}.oddit-section-how-to-use.oddit-section-how-to-use .oddit-section-how-to-use__card-img{display:block;width:100%;height:100%;object-fit:cover}.oddit-section-how-to-use__card-body{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 24px 32px;background-color:#fff}.oddit-section-how-to-use.oddit-section-how-to-use .oddit-section-how-to-use__step-number{position:absolute;top:-18px;left:50%;transform:translate(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:#a8f915;font-family:Inter,sans-serif;font-size:16px;font-weight:700;line-height:1;color:#121212;border:1px solid #000000}.oddit-section-how-to-use.oddit-section-how-to-use .oddit-section-how-to-use__card-title{font-family:All Round Gothic,Arial Rounded MT Bold,Nunito,sans-serif;font-size:24px;font-weight:700;line-height:1.4;color:#121212;text-align:center;text-transform:uppercase;text-box:trim-both cap alphabetic}.oddit-section-how-to-use.oddit-section-how-to-use .oddit-section-how-to-use__card-description{font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.6;color:#000;text-align:center}.oddit-section-how-to-use__info-bar{width:100%;padding:0 16px}.oddit-section-how-to-use__info-bar-inner{position:relative;display:flex;align-items:center;justify-content:center;background-color:#000;border-radius:8px;height:93px;max-width:938px;margin:0 auto;overflow:visible;justify-content:flex-start;padding:0 12px 0 0}.oddit-section-how-to-use__info-pouch{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:74.7px;height:74.41px;margin-right:-5px;z-index:2}.oddit-section-how-to-use.oddit-section-how-to-use .oddit-section-how-to-use__pouch-img{display:block;width:84px;flex-shrink:0;height:auto;object-fit:contain;transform:rotate(-44.6deg)}.oddit-section-how-to-use__info-text{display:flex;flex-direction:column;align-items:flex-start;gap:0;z-index:1;text-align:left;flex:0 1 auto;min-width:0;max-width:289px}.oddit-section-how-to-use.oddit-section-how-to-use .oddit-section-how-to-use__caffeine-headline{font-family:Inter,sans-serif;font-size:clamp(12px,calc(5.3vw - 6px),15px);font-weight:700;line-height:1.4;color:#fff;text-transform:uppercase;white-space:nowrap}.oddit-section-how-to-use.oddit-section-how-to-use .oddit-section-how-to-use__caffeine-subtext{font-family:Inter,sans-serif;font-size:clamp(9px,calc(4.05vw - 4.4px),11px);font-weight:400;line-height:1.4;color:#fff;text-transform:uppercase;letter-spacing:0;white-space:nowrap}.oddit-section-how-to-use__info-lightning{position:absolute;right:-1px;top:-26px;z-index:2;line-height:0}.oddit-section-how-to-use.oddit-section-how-to-use .oddit-section-how-to-use__lightning-img{display:block;width:auto;height:58px;object-fit:contain;transform:rotate(8.37deg)}@media(min-width:750px){.oddit-section-how-to-use.oddit-section-how-to-use .oddit-section-how-to-use__heading{font-size:36px}.oddit-section-how-to-use__cards{gap:20px;padding:0 24px;justify-content:center}.oddit-section-how-to-use__card{flex:0 0 calc(50% - 10px);max-width:391px}.oddit-section-how-to-use__info-bar{padding:0 24px}.oddit-section-how-to-use__info-bar-inner{padding:0 12px 0 0;gap:24px}.oddit-section-how-to-use__info-pouch{width:150px;height:120px;margin-right:0}.oddit-section-how-to-use.oddit-section-how-to-use .oddit-section-how-to-use__caffeine-headline{font-size:20px}.oddit-section-how-to-use.oddit-section-how-to-use .oddit-section-how-to-use__caffeine-subtext{font-size:14px}.oddit-section-how-to-use__info-text{max-width:none}.oddit-section-how-to-use.oddit-section-how-to-use .oddit-section-how-to-use__pouch-img{width:150px;transform:rotate(-20deg)}.oddit-section-how-to-use__info-lightning{right:-6px;top:-22px}.oddit-section-how-to-use.oddit-section-how-to-use .oddit-section-how-to-use__lightning-img{height:100px;transform:rotate(0)}}@media(min-width:990px){.oddit-section-how-to-use.oddit-section-how-to-use .oddit-section-how-to-use__heading{font-size:48px}.oddit-section-how-to-use__cards{overflow-x:visible;scroll-snap-type:none;gap:20px;padding:0;max-width:1212px;width:100%;justify-content:center}.oddit-section-how-to-use__card{flex:1 1 0;min-width:0;max-width:391px;scroll-snap-align:unset}.oddit-section-how-to-use__card-image-wrap{aspect-ratio:391 / 504}.oddit-section-how-to-use__card-body{padding:40px 24px 32px}.oddit-section-how-to-use.oddit-section-how-to-use .oddit-section-how-to-use__card-description{font-size:14px;line-height:22px}.oddit-section-how-to-use__info-bar{padding:0 48px}.oddit-section-how-to-use__info-bar-inner{padding:0 12px 0 0;display:flex;align-items:center;justify-content:flex-start;gap:51px;margin-top:20px}.oddit-section-how-to-use__info-pouch{position:relative;left:auto;top:auto;width:auto;height:auto;margin-right:0;transform:none;flex-shrink:0}.oddit-section-how-to-use.oddit-section-how-to-use .oddit-section-how-to-use__pouch-img{width:226px;transform:rotate(-12.37deg)}.oddit-section-how-to-use__info-text{gap:0;align-items:center;text-align:center;max-width:none}.oddit-section-how-to-use.oddit-section-how-to-use .oddit-section-how-to-use__caffeine-headline{font-size:25px}.oddit-section-how-to-use.oddit-section-how-to-use .oddit-section-how-to-use__caffeine-subtext{font-size:18px;line-height:1.4}.oddit-section-how-to-use__info-lightning{position:relative;right:auto;top:auto;margin-left:auto;transform:none;flex-shrink:0}.oddit-section-how-to-use.oddit-section-how-to-use .oddit-section-how-to-use__lightning-img{width:141px;height:165px;transform:none}}@media(min-width:1034px){.oddit-section-how-to-use__info-text{flex:0 0 auto}}.oddit-section-how-to-use__card-freeze{position:absolute;top:0;right:0;bottom:0;left:0;display:none;width:100%;height:100%;object-fit:cover}.oddit-section-how-to-use__card-image-wrap.is-frozen .oddit-section-how-to-use__card-freeze{display:block}.oddit-section-how-to-use__card-image-wrap.is-frozen .oddit-section-how-to-use__card-img{visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/32/assets/oddit-section-how-to-use.css.map */