:root{--dn-timeline-marker-gap:.4rem}.dn-timeline{margin:3rem 0;font-size:14px}.dn-timeline__scroll{overflow-x:auto;overflow-y:hidden;padding:0 0 1.5rem}.dn-timeline__track{position:relative;display:flex;flex-wrap:nowrap;min-width:1100px}.dn-timeline__epoch{position:relative;flex:0 0 600px;padding:.75rem 1.25rem 12rem}.dn-timeline__epoch--antiquity{background:linear-gradient(to bottom,rgba(0,80,120,.06),rgba(0,0,0,0))}.dn-timeline__epoch--medieval{background:linear-gradient(to bottom,rgba(120,80,0,.06),rgba(0,0,0,0))}.dn-timeline__epoch--venetian{background:linear-gradient(to bottom,rgba(0,120,90,.06),rgba(0,0,0,0))}.dn-timeline__epoch--transition{background:linear-gradient(to bottom,rgba(90,90,90,.04),rgba(0,0,0,0))}.dn-timeline__epoch--austro{background:linear-gradient(to bottom,rgba(120,40,40,.06),rgba(0,0,0,0))}.dn-timeline__epoch--restoration{background:linear-gradient(to bottom,rgba(0,110,160,.06),rgba(0,0,0,0))}.dn-timeline__epoch-header{margin-bottom:1.6rem}.dn-timeline__epoch-period{font-size:.85em;text-transform:uppercase;letter-spacing:.04em;opacity:.7}.dn-timeline__epoch-title{margin:0;font-size:1.05em}.dn-timeline__markers{position:relative;margin-top:1.8rem;padding-top:1.6rem}.dn-timeline__markers:before{content:"";position:absolute;top:0;left:-20px;right:-20px;border-top:3px solid rgba(0,0,0,.35)}.dn-timeline__marker{position:absolute;top:0;transform:translateX(-50%);max-width:220px;padding-top:var(--dn-timeline-stem-length,1.8rem)}.dn-timeline__marker:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:var(--dn-timeline-stem-length,1.8rem);background:rgba(0,0,0,.75)}.dn-timeline__marker-dot{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:11px;height:11px;border-radius:999px;background:#fff;border:2px solid rgba(0,0,0,.75)}.dn-timeline__marker-label{position:absolute;top:100%;left:50%;width:220px;padding-top:var(--dn-timeline-marker-gap);text-align:left}.dn-timeline__marker-year{font-weight:600;font-size:.9em;margin-bottom:.15em}.dn-timeline__marker-text{font-size:.9em;line-height:1.3;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.dn-timeline__marker--low{--dn-timeline-stem-length:6.8rem}.dn-timeline{border-radius:20px;overflow:hidden}