.timeline::-webkit-scrollbar{display:none}.timeline{-ms-overflow-style:none;scrollbar-width:none}#controls{bottom:0;float:none;left:0;margin:0 auto;max-width:1400px;position:absolute;right:0;top:0}#controls button .fa{color:#fff}#controls button{background-color:#c10231;border:0;border-radius:0;cursor:pointer;height:64px;position:absolute;top:calc(50% - 32px);width:64px;z-index:1}#controls button.prev{left:0}#controls button.next{right:0}#controls .prev:hover{animation:slideLeft 1s;animation-iteration-count:infinite;background-color:#c10231}@keyframes slideLeft{0%{transform:translate(0) rotate(0deg)}50%{transform:translate(-10px) rotate(0deg)}to{transform:translate(0) rotate(0deg)}}#controls .next:hover{animation:slideRight 1s;animation-iteration-count:infinite;background-color:#c10231}@keyframes slideRight{0%{transform:translate(0) rotate(0deg)}50%{transform:translate(10px) rotate(0deg)}to{transform:translate(0) rotate(0deg)}}#controls .chevron{border-bottom:4px solid #fff;border-right:4px solid #fff;bottom:18px;height:24px;left:18px;position:absolute;right:18px;top:18px;width:24px}#controls .chevron.left{transform:rotate(135deg)}#controls .chevron.right{transform:rotate(-45deg)}.absolute{position:relative}.timeline-wrapper{margin:50px 0;position:relative}.timeline{display:flex;overflow:scroll;position:relative;scroll-behavior:smooth}.timeline .item{position:relative;width:300px;z-index:1}.timeline .item-row{display:flex;flex-direction:row;gap:2rem}.timeline .text{left:0;top:0}.timeline .text,.timeline .year{bottom:0;color:#fff;padding:1rem;position:absolute;right:0}.timeline .year{font-size:2rem}@media (pointer:coarse){.timeline .item .text{background-color:rgb(0,0,0,.5);opacity:1}}@media (pointer:fine){.timeline .year{color:#fff}.timeline .item .text{background-color:rgb(0,0,0,.5);opacity:0;transition-duration:.5s}.timeline .item:hover{cursor:pointer}.timeline .item:hover .text{opacity:1;transition-duration:.5s}.timeline .item:hover .year{color:#fff}.timeline .item:hover img{opacity:1;transition-duration:.5s}#controls .chevron:hover{border-bottom:4px solid #000;border-right:4px solid #000}}