._Progress_n1ksg_1{position:relative;& progress{appearance:none;display:block;position:absolute;&::-webkit-progress-bar{background-color:var(--wes95-color-canvas)}&::-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{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);flex-direction:row;display:flex;& progress{width:0;height:0;top:0;left:0}}& ._ProgressSegment_n1ksg_43{width:calc(calc(100% / var(--segments)) - calc(var(--wes95-scale-value) * 2));background-color:var(--wes95-color-progress);min-height:0}& ._ProgressNumber_n1ksg_51,& ._ProgressNumberInverted_n1ksg_52{place-content:center;display:grid;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{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;display:inline-block;&: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{background-color:#fff;position:relative;&:after{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);position:absolute}}&._-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 (width<=600px){._Progress_4h51x_57 ._Status_4h51x_66{flex-grow:1}}@container (width>=601px){._Progress_4h51x_57 ._Status_4h51x_66{width:50%}}._FieldTable_1put1_1{--wes95-padding-block:0px;--wes95-padding-inline:0px}._Animation_1vxls_1{width:100%;height:100%;min-width:calc(var(--wes95-scale-value) * 104);min-height:calc(var(--wes95-scale-value) * 50);flex-grow:1;justify-content:center;place-self:stretch stretch;align-items:center;display:flex;& 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{gap:var(--wes95-spacing-gap);grid-template-columns:repeat(3,1fr);display:grid}._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{background-color:var(--wes95-color-material);flex-direction:column;display:flex}._Timeline_rdi9d_19{padding-block:calc(var(--wes95-scale-value) * 4);& input[type=range]{appearance:none;background:0 0;width:100%;margin:0;&::-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);background-color:var(--wes95-color-canvas);margin-block:calc(var(--wes95-scale-value) * -5);width:calc(var(--wes95-scale-value) * 13);height:calc(var(--wes95-scale-value) * 15);border-radius:0;position:relative}}}._Buttons_rdi9d_61{gap:calc(var(--wes95-scale-value) * 1);align-items:center;display:flex}._Button_rdi9d_61{& svg{width:calc(var(--wes95-scale-value) * 17);height:calc(var(--wes95-scale-value) * 17)}}._Status_rdi9d_74{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);display:flex}._StatusPlayback_rdi9d_82{flex-grow:1}._StatusTime_rdi9d_86{font-variant-numeric:tabular-nums}