.oddit-section-pdp-how-to *,.oddit-section-pdp-how-to *:before,.oddit-section-pdp-how-to *:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.oddit-section-pdp-how-to{--oddit-pdp-how-to-gutter: 16px;background-color:#f4f3f6;width:100%;overflow-x:clip;font-family:Neue Haas Grotesk Display Pro,system-ui,sans-serif;color:#1a1a1a}.oddit-section-pdp-how-to :where(h2,h3,p){margin:0;padding:0;font:inherit}.oddit-section-pdp-how-to__container{display:flex;flex-direction:column;gap:30px;max-width:1440px;margin:0 auto;padding:40px var(--oddit-pdp-how-to-gutter);width:100%}.oddit-section-pdp-how-to.oddit-section-pdp-how-to .oddit-section-pdp-how-to__heading{font-family:Neue Haas Grotesk Display Pro,system-ui,sans-serif;font-size:24px!important;font-weight:600;line-height:normal;letter-spacing:normal;color:#1a1a1a;text-align:left;text-box:trim-both cap alphabetic}.oddit-section-pdp-how-to__cards-wrapper{width:100%}.oddit-section-pdp-how-to__cards{display:flex;width:100vw;margin-inline:calc(50% - 50vw);margin-block:-24px;padding-inline:var(--oddit-pdp-how-to-gutter);padding-block:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:var(--oddit-pdp-how-to-gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.oddit-section-pdp-how-to__cards::-webkit-scrollbar{display:none}.oddit-section-pdp-how-to.oddit-section-pdp-how-to .oddit-section-pdp-how-to__card{background-color:#fff;border:1px solid #1a1a1a;padding:16px;display:flex;flex-direction:column;gap:24px;flex:0 0 300px;scroll-snap-align:start;min-width:0}.oddit-section-pdp-how-to__card:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.oddit-section-pdp-how-to__card:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.oddit-section-pdp-how-to.oddit-section-pdp-how-to .oddit-section-pdp-how-to__card+.oddit-section-pdp-how-to__card{border-left:none}.oddit-section-pdp-how-to__card-image-wrapper{width:100%;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;background-color:#e4e3ea}.oddit-section-pdp-how-to__card-image,.oddit-section-pdp-how-to__card-video{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}.oddit-hover-zoom .oddit-section-pdp-how-to__card-video{transition:transform .35s ease}.oddit-hover-zoom:hover .oddit-section-pdp-how-to__card-video{transform:scale(1.05)}@media(prefers-reduced-motion:reduce){.oddit-hover-zoom .oddit-section-pdp-how-to__card-video{transition:none}.oddit-hover-zoom:hover .oddit-section-pdp-how-to__card-video{transform:none}}.oddit-section-pdp-how-to__card-content{display:flex;flex-direction:column;gap:24px;padding-bottom:16px;width:100%}.oddit-section-pdp-how-to__card-header{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.oddit-section-pdp-how-to.oddit-section-pdp-how-to .oddit-section-pdp-how-to__card-badge{display:inline-block;background-color:#e4e3ea;box-shadow:inset 0 0 0 1px #1a1a1a;border-radius:100px;padding:6px 12px;font-family:Neue Haas Grotesk Display Pro,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.6;letter-spacing:.84px;color:#1a1a1a;text-align:center;white-space:nowrap;text-box:trim-both cap alphabetic}.oddit-section-pdp-how-to.oddit-section-pdp-how-to .oddit-section-pdp-how-to__card-title{font-family:Neue Haas Grotesk Display Pro,system-ui,sans-serif;font-size:20px!important;font-weight:500;line-height:normal;color:#1a1a1a;text-box:trim-both cap alphabetic}.oddit-section-pdp-how-to.oddit-section-pdp-how-to .oddit-section-pdp-how-to__card-description{font-family:Neue Haas Grotesk Display Pro,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.6;letter-spacing:.56px;color:#1a1a1a;text-box:trim-both cap alphabetic}.oddit-section-pdp-how-to__dots{display:flex;gap:6px;align-items:center;justify-content:center;width:100%;margin-top:-6px}.oddit-section-pdp-how-to.oddit-section-pdp-how-to .oddit-section-pdp-how-to__dot{display:block;width:6px;height:6px;border-radius:100px;background-color:#e4e3ea;transition:width .25s ease,background-color .25s ease}.oddit-section-pdp-how-to.oddit-section-pdp-how-to .oddit-section-pdp-how-to__dot--active{width:16px;background-color:#2b4176}.oddit-section-pdp-how-to__dot>span{display:block;width:0;height:0;overflow:hidden}@media(min-width:750px)and (max-width:989px){.oddit-section-pdp-how-to{--oddit-pdp-how-to-gutter: 40px}.oddit-section-pdp-how-to__container{padding-block:56px;gap:40px}.oddit-section-pdp-how-to.oddit-section-pdp-how-to .oddit-section-pdp-how-to__heading{font-size:32px!important}}@media(min-width:990px){.oddit-section-pdp-how-to{--oddit-pdp-how-to-gutter: clamp(24px, 8.9vw, 128px)}.oddit-section-pdp-how-to__container{padding-block:70px;gap:60px;align-items:center}.oddit-section-pdp-how-to.oddit-section-pdp-how-to .oddit-section-pdp-how-to__heading{font-size:40px!important;text-align:center;width:100%}.oddit-section-pdp-how-to__cards{width:auto;margin-inline:0;margin-block:0;padding-inline:0;padding-block:0;overflow:visible;scroll-snap-type:none;align-items:stretch}.oddit-section-pdp-how-to.oddit-section-pdp-how-to .oddit-section-pdp-how-to__card{flex:1 1 0;min-width:0;padding:24px;gap:32px}.oddit-section-pdp-how-to__card-content{gap:32px;padding-bottom:16px}.oddit-section-pdp-how-to__card-header{gap:20px}.oddit-section-pdp-how-to.oddit-section-pdp-how-to .oddit-section-pdp-how-to__card-badge{padding:8px 16px;font-size:16px;letter-spacing:.96px}.oddit-section-pdp-how-to.oddit-section-pdp-how-to .oddit-section-pdp-how-to__card-title{font-size:24px!important}.oddit-section-pdp-how-to.oddit-section-pdp-how-to .oddit-section-pdp-how-to__card-description{font-size:16px;letter-spacing:normal}.oddit-section-pdp-how-to__dots{display:none}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/oddit-section-pdp-how-to.css.map */