.year-point{position:absolute;cursor:pointer;pointer-events:auto;transition:left .6s cubic-bezier(.2,0,.2,1),top .6s cubic-bezier(.2,0,.2,1),opacity .6s ease;transform:translate(-50%,-50%);z-index:10}.year-label{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:2.2rem;font-weight:400;font-family:"Noto Serif",Sans-serif;color:var(--primary-color);white-space:nowrap;opacity:.2;font-style:italic;transition:all .4s ease-in-out}.year-point.active .year-label{display:none;opacity:1;font-size:2.8rem;font-weight:600;transform:translate(-50%,-5px)}.dot{width:12px;height:12px;background-color:var(--primary-color);border-radius:50%;transition:all .4s ease;border:2px solid #fff;box-shadow:0 0 5px rgba(0,110,153,.2)}.year-point.active .dot{position:relative;background-color:var(--primary-color);border:3px solid #fff;width:16px;height:16px;z-index:20}.year-point.active::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;padding:2.5px;background:linear-gradient(to right,#006e99 0%,#f79e1c 48%,#006e99 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:10;opacity:.9}.interaction-hint{margin-top:15px;font-size:.7rem;opacity:.8;text-transform:uppercase;letter-spacing:2px;color:var(--primary-color);font-weight:600}.slide-out-left{transform:translateX(-40px) scale(.98)!important;opacity:0!important}.slide-out-right{transform:translateX(40px) scale(.98)!important;opacity:0!important}.slide-in-left{animation:slideInLeft .6s forwards cubic-bezier(.2,0,.2,1)}.slide-in-right{animation:slideInRight .6s forwards cubic-bezier(.2,0,.2,1)}