/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/styles/sections/opk-timeline-section.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/:root{--opk-layout: 1920px;--opk-main-layout: 1824px;--font-oswald: "Oswald", sans-serif;--font-nothing-you-could-do: "Nothing You Could Do", serif}.opk-timeline-section__wrapper{display:flex;flex-direction:column;align-items:center;max-width:1824px;max-width:var(--opk-main-layout);margin:0 auto}.opk-timeline-section__title{font-size:40px;letter-spacing:-1.6px}@media screen and (max-width:749px){.opk-timeline-section__title{font-size:28px;letter-spacing:-1.12px}}.opk-timeline-section__inner{position:relative;margin:26px auto;padding-left:0;max-width:900px;width:100%}@media screen and (max-width:749px){.opk-timeline-section__inner{padding:0 16px}}.opk-timeline-section__inner:before{content:"";position:absolute;left:213px;top:0;bottom:0;width:4px;background:#e6e6e6}@media screen and (max-width:749px){.opk-timeline-section__inner:before{left:105px;width:2px}}.opk-timeline-section__inner:after{content:"";position:absolute;left:213px;top:0;width:4px;height:var(--progress);background:linear-gradient(to bottom,#ef018d00,#ef018d 30% 70%,#ef018d00)}@media screen and (max-width:749px){.opk-timeline-section__inner:after{left:105px;width:2px}}.opk-timeline-section .journey__item{margin-bottom:0;display:grid;grid-template-columns:160px 15px 1fr;grid-gap:48px;gap:48px;align-items:center}@media screen and (max-width:749px){.opk-timeline-section .journey__item{grid-template-columns:60px 15px 1fr;gap:24px}}.opk-timeline-section .journey__year{font-size:36px;font-family:Nothing You Could Do,serif;font-family:var(--font-nothing-you-could-do);color:#ef018d;text-align:right}@media screen and (max-width:749px){.opk-timeline-section .journey__year{font-size:26px}}.opk-timeline-section .journey__dot{position:relative;margin:0 1px;width:12px;height:12px;background:#e6e6e6;border-radius:50%;z-index:1;transition:background .4s ease}@media screen and (max-width:749px){.opk-timeline-section .journey__dot{width:10px;height:10px}}.opk-timeline-section .journey__dot.is-active{background:#ef018d}.opk-timeline-section .journey__text{margin:42px 0 40px;font-size:24px;font-weight:500}@media screen and (max-width:749px){.opk-timeline-section .journey__text{margin:31px 0;font-size:20px;line-height:1.4}}@keyframes text-pop{0%{transform:scale(.92);opacity:0}60%{transform:scale(1.03);opacity:1}to{transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/opk-timeline-section.css.map */