.dravix-scroll-progress{--scroll-bar-color:#0073aa;--scroll-bg-color:#e0e0e0;--scroll-height:4px;--scroll-border-radius:0px;--scroll-opacity:1;--scroll-animation-speed:300ms;--scroll-label-size:14px;--scroll-label-weight:400;--scroll-label-color:#000;--scroll-z-index:9999;--circular-size:80px;--stroke-width:8px;opacity:var(--scroll-opacity);z-index:var(--scroll-z-index)}.dravix-scroll-progress.is-fixed{left:0;position:fixed;right:0}.dravix-scroll-progress.linear{width:100%}.dravix-scroll-progress.linear.position-top{top:0}.dravix-scroll-progress.linear.position-bottom{bottom:0}.dravix-scroll-progress.linear .scroll-progress-linear{position:relative;width:100%}.dravix-scroll-progress.linear .scroll-progress-track{background-color:var(--scroll-bg-color);border-radius:var(--scroll-border-radius);height:var(--scroll-height);overflow:hidden;width:100%}.dravix-scroll-progress.linear .scroll-progress-bar{align-items:center;background-color:var(--scroll-bar-color);border-radius:var(--scroll-border-radius);display:flex;height:100%;justify-content:flex-end;padding-right:10px;position:relative;transition:width var(--scroll-animation-speed) ease-out;width:0}.dravix-scroll-progress.linear .scroll-progress-label{color:var(--scroll-label-color);font-size:var(--scroll-label-size);font-weight:var(--scroll-label-weight);white-space:nowrap}.dravix-scroll-progress.linear .scroll-progress-label-outside{color:var(--scroll-label-color);font-size:var(--scroll-label-size);font-weight:var(--scroll-label-weight);padding:8px;text-align:center}.dravix-scroll-progress.circular{width:auto}.dravix-scroll-progress.circular.is-fixed{position:fixed}.dravix-scroll-progress.circular.is-fixed.position-bottom-right{bottom:20px;right:20px}.dravix-scroll-progress.circular.is-fixed.position-bottom-left{bottom:20px;left:20px}.dravix-scroll-progress.circular.is-fixed.position-top-right{right:20px;top:20px}.dravix-scroll-progress.circular.is-fixed.position-top-left{left:20px;top:20px}.dravix-scroll-progress.circular .scroll-progress-circular{align-items:center;display:flex;height:var(--circular-size);justify-content:center;position:relative;width:var(--circular-size)}.dravix-scroll-progress.circular .circular-svg{display:block;transform:rotate(-90deg)}.dravix-scroll-progress.circular .progress-circle{transition:stroke-dashoffset var(--scroll-animation-speed) ease-out}.dravix-scroll-progress.circular .scroll-progress-label-circular{color:var(--scroll-label-color);font-size:var(--scroll-label-size);font-weight:var(--scroll-label-weight);left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}@media(max-width:768px){.dravix-scroll-progress.hide-on-mobile{display:none!important}}.dravix-scroll-progress.hide-on-scroll-down{transition:transform var(--scroll-animation-speed) ease-out,opacity var(--scroll-animation-speed) ease-out}.dravix-scroll-progress.hide-on-scroll-down.is-hidden.linear.position-top{transform:translateY(-100%)}.dravix-scroll-progress.hide-on-scroll-down.is-hidden.linear.position-bottom{transform:translateY(100%)}.dravix-scroll-progress.hide-on-scroll-down.is-hidden.circular{opacity:0;pointer-events:none}.dravix-scroll-progress:focus-visible{outline:2px solid var(--scroll-bar-color);outline-offset:2px}@media print{.dravix-scroll-progress{display:none!important}}
.wp-block-dravix-scroll-progress-indicator .scroll-progress-preview-note{background:#f0f0f1;border:1px dashed #0073aa;border-radius:4px;margin-bottom:16px;padding:12px;text-align:center}.wp-block-dravix-scroll-progress-indicator .scroll-progress-preview-note p{color:#1e1e1e;font-size:13px;font-weight:500;margin:0}.wp-block-dravix-scroll-progress-indicator .dravix-scroll-progress{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin:20px 0;padding:20px;position:relative}.wp-block-dravix-scroll-progress-indicator .dravix-scroll-progress.is-fixed{position:relative}.wp-block-dravix-scroll-progress-indicator .linear .scroll-progress-linear{max-width:100%}.wp-block-dravix-scroll-progress-indicator .circular{align-items:center;display:flex;justify-content:center;padding:40px}.wp-block-dravix-scroll-progress-indicator .circular .scroll-progress-circular{margin:0 auto}.components-panel__body .components-color-picker{margin-bottom:16px;margin-top:8px}.components-panel__body .components-base-control__label{color:#1e1e1e;display:block;font-size:11px;font-weight:500;margin-bottom:8px;text-transform:uppercase}