.oddit-section-system-axis,.oddit-section-system-axis *,.oddit-section-system-axis *:before,.oddit-section-system-axis *:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}.oddit-section-system-axis :where(h2,h3,p,span){margin:0;padding:0}.oddit-section-system-axis__runway{border-top:1px solid #424839}.oddit-section-system-axis{background-color:#fafcf4;display:flex;flex-direction:column;align-items:center;gap:30px;padding:40px 20px;width:100%}.oddit-section-system-axis__header{display:flex;flex-direction:column;gap:24px;align-items:flex-start;width:100%;color:#424839}.oddit-section-system-axis__eyebrow{font-family:proxima-nova,sans-serif;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:.64px;text-transform:uppercase;opacity:.8;text-box:trim-both cap alphabetic}.oddit-section-system-axis__heading{font-family:Sentient,serif;font-size:36px;font-weight:300;line-height:1.2;letter-spacing:-1.8px;text-transform:capitalize;color:#424839;text-box:trim-both cap alphabetic}.oddit-section-system-axis__subheading{font-family:proxima-nova,sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#424839}.oddit-section-system-axis__pathways{position:relative;width:100%}.oddit-section-system-axis__pathways:before{content:"";position:absolute;left:-4px;top:0;width:2px;height:367.367px;background:linear-gradient(to bottom,#fafcf4,#424839 25.48%,#fafcf4)}.oddit-section-system-axis__line{display:none;position:absolute;top:10.4px;left:0;right:0;z-index:0;height:2px;line-height:0}.oddit-section-system-axis__cards{display:flex;flex-direction:column;gap:30px;position:relative;width:286px;max-width:100%;margin-inline:auto}.oddit-section-system-axis__card{display:flex;flex-direction:column;gap:28px;align-items:flex-start}.oddit-section-system-axis__card--faded .oddit-section-system-axis__card-content,.oddit-section-system-axis__card--faded .oddit-section-system-axis__badge{opacity:.5}.oddit-section-system-axis__badge{display:inline-block;text-align:center;padding:8px 10px;border-radius:57px;font-family:proxima-nova,sans-serif;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;text-box:trim-both cap alphabetic}.oddit-section-system-axis__badge--active{background-color:#424839;color:#edf1e2}.oddit-section-system-axis__badge--inactive{background-color:#edf1e2;color:#424839}.oddit-section-system-axis__card-content{display:flex;flex-direction:column;gap:24px;width:286px;max-width:100%}.oddit-section-system-axis__card-heading{font-family:Sentient,serif;font-size:20px;font-weight:300;line-height:1.4;letter-spacing:-1px;color:#424839;text-box:trim-both cap alphabetic}.oddit-section-system-axis__card-text{font-family:proxima-nova,sans-serif;font-size:14px;font-weight:400;line-height:1.5;color:#424839;text-box:trim-both cap alphabetic}.oddit-section-system-axis__footer{font-family:proxima-nova,sans-serif;font-size:12px;font-weight:400;line-height:1.5;color:#424839;opacity:.8;text-align:center;width:100%;text-box:trim-both cap alphabetic}@media(min-width:990px){.oddit-section-system-axis{gap:80px;padding:70px clamp(40px,5.56vw,80px);max-width:1440px;margin:0 auto;align-items:center}.oddit-section-system-axis__header{align-items:center;text-align:center;gap:32px}.oddit-section-system-axis__eyebrow{font-size:18px;letter-spacing:.72px;text-align:center}.oddit-section-system-axis__heading{font-size:48px;letter-spacing:-2.4px;text-align:center}.oddit-section-system-axis__subheading{font-size:22px;text-align:center;max-width:852px;text-box:trim-both cap alphabetic}.oddit-section-system-axis__pathways{max-width:1200px;height:158px}.oddit-section-system-axis__pathways:before{display:none}.oddit-section-system-axis__line{display:block}.oddit-section-system-axis__line svg{display:block;width:100%;height:2px}.oddit-section-system-axis__cards{position:relative;z-index:1;flex-direction:row;gap:0;width:100%;margin-inline:0}.oddit-section-system-axis__card{flex:1 1 33.333%;align-items:center;gap:34px;min-width:0}.oddit-section-system-axis__card-content{width:286px;max-width:100%;text-align:center}.oddit-section-system-axis__card-heading{font-size:24px;letter-spacing:-1.2px;text-align:center;width:100%}.oddit-section-system-axis__card-text{font-size:16px;text-align:center;width:100%}.oddit-section-system-axis__card--faded .oddit-section-system-axis__badge{opacity:1}.oddit-section-system-axis__footer{font-size:16px;max-width:516px}}@keyframes oddit-section-system-axis-fill-x{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes oddit-section-system-axis-fill-y{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes oddit-section-system-axis-reach{0%{opacity:.5}to{opacity:1}}@keyframes oddit-section-system-axis-latch{0%{background-color:#edf1e2;color:#424839}to{background-color:#424839;color:#edf1e2}}@supports (animation-timeline: view()){.oddit-section-system-axis__pathways{view-timeline-name:--oddit-system-axis}.oddit-section-system-axis__pathways:before,.oddit-section-system-axis__line svg{opacity:.25}.oddit-section-system-axis__pathways:after{content:"";position:absolute;left:-4px;top:0;width:2px;height:367.367px;background:linear-gradient(to bottom,#fafcf4,#424839 25.48%,#fafcf4);animation:oddit-section-system-axis-fill-y linear both;animation-timeline:--oddit-system-axis;animation-range:cover 15% cover 65%}.oddit-section-system-axis__card:nth-child(1){--oddit-system-axis-range: cover 16% cover 21%}.oddit-section-system-axis__card:nth-child(2){--oddit-system-axis-range: cover 39% cover 44%}.oddit-section-system-axis__card:nth-child(3){--oddit-system-axis-range: cover 62% cover 67%}.oddit-section-system-axis__card-content,.oddit-section-system-axis__card--faded .oddit-section-system-axis__card-content{opacity:.5;animation:oddit-section-system-axis-reach linear both;animation-timeline:--oddit-system-axis;animation-range:var(--oddit-system-axis-range)}.oddit-section-system-axis__badge,.oddit-section-system-axis__card--faded .oddit-section-system-axis__badge{opacity:1;animation:oddit-section-system-axis-latch linear both;animation-timeline:--oddit-system-axis;animation-range:var(--oddit-system-axis-range)}@media(min-width:990px){.oddit-section-system-axis__runway{height:300vh;background-color:#fafcf4;view-timeline-name:--oddit-system-axis}.oddit-section-system-axis{position:sticky;top:0;min-height:100vh;justify-content:center}.oddit-section-system-axis__pathways{view-timeline-name:none}.oddit-section-system-axis__pathways:after{display:none}.oddit-section-system-axis__line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#fafcf4,#424839 25.48%,#fafcf4);animation:oddit-section-system-axis-fill-x linear both;animation-timeline:--oddit-system-axis;animation-range:contain 0% contain 100%}.oddit-section-system-axis__card:nth-child(1){--oddit-system-axis-range: contain 12% contain 20%}.oddit-section-system-axis__card:nth-child(2){--oddit-system-axis-range: contain 45% contain 53%}.oddit-section-system-axis__card:nth-child(3){--oddit-system-axis-range: contain 78% contain 86%}}}
/*# sourceMappingURL=/cdn/shop/t/206/assets/oddit-section-system-axis.css.map */