.pfl-seg{transition:width .24s var(--ctl-settle), background-color .15s}.pfl-stripe{background-color:var(--color-primary-90);background-image:repeating-linear-gradient(135deg, var(--color-primary-30) 0 2px, transparent 2px 4px)}.pfl-whisker{top:var(--spacing-2xs);background:var(--color-grey-100);z-index:2;height:2px;transition:left .24s var(--ctl-settle), width .24s var(--ctl-settle);position:absolute}.pfl-whisker:before,.pfl-whisker:after{content:"";width:1px;height:calc(var(--spacing-sm) - var(--spacing-2xs));background:var(--color-grey-100);position:absolute;top:0}.pfl-whisker:before{left:0}.pfl-whisker:after{right:0}.pfl-paused{outline:1px dashed var(--color-s-field);outline-offset:2px}.pfl-key-whisker{background:var(--color-grey-100);width:1rem;height:2px;display:inline-block;position:relative}.pfl-key-whisker:before,.pfl-key-whisker:after{content:"";width:1px;height:calc(var(--spacing-sm) - var(--spacing-2xs));background:var(--color-grey-100);position:absolute;top:0}.pfl-key-whisker:before{left:0}.pfl-key-whisker:after{right:0}@media (prefers-reduced-motion:reduce){.pfl-seg,.pfl-whisker{transition:none}}