@property --tl-clip-v{syntax: "<percentage>"; initial-value: 95%; inherits: false;}@property --tl-clip-h{syntax: "<percentage>"; initial-value: 100%; inherits: false;}.timeline{background-color:var(--tl-bg, #0d0d0d);background-size:cover;background-position:center;background-attachment:fixed;padding-block:var(--tl-padding-v, 60px)}.timeline__track{overflow-x:clip}.timeline__intro{display:flex;justify-content:center;align-items:center;padding:0 30px var(--tl-padding-v, 60px);text-align:center}.timeline__heading{color:var(--tl-heading-color, #fff);font-size:clamp(1.8rem,4vw,3rem);margin:0}.timeline__track{position:relative;margin-inline:auto;padding-inline:20px;padding-block:60px}.timeline__track:before{position:absolute;top:0;left:50%;width:0;height:100%;margin-left:-3px;border-right:6px dashed var(--tl-line, rgba(255, 255, 255, .4));content:""}.timeline__stop{position:relative;min-height:70vh;padding-top:15vh;width:50%;padding-inline:50px}.timeline__stop:before{position:absolute;top:0;right:0;width:40px;height:40px;border-radius:50%;background:var(--tl-accent, #ffd000);border:6px solid var(--tl-line, #fff);content:"";translate:50% 0;transform-origin:center}.timeline__stop:after{position:absolute;top:20px;right:40px;width:50%;height:calc(15vh - 20px);border-width:3px 0 0 3px;border-style:dashed;border-color:var(--tl-line, rgba(255, 255, 255, .4));clip-path:inset(0 0 0 0);content:""}.timeline__stop:nth-child(2n){margin-left:50%;text-align:end}.timeline__stop:nth-child(2n):before{right:auto;left:0;translate:-50% 0}.timeline__stop:nth-child(2n):after{right:auto;left:40px;border-width:3px 3px 0 0}.timeline__stop:nth-child(2n) .timeline__content img{margin-inline-start:auto}.timeline__content{background:var(--tl-card-bg, rgba(0, 0, 0, .7));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--tl-text, #fff);padding:1.2rem;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px;border:1px solid var(--tl-line, rgba(255, 255, 255, .3));border-radius:.6rem}.timeline__header{font-weight:500}.timeline__title{margin:0;font-size:1.3rem;color:var(--tl-text, #fff)}.timeline__date{font-size:.95rem;opacity:.75}.timeline__body{margin-block:1rem 0;font-size:.95rem;color:var(--tl-text, #fff)}.timeline__body p{margin-block:0 .75rem}.timeline__body strong{display:inline-flex;gap:6px;padding-block:.5rem;padding-inline:1rem;font-size:18px;font-style:italic;font-weight:700;color:var(--tl-accent, #ffd000);line-height:1.5;text-align:center}.timeline__body strong:before,.timeline__body strong:after{content:"";background:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3C!--%20License%3A%20Apache.%20Made%20by%20vaadin%3A%20https%3A%2F%2Fgithub.com%2Fvaadin%2Fvaadin-icons%20--%3E%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20fill%3D%22%23FFD000%22%20d%3D%22M7%207v7h-7v-7.1c0-4.8%204.5-5.4%204.5-5.4l0.6%201.4c0%200-2%200.3-2.4%201.9-0.4%201.2%200.4%202.2%200.4%202.2h3.9z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23FFD000%22%20d%3D%22M16%207v7h-7v-7.1c0-4.8%204.5-5.4%204.5-5.4l0.6%201.4c0%200-2%200.3-2.4%201.9-0.4%201.2%200.4%202.2%200.4%202.2h3.9z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);height:15px;width:15px;display:block;background-size:contain;background-repeat:no-repeat}.timeline__body strong:after{transform:rotate(180deg)}.timeline__content img{width:auto;max-width:100%;margin:0 auto;display:block;border:1px solid rgba(255,255,255,.2);border-radius:4px}@supports (animation-timeline: scroll()){.timeline__stop:before{animation:tl-pop-in linear both;animation-timeline:view(block);animation-range:cover 5% contain 22%}.timeline__stop:after{clip-path:inset(0 0 var(--tl-clip-v) var(--tl-clip-h));animation:tl-show-line linear both;animation-timeline:view(block);animation-range:cover 10% contain 40%}.timeline__stop:nth-child(2n):after{clip-path:inset(0 var(--tl-clip-h) var(--tl-clip-v) 0)}.timeline__content{animation:tl-slide-in linear both;animation-timeline:view(block);animation-range:cover 0% contain 12%}}@keyframes tl-pop-in{0%{scale:0}60%{scale:1.2}to{scale:1}}@keyframes tl-show-line{0%{--tl-clip-h: 100%;--tl-clip-v: 95%}60%{--tl-clip-h: 0%;--tl-clip-v: 95%}to{--tl-clip-h: 0%;--tl-clip-v: 0%}}@keyframes tl-slide-in{0%{opacity:0;translate:0 50%}to{opacity:1;translate:0 3%}}@media screen and (max-width:600px){.timeline__track:before{left:50px;margin-left:0}.timeline__stop,.timeline__stop:nth-child(2n){margin-left:33px;margin-bottom:30px;width:calc(100% - 33px);padding-inline:30px 8px;text-align:left;min-height:50vh}.timeline__stop:before,.timeline__stop:nth-child(2n):before{right:auto;left:0;translate:-50% 0}.timeline__stop:after,.timeline__stop:nth-child(2n):after{right:auto;left:16px;border-width:3px 3px 0 0}.timeline__stop:nth-child(2n) .timeline__content img{margin-inline-start:0}@supports (animation-timeline: scroll()){.timeline__stop:after,.timeline__stop:nth-child(2n):after{clip-path:inset(0 var(--tl-clip-h) var(--tl-clip-v) 0)}}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/timeline.css.map */