.example[data-astro-cid-43sa3c4m]{gap:var(--space-m);padding:var(--space-l);display:flex}::shadow{outline:10px dotted}custom-range[data-astro-cid-43sa3c4m]{--color-fg:var(--color-accent);--color-bg:var(--color-primary);--color-hover:#005454;--thumb-inline-size:16px;--thumb-block-size:16px;--track-inline-size:100%;--track-block-size:2px;--active-scale:1.3;--progress:100;inline-size:100%;padding:var(--space-l);text-align:center;background-color:#bde0e0;border-radius:16px;gap:1.5em;display:grid}custom-range-html[data-astro-cid-43sa3c4m]{padding:var(--space-l);color:var(--color-text-primary);background-color:#bde0e0;border-radius:16px}[style*="--color-mode: dark"] [data-astro-cid-43sa3c4m]:is(custom-range,custom-range-html){--color-hover:oklch(from var(--color-accent) calc(l + 10) c h);background-color:#183434}@media (hover:hover) and (pointer:fine){custom-range[data-astro-cid-43sa3c4m]:has(input[type=range]:hover){--color-fg:var(--color-hover)}}custom-range[data-astro-cid-43sa3c4m] label[data-astro-cid-43sa3c4m]{inline-size:fit-content;color:var(--color-text-primary);font-family:var(--font-family-en);font-size:var(--font-size-p-s);text-align:start;line-height:1.1}custom-range[data-astro-cid-43sa3c4m] output[data-astro-cid-43sa3c4m]{aspect-ratio:1;background-color:var(--color-fg);inline-size:3em;color:var(--color-bg);font-family:var(--font-family-en);border-radius:8px;place-items:center;margin:auto;transition-property:background-color,scale;transition-duration:.2s;transition-timing-function:ease;display:inline-grid}custom-range[data-astro-cid-43sa3c4m]:has(input[type=range]:active) output[data-astro-cid-43sa3c4m]{scale:var(--active-scale);font-weight:400}custom-range[data-astro-cid-43sa3c4m] input[data-astro-cid-43sa3c4m][type=range]{z-index:1;inline-size:100%;block-size:var(--thumb-block-size);appearance:none;background:0 0;outline:none;display:block;position:relative}custom-range[data-astro-cid-43sa3c4m] input[data-astro-cid-43sa3c4m][type=range]:after{content:"";inline-size:100%;block-size:var(--track-block-size);border-radius:var(--track-block-size);background-color:var(--color-fg);transform-origin:0;scale:calc(var(--progress) * .01) 1;margin-block:auto;display:block;position:absolute;inset-block:0;inset-inline-start:0}custom-range[data-astro-cid-43sa3c4m] .c-slider-bg[data-astro-cid-43sa3c4m]{position:relative}custom-range[data-astro-cid-43sa3c4m] .c-slider-bg[data-astro-cid-43sa3c4m]:before,custom-range[data-astro-cid-43sa3c4m] .c-slider-bg[data-astro-cid-43sa3c4m]:after{content:"";background-color:var(--color-bg);margin:auto;display:block;position:absolute;inset:0}custom-range[data-astro-cid-43sa3c4m] .c-slider-bg[data-astro-cid-43sa3c4m]:before{block-size:4px;inline-size:2px;translate:0 4px}custom-range[data-astro-cid-43sa3c4m] .c-slider-bg[data-astro-cid-43sa3c4m]:after{inline-size:100%;block-size:var(--track-block-size)}custom-range[data-astro-cid-43sa3c4m] input[data-astro-cid-43sa3c4m][type=range]::-webkit-slider-thumb{z-index:10;inline-size:var(--thumb-inline-size);block-size:var(--thumb-block-size);border-radius:var(--thumb-block-size);box-shadow:none;background-color:var(--color-fg);appearance:none;cursor:grab;transition:all .2s;position:relative}custom-range[data-astro-cid-43sa3c4m] input[data-astro-cid-43sa3c4m][type=range]:active::-webkit-slider-thumb{scale:var(--active-scale)}custom-range[data-astro-cid-43sa3c4m] input[data-astro-cid-43sa3c4m][type=range]:focus::-webkit-slider-thumb{border:1px solid var(--color-bg);box-shadow:0 0 0 2px var(--color-fg)}custom-range[data-astro-cid-43sa3c4m] input[data-astro-cid-43sa3c4m][type=range]::-webkit-slider-runnable-track{appearance:none;cursor:pointer;border:none}custom-range[data-astro-cid-43sa3c4m] input[data-astro-cid-43sa3c4m][type=range]::-moz-range-thumb{z-index:10;inline-size:var(--thumb-inline-size);block-size:var(--thumb-block-size);border-radius:var(--thumb-block-size);box-shadow:none;background-color:var(--color-fg);appearance:none;cursor:grab;transition:all .2s;position:relative}custom-range[data-astro-cid-43sa3c4m] input[data-astro-cid-43sa3c4m][type=range]:active::-moz-range-thumb{scale:var(--active-scale)}custom-range[data-astro-cid-43sa3c4m] input[data-astro-cid-43sa3c4m][type=range]:focus::-moz-range-thumb{border:1px solid var(--color-bg);box-shadow:0 0 0 2px var(--color-fg)}custom-range[data-astro-cid-43sa3c4m] input[data-astro-cid-43sa3c4m][type=range]::-moz-range-track{appearance:none;cursor:pointer;border:none}