.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(var(--fi-global-background-color),var(--fi-global-background-color))padding-box,linear-gradient(45deg,#42d392,#FF7359)border-box;border:.25rem solid light-dark(transparent,#fff);transition:background-color .5s,border-color .5s}[data-theme-mode=dark] .fixit-docs-navigation{background:var(--fi-global-background-color)}@media(prefers-color-scheme:dark){[data-theme-mode=auto] .fixit-docs-navigation{background:var(--fi-global-background-color)}}.fixit-docs-navigation .fixit-docs-outline{align-self:center;text-align:left;list-style:none!important;margin-inline:auto;flex-shrink:1;--fi-timeline-circle-color:#ff735a;--fi-timeline-circle-size:10px;--fi-timeline-width:2px}.fixit-docs-navigation .fixit-docs-outline li{position:relative;padding:.5rem 1.5rem;font-size:18px}.fixit-docs-navigation .fixit-docs-outline li:nth-child(1){--fi-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){--fi-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){--fi-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){--fi-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;text-align:center;border-radius:50%;color:transparent;z-index:1;width:var(--fi-timeline-circle-size);height:var(--fi-timeline-circle-size);font-size:var(--fi-timeline-circle-size);line-height:var(--fi-timeline-circle-size);border-width:var(--fi-timeline-width);border:var(--fi-timeline-width)solid var(--fi-global-border-color);background-color:var(--fi-global-background-color);animation-name:border-color-fade;animation-duration:2s;animation-iteration-count:infinite;animation-delay:calc(var(--fi-timeline-index)*.3s)}@keyframes border-color-fade{50%{border-color:var(--fi-timeline-circle-color);color:var(--fi-timeline-circle-color)}}.fixit-docs-navigation .fixit-docs-outline li::after{content:"";position:absolute;top:0;left:calc(var(--fi-timeline-circle-size)/2 + var(--fi-timeline-width)/2);width:var(--fi-timeline-width);height:100%;background-color:var(--fi-global-border-color)}.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:var(--fi-global-link-color)}.fixit-docs-navigation .fixit-docs-outline li a:active,.fixit-docs-navigation .fixit-docs-outline li a:hover{color:var(--fi-global-link-hover-color)}.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:light-dark(rgba(204,204,204,.1),rgba(0,0,0,.1));background-image:var(--fi-loading-img);background-size:60px}.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%}}