.date-range-slider{--range-ink:var(--admin-ui-text,#153d34);--range-accent:var(--storefront-accent-primary,#176b4b);--range-muted:var(--admin-ui-muted,#607c73);width:min(100%,440px);min-width:0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--range-accent) 17%,#fff);border-radius:8px;background:color-mix(in srgb,var(--range-accent) 4%,#fff);color:var(--range-ink);font:inherit;letter-spacing:0}
.date-range-slider__heading,.date-range-slider__footer,.date-range-slider__actions{display:flex;align-items:center;justify-content:space-between;gap:8px}
.date-range-slider__heading{font-size:12px;line-height:1.3}
.date-range-slider__title{font-weight:700}
.date-range-slider__value{color:var(--range-muted);text-align:right;font-size:11px}
.date-range-slider__rail{position:relative;height:38px;margin:2px 8px 0}
.date-range-slider__track,.date-range-slider__selection{position:absolute;top:17px;height:5px;border-radius:999px}
.date-range-slider__track{inset-inline:0;background:color-mix(in srgb,var(--range-accent) 18%,#fff)}
.date-range-slider__selection{left:var(--range-start);right:calc(100% - var(--range-end));background:var(--range-accent)}
.date-range-slider__rail input[type=range]{position:absolute;inset:0;width:100%;height:38px;margin:0;background:transparent;appearance:none;-webkit-appearance:none;pointer-events:none;cursor:grab}
.date-range-slider__rail input[type=range]:active{cursor:grabbing}
.date-range-slider__rail input[type=range]::-webkit-slider-thumb{width:26px;height:26px;border:4px solid #fff;border-radius:50%;background:var(--range-accent);box-shadow:0 1px 6px #1b463b45;appearance:none;-webkit-appearance:none;pointer-events:auto}
.date-range-slider__rail input[type=range]::-moz-range-thumb{width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:var(--range-accent);box-shadow:0 1px 6px #1b463b45;pointer-events:auto}
.date-range-slider__rail input[type=range]:focus-visible{outline:none}
.date-range-slider__rail input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--range-accent);outline-offset:3px}
.date-range-slider__rail input[type=range]:focus-visible::-moz-range-thumb{outline:2px solid var(--range-accent);outline-offset:3px}
.date-range-slider__footer{align-items:flex-start;min-height:28px}
.date-range-slider__exact{font-size:11px;color:var(--range-muted)}
.date-range-slider__exact summary{cursor:pointer;padding:5px 0}
.date-range-slider__exact-fields{display:flex;gap:8px;flex-wrap:wrap;padding:6px 0 2px}
.date-range-slider__exact-fields label{display:grid;gap:3px;font-size:11px;min-width:120px}
.date-range-slider__exact-fields input{width:100%;min-height:32px;padding:5px 6px;border:1px solid color-mix(in srgb,var(--range-accent) 23%,#fff);border-radius:6px;background:#fff;color:var(--range-ink);font:inherit}
.date-range-slider__error{display:block;max-width:270px;padding:2px 0 4px;color:#a43f34;font-size:11px}
.date-range-slider__actions{justify-content:flex-end;flex-shrink:0}
.date-range-slider__actions button{min-height:28px;padding:4px 8px;border:0;border-radius:6px;background:transparent;color:var(--range-accent);font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.date-range-slider__actions .date-range-slider__apply{background:var(--range-accent);color:#fff}
.date-range-slider :disabled{opacity:.55;cursor:not-allowed}
.form-grid-two>.date-range-slider{grid-column:1/-1}
@media(max-width:420px){.date-range-slider{width:100%}.date-range-slider__heading{flex-wrap:wrap}.date-range-slider__value{text-align:left}.date-range-slider__footer{flex-wrap:wrap}}