.fixit-docs-navigation{display:flex;justify-content:center;flex-wrap:nowrap;max-width:100%;position:relative;border-radius:2.5px;margin-block:2rem;background:linear-gradient(#ffffff,#ffffff)padding-box,linear-gradient(45deg,#42d392,#FF7359)border-box;border:.25rem solid transparent;transition:background-color .5s,border-color .5s}[data-theme=dark] .fixit-docs-navigation{background:#292a2e;border-color:#fff}.fixit-docs-navigation .fixit-docs-outline{align-self:center;text-align:left;list-style:none!important;margin-inline:auto;flex-shrink:1}.fixit-docs-navigation .fixit-docs-outline li{position:relative;padding:.5rem 1.5rem;font-size:18px;--timeline-color:rgb(227.25, 227.25, 227.25);--timeline-circle-color:#FF735A;--timeline-circle-size:10px;--timeline-width:2px}.fixit-docs-navigation .fixit-docs-outline li:nth-child(1){--timeline-index:1}.fixit-docs-navigation .fixit-docs-outline li:nth-child(1)::before{content:"1"}.fixit-docs-navigation .fixit-docs-outline li:nth-child(2){--timeline-index:2}.fixit-docs-navigation .fixit-docs-outline li:nth-child(2)::before{content:"2"}.fixit-docs-navigation .fixit-docs-outline li:nth-child(3){--timeline-index:3}.fixit-docs-navigation .fixit-docs-outline li:nth-child(3)::before{content:"3"}.fixit-docs-navigation .fixit-docs-outline li:nth-child(4){--timeline-index:4}.fixit-docs-navigation .fixit-docs-outline li:nth-child(4)::before{content:"4"}.fixit-docs-navigation .fixit-docs-outline li::before{position:absolute;top:50%;transform:translateY(-50%);left:0;width:var(--timeline-circle-size);height:var(--timeline-circle-size);font-size:var(--timeline-circle-size);line-height:var(--timeline-circle-size);text-align:center;border-radius:50%;border:var(--timeline-width)solid var(--timeline-color);background-color:#fff;color:transparent;z-index:1;animation-name:border-color-fade;animation-duration:2s;animation-iteration-count:infinite;animation-delay:calc(var(--timeline-index)*.3s)}@keyframes border-color-fade{0%{border-color:var(--timeline-color)}50%{border-color:var(--timeline-circle-color)}100%{border-color:var(--timeline-color)}}[data-theme=dark] .fixit-docs-navigation .fixit-docs-outline li::before{background-color:#292a2e}.fixit-docs-navigation .fixit-docs-outline li::after{content:"";position:absolute;top:0;left:calc(var(--timeline-circle-size)/2 + var(--timeline-width)/2);width:var(--timeline-width);height:100%;background-color:var(--timeline-color)}[data-theme=dark] .fixit-docs-navigation .fixit-docs-outline li{--timeline-color:rgb(112.5, 112.5, 112.5)}.fixit-docs-navigation .fixit-docs-outline li a,.fixit-docs-navigation .fixit-docs-outline li a::before,.fixit-docs-navigation .fixit-docs-outline li a::after{color:#161209}[data-theme=dark] .fixit-docs-navigation .fixit-docs-outline li a,[data-theme=dark] .fixit-docs-navigation .fixit-docs-outline li a::before,[data-theme=dark] .fixit-docs-navigation .fixit-docs-outline li a::after{color:#b1b1ba}.fixit-docs-navigation .fixit-docs-outline li a:active,.fixit-docs-navigation .fixit-docs-outline li a:hover{color:#2983bb}[data-theme=dark] .fixit-docs-navigation .fixit-docs-outline li a:active,[data-theme=dark] .fixit-docs-navigation .fixit-docs-outline li a:hover{color:#fff}.fixit-docs-navigation .fixit-docs-preview{width:60%;height:auto;aspect-ratio:572/300;padding-block:.5rem;margin-left:auto;position:relative}.fixit-docs-navigation .fixit-docs-preview::before,.fixit-docs-navigation .fixit-docs-preview::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-position:50%;background-repeat:no-repeat}.fixit-docs-navigation .fixit-docs-preview::before{background-color:hsla(0,0%,80%,.1);background-image:var(--fi-loading-img);background-size:60px}[data-theme=dark] .fixit-docs-navigation .fixit-docs-preview::before{background-color:rgba(0,0,0,.1)}.fixit-docs-navigation .fixit-docs-preview::after{background-image:url(https://fixit.lruihao.cn/images/apple-devices-preview.webp);background-size:130%}@media only screen and (max-width:680px){.fixit-docs-navigation{flex-wrap:wrap}.fixit-docs-navigation .fixit-docs-outline{flex-shrink:0}.fixit-docs-navigation .fixit-docs-outline li{padding-block:.25rem}.fixit-docs-navigation .fixit-docs-preview{width:100%}}