@layer optiaxiom._1nlch9o{._474yog{position:relative}._474yog[data-scroll-timeline]:after{right:var(--_583ta3);background-image:linear-gradient(270deg,#0000001a,#0000)}._474yog[data-scroll-timeline]:before{left:var(--_1pg8n2o);background-image:linear-gradient(90deg,#0000001a,#0000)}._474yog[data-scroll-timeline]:before,._474yog[data-scroll-timeline]:after{content:"";opacity:0;pointer-events:none;z-index:1;width:16px;height:100%;transition:opacity .3s;display:block;position:absolute;top:0}._474yog[data-scroll-timeline]:not([data-scroll-timeline=left]):before,._474yog[data-scroll-timeline]:not([data-scroll-timeline=right]):after{opacity:1}._1p7y8zt{width:calc(1px * var(--_3602yl))}.qfqr8m{left:var(--i6jakw)}._1vvboyk{right:var(--i6jakw)}.q8akt1{background-color:var(--ax-colors-bg-default);background-image:linear-gradient(var(--thy12p), var(--thy12p));transition:--thy12p var(--ax-duration-sm) ease}._5ez4vv[data-selected] .q8akt1{--thy12p:var(--ax-colors-bg-accent-subtle)}.ilp33y{flex-grow:calc(var(--_3602yl) / var(--_1bcb70p))}@media (hover:hover){._5ez4vv:hover .q8akt1{--thy12p:var(--ax-colors-bg-default-hovered)}._5ez4vv[data-selected]:hover .q8akt1{--thy12p:color-mix(in srgb, var(--ax-colors-bg-accent-subtle), var(--ax-colors-bg-accent-light) 15%)}}}@property --thy12p{syntax:"<color>";inherits:false;initial-value:#0000}