.wambolt-why-timeline{background-color:var(--color-background);color:var(--color-foreground)}.wambolt-why-timeline--pt-none{padding-top:var(--w-space-none)}.wambolt-why-timeline--pt-small{padding-top:var(--w-space-sm)}.wambolt-why-timeline--pt-medium{padding-top:var(--w-space-md)}.wambolt-why-timeline--pt-large{padding-top:var(--w-space-lg)}.wambolt-why-timeline--pb-none{padding-bottom:var(--w-space-none)}.wambolt-why-timeline--pb-small{padding-bottom:var(--w-space-sm)}.wambolt-why-timeline--pb-medium{padding-bottom:var(--w-space-md)}.wambolt-why-timeline--pb-large{padding-bottom:var(--w-space-lg)}.wambolt-why-timeline--padding-standard{padding-left:var(--w-page-padding-standard);padding-right:var(--w-page-padding-standard)}.wambolt-why-timeline--padding-wide{padding-left:var(--w-page-padding-wide);padding-right:var(--w-page-padding-wide)}.wambolt-why-timeline .step-timeline{width:100%;max-width:1240px;margin-inline:auto}.wambolt-why-timeline .step-timeline__wrapper{position:relative}.wambolt-why-timeline .step-timeline__collection{width:100%}.wambolt-why-timeline .step-timeline__list{display:flex;flex-direction:column;gap:120px}.wambolt-why-timeline .step-timeline__line{position:absolute;left:50%;width:1px;overflow:visible;pointer-events:none;background:color-mix(in srgb,var(--wambolt-dark) 20%,transparent);transform:translate(-50%)}.wambolt-why-timeline .step-timeline__fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:var(--wambolt-orange);transform-origin:top center;will-change:transform}.wambolt-why-timeline .step-timeline__item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);grid-template-rows:auto;column-gap:44px;align-items:center;min-height:280px}.wambolt-why-timeline .step-timeline__marker{position:relative;z-index:5;grid-column:2;grid-row:1;align-self:center;justify-self:center;width:10px;height:10px;border:1px solid color-mix(in srgb,var(--wambolt-dark) 28%,transparent);border-radius:50%;background:var(--wambolt-gray);transform:scale(.82);transition:background-color .4s cubic-bezier(.645,.045,.355,1),border-color .4s cubic-bezier(.645,.045,.355,1),box-shadow .4s cubic-bezier(.645,.045,.355,1),transform .4s cubic-bezier(.645,.045,.355,1)}.wambolt-why-timeline [data-step-timeline-item][data-status=active] [data-step-timeline-marker]{background:var(--wambolt-orange);border-color:var(--wambolt-orange);transform:scale(1)}.wambolt-why-timeline [data-step-timeline-item][data-current] [data-step-timeline-marker]{background:var(--wambolt-orange);border-color:var(--wambolt-orange);transform:scale(1.18);box-shadow:0 0 0 7px color-mix(in srgb,var(--wambolt-orange) 14%,transparent)}.wambolt-why-timeline .step-timeline__content{grid-row:1;align-self:center;max-width:500px;opacity:.28;transform:translateY(12px);transition:opacity .45s ease,transform .6s cubic-bezier(.645,.045,.355,1);will-change:opacity,transform}.wambolt-why-timeline .step-timeline__meta{margin:0 0 16px}.wambolt-why-timeline .step-timeline__heading{margin:0;text-wrap:balance}.wambolt-why-timeline .step-timeline__body{margin-top:14px;opacity:.58}.wambolt-why-timeline .step-timeline__body p{margin:0}.wambolt-why-timeline [data-step-timeline-item][data-status=active] .step-timeline__content{opacity:.58;transform:translateY(0)}.wambolt-why-timeline [data-step-timeline-item][data-current] .step-timeline__content{opacity:1;transform:translateY(0)}.wambolt-why-timeline .step-timeline__item:nth-child(odd) .step-timeline__content{grid-column:3;grid-row:1;justify-self:start;text-align:left}.wambolt-why-timeline .step-timeline__item:nth-child(2n) .step-timeline__content{grid-column:1;grid-row:1;justify-self:end;text-align:right}.wambolt-why-timeline .step-timeline__media{position:relative;grid-row:1;align-self:center;width:100%;max-width:260px;opacity:.32;transition:opacity .5s ease;will-change:opacity}.wambolt-why-timeline .step-timeline__item:nth-child(odd) .step-timeline__media{grid-column:1;grid-row:1;justify-self:end;margin-right:20px}.wambolt-why-timeline .step-timeline__item:nth-child(2n) .step-timeline__media{grid-column:3;grid-row:1;justify-self:start;margin-left:20px}.wambolt-why-timeline [data-step-timeline-item][data-status=active] .step-timeline__media{opacity:.65}.wambolt-why-timeline [data-step-timeline-item][data-current] .step-timeline__media{opacity:1}.wambolt-why-timeline .wambolt-polaroid{position:relative;width:100%;aspect-ratio:200.41 / 283.32;transform-origin:center;filter:drop-shadow(0 8px 16px color-mix(in srgb,var(--wambolt-dark) 4%,transparent));transition:transform .7s cubic-bezier(.645,.045,.355,1),filter .5s ease;will-change:transform}.wambolt-why-timeline .step-timeline__item:nth-child(odd) .wambolt-polaroid{transform:translateY(10px) rotate(-4deg) scale(.93)}.wambolt-why-timeline .step-timeline__item:nth-child(2n) .wambolt-polaroid{transform:translateY(10px) rotate(7deg) scale(.93)}.wambolt-why-timeline .step-timeline__item:nth-child(odd)[data-status=active] .wambolt-polaroid{transform:translateY(0) rotate(-4deg) scale(.97)}.wambolt-why-timeline .step-timeline__item:nth-child(2n)[data-status=active] .wambolt-polaroid{transform:translateY(0) rotate(7deg) scale(.97)}.wambolt-why-timeline .step-timeline__item:nth-child(odd)[data-current] .wambolt-polaroid{transform:translateY(-6px) rotate(-2deg) scale(1.04);filter:drop-shadow(0 14px 26px color-mix(in srgb,var(--wambolt-dark) 11%,transparent))}.wambolt-why-timeline .step-timeline__item:nth-child(2n)[data-current] .wambolt-polaroid{transform:translateY(-6px) rotate(3deg) scale(1.04);filter:drop-shadow(0 14px 26px color-mix(in srgb,var(--wambolt-dark) 11%,transparent))}.wambolt-why-timeline .wambolt-polaroid__frame{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.wambolt-why-timeline .wambolt-polaroid__photo-wrap{position:absolute;z-index:2;top:5.81%;left:4.11%;width:91.78%;height:76.76%;overflow:hidden}.wambolt-why-timeline .wambolt-polaroid__image{display:block;width:100%;height:100%;object-fit:cover}.wambolt-why-timeline .wambolt-polaroid__placeholder{width:100%;height:100%;background:var(--wambolt-gray)}.wambolt-why-timeline .wambolt-polaroid__placeholder svg{display:block;width:100%;height:100%}@media screen and (min-width:750px)and (max-width:989px){.wambolt-why-timeline .step-timeline__list{gap:96px}.wambolt-why-timeline .step-timeline__item{min-height:240px;column-gap:30px}.wambolt-why-timeline .step-timeline__media{max-width:210px}.wambolt-why-timeline .step-timeline__item:nth-child(odd) .step-timeline__media{margin-right:12px}.wambolt-why-timeline .step-timeline__item:nth-child(2n) .step-timeline__media{margin-left:12px}}@media screen and (max-width:749px){.wambolt-why-timeline .step-timeline__list{gap:72px}.wambolt-why-timeline .step-timeline__line{left:5px;transform:none}.wambolt-why-timeline .step-timeline__item{grid-template-columns:10px minmax(0,1fr);grid-template-rows:auto auto;column-gap:20px;row-gap:0;align-items:start;min-height:0}.wambolt-why-timeline .step-timeline__marker{grid-column:1;grid-row:1;align-self:start;margin-top:5px}.wambolt-why-timeline .step-timeline__item:nth-child(odd) .step-timeline__content,.wambolt-why-timeline .step-timeline__item:nth-child(2n) .step-timeline__content{grid-column:2;grid-row:1;align-self:start;justify-self:start;width:100%;text-align:left}.wambolt-why-timeline .step-timeline__item:nth-child(odd) .step-timeline__media,.wambolt-why-timeline .step-timeline__item:nth-child(2n) .step-timeline__media{grid-column:2;grid-row:2;align-self:start;justify-self:start;width:72%;max-width:220px;margin-top:28px;margin-left:0;margin-right:0}.wambolt-why-timeline .step-timeline__item:nth-child(odd) .wambolt-polaroid{transform:translateY(8px) rotate(-2deg) scale(.95)}.wambolt-why-timeline .step-timeline__item:nth-child(2n) .wambolt-polaroid{transform:translateY(8px) rotate(3deg) scale(.95)}.wambolt-why-timeline .step-timeline__item:nth-child(odd)[data-current] .wambolt-polaroid{transform:translateY(-3px) rotate(-1deg) scale(1)}.wambolt-why-timeline .step-timeline__item:nth-child(2n)[data-current] .wambolt-polaroid{transform:translateY(-3px) rotate(1.5deg) scale(1)}.wambolt-why-timeline .step-timeline__meta{margin-bottom:12px}.wambolt-why-timeline .step-timeline__body{margin-top:10px}}@media(prefers-reduced-motion:reduce){.wambolt-why-timeline .step-timeline__content,.wambolt-why-timeline .step-timeline__media,.wambolt-why-timeline .step-timeline__marker,.wambolt-why-timeline .wambolt-polaroid{transition:none;will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/wambolt-why-timeline.css.map */