.slider-component[data-v-4922af9e]{align-items:center;cursor:pointer;display:flex;height:48px;min-width:var(--slider-min-width,200px);position:relative;width:100%}.slider-component.disabled[data-v-4922af9e]{opacity:.5;pointer-events:none}.slider-component[data-v-4922af9e]:hover{--_ripple-opacity:.08;--_scale:1}.slider-component[data-v-4922af9e]:has(input:focus){--_ripple-opacity:.16;--_scale:1}.slider-component input[data-v-4922af9e]{-webkit-appearance:none;cursor:pointer;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:3}.slider-component .track[data-v-4922af9e]{background:color-mix(in srgb,currentColor 10%,transparent);border-radius:2px;height:4px;left:0;overflow:visible;position:absolute;right:0}.slider-component .track .active-track[data-v-4922af9e]{height:100%;position:absolute;width:100%}.slider-component .track .active-fill[data-v-4922af9e]{background-color:var(--slider-color);height:100%;transform-origin:left;transition:transform .1s cubic-bezier(.4,0,.2,1);width:100%}.slider-component .tick-marks[data-v-4922af9e]{height:100%;left:0;position:absolute;top:0;width:100%}.slider-component .tick-marks .tick-mark[data-v-4922af9e]{background:color-mix(in srgb,currentColor 50%,transparent);border-radius:50%;height:2px;position:absolute;top:50%;transform:translate(-50%,-50%);width:2px}.slider-component .tick-marks .tick-mark.active[data-v-4922af9e]{background:canvas}.slider-component #thumb[data-v-4922af9e]{height:var(--thumb-size);pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .1s cubic-bezier(.4,0,.2,1);width:var(--thumb-size);z-index:2}.slider-component #thumb .thumb-knob[data-v-4922af9e]{background-color:var(--slider-color);border-radius:50%;box-shadow:0 2px 4px #0003;height:100%;width:100%}.slider-component #thumb .thumb-knob[data-v-4922af9e]:before{background:var(--slider-color);border-radius:50%;content:"";height:40px;left:50%;opacity:var(--_ripple-opacity,0);position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.slider-component .value-indicator-container[data-v-4922af9e]{bottom:100%;left:50%;margin-bottom:12px;position:absolute;transform:translate(-50%);transform-origin:bottom;transition:transform .15s cubic-bezier(.4,0,.2,1)}.slider-component .value-indicator[data-v-4922af9e]{background-color:var(--slider-color);border-radius:4px;color:canvas;font-size:.875rem;font-weight:500;padding:4px 8px;scale:var(--_scale,1);transition:scale .15s cubic-bezier(.4,0,.2,1);white-space:nowrap}.slider-component .value-indicator[data-v-4922af9e]:after{border:6px solid transparent;border-top:6px solid var(--slider-color);content:"";left:50%;position:absolute;top:100%;transform:translate(-50%)}.switch-component[data-v-073d029d]{--_bg-color:var(--switch-bg-color,transparent);--_border-color:var( --switch-border-color,var(--default-form-control-border-color) );--_dot-bg-color:var( --switch-dot-bg-color,var(--default-form-control-border-color) );--default-switch-container-width:52px;--default-switch-size:32px;align-items:center;display:var(--switch-display,inline-grid);gap:var(--switch-gap,.5rem);grid-template-columns:var(--switch-columns);margin-block:var(--switch-margin-block);position:relative;width:-moz-fit-content;width:fit-content}.switch-component.disabled .switch-container[data-v-073d029d]{opacity:.4;pointer-events:none}.switch-component[data-v-073d029d]:has(input:checked){--_bg-color:var( --switch-bg-color-checked,var(--default-form-control-checked-bg-color,canvasText) );--_border-color:var( --switch-border-color-checked,var(--default-form-control-checked-bg-color,canvasText) );--_dot-bg-color:var(--switch-dot-bg-color-checked,canvas);--_dot-size:24px;--_dot-translate:calc(var(--switch-container-width, var(--default-switch-container-width)) - var(--switch-size, var(--default-switch-size)) + 2px)}.switch-component[data-v-073d029d]:has(input:focus-visible){--_focus-color:var( --switch-focus-color,var(--default-focus-color,canvasText) )}.switch-container[data-v-073d029d]{-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--_bg-color);border:2px solid var(--_border-color,var(--input-border-color));border-radius:999px;cursor:pointer;display:flex;flex-shrink:0;grid-area:area;height:var(--switch-size,var(--default-switch-size));outline-color:var(--_focus-color,transparent);outline-offset:2px;outline-style:var(--switch-focus-style,var(--default-focus-style,solid));outline-width:var(--switch-focus-width,var(--default-focus-width,2px));pointer-events:none;position:relative;transition:all .3s ease;width:var(--switch-container-width,var(--default-switch-container-width))}.switch-container .dot[data-v-073d029d]{background-color:var(--_dot-bg-color,var(--input-border-color));border-radius:999px;height:var(--_dot-size,16px);transition:all 256ms ease;translate:var(--_dot-translate,6px) 0;width:var(--_dot-size,16px)}.wrapper[data-v-073d029d]{display:inline-grid;grid-template-areas:"area"}.input[data-v-073d029d]{grid-area:area;opacity:0}.input[disabled][data-v-073d029d]{pointer-events:none}label[data-v-073d029d]{color:var(--input-label-color,currentColor);cursor:pointer;display:var(--switch-label-display,block);flex-basis:100%;font-size:var( --switch-label-font-size,var(--input-label-font-size,.875rem) );font-weight:var(--switch-label-font-weight,var(--input-label-font-weight))}.component-properties[data-v-ce504776]{--_control-width:10rem;--_radius:12px;--color-primary:light-dark(#0e4dca,#9ec0f9);--default-form-control-border-radius:999px;--default-form-control-height:40px;--input-margin-block:0;--slider-min-width:0;--slider-track-bg-color:light-dark(#bae3ff,#00416c);--switch-margin-block:0;container-type:inline-size}.component-properties h3[data-v-ce504776]{font-size:1rem;margin-block:1.5rem .5rem}.component-properties h3 .count[data-v-ce504776]{font-weight:400;opacity:.7}.component-properties ul[data-v-ce504776]{display:grid;gap:3px}.component-properties li[data-v-ce504776]{align-items:center;background-color:var(--preview-tile-bg-color);border-radius:4px;display:grid;gap:.5rem 1rem;grid-template-columns:minmax(0,1fr) var(--_control-width);min-height:64px;padding:.75rem 1rem;position:relative}.component-properties li[data-v-ce504776]:first-child{border-top-left-radius:var(--_radius);border-top-right-radius:var(--_radius)}.component-properties li[data-v-ce504776]:last-child{border-bottom-left-radius:var(--_radius);border-bottom-right-radius:var(--_radius)}.component-properties li[data-control=none][data-v-ce504776]{grid-template-columns:minmax(0,1fr)}.component-properties li[data-control=switch][data-v-ce504776]{grid-template-columns:minmax(0,1fr) auto}.component-properties .label[data-v-ce504776]{display:grid;gap:.125rem}.component-properties .name[data-v-ce504776]{font-size:.875rem;font-weight:500;text-transform:capitalize}.component-properties label[data-v-ce504776]{cursor:pointer}.component-properties label[data-v-ce504776]:after{content:"";inset:0;position:absolute;z-index:1}.component-properties .type[data-v-ce504776]{border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:6px;font-size:.6875rem;margin-inline-start:.375rem;opacity:.7;padding:1px 6px}.component-properties .description[data-v-ce504776]{font-size:.875rem;opacity:.7}.component-properties .control[data-v-ce504776]{align-items:center;display:flex;justify-content:flex-end}@container (width < 30rem){.component-properties li[data-control=field][data-v-ce504776]{grid-template-columns:minmax(0,1fr)}}.preview-component-element[data-v-7859b4ad]{border-radius:12px;margin-block-start:1.5rem;width:100%}.preview-component-element.center[data-v-7859b4ad]{align-items:center;display:flex;justify-content:center}.preview-component-element[data-v-7859b4ad]:not(:last-child){margin-block-end:1.5rem}.preview-component-code[data-v-80ff0bb2]{--code-attr-color:#9cdcfe;--code-html-color:#579bd6;--code-method-color:#dcdcaa;--code-name-color:#4ec9b0;--code-value-color:#ce9178;--_divider-color:color-mix(in srgb,currentColor 14%,transparent);background-color:var(--preview-code-bg-color);border-radius:12px;overflow:hidden;position:relative}.preview-component-code .code[data-v-80ff0bb2],.preview-component-code .toolbar[data-v-80ff0bb2]{color:var(--color-text-dark-mode);color-scheme:dark}.preview-component-code .toolbar[data-v-80ff0bb2]{font-size:.75rem;inset-block-start:.5rem;inset-inline-end:.5rem;position:absolute;z-index:1}.preview-component-code .copy-button[data-v-80ff0bb2]{--button-border-radius:999px;--button-font-size:inherit;--button-height:2rem;--button-padding-inline: calc(.5rem - 1px) ;--button__outlined-bg-color:var(--preview-code-bg-color);--button__outlined-border-color:var(--_divider-color);--web-icon-size:1rem;--_check-opacity:0;--_check-scale:.5;--_copy-opacity:1;--_copy-scale:1;--_label-columns:0fr;--_label-gap:0;transition:outline-color var(--focus-transition,0s),background-color .3s,border-color .3s,color .3s,padding-inline .3s ease;white-space:nowrap}.preview-component-code .copy-button.copied[data-v-80ff0bb2]{--button-padding-inline:.625rem .75rem;--button__outlined-border-color:currentColor;--button__outlined-color:#6fd3a0;--_check-opacity:1;--_check-scale:1;--_copy-opacity:0;--_copy-scale:.5;--_label-columns:1fr;--_label-gap:.375rem}@media(prefers-reduced-motion:reduce){.preview-component-code .copy-button[data-v-80ff0bb2]{transition:none}}.preview-component-code .icon[data-v-80ff0bb2]{display:grid}.preview-component-code .icon web-icon[data-v-80ff0bb2]{grid-area:1/1;transition:opacity .3s ease,scale .3s ease}@media(prefers-reduced-motion:reduce){.preview-component-code .icon web-icon[data-v-80ff0bb2]{transition:none}}.preview-component-code .icon .copy-icon[data-v-80ff0bb2]{opacity:var(--_copy-opacity);scale:var(--_copy-scale)}.preview-component-code .icon .check-icon[data-v-80ff0bb2]{opacity:var(--_check-opacity);scale:var(--_check-scale)}.preview-component-code .label[data-v-80ff0bb2]{display:grid;grid-template-columns:var(--_label-columns);margin-inline-start:var(--_label-gap);transition:grid-template-columns .3s ease,margin-inline-start .3s ease}.preview-component-code .label span[data-v-80ff0bb2]{min-width:0;overflow:hidden}@media(prefers-reduced-motion:reduce){.preview-component-code .label[data-v-80ff0bb2]{transition:none}}.preview-component-code .code[data-v-80ff0bb2]{font-weight:500;line-height:1.6;overflow-x:auto;padding:.875rem 1rem;white-space:nowrap}.preview-component-code .line[data-v-80ff0bb2],.preview-component-code .slot-content[data-v-80ff0bb2]{padding-inline-start:calc(var(--_indent, 0)*2ch)}.preview-component-code [data-v-80ff0bb2] .name{color:var(--code-name-color)}.preview-component-code [data-v-80ff0bb2] .attr{color:var(--code-attr-color)}.preview-component-code [data-v-80ff0bb2] .value{color:var(--code-value-color)}.preview-component-code [data-v-80ff0bb2] .html{color:var(--code-html-color)}.preview-component-code [data-v-80ff0bb2] .method{color:var(--code-method-color)}.preview-component-code [data-v-80ff0bb2] .m-l-1{margin-inline-start:2ch}.preview-component-code [data-v-80ff0bb2] .m-l-2{margin-inline-start:4ch}.preview-component-code [data-v-80ff0bb2] .m-l-3{margin-inline-start:6ch}.preview-component[data-v-3a0ef51c]{--card-border-radius:24px;--preview-bg-color:var(--color-surface-1);--preview-code-bg-color:light-dark(var(--color-grey-8),var(--color-surface-0));--preview-tile-bg-color:light-dark(var(--color-surface-subtle),var(--color-surface-inset));background-color:var(--preview-bg-color);border-radius:var(--card-border-radius);margin-block:1.5rem;padding:1.5rem;position:relative;width:100%}.preview-component header[data-v-3a0ef51c]{margin-block-end:1.5rem}.preview-component h2[data-v-3a0ef51c]{font-size:1.125rem;margin:0}.preview-component p[data-v-3a0ef51c]{font-size:.875rem;margin-block:.125rem 0;opacity:.7}@media not (min-width:40rem){.preview-component[data-v-3a0ef51c]{border-radius:20px;padding:1rem}}