.sunpics-extra-page-slider{flex-direction:column;align-items:flex-start;gap:0}.sunpics-extra-page-slider input[type=range]{-webkit-appearance:none;padding:.5em;width:100%;order:1}.sunpics-extra-page-slider input[type=range]{-webkit-appearance:none;width:100%;background:#fff0;height:15px;position:relative;border-radius:5px;margin-bottom:15px}.sunpics-extra-page-slider input[type=range]:focus{outline:none}.sunpics-extra-page-slider input[type=range]::-webkit-slider-runnable-track{width:100%;height:3px;cursor:pointer;animate:0.2s;background:linear-gradient(to right,#5d5a5a var(--left-width),#cdcdcd var(--right-start))}.sunpics-extra-page-slider input[type=range]::-webkit-slider-thumb{height:15px;width:15px;border-radius:50%;background:#5d5a5a;cursor:pointer;-webkit-appearance:none;margin-top:-6px;transform:var(--thumb-transform)}.sunpics-extra-page-slider input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px rgb(136 136 136 / .2)}.slider-tooltip{position:relative;background:#5d5a5a;color:#fff;text-align:center;padding:.4em;border:2px solid #fff;border-radius:7px;font-size:13px;white-space:nowrap;pointer-events:none;transform:translateX(-50%);transition:opacity 0.2s ease;line-height:1;order:0}.sunpics-extra-page-slider input[type=range]::before{content:'';display:block;position:absolute;width:1px;height:15px;background-color:#999;left:.5em;top:20px}.sunpics-extra-page-slider input[type=range]::after{content:'';display:block;position:absolute;width:1px;height:15px;background-color:#999;right:.5em;top:20px}.sunpics-extra-page-slider output{width:100%;padding-top:.3em;margin:0 auto;visibility:hidden;order:2}.sunpics-extra-page-slider output::before{content:attr(data-before);visibility:visible;color:#999;position:absolute;left:5px;font-size:11px}.sunpics-extra-page-slider output::after{content:attr(data-after);visibility:visible;color:#999;position:absolute;right:11px;font-size:11px}