.wp-block-prc-block-timeline{--height:4px;--thumb-size:16px;--tick-height:8px;background:inherit;color:inherit}.wp-block-prc-block-timeline input[type=range]{appearance:none;background:#0000;height:var(--thumb-size);margin:var(--thumb-size) 0;outline:none;position:relative;width:calc(100% - var(--thumb-size))}.wp-block-prc-block-timeline input[type=range]:before{background:#d3d3d3;content:"";height:var(--height);left:0;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}.wp-block-prc-block-timeline input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--wp--preset--color--primary,#000);border-radius:50%;cursor:pointer;height:var(--thumb-size);position:relative;width:var(--thumb-size);z-index:2}.wp-block-prc-block-timeline input[type=range]::-moz-range-thumb{background:var(--wp--preset--color--primary,#000);border:none;border-radius:50%;cursor:pointer;height:var(--thumb-size);position:relative;width:var(--thumb-size);z-index:2}.wp-block-prc-block-timeline input[type=range]::-moz-range-track{background:#d3d3d3;height:var(--height)}.wp-block-prc-block-timeline .ticks{align-items:center;display:flex;font-family:var(--wp--preset--font-family--sans-serif);font-size:12px;justify-content:space-between;list-style-type:none;margin-left:1.8em;padding:0;position:relative;width:calc(100% - 1.8em)}.wp-block-prc-block-timeline .ticks .tick{color:#555;flex:0;left:var(--tick-position,0);position:absolute;transform:translateX(-50%)}.wp-block-prc-block-timeline .ticks .tick:first-child,.wp-block-prc-block-timeline .ticks .tick:first-child span{left:0}.wp-block-prc-block-timeline .ticks .tick:last-child{left:100%}.wp-block-prc-block-timeline .ticks .tick:last-child span{left:0}.wp-block-prc-block-timeline .ticks .tick:before{background:#555;content:"";height:var(--tick-height);left:50%;position:absolute;top:-12px;transform:translateX(-50%);width:2px}.wp-block-prc-block-timeline .ticks .tick span{font-size:.8em;left:50%;position:absolute;top:4px;transform:translateX(-50%);width:max-content}.wp-block-prc-block-timeline .timeline-controls{display:flex;flex-direction:row;justify-content:space-between}.wp-block-prc-block-timeline .timeline-controls button{appearance:none;background:none;border:none;cursor:pointer;font-size:.8em;margin:0;order:1;padding:0}.wp-block-prc-block-timeline .timeline-controls button:hover{color:var(--wp--preset--color--primary)}.wp-block-prc-block-timeline .timeline-controls button.is-playing i.icon__play,.wp-block-prc-block-timeline .timeline-controls button:not(.is-playing) i.icon__pause{display:none}.wp-block-prc-block-timeline .timeline-controls input{order:2}.wp-block-prc-block-timeline .tick:not(:first-child):not(:last-child):not(:nth-child(3n)) span{font-size:.7em;opacity:.5}.wp-block-prc-block-timeline[data-tick-count=many] .tick:not(:first-child):not(:last-child):nth-child(2n){opacity:0;pointer-events:none}.wp-block-prc-block-timeline[data-tick-count=many] .tick:not(:first-child):not(:last-child):nth-child(2n):before{display:none}.wp-block-prc-block-timeline[data-tick-density=sparse] .tick{opacity:1}.wp-block-prc-block-timeline[data-tick-density=medium] .tick:not(:first-child):not(:last-child):not(:nth-child(3n)){opacity:0;pointer-events:none}.wp-block-prc-block-timeline[data-tick-density=medium] .tick:not(:first-child):not(:last-child):not(:nth-child(3n)) span,.wp-block-prc-block-timeline[data-tick-density=medium] .tick:not(:first-child):not(:last-child):not(:nth-child(3n)):before{display:none}.wp-block-prc-block-timeline[data-tick-density=dense] .tick:not(:first-child):not(:last-child):not(:nth-child(5n)){opacity:0;pointer-events:none}.wp-block-prc-block-timeline[data-tick-density=dense] .tick:not(:first-child):not(:last-child):not(:nth-child(5n)) span,.wp-block-prc-block-timeline[data-tick-density=dense] .tick:not(:first-child):not(:last-child):not(:nth-child(5n)):before{display:none}.wp-block-prc-block-timeline[data-tick-density=very-dense] .tick:not(:first-child):not(:last-child):not(:nth-child(10n)){opacity:0;pointer-events:none}.wp-block-prc-block-timeline[data-tick-density=very-dense] .tick:not(:first-child):not(:last-child):not(:nth-child(10n)) span,.wp-block-prc-block-timeline[data-tick-density=very-dense] .tick:not(:first-child):not(:last-child):not(:nth-child(10n)):before{display:none}.wp-block-prc-block-timeline[data-tick-density=very-dense] .tick:not(:first-child):not(:last-child):nth-child(10n):before{height:calc(var(--tick-height)*1.5)}.wp-block-prc-block-timeline[data-tick-density=very-dense] .tick:not(:first-child):not(:last-child):nth-child(10n) span{font-weight:700}