.swk-timeline{overflow:hidden;position:relative;--timeline-line-color: var(--color-brown);--timeline-fade-size: 5rem}.swk-timeline__inner{position:relative}.swk-timeline__wrapper{position:relative;display:block}.swk-timeline__track{position:absolute;left:50%;transform:translate(-50%);width:1px;pointer-events:none;z-index:1}.swk-timeline__line,.swk-timeline__line-progress{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--timeline-fade-size),#000 calc(100% - var(--timeline-fade-size)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--timeline-fade-size),#000 calc(100% - var(--timeline-fade-size)),transparent 100%)}.swk-timeline__line{background-color:color-mix(in srgb,var(--timeline-line-color) 30%,transparent)}.swk-timeline__line-progress{background-color:var(--timeline-line-color);transform:scaleY(0);transform-origin:top center;will-change:transform;overflow:visible}.swk-timeline__line-dot{position:absolute;left:50%;top:0;width:1rem;height:1rem;border-radius:50%;background-color:var(--timeline-line-color);transform:translate(-50%,-50%);opacity:0;box-shadow:0 0 0 .4rem color-mix(in srgb,var(--timeline-line-color) 18%,transparent),0 0 1.6rem color-mix(in srgb,var(--timeline-line-color) 55%,transparent),0 0 3.2rem color-mix(in srgb,var(--timeline-line-color) 35%,transparent);pointer-events:none}.swk-timeline__top-icon{position:absolute;top:0;left:50%;transform:translate(-50%);color:var(--timeline-line-color);padding-bottom:1.2rem}.swk-timeline__top-icon svg{width:5.6rem;height:auto;display:block}.swk-timeline__top-icon svg path{fill:var(--color-grey-xmedium)}.swk-timeline__steps{position:relative;z-index:2;display:flex;flex-direction:column;gap:8rem}.swk-timeline__step{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:4rem;transform-origin:center center;will-change:transform,opacity,filter}.swk-timeline__step--reverse .swk-timeline__content{order:3;justify-self:start}.swk-timeline__step--reverse .swk-timeline__marker{order:2}.swk-timeline__step--reverse .swk-timeline__visual{order:1;justify-self:end}.swk-timeline__step:not(.swk-timeline__step--reverse) .swk-timeline__content{order:1;justify-self:end}.swk-timeline__step:not(.swk-timeline__step--reverse) .swk-timeline__marker{order:2}.swk-timeline__step:not(.swk-timeline__step--reverse) .swk-timeline__visual{order:3;justify-self:start}.swk-timeline__marker{position:relative;z-index:2;flex-shrink:0;width:4rem;height:4rem;border:1px solid var(--timeline-line-color);border-radius:50%;background-color:var(--color-white);color:var(--timeline-line-color);font-size:var(--text-base);font-weight:500;line-height:1;display:flex;align-items:center;justify-content:center}.swk-timeline__step.is-active .swk-timeline__marker{border-color:var(--timeline-line-color);box-shadow:0 0 0 .4rem color-mix(in srgb,var(--timeline-line-color) 12%,transparent)}.swk-timeline__marker-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--timeline-line-color);pointer-events:none;opacity:0}.swk-timeline__marker-number{position:relative;z-index:1}.swk-timeline__content{max-width:24.8rem;width:100%}.swk-timeline__content>*{margin:0}.swk-timeline__content>*+*{margin-top:1.6rem}.swk-timeline__subtitle{color:var(--color-brown);font-size:var(--text-sm);text-transform:capitalize}.swk-timeline__title{color:var(--color-black)}.swk-timeline__description{color:var(--color-grey-dark)}.swk-timeline__pills{display:flex;flex-wrap:wrap;gap:.8rem}.swk-timeline__pill{padding:.8rem 1.4rem;border:1px solid var(--color-grey-medium);border-radius:var(--rounded-full);color:var(--color-brown);font-size:var(--text-sm);line-height:1;white-space:nowrap}.swk-timeline__features{display:flex;flex-wrap:wrap;gap:2.4rem}.swk-timeline__feature{display:flex;flex-direction:column;align-items:center;gap:.8rem;text-align:center}.swk-timeline__feature-icon{width:2rem;height:2rem;color:var(--color-brown);display:flex;align-items:center;justify-content:center}.swk-timeline__feature-icon svg,.swk-timeline__feature-icon img{width:2rem;height:2rem;object-fit:contain}.swk-timeline__feature-label{color:var(--color-brown);font-size:var(--text-sm);line-height:1.2}.swk-timeline__visual{flex-shrink:0}.swk-timeline__circle{width:22rem;height:22rem;border:1px solid color-mix(in srgb,var(--color-grey-medium) 65%,transparent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-black);background-color:var(--color-white);will-change:transform,box-shadow}.swk-timeline__step.is-active .swk-timeline__circle{border-color:color-mix(in srgb,var(--color-brown) 35%,var(--color-grey-medium))}.swk-timeline__step.is-circle-glow .swk-timeline__circle{box-shadow:0 0 0 1px color-mix(in srgb,var(--color-brown) 18%,transparent),0 2.4rem 6rem -2rem color-mix(in srgb,var(--color-brown) 30%,transparent);transition:box-shadow .7s ease,border-color .7s ease}.swk-timeline__circle svg{width:auto;height:auto;max-width:60%;max-height:60%}.swk-timeline__circle img{width:60%;height:60%;object-fit:contain}@media screen and (max-width:900px){.swk-timeline__steps{gap:5.6rem}.swk-timeline__step{gap:2rem}.swk-timeline__marker{width:3.2rem;height:3.2rem;font-size:var(--text-sm)}.swk-timeline__content>*+*{margin-top:1.2rem}.swk-timeline__circle{width:15rem;height:15rem}}@media screen and (max-width:650px){.swk-timeline{--timeline-fade-size: 1.6rem}.swk-timeline__track{inset-inline-start:1.4rem;left:auto;transform:translate(-50%)}[dir=rtl] .swk-timeline__track{transform:translate(50%)}.swk-timeline__top-icon{inset-inline-start:1.4rem;left:auto;transform:translate(-50%,-100%)}.swk-timeline__top-icon svg{width:4rem}[dir=rtl] .swk-timeline__top-icon{transform:translate(50%,-100%)}.swk-timeline__wrapper{padding-block:2.4rem}.swk-timeline__steps{gap:4rem;padding-inline-start:0}.swk-timeline__step,.swk-timeline__step--reverse{grid-template-columns:2.8rem minmax(0,1fr);grid-template-rows:auto auto;column-gap:2.8rem;row-gap:1.6rem;justify-items:stretch;text-align:start}:is(.swk-timeline__step,.swk-timeline__step--reverse) .swk-timeline__visual{grid-column:2 / -1;grid-row:1;order:unset;justify-self:start}:is(.swk-timeline__step,.swk-timeline__step--reverse) .swk-timeline__marker{grid-column:1;grid-row:2;order:unset;position:relative;left:auto;top:auto;width:2.8rem;height:2.8rem;font-size:var(--text-sm);justify-self:center;align-self:start}:is(.swk-timeline__step,.swk-timeline__step--reverse) .swk-timeline__content{grid-column:2;grid-row:2;order:unset;justify-self:stretch;max-width:none;width:100%}.swk-timeline__step{position:relative}.swk-timeline__content>*+*{margin-top:1rem}.swk-timeline__circle{width:12rem;height:12rem}.swk-timeline__pill{padding:.6rem 1.2rem}.swk-timeline__features{gap:1.2rem}}@media(prefers-reduced-motion:reduce){.swk-timeline__step{opacity:1!important;transform:none!important;filter:none!important;will-change:auto}.swk-timeline__circle{will-change:auto}.swk-timeline__line-dot{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/swk-timeline.css.map */