.pagination-btn{background:var(--color-card);border:2px solid var(--color-divider);color:var(--color-bright);border-radius:.5rem;padding:.5rem 1rem}.pagination-btn:hover:not(:disabled){border-color:var(--color-orange)}.pagination-btn:disabled,.pagination-btn-disabled{color:var(--color-divider);cursor:not-allowed;pointer-events:none}.pagination-btn-active{background:var(--color-orange);border-color:var(--color-orange)}.pagination-slider-container{width:100%;height:60px;position:relative;overflow:visible}.pagination-ticks{pointer-events:none;height:0;position:absolute;top:30px;left:0;right:0}.pagination-tick{border-left:1px solid var(--color-divider);width:0;height:12px;position:absolute;top:0;transform:translateY(-50%)}.pagination-tick-medium{height:20px}.pagination-tick-large{height:32px}.pagination-slider{appearance:none;cursor:pointer;z-index:10;opacity:0;background:0 0;outline:none;width:100%;height:40px;position:absolute;top:10px;left:0;right:0}.pagination-track{border-top:1px solid var(--color-divider);pointer-events:none;height:0;position:absolute;top:30px;left:0;right:0}.pagination-puck{border:2px solid var(--color-bright);pointer-events:none;z-index:3;background:0 0;border-radius:3px;width:12px;height:40px;position:absolute;top:10px;transform:translate(-50%)}.pagination-page-number{font-family:var(--font-heading);color:var(--color-faded);pointer-events:none;z-index:3;white-space:nowrap;font-size:.875rem;font-weight:700;position:absolute;top:-10px;transform:translate(-50%)}.pagination-slider:hover~.pagination-page-number{color:var(--color-orange)}