@property --sec23-bar-progress{syntax:"<number>";inherits:true;initial-value:1}.sec23-list{view-timeline-name:--sec23;view-timeline-axis:block;--sec23-line:38vh;--sec23-dot-half:10px;--sec23-rail-start:calc(-1 * var(--spacing-gutter));--sec23-rail-end:0px;--sec23-tip:calc(var(--sec23-bar-progress) * (100% + var(--sec23-rail-start) + var(--sec23-rail-end)) - var(--sec23-rail-start));--sec23-line-y:calc(var(--sec23-bar-progress) * 100%)}.sec23-list:before{content:"";background-position:0 0;background-repeat:no-repeat;background-image:linear-gradient(to bottom, var(--color-primary-main) 0%, var(--color-primary-main) var(--sec23-tip), var(--color-divider) var(--sec23-tip), var(--color-divider) 100%);width:8px;position:absolute;inset-block-start:var(--sec23-rail-start);inset-block-end:var(--sec23-rail-end);inset-inline-start:calc(var(--spacing) * 1.5)}.sec23-list:not([data-sec23-rail]):before{-webkit-mask-image:linear-gradient(to bottom, transparent, black var(--spacing-gutter), black calc(100% - var(--spacing-gutter)), transparent);mask-image:linear-gradient(to bottom, transparent, black var(--spacing-gutter), black calc(100% - var(--spacing-gutter)), transparent)}@supports (animation-timeline:view()) and (animation-range-start:cover 30%){@media (prefers-reduced-motion:no-preference){.sec23-list{animation-name:sec23-bar-progress;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--sec23;animation-range:cover calc(100vh - var(--sec23-line)) cover calc(100% - var(--sec23-line))}}}@keyframes sec23-bar-progress{0%{--sec23-bar-progress:0}to{--sec23-bar-progress:1}}@property --sec23-on{syntax:"<number>";inherits:false;initial-value:1}@keyframes sec23-activate{0%{--sec23-on:0}to{--sec23-on:1}}.sec23-dot{--sec23-dot-fill:color-mix(in srgb, var(--color-primary-main) calc(var(--sec23-on) * 100%), var(--color-divider) calc((1 - var(--sec23-on)) * 100%));background-color:var(--color-background-default);background-image:linear-gradient(var(--sec23-dot-fill), var(--sec23-dot-fill))}@supports (animation-timeline:view()) and (animation-range-start:cover 30%){@media (prefers-reduced-motion:no-preference){.sec23-dot{animation-name:sec23-activate;animation-timing-function:step-start;animation-fill-mode:both;animation-timeline:view();animation-range:cover calc(100vh - var(--sec23-line) + var(--sec23-dot-half)) cover 100%}}}.pt-disclosure[open] .sec23-dot{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-primary-main) 20%, transparent);--sec23-on:1!important}.sec23-list[data-sec23-still]{--sec23-tip:calc(var(--sec23-still-y,calc(100% + var(--sec23-rail-start))) - var(--sec23-rail-start));--sec23-line-y:var(--sec23-still-y,100%)}.sec23-list[data-sec23-still]>li:has(>details[open])~li .sec23-dot{--sec23-on:0}.sec23-list:is([data-rail=a],[data-rail=b],[data-rail=c]):before{pointer-events:none;width:2px;inset-inline-start:9px}.sec23-list:is([data-rail=a],[data-rail=b],[data-rail=c]) .sec23-dot{background-image:none;background-color:color-mix(in srgb, var(--color-primary-main) calc(var(--sec23-on) * 100%), var(--color-background-default) calc((1 - var(--sec23-on)) * 100%));--sec23-ring:color-mix(in srgb, var(--color-primary-main) calc(var(--sec23-on) * 100%), var(--color-text-disabled) calc((1 - var(--sec23-on)) * 100%))}.sec23-list:is([data-rail=a],[data-rail=b]) .pt-disclosure[open] .sec23-dot{box-shadow:0 0 0 3px var(--color-background-default), 0 0 0 4px var(--color-primary-main)}.sec23-list[data-rail=a]{--sec23-dot-half:4px}.sec23-list[data-rail=a]:before{background-image:linear-gradient(to bottom, var(--color-primary-light) 0, var(--color-primary-light) calc(var(--sec23-tip) - 64px), var(--color-primary-main) var(--sec23-tip), transparent var(--sec23-tip)), linear-gradient(var(--color-divider), var(--color-divider));background-position:0 0,1px 0;background-size:2px 100%,1px 100%}.sec23-list[data-rail=a]:after{content:"";pointer-events:none;width:32px;-webkit-mask-image:linear-gradient(to bottom, transparent var(--sec23-rail-start), black var(--sec23-rail-start), black calc(100% - var(--sec23-rail-end)), transparent calc(100% - var(--sec23-rail-end)));mask-image:linear-gradient(to bottom, transparent var(--sec23-rail-start), black var(--sec23-rail-start), black calc(100% - var(--sec23-rail-end)), transparent calc(100% - var(--sec23-rail-end)));background-image:radial-gradient(circle at 50% var(--sec23-line-y), var(--color-primary-main) 0 3px, var(--color-background-default) 3.5px 4.5px, transparent 5px), radial-gradient(circle 14px at 50% var(--sec23-line-y), var(--color-primary-states-focus-visible), transparent);background-repeat:no-repeat;position:absolute;inset-block:0;inset-inline-start:-6px}.sec23-list[data-rail=a] .sec23-dot{width:8px;height:8px;box-shadow:inset 0 0 0 1px var(--sec23-ring);inset-inline-start:6px}.sec23-list[data-rail=b]{--sec23-dot-half:6px}.sec23-list[data-rail=b] .sec23-dot{width:12px;height:12px;box-shadow:inset 0 0 0 1.5px var(--sec23-ring);--sec23-tick:color-mix(in srgb, var(--color-primary-main) calc(var(--sec23-on) * 100%), transparent calc((1 - var(--sec23-on)) * 100%));inset-inline-start:4px}.sec23-list[data-rail=b] .sec23-dot:after{content:"";inset-inline-start:calc(100% + 6px);background-color:var(--sec23-tick);width:14px;height:1px;position:absolute;top:50%;translate:0 -50%}@media (min-width:48rem){.sec23-list[data-rail=b] .sec23-dot:after{width:34px}}@property --sec23-lit{syntax:"<number>";inherits:true;initial-value:1}@keyframes sec23-lit{0%{--sec23-lit:0}to{--sec23-lit:1}}.sec23-list[data-rail=b] summary h3>span{color:color-mix(in srgb, var(--color-text-primary) calc(var(--sec23-lit) * 100%), var(--color-text-secondary) calc((1 - var(--sec23-lit)) * 100%))}.sec23-list[data-rail=b] details[open]>summary{--sec23-lit:1!important}.sec23-list[data-rail=b] details[open]>summary h3>span:first-child,.sec23-list[data-rail=b] summary:hover h3>span:last-child{color:var(--color-primary-main)}.sec23-list[data-rail=b][data-sec23-still]>li:has(>details[open])~li summary{--sec23-lit:0}@supports (animation-timeline:view()) and (animation-range-start:cover 30%) and (timeline-scope:--sec23-row){@media (prefers-reduced-motion:no-preference){.sec23-list[data-rail=b]>li{timeline-scope:--sec23-row}.sec23-list[data-rail=b] .sec23-dot{view-timeline-name:--sec23-row}.sec23-list[data-rail=b] summary{animation-name:sec23-lit;animation-timing-function:step-start;animation-fill-mode:both;animation-timeline:--sec23-row;animation-range:cover calc(100vh - var(--sec23-line) + var(--sec23-dot-half)) cover 100%}}}.sec23-list[data-rail=c]{--sec23-dot-half:7px}.sec23-list[data-rail=c]:before{background-image:linear-gradient(to bottom, var(--color-primary-main) 0, var(--color-primary-main) var(--sec23-tip), transparent var(--sec23-tip)), linear-gradient(var(--color-divider), var(--color-divider));background-position:0 0,1px 0;background-size:2px 100%,1px 100%}.sec23-list[data-rail=c] .sec23-dot{width:14px;height:14px;box-shadow:inset 0 0 0 1.75px var(--sec23-ring);transition:scale var(--duration-slow) var(--ease-exit);inset-inline-start:3px;scale:.571429}.sec23-list[data-rail=c] .pt-disclosure[open] .sec23-dot{box-shadow:none;transition:scale var(--duration-reveal) var(--ease-reveal);scale:1}@media (prefers-reduced-motion:no-preference){.sec23-list[data-rail=c] .pt-disclosure[open] .sec23-dot:after{content:"";border:1.5px solid var(--color-primary-main);border-radius:inherit;pointer-events:none;animation:sec23-pulse 2.4s var(--ease-panel) infinite;position:absolute;inset:0}}@keyframes sec23-pulse{0%{opacity:.6;scale:1}66.667%,to{opacity:0;scale:2.6}}
