@layer components{.product-rail{--fade-to:to right;scrollbar-width:none;overscroll-behavior:contain}.product-rail::-webkit-scrollbar{display:none}.product-rail:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--fade-to:to left}@media (min-width:64rem){.product-rail{--fade-to:to bottom}.product-rail:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--fade-to:to bottom}}.product-rail[data-fade=before]{-webkit-mask-image:linear-gradient(var(--fade-to), transparent, #000 28px);mask-image:linear-gradient(var(--fade-to), transparent, #000 28px)}.product-rail[data-fade=after]{-webkit-mask-image:linear-gradient(var(--fade-to), #000 calc(100% - 28px), transparent);mask-image:linear-gradient(var(--fade-to), #000 calc(100% - 28px), transparent)}.product-rail[data-fade=before\ after]{-webkit-mask-image:linear-gradient(var(--fade-to), transparent, #000 28px, #000 calc(100% - 28px), transparent);mask-image:linear-gradient(var(--fade-to), transparent, #000 28px, #000 calc(100% - 28px), transparent)}.product-warn{color:var(--warning)}.product-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px}.product-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--primary) var(--fill,0%), color-mix(in srgb, var(--foreground) 18%, transparent) var(--fill,0%));border-radius:999px;height:2px}.product-range::-moz-range-track{background:linear-gradient(to right, var(--primary) var(--fill,0%), color-mix(in srgb, var(--foreground) 18%, transparent) var(--fill,0%));border-radius:999px;height:2px}.product-range::-webkit-slider-thumb{appearance:none;background:var(--foreground);width:16px;height:16px;box-shadow:0 0 0 4px var(--background);border-radius:999px;margin-top:-7px}.product-range::-moz-range-thumb{background:var(--foreground);width:16px;height:16px;box-shadow:0 0 0 4px var(--background);border:0;border-radius:999px}.product-range:disabled{cursor:not-allowed;opacity:.4}.product-bar{animation:product-bar .4s var(--ease-expo) both}@keyframes product-bar{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.product-bar{animation:none}}}