.nt-error{border:2px dashed var(--coral);padding:0 1rem;background:var(--yellow-light);color:var(--coral)}.nt-timeline{margin-top:30px;max-width:80%;.nt-timeline-title{font-size:1.1rem;margin-top:0}.nt-timeline-content{border-bottom:2px dashed var(--white-smoke-transparent-20);padding-bottom:1.2rem}&.horizontal{.nt-timeline-items{flex-direction:row;overflow-x:scroll;>div{min-width:400px;margin-right:50px}}&.reverse{.nt-timeline-items{flex-direction:row-reverse}}&.center{.nt-timeline-before{background-image:linear-gradient(var(--teal) 0,var(--teal) 100%);background-repeat:no-repeat;background-size:100% 2px;background-position:0 center}.nt-timeline-after{background-image:linear-gradient(180deg,rgba(0,0,0,0) 0,var(--rich-black) 100%);background-repeat:no-repeat;background-size:100% 2px;background-position:0 center}.nt-timeline-items{background-image:radial-gradient(circle,var(--teal) 0,var(--rich-black) 100%);background-repeat:no-repeat;background-size:100% 2px;background-position:0 center}}.nt-timeline-dot{left:50%;&:not(.bigger){top:calc(50% - 4px)}&.bigger{top:calc(50% - 15px)}}}&.vertical{.nt-timeline-items{flex-direction:column}&.reverse{.nt-timeline-items{flex-direction:column-reverse}}&.left{padding-left:20px;.nt-timeline-item{padding-left:70px}.nt-timeline-before{background:linear-gradient(var(--teal) 0,var(--teal) 100%) no-repeat 30px/2px 100%}.nt-timeline-after{background:linear-gradient(rgba(0,0,0,0) 0,var(--rich-black) 100%) no-repeat 30px/2px 100%;display:none}.nt-timeline-items{background:linear-gradient(var(--teal) 0,var(--md-accent-bg-color) 100%) no-repeat 30px/2px 100%}.nt-timeline-dot{left:21px;top:0;&.bigger{top:0;left:10px;background:var(--black)}}}}}.nt-timeline-items{display:flex;position:relative;>div{min-height:100px;padding-top:2px;padding-bottom:20px}}.nt-timeline-before{content:'';height:15px}.nt-timeline-item{position:relative}.nt-timeline-dot{position:relative;width:20px;height:20px;border-radius:100%;background-color:var(--black);position:absolute;top:0;z-index:2;display:flex;justify-content:center;align-items:center;border:2px solid var(--white);&:not(.bigger){.icon{font-size:10px}}&.bigger{width:40px;height:40px;padding:3px}.icon{color:var(--white);position:relative;bottom:1px}}@supports not(-moz-appearance:none){details{.nt-timeline.vertical.center.alternate .nt-timeline-item:nth-child(odd) .nt-timeline-sub-title,.nt-timeline.vertical.center:not(.alternate) .nt-timeline-item .nt-timeline-sub-title{left:-40px}.nt-timeline.vertical.center.alternate .nt-timeline-item:nth-child(even) .nt-timeline-sub-title{right:-40px}.nt-timeline.vertical.center .nt-timeline-dot{left:calc(50% - 12px)}.nt-timeline-dot.bigger{font-size:1rem !important}}}