liftr-slider{position:relative;display:block;--slider-dot-size: var(--space--xsmall);--slider-dot-gap: var(--space--xsmall);--slider-text-color: var(--color-scheme--text);touch-action:pan-y pinch-zoom;cursor:grab}[liftr-role~=slider-viewport]{position:relative}[liftr-role~=slider-panel]{display:flex;gap:var(--slider-gap, 0px);transform:translate(calc(var(--slider-offset, 0px) + var(--slider-drag, 0px)));transition:transform var(--fx-morph-duration) var(--fx-morph-ease, var(--ease--out));will-change:transform;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}[liftr-role~=slider-item]{flex:0 0 calc((100% - var(--slider-peek, 0%)) / var(--slider-cols, 1) - var(--slider-gap, 0px) * (var(--slider-cols, 1) - 1) / var(--slider-cols, 1));min-width:0}[liftr-role~=slider-item][aria-hidden=true]{pointer-events:none}liftr-slider [liftr-role~=nav-prev],liftr-slider [liftr-role~=nav-next]{z-index:var(--z--elevated)}[liftr-role~=slider-nav]{display:flex;justify-content:center;align-items:center;gap:var(--slider-dot-gap);padding:var(--space--small) 0}[liftr-role~=slider-dot]{width:var(--slider-dot-size);height:var(--slider-dot-size);padding:0;border:none;border-radius:50%;background:var(--color-scheme--border, #ccc);transition:background-color var(--transition--fast) var(--ease--out),transform var(--transition--fast) var(--ease--out);cursor:pointer}[liftr-role~=slider-dot]:hover{transform:scale(1.2)}[liftr-role~=slider-dot][aria-selected=true]{background:var(--color-scheme--text, #333)}[liftr-role~=slider-dot][aria-selected=false]{opacity:var(--text-style--muted, .6)}[liftr-role~=slider-progress]{position:relative;height:2px;margin-top:var(--space--large)}[liftr-role~=slider-progress]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-scheme--border);border-radius:var(--border-radius--full)}[liftr-role~=slider-thumb]{position:absolute;left:0;top:0;height:100%;width:calc(var(--slider-thumb-width, .2) * 100%);background:var(--color-scheme--accent);border-radius:var(--border-radius--full);transform:translate(calc(var(--slider-progress, 0) / var(--slider-thumb-width, .2) * 100%));transition:transform var(--fx-morph-duration) var(--fx-morph-ease, var(--ease--out));will-change:transform}[liftr-role~=slider-pause]{position:absolute;bottom:var(--nav-offset, var(--space--xsmall));right:var(--nav-offset, var(--space--xsmall));z-index:var(--z--elevated);display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:50%;background:var(--color-scheme--card, white);color:var(--slider-text-color);opacity:.7;transition:opacity var(--transition--fast) var(--ease--out);cursor:pointer}[liftr-role~=slider-pause]:hover{opacity:1}[liftr-role~=slider-pause] svg{width:.75rem;height:.75rem;pointer-events:none}liftr-slider[liftr-state~=dragging]{cursor:grabbing}liftr-slider[liftr-state~=dragging] [liftr-role~=slider-panel]{transition:none;will-change:transform;cursor:grabbing}liftr-slider[liftr-state~=dragging] [liftr-role~=slider-item]{pointer-events:none}liftr-slider[liftr-state~=dragging] [liftr-role~=slider-thumb]{transition:none;will-change:transform}liftr-slider[liftr-state~=disabled]{cursor:default}liftr-slider[liftr-state~=disabled] [liftr-role~=slider-panel]{transform:none;transition:none;will-change:auto;cursor:default;-webkit-user-select:auto;user-select:auto}liftr-slider[liftr-state~=disabled] [liftr-role~=slider-item]{pointer-events:auto}liftr-slider[liftr-state~=disabled] [liftr-mask]{-webkit-mask-image:none;mask-image:none}liftr-slider:not([liftr-state~=can-scroll]) [liftr-role~=nav-prev],liftr-slider:not([liftr-state~=can-scroll]) [liftr-role~=nav-next],liftr-slider:not([liftr-state~=can-scroll]) [liftr-role~=slider-nav],liftr-slider:not([liftr-state~=can-scroll]) [liftr-role~=slider-progress]{display:none}@media (prefers-reduced-motion: reduce){[liftr-role~=slider-panel]{transition:none;will-change:auto}[liftr-role~=slider-dot]{transition:none}[liftr-role~=slider-thumb]{transition:none;will-change:auto}[liftr-role~=slider-pause]{display:none}}@media (forced-colors: active){[liftr-role~=slider-dot]{border:2px solid currentColor}[liftr-role~=slider-dot][aria-selected=true]{background-color:currentColor}[liftr-role~=slider-thumb]{background:currentColor}[liftr-role~=slider-progress]:before{background:CanvasText;opacity:.3}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/ui.slider.css.map */