.timeline-preview-window-scope .code-window{position:relative;width:100%;height:190px;background:var(--card-bg-color);border:1px solid var(--card-border-color);border-radius:.5rem;box-shadow:var(--spread-shadow);overflow:hidden}.timeline-preview-window-scope .code-window .window-head{display:flex;align-items:center;height:2.75rem;background:var(--card-bg-color);border-bottom:1px solid var(--card-border-color);padding:0 .5rem}.timeline-preview-window-scope .code-window .window-head .bot{font-family:var(--font);font-size:.95rem;font-weight:600;color:var(--title-color);margin-left:.5rem}.timeline-preview-window-scope .code-window .window-body{height:calc(190px - 2.75rem);display:flex;align-items:stretch}.timeline-preview-window-scope .code-window .window-body .body-content{height:100%;width:100%;padding:1rem}.timeline-preview-window-scope .code-window .window-body .body-content-line{display:flex;align-items:center;height:1.75rem;font-size:.9rem;font-family:var(--font);color:var(--title-color)}.timeline-preview-window-scope .code-window .window-body .body-content-line .iconify{font-size:1rem;color:var(--light-text)}.timeline-preview-window-scope .code-window .window-body .body-content-line span.text{font-weight:600;color:var(--title-color);padding:0 .25rem}.timeline-preview-window-scope .code-window .window-body .body-content-line a{color:var(--primary)}.timeline-preview-window-scope .code-window .window-body .body-content-line .bold{font-weight:600}@media only screen and (max-width:767px){.timeline-preview-window-scope .code-window{height:210px}.timeline-preview-window-scope .code-window .window-body .body-content-line .iconify,.timeline-preview-window-scope .code-window .window-body .body-content-line span{display:none}}@media only screen and (min-width:768px)and (max-width:1024px)and (orientation:portrait){.timeline-preview-window-scope .code-window{height:210px}.timeline-preview-window-scope .code-window .window-head .paragraph{font-size:.8rem!important}.timeline-preview-window-scope .code-window .window-body .body-content-line a{overflow:hidden;max-width:200px;white-space:nowrap;text-overflow:ellipsis}.timeline-preview-window-scope .code-window .window-body .body-content-line .iconify,.timeline-preview-window-scope .code-window .window-body .body-content-line span{display:none}}@media only screen and (min-width:768px)and (max-width:1024px)and (orientation:landscape){.timeline-preview-window-scope .code-window{height:210px}.timeline-preview-window-scope .code-window .window-head .paragraph{font-size:.8rem!important}.timeline-preview-window-scope .code-window .window-body .body-content-line a{overflow:hidden;max-width:200px;white-space:nowrap;text-overflow:ellipsis}.timeline-preview-window-scope .code-window .window-body .body-content-line .iconify,.timeline-preview-window-scope .code-window .window-body .body-content-line span{display:none}}.timeline1-scope .timeline .timeline-item{position:relative;display:flex;align-items:center}.timeline1-scope .timeline .timeline-item .item-left{position:relative;flex-grow:2;padding:0 3rem;width:calc(50% - 1px);z-index:1}.timeline1-scope .timeline .timeline-item .item-dot{position:relative;height:10px;width:10px;min-width:10px;max-width:10px;border-radius:50%;border:2px solid var(--wrap-border-color);background:var(--section-bg-color);z-index:1}.timeline1-scope .timeline .timeline-item .item-right{position:relative;flex-grow:2;padding:0 3rem;width:calc(50% - 1px);z-index:1}.timeline1-scope .timeline .timeline-item:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;width:1px;margin:0 auto;border-right:1px solid var(--wrap-border-color);z-index:0}.timeline1-scope .timeline .timeline-item:not(:last-child){padding-bottom:10rem}.timeline1-scope .timeline .timeline-item:last-child{padding-bottom:5rem}@media only screen and (max-width:767px){.timeline1-scope .timeline .timeline-item{flex-direction:column}.timeline1-scope .timeline .timeline-item .item-dot,.timeline1-scope .timeline .timeline-item .item-left,.timeline1-scope .timeline .timeline-item .item-right{width:100%}.timeline1-scope .timeline .timeline-item .item-left{padding:1rem 0;background:var(--section-bg-color)}.timeline1-scope .timeline .timeline-item .item-right{padding:1rem 0;background:var(--section-bg-color);text-align:center}.timeline1-scope .timeline .timeline-item .item-dot{margin:5rem 0}}@media only screen and (min-width:768px)and (max-width:1024px)and (orientation:portrait){.timeline1-scope .timeline .timeline-item .item-left{padding-left:0}.timeline1-scope .timeline .timeline-item .item-right{padding-right:0}}