@layer tokens{:root{--m3-slider-track-out-shape:.5rem;--m3-slider-track-in-shape:.125rem;--m3-slider-handle-shape:var(--m3-shape-full)}}.m3-container.svelte-o2md6a{block-size:var(--handle-height);-webkit-print-color-adjust:exact;print-color-adjust:exact;--functional-width:calc(100% - 2 * (.25rem + .125rem));--handle-left:calc(50% + var(--functional-width) * var(--handle) - .125rem - .375rem);--handle-center:calc(50% + var(--functional-width) * var(--handle));--handle-right:calc(50% + var(--functional-width) * var(--handle) + .125rem + .375rem);min-inline-size:10rem;position:relative}.m3-container.vertical.svelte-o2md6a{writing-mode:sideways-lr}.m3-container.xs.svelte-o2md6a{--track-height:1rem;--handle-height:2.75rem;--track-radius:var(--m3-shape-small);--icon-size:0}.m3-container.s.svelte-o2md6a{--track-height:1.5rem;--handle-height:2.75rem;--track-radius:var(--m3-shape-small);--icon-size:0}.m3-container.m.svelte-o2md6a{--track-height:2.5rem;--handle-height:3.25rem;--track-radius:var(--m3-shape-medium);--icon-size:1.5rem}.m3-container.l.svelte-o2md6a{--track-height:3.5rem;--handle-height:4.25rem;--track-radius:var(--m3-shape-large);--icon-size:1.5rem}.m3-container.xl.svelte-o2md6a{--track-height:6rem;--handle-height:6.75rem;--track-radius:var(--m3-shape-extra-large);--icon-size:2rem}.m3-container.svelte-o2md6a .leading{width:var(--icon-size);height:var(--icon-size);pointer-events:none;color:var(--m3c-secondary-container);margin-inline-start:.25rem;position:absolute;inset-block-start:50%;inset-inline-start:0;translate:0 -50%}.vertical:where(.svelte-o2md6a) :is(.m3-container.svelte-o2md6a .leading){translate:-50%}.m3-container.svelte-o2md6a .leading.pop{color:var(--m3c-primary);inset-inline-start:var(--handle-right)}.m3-container.svelte-o2md6a .trailing{width:var(--icon-size);height:var(--icon-size);pointer-events:none;color:var(--m3c-primary);margin-inline-end:.25rem;position:absolute;inset-block-start:50%;inset-inline-end:0;translate:0 -50%}.vertical:where(.svelte-o2md6a) :is(.m3-container.svelte-o2md6a .trailing){translate:-50%}.m3-container.svelte-o2md6a .trailing.pop{color:var(--m3c-secondary-container);inset-inline-end:calc(100% - var(--handle-left))}input.svelte-o2md6a{inline-size:calc(var(--functional-width) + 1rem);opacity:0;appearance:none;block-size:100%;margin:0;position:absolute;inset-inline-start:50%;translate:-50%}input.svelte-o2md6a:enabled{cursor:pointer}.vertical:where(.svelte-o2md6a) :is(input.svelte-o2md6a){translate:0 50%}.track-1.svelte-o2md6a,.track-2.svelte-o2md6a{inset-inline:0;inset-block:calc((var(--handle-height) - var(--track-height)) / 2);pointer-events:none;position:absolute}.track-1.svelte-o2md6a{background-color:var(--m3c-primary);clip-path:inset(0 calc(100% - var(--handle-left)) 0 0 round var(--track-radius) var(--m3-slider-track-in-shape) var(--m3-slider-track-in-shape) var(--track-radius))}.track-1.svelte-o2md6a: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)){clip-path:inset(0 0 0 calc(100% - var(--handle-left)) round var(--m3-slider-track-in-shape) var(--track-radius) var(--track-radius) var(--m3-slider-track-in-shape))}.vertical:where(.svelte-o2md6a) .track-1.svelte-o2md6a{clip-path:inset(calc(100% - var(--handle-left)) 0 0 0 round var(--m3-slider-track-in-shape) var(--m3-slider-track-in-shape) var(--track-radius) var(--track-radius))}@media screen and (forced-colors:active){.track-1.svelte-o2md6a{background-color:selecteditem}}input:where(.svelte-o2md6a):disabled~.track-1.svelte-o2md6a{background-color:oklch(from var(--m3c-on-surface) l c h / .38)}@media screen and (forced-colors:active){input:where(.svelte-o2md6a):disabled~.track-1.svelte-o2md6a{background-color:canvastext}}.track-2.svelte-o2md6a{background-color:var(--m3c-secondary-container);clip-path:inset(0 0 0 var(--handle-right) round var(--m3-slider-track-in-shape) var(--track-radius) var(--track-radius) var(--m3-slider-track-in-shape))}.track-2.svelte-o2md6a: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)){clip-path:inset(0 var(--handle-right) 0 0 round var(--track-radius) var(--m3-slider-track-in-shape) var(--m3-slider-track-in-shape) var(--track-radius))}.vertical:where(.svelte-o2md6a) .track-2.svelte-o2md6a{clip-path:inset(0 0 var(--handle-right) 0 round var(--track-radius) var(--track-radius) var(--m3-slider-track-in-shape) var(--m3-slider-track-in-shape))}@media screen and (forced-colors:active){.track-2.svelte-o2md6a{background-color:canvastext}}input:where(.svelte-o2md6a):disabled~.track-2.svelte-o2md6a{background-color:oklch(from var(--m3c-on-surface) l c h / .12)}@media screen and (forced-colors:active){input:where(.svelte-o2md6a):disabled~.track-2.svelte-o2md6a{background-color:graytext}}.stop.svelte-o2md6a{border-radius:var(--m3-shape-full);width:4px;height:4px;position:absolute;inset-block-start:50%;inset-inline-start:calc(50% + (100% - .5rem - .25rem) * var(--x));translate:-50% -50%}.stop.svelte-o2md6a: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)){translate:50% -50%}.vertical:where(.svelte-o2md6a) .stop.svelte-o2md6a{translate:-50% 50%}.track-1:where(.svelte-o2md6a)>.stop.svelte-o2md6a{background-color:var(--m3c-on-primary)}input:where(.svelte-o2md6a):disabled~.track-1:where(.svelte-o2md6a)>:is(.track-1:where(.svelte-o2md6a)>.stop.svelte-o2md6a){background-color:var(--m3c-inverse-on-surface)}.track-2:where(.svelte-o2md6a)>.stop.svelte-o2md6a{background-color:var(--m3c-primary)}input:where(.svelte-o2md6a):disabled~.track-2:where(.svelte-o2md6a)>:is(.track-2:where(.svelte-o2md6a)>.stop.svelte-o2md6a){background-color:oklch(from var(--m3c-on-surface) l c h / .38)}.stop.svelte-o2md6a{pointer-events:none}.handle.svelte-o2md6a{inline-size:.25rem;position:absolute;inset-block:0;inset-inline-start:var(--handle-center);translate:-50%}.handle.svelte-o2md6a: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)){translate:50%}.vertical:where(.svelte-o2md6a) .handle.svelte-o2md6a{translate:0 50%}.handle.svelte-o2md6a{background-color:var(--m3c-primary);pointer-events:none;transition:inline-size var(--m3-easing);border-radius:1.25rem}@media screen and (forced-colors:active){.handle.svelte-o2md6a{background-color:selecteditem}}input:where(.svelte-o2md6a):disabled~.handle.svelte-o2md6a{background-color:oklch(from var(--m3c-on-surface) l c h / .38)}@media screen and (forced-colors:active){input:where(.svelte-o2md6a):disabled~.handle.svelte-o2md6a{background-color:graytext}}.value.svelte-o2md6a{font-family:var(--m3-font);background-color:var(--m3c-inverse-surface);color:var(--m3c-inverse-on-surface);border-radius:var(--m3-slider-handle-shape);min-width:3rem;justify-content:center;align-items:center;padding:.75rem 1rem;font-size:.875rem;font-weight:500;line-height:1.429;display:flex;position:absolute;inset-block-end:calc(var(--handle-height) + 4px);inset-inline-start:var(--handle-center);translate:-50%}.value.svelte-o2md6a: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)){translate:50%}.value.svelte-o2md6a{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity var(--m3-easing);z-index:1}@media screen and (forced-colors:active){.value.svelte-o2md6a{border:2px solid selecteditem;overflow:hidden}}.vertical:where(.svelte-o2md6a) .value.svelte-o2md6a{translate:0 50%;rotate:90deg}input.svelte-o2md6a:focus-visible~.handle:where(.svelte-o2md6a){outline:solid;outline-color:var(--m3c-on-secondary-container);outline-offset:5px;z-index:2;outline-width:4px}input.svelte-o2md6a:focus-visible~.handle:where(.svelte-o2md6a),input.svelte-o2md6a:enabled:active~.handle:where(.svelte-o2md6a){inline-size:.125rem}input.svelte-o2md6a:enabled:hover~.value:where(.svelte-o2md6a),input.svelte-o2md6a:enabled:focus-visible~.value:where(.svelte-o2md6a),input.svelte-o2md6a:enabled:active~.value:where(.svelte-o2md6a){opacity:1}