.d4rg{container-type:inline-size}.d4rg-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}@container (max-width: 470px){.d4rg-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.d4rg-card[data-d4rg=custom]{grid-column:span 2;grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr auto auto auto 1fr auto;align-items:center;column-gap:10px}.d4rg-card[data-d4rg=custom] .d4rg-range{grid-row:2}.d4rg-card[data-d4rg=custom] .d4rg-sub{grid-row:3}.d4rg-card[data-d4rg=custom]>:first-child{grid-row:1 / 6;margin-block:0}.d4rg-card[data-d4rg=custom] .d4rg-price{grid-row:4;margin-block-start:2px}.d4rg-card[data-d4rg=custom] .d4rg-bar{grid-row:6;grid-column:1 / -1}}.d4rg-card{--tone: var(--d4lp-tint);display:grid;grid-template-rows:auto auto auto auto 1fr;justify-items:start;gap:2px;min-inline-size:0;margin:0;padding-block:10px 0;padding-inline:10px;overflow:clip;border:1px solid transparent;border-radius:var(--d4lp-r-control);color:var(--d4lp-copy);font:inherit;text-align:start;cursor:pointer;background:radial-gradient(70px 56px at 28px 26px,color-mix(in oklch,var(--tone) 13%,transparent),transparent),var(--d4lp-control)}.d4rg-card[aria-checked=true]{border-color:color-mix(in oklch,var(--tone) 70%,transparent);background:radial-gradient(90px 70px at 28px 26px,color-mix(in oklch,var(--tone) 24%,transparent),transparent),color-mix(in oklab,var(--tone) 12%,var(--d4lp-control));box-shadow:inset 0 0 18px color-mix(in oklch,var(--tone) 14%,transparent),0 0 14px -6px color-mix(in oklch,var(--tone) 70%,transparent)}@media(hover:hover)and (pointer:fine){.d4rg-card[aria-checked=false]:hover{border-color:color-mix(in oklch,var(--tone) 30%,transparent)}}.d4rg-card:active:not([aria-checked=true]){background-color:color-mix(in oklab,var(--d4lp-active) 60%,var(--d4lp-control))}.d4rg-card:focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:2px}.d4rg-range{color:var(--tone);font-size:14px;font-weight:700;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.d4rg-sub{color:var(--d4lp-copy);font-size:12px;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap}.d4rg-price{min-block-size:18px;margin-block-start:6px;color:var(--d4lp-ink);font-size:14px;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums}.d4rg-bar{position:relative;align-self:end;justify-self:stretch;block-size:3px;margin-block-start:10px;margin-inline:-10px;background:color-mix(in oklch,var(--d4lp-ink) 7%,transparent)}.d4rg-bar i{position:absolute;inset-block:0;inset-inline:var(--a, 0%) var(--b, 100%);background:color-mix(in oklch,var(--tone) 55%,transparent)}.d4rg-card[aria-checked=true] .d4rg-bar i{background:var(--tone)}.d4rg-bar[data-empty] i{display:none}.d4rg-curve{position:relative;block-size:44px;margin-block:2px 0}.d4rg-curve svg{position:absolute;inset:0;inline-size:100%;block-size:100%;overflow:visible}.d4rg-zone{fill:var(--tone);fill-opacity:.1}.d4rg-edge{fill:none;stroke:var(--tone);stroke-opacity:.4;stroke-width:1.5;vector-effect:non-scaling-stroke}.d4rg-curve__lit{clip-path:inset(0 var(--to, 100%) 0 var(--from, 0%));mask-image:linear-gradient(to bottom,black 30%,color-mix(in oklch,black 35%,transparent))}.d4rg-curve__lit .d4rg-zone{fill-opacity:.55}.d4rg-curve__lit .d4rg-edge{stroke-opacity:1;stroke-width:2}.d4rg-mark{position:absolute;inset-block:0 -14px;inset-inline-start:var(--x);padding-inline-start:5px;border-inline-start:1px dashed color-mix(in oklch,var(--d4lp-ink) 28%,transparent);color:var(--d4lp-muted);font-size:12px;line-height:1;white-space:nowrap;pointer-events:none}@media(prefers-reduced-motion:no-preference){.d4rg-curve__lit{transition:clip-path .25s var(--d4lp-ease)}}.d4pp-page .d4rg-slider .range-slider__body:has(.vue-slider-dot:active) .d4rg-curve__lit{transition:none}.d4pp-page .d4rg-slider .vue-slider{block-size:8px!important;padding-block:10px!important}.d4pp-page .d4rg-slider .vue-slider-rail{border-radius:var(--d4lp-r-control);background:oklch(0.17 0.02 270);box-shadow:inset 0 1px 2px oklch(0 0 none / 0.7),0 1px 0 color-mix(in oklch,var(--d4lp-ink) 7%,transparent)}.d4pp-page .d4rg-slider .vue-slider-rail::before,.d4pp-page .d4rg-slider .vue-slider-rail::after{content:"";position:absolute;inset:1px 0;border-radius:inherit;background:var(--d4rg-scale);pointer-events:none}.d4pp-page .d4rg-slider .vue-slider-rail::before{opacity:.22}.d4pp-page .d4rg-slider .vue-slider-rail::after{inset-block:0;background:linear-gradient(to bottom,oklch(1 0 none / 0.35),transparent 60%),var(--d4rg-scale);clip-path:inset(0 var(--to, 100%) 0 var(--from, 0%) round 4px)}.d4pp-page .d4rg-slider .vue-slider-process{background:none!important}@media(prefers-reduced-motion:no-preference){.d4pp-page .d4rg-slider .vue-slider-rail::after{transition:clip-path .25s var(--d4lp-ease)}.d4pp-page .d4rg-slider .vue-slider:not(:has(.vue-slider-dot:active)) :is(.vue-slider-dot,.vue-slider-process){transition-duration:.25s!important;transition-timing-function:var(--d4lp-ease)!important}.d4pp-page .d4rg-slider .vue-slider-mark-step{transition:background-color .25s var(--d4lp-ease),border-color .25s var(--d4lp-ease),box-shadow .25s var(--d4lp-ease)}}.d4pp-page .d4rg-slider .range-slider__body:has(.vue-slider-dot:active) .vue-slider-rail::after{transition:none}.d4pp-page .d4rg-slider :is(.vue-slider-dot,.vue-slider-process){transition-duration:0s!important}.d4pp-page .d4rg-slider .vue-slider-mark-step{position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:8px;block-size:8px;border:1px solid color-mix(in oklch,var(--d4lp-ink) 35%,transparent);border-radius:1px;background:oklch(0.2 0.02 270);translate:-50% -50%;rotate:45deg;box-shadow:none}.d4pp-page .d4rg-slider .vue-slider-mark-step-active{border-color:var(--d4rg-step-edge, oklch(0.9 0.08 85));background:var(--d4rg-step, oklch(0.82 0.12 85));box-shadow:0 0 6px var(--d4rg-step-glow, oklch(0.8 0.13 80 / 0.7))}.d4pp-page .d4rg-slider .vue-slider-mark-label{margin-block-start:14px;color:var(--d4lp-muted);font-size:12px;font-variant-numeric:tabular-nums}.d4pp-page .d4rg-slider .vue-slider-mark-label-active{color:var(--d4lp-ink)}.d4pp-page .d4rg-slider .vue-slider-dot-handle{position:absolute;inset:-8px;inline-size:auto;block-size:auto;border:0;border-radius:0;background:var(--d4rg-handle) center / contain no-repeat;box-shadow:none;cursor:grab}.d4pp-page .d4rg-slider .vue-slider-dot:active .vue-slider-dot-handle{cursor:grabbing}.d4pp-page .d4rg-slider .vue-slider-dot:focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:7px;border-radius:var(--d4lp-r-control)}@media(prefers-reduced-motion:no-preference){.d4pp-page .d4rg-slider .vue-slider-dot-handle{transition:filter .15s var(--d4lp-ease),scale .15s var(--d4lp-ease)}.d4pp-page .d4rg-slider .vue-slider-dot:active .vue-slider-dot-handle{scale:1.12}}.d4pp-page .d4rg-slider .vue-slider-dot-tooltip-inner{padding-block:3px;padding-inline:8px;border:1px solid color-mix(in oklch,var(--d4lp-tint) 40%,transparent);border-radius:var(--d4lp-r-control);background:oklch(0.15 0.02 270);color:var(--d4lp-ink);font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 10px oklch(0 0 none / 0.5);transform:none}.d4pp-page .d4rg-slider .vue-slider-dot-tooltip-inner::after{display:none}.d4pp-page .d4rg-slider .vue-slider-dot-tooltip-text{inline-size:auto;block-size:auto;transform:none;color:inherit;font-size:inherit}.d4pp-page .d4rg-slider .vue-slider-dot-handle::after{display:none}.d4pp-page .d4rg-slider .range-slider__inputs{gap:6px;align-items:center;padding:4px;border-radius:var(--d4lp-r-control);background:var(--d4lp-control);color:var(--d4lp-muted)}.d4pp-page .d4rg-slider .range-slider__input{inline-size:56px;block-size:32px;border-radius:calc(var(--d4lp-r-control) - 2px);background:color-mix(in oklab,var(--d4lp-panel) 60%,var(--d4lp-control));color:var(--d4lp-ink);font-weight:700;font-variant-numeric:tabular-nums}.d4pp-page .d4rg-slider .range-slider__input:focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:1px}