._Progress_n1ksg_1{position:relative;& progress{position:absolute;appearance:none;display:block;&::-webkit-progress-bar,&::-webkit-progress-value{background-color:var(--wes95-color-canvas)}}&._-solid_n1ksg_15 progress{inset:calc(var(--wes95-scale-value) * 2);width:calc(100% - calc(var(--wes95-scale-value) * 4));height:calc(100% - calc(var(--wes95-scale-value) * 4));&::-webkit-progress-value{background-color:var(--wes95-color-progress)}}&._-blocks_n1ksg_25{display:flex;flex-direction:row;gap:calc(var(--wes95-scale-value) * 2);min-height:calc(var(--wes95-scale-value) * 18);background-color:var(--wes95-color-material);--wes95-padding-block: calc(var(--wes95-scale-value) * 1);--wes95-padding-inline: calc(var(--wes95-scale-value) * 1);& progress{top:0;left:0;width:0;height:0}}._ProgressSegment_n1ksg_43{width:calc(calc(100% / var(--segments)) - calc(var(--wes95-scale-value) * 2));min-height:0;background-color:var(--wes95-color-progress)}._ProgressNumber_n1ksg_51,._ProgressNumberInverted_n1ksg_52{display:grid;place-content:center;position:absolute;inset:0}._ProgressNumber_n1ksg_51{clip-path:rect(0 100% 100% var(--percentage))}._ProgressNumberInverted_n1ksg_52{color:var(--wes95-color-canvasTextInvert);clip-path:rect(0 var(--percentage) 100% 0)}}._ClusterGrid_4h51x_1{font-size:0}._Cluster_4h51x_1{display:inline-block;width:calc(var(--wes95-scale-value) * 7);height:calc(var(--wes95-scale-value) * 9);margin:0 var(--wes95-scale-value) var(--wes95-scale-value) 0;&:not(._-free_4h51x_11){border:var(--wes95-scale-value) solid #000}&._-optimized_4h51x_15{background-color:#3274b7}&._-beginning_4h51x_19{background-color:#03ffff}&._-middle_4h51x_23{background-color:teal}&._-end_4h51x_27{background-color:#325252}&._-system_4h51x_31{position:relative;background-color:#fff;&:after{position:absolute;content:"";top:calc(var(--wes95-scale-value) * -1);right:calc(var(--wes95-scale-value) * -1);width:calc(var(--wes95-scale-value) * 4);height:calc(var(--wes95-scale-value) * 4);background-image:url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='4' height='4' fill='black'/%3E%3Cpath d='M2 1V0H4V2H3V3H2V2H1V1H2Z' fill='%23FF0000'/%3E%3C/svg%3E%0A");background-size:calc(var(--wes95-scale-value) * 4) calc(var(--wes95-scale-value) * 4)}}&._-read_4h51x_48{background-color:#03ff00}&._-write_4h51x_52{background-color:red}}._Progress_4h51x_57{container-type:inline-size;._Buttons_4h51x_60{width:calc(var(--wes95-scale-value) * 60)}}@container (max-width: 600px){._Progress_4h51x_57 ._Status_4h51x_66{flex-grow:1}}@container (min-width: 601px){._Progress_4h51x_57 ._Status_4h51x_66{width:50%}}._FieldTable_1put1_1{--wes95-padding-block: 0px;--wes95-padding-inline: 0px}._Animation_1vxls_1{display:flex;width:100%;height:100%;min-width:calc(var(--wes95-scale-value) * 104);min-height:calc(var(--wes95-scale-value) * 50);flex-grow:1;align-self:stretch;justify-self:stretch;align-items:center;justify-content:center;img{image-rendering:pixelated;place-content:center}}._OpenPathLabel_1xk1g_4{width:calc(var(--wes95-scale-value) * 32)}._OpenPathInput_1xk1g_8{flex-grow:1}._OpenPathButtons_1xk1g_12{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--wes95-spacing-gap)}._Video_rdi9d_1{background-color:var(--wes95-color-canvasText);flex:1;display:flex;overflow:hidden;video{flex:1 1 0;overflow:hidden}}._Controls_rdi9d_13{display:flex;flex-direction:column;background-color:var(--wes95-color-material)}._Timeline_rdi9d_19{padding-block:calc(var(--wes95-scale-value) * 4);input[type=range]{appearance:none;width:100%;margin:0;background:none;&::-webkit-slider-runnable-track{appearance:none;border:var(--wes95-scale-value) solid var(--wes95-color-borderDark);border-block-end-color:var(--wes95-color-borderLightest);border-inline-end-color:var(--wes95-color-borderLightest);background-color:var(--wes95-color-canvas)}&::-webkit-slider-thumb{appearance:none;box-shadow:inset calc(var(--wes95-scale-value) * -1) calc(var(--wes95-scale-value) * -1) var(--wes95-color-borderDarkest),inset calc(var(--wes95-scale-value) * -2) calc(var(--wes95-scale-value) * -2) var(--wes95-color-borderDark),inset calc(var(--wes95-scale-value) * 1) calc(var(--wes95-scale-value) * 1) var(--wes95-color-borderLightest),inset calc(var(--wes95-scale-value) * -3) calc(var(--wes95-scale-value) * -4) var(--wes95-color-material),inset calc(var(--wes95-scale-value) * 2) calc(var(--wes95-scale-value) * 3) var(--wes95-color-material),inset calc(var(--wes95-scale-value) * 3) calc(var(--wes95-scale-value) * 4) var(--wes95-color-borderDark);border-radius:0;background-color:var(--wes95-color-canvas);position:relative;margin-block:calc(var(--wes95-scale-value) * -5);width:calc(var(--wes95-scale-value) * 13);height:calc(var(--wes95-scale-value) * 15)}}}._Buttons_rdi9d_61{display:flex;gap:calc(var(--wes95-scale-value) * 1);align-items:center}._Button_rdi9d_61{svg{width:calc(var(--wes95-scale-value) * 17);height:calc(var(--wes95-scale-value) * 17)}}._Status_rdi9d_74{display:flex;color:var(--wes95-color-canvas);background-color:var(--wes95-color-canvasText);--wes95-padding-block: calc(var(--wes95-scale-value) * 5);--wes95-padding-inline: calc(var(--wes95-scale-value) * 5)}._StatusPlayback_rdi9d_82{flex-grow:1}._StatusTime_rdi9d_86{font-variant-numeric:tabular-nums}