/* Original 500px traceability timeline, with native scrolling and modern controls. */
body .static-timeline{margin:36px 0;width:100%;min-width:0}
body .static-timeline .wrap--infoslider{background:#b9d9aa url('../images/infoslider-back.png') 50% 0 repeat-x;width:100%;max-width:none;height:248px;margin:0;overflow-x:auto;overflow-y:hidden;box-shadow:inset 0 0 7px #0003;border:0;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#626866 #dce9d6}
body .static-timeline .unit--infoslider{width:max-content;padding:0 var(--timeline-padding,0px);margin:0}
body .static-timeline .infoslider{display:flex;gap:0;width:max-content;height:230px;padding:0;margin:0;overflow:visible;font-size:0;scroll-snap-type:none}
body .static-timeline .infoslider__item{position:relative;flex:0 0 var(--slide-width,500px);width:var(--slide-width,500px);min-width:0;height:230px;display:block;float:none;padding:10px;background:url('../images/infoslider-item-line.png') center 176px no-repeat;scroll-snap-align:center}
body .static-timeline .infoslider__item:first-child{background-position:left 176px}
body .static-timeline .infoslider__item:last-child{background-position:right 176px}
body .static-timeline .infoslider__content{position:relative;display:block;height:170px;min-height:0;font-size:1.3rem;opacity:.3;transform:scale(.3);transform-origin:center center;transition:transform .25s ease,opacity .25s ease}
body .static-timeline .is-active .infoslider__content{opacity:1;transform:scale(1)}
body .static-timeline .infoslider__box{position:relative;width:240px;min-height:140px;margin:10px 0 0;background:#fff;border:2px solid #626866;box-shadow:5px 5px 0 #24863433;z-index:1}
body .static-timeline .infoslider__head{font-size:1.2rem;color:#fff;background:#626866;padding:3px 10px;line-height:1.2rem}
body .static-timeline .infoslider__body{padding:6px 10px}
body .static-timeline .infoslider__body h3{font-family:'Klavika Light',Arial,sans-serif;text-transform:uppercase;margin:0 0 5px;font-weight:600;color:#000;font-size:1.5rem;line-height:1.1}
body .static-timeline .infoslider__body p{margin:0;font-size:1.2rem;line-height:1.2rem}
body .static-timeline .infoslider__illu{display:block;position:absolute;right:20px;top:0;height:170px;width:auto;max-width:200px;object-fit:contain;margin:0;opacity:0;transition:opacity .2s}
body .static-timeline .is-active .infoslider__illu{opacity:1}
body .static-timeline .infoslider__number{font-family:'Klavika Light',Arial,sans-serif;font-style:normal;text-align:center;border:2px solid #626866;color:#626866;width:30px;height:30px;font-size:1.8rem;line-height:26px;font-weight:700;display:block;background:#fff;position:absolute;top:auto;bottom:20px;left:calc(50% - 15px);margin:0;padding:0;border-radius:50%;cursor:pointer}
body .static-timeline .is-active .infoslider__number{background:#248634;border-color:#248634;color:#fff}
body .timeline-controls{display:flex;align-items:center;justify-content:center;gap:20px;padding:12px;background:#f1f6ef;margin:0;font-size:1.3rem;line-height:24px}
body .timeline-controls button{width:38px;height:34px;border:1px solid #248634;background:#fff;color:#248634;font-size:2rem;cursor:pointer;line-height:28px}
body .timeline-controls button:hover:enabled{color:#fff;background:#248634}
body .timeline-controls button:disabled{opacity:.35;cursor:default}
body .static-timeline :focus-visible{outline:2px solid #17652a;outline-offset:3px}
@media(max-width:600px){body .static-timeline .wrap--infoslider{height:288px}body .static-timeline .infoslider,body .static-timeline .infoslider__item{height:270px}body .static-timeline .infoslider__item{background-position:center 216px!important}body .static-timeline .infoslider__content{height:210px}body .static-timeline .infoslider__box{width:62%;min-height:170px}body .static-timeline .infoslider__illu{right:0;top:15px;max-width:36%;height:150px}body .static-timeline .infoslider__head{font-size:1.2rem;line-height:1.4rem;padding:5px 6px}body .static-timeline .infoslider__body{padding:7px 6px}body .static-timeline .infoslider__body p{font-size:1.2rem;line-height:1.4rem}body .static-timeline .infoslider__body h3{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){body .static-timeline .infoslider__content,body .static-timeline .infoslider__illu{transition:none}}
/* Leave room for the longest translation, including its numbered marker. */
body .static-timeline .wrap--infoslider{height:calc(var(--timeline-height,230px) + 18px)}
body .static-timeline .infoslider,body .static-timeline .infoslider__item{height:var(--timeline-height,230px)}
body .static-timeline .infoslider__item{background-position:center calc(100% - 54px)!important}
body .static-timeline .infoslider__item:first-child{background-position:left calc(100% - 54px)!important}
body .static-timeline .infoslider__item:last-child{background-position:right calc(100% - 54px)!important}
body .static-timeline .infoslider__content{height:calc(var(--timeline-height,230px) - 60px)}