.ui-number-input__unit{display:flex;flex:0 0 auto;align-items:center;align-self:center;padding-inline:8rem;color:var(--md-sys-color-on-surface-variant);font-variant-numeric:tabular-nums;font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight)}.ui-number-input__unit--menu{padding-inline:0}.ui-number-input__unit-trigger{position:relative;display:flex;align-items:center;gap:4rem;overflow:hidden;padding:6rem 8rem;border:none;border-radius:var(--ui-number-input-zone-radius);background-color:transparent;color:inherit;font:inherit;cursor:pointer}.ui-number-input__unit-trigger:after{position:absolute;inset:0;background-color:currentcolor;content:"";opacity:0;pointer-events:none;transition:opacity var(--sys-motion-duration-short-3) var(--sys-motion-easing-standard)}.ui-number-input__unit-trigger:hover:not(:disabled):after,.ui-number-input__unit-trigger[aria-expanded=true]:after{opacity:.08}.ui-number-input__unit-trigger:active:not(:disabled):after{opacity:.12}.ui-number-input__unit-trigger:disabled{color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent);cursor:default}.ui-number-input__unit-caret{font-size:18rem;transition:transform var(--sys-motion-duration-short-3) var(--sys-motion-easing-standard)}.ui-number-input__unit-trigger[aria-expanded=true] .ui-number-input__unit-caret{transform:rotate(180deg)}.ui-number-input__unit-option[aria-checked=true]{color:var(--md-sys-color-primary)}.ui-number-input__unit-menu{min-width:96rem}@media(prefers-reduced-motion:reduce){.ui-number-input__unit-caret,.ui-number-input__unit-trigger:after{transition:none}}.ui-number-input{--ui-number-input-inset:16rem;position:relative;display:flex;flex-direction:column;gap:4rem;min-width:0}.ui-number-input--density-compact{--ui-number-input-height:44rem;--ui-number-input-label-top:22rem;--ui-number-input-label-raised-inside:translateY( calc(-50% - 14rem) ) scale(.75);--ui-number-input-label-raised-notch:translateY( calc(-50% - 22rem) ) scale(.75);--ui-number-input-input-padding-top:18rem;--ui-number-input-input-padding-bottom:4rem;--ui-number-input-stepper-size:32rem;--ui-number-input-stacked-height:36rem;--ui-number-input-zone-offset:7rem}.ui-number-input--density-default{--ui-number-input-height:56rem;--ui-number-input-label-top:28rem;--ui-number-input-label-raised-inside:translateY( calc(-50% - 18rem) ) scale(.75);--ui-number-input-label-raised-notch:translateY( calc(-50% - 28rem) ) scale(.75);--ui-number-input-input-padding-top:24rem;--ui-number-input-input-padding-bottom:8rem;--ui-number-input-stepper-size:40rem;--ui-number-input-stacked-height:44rem;--ui-number-input-zone-offset:8rem}.ui-number-input--density-comfortable{--ui-number-input-height:64rem;--ui-number-input-label-top:32rem;--ui-number-input-label-raised-inside:translateY( calc(-50% - 20rem) ) scale(.75);--ui-number-input-label-raised-notch:translateY( calc(-50% - 32rem) ) scale(.75);--ui-number-input-input-padding-top:28rem;--ui-number-input-input-padding-bottom:10rem;--ui-number-input-stepper-size:40rem;--ui-number-input-stacked-height:48rem;--ui-number-input-zone-offset:9rem}.ui-number-input--sharp{--ui-number-input-radius:var(--sys-shape-corner-none);--ui-number-input-zone-radius:var(--sys-shape-corner-extra-small)}.ui-number-input--small{--ui-number-input-radius:var(--sys-shape-corner-extra-small);--ui-number-input-zone-radius:var(--sys-shape-corner-medium)}.ui-number-input--medium{--ui-number-input-radius:var(--sys-shape-corner-medium);--ui-number-input-zone-radius:var(--sys-shape-corner-large)}.ui-number-input--large{--ui-number-input-radius:var(--sys-shape-corner-large);--ui-number-input-zone-radius:var(--sys-shape-corner-extra-large)}.ui-number-input--pill{--ui-number-input-radius:var(--sys-shape-corner-full);--ui-number-input-zone-radius:var(--sys-shape-corner-full)}.ui-number-input--filled.ui-number-input--pill{--ui-number-input-radius:var(--sys-shape-corner-large)}.ui-number-input--outlined{--ui-number-input-inset:max(16rem, min(var(--ui-number-input-radius), var(--ui-number-input-height) / 2) + 4rem)}.ui-number-input__label{color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight)}.ui-number-input__required{color:var(--md-sys-color-error)}.ui-number-input--label-float .ui-number-input__label,.ui-number-input--label-inset .ui-number-input__label{position:absolute;top:var(--ui-number-input-label-top);left:var(--ui-number-input-inset);z-index:1;max-width:calc(100% - 32rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;transform:translateY(-50%);transform-origin:left center;transition:transform var(--sys-motion-duration-short-3) var(--sys-motion-easing-standard),color var(--sys-motion-duration-short-3) var(--sys-motion-easing-standard)}.ui-number-input--split{--ui-number-input-label-notch-shift:calc(var(--ui-number-input-inset) - 60rem)}.ui-number-input--split .ui-number-input__label{left:60rem}.ui-number-input--label-hidden .ui-number-input__label{position:absolute;width:1rem;height:1rem;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ui-number-input__control{position:relative;display:flex;align-items:stretch;min-height:var(--ui-number-input-height);overflow:hidden;border:1rem solid var(--md-sys-color-outline);border-radius:var(--ui-number-input-radius);background-color:transparent;transition:border-color var(--sys-motion-duration-short-3) var(--sys-motion-easing-standard),background-color var(--sys-motion-duration-short-3) var(--sys-motion-easing-standard)}.ui-number-input__body{display:flex;flex:1;align-items:center;gap:8rem;min-width:0;padding-inline:var(--ui-number-input-inset)}.ui-number-input--split .ui-number-input__body{padding-inline:16rem}.ui-number-input--stacked .ui-number-input__body,.ui-number-input--unit .ui-number-input__body{padding-inline-end:16rem}.ui-number-input__input{flex:1;min-width:0;padding:0;border:none;outline:none;background-color:transparent;color:var(--md-sys-color-on-surface);font-variant-numeric:tabular-nums;font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight)}.ui-number-input__input::-moz-placeholder{color:var(--md-sys-color-on-surface-variant);-moz-transition:opacity var(--sys-motion-duration-short-3) var(--sys-motion-easing-standard);transition:opacity var(--sys-motion-duration-short-3) var(--sys-motion-easing-standard)}.ui-number-input__input::placeholder{color:var(--md-sys-color-on-surface-variant);transition:opacity var(--sys-motion-duration-short-3) var(--sys-motion-easing-standard)}.ui-number-input__adornment{display:flex;flex:0 0 auto;align-items:center;color:var(--md-sys-color-on-surface-variant);font-size:24rem}.ui-number-input__outline{position:absolute;inset:0;min-width:0;padding-block:0;padding-inline:calc(var(--ui-number-input-inset) - 5rem) 0;margin:0;border-width:1rem;border-style:solid;border-color:inherit;border-radius:inherit;pointer-events:none;transition:border-color var(--sys-motion-duration-short-3) var(--sys-motion-easing-standard)}.ui-number-input__notch{display:block;width:auto;max-width:.01rem;height:1rem;padding:0;overflow:hidden;visibility:hidden;white-space:nowrap;transition:max-width var(--sys-motion-duration-short-3) var(--sys-motion-easing-standard);font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight)}.ui-number-input__notch-text{display:inline-block;padding-inline:4rem;font-size:calc(var(--md-sys-typescale-body-large-size)*.75)}.ui-number-input__stepper{position:relative;display:flex;flex:0 0 auto;align-self:center;align-items:center;justify-content:center;overflow:hidden;padding:0;border:none;border-radius:var(--ui-number-input-zone-radius);background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);cursor:pointer}.ui-number-input__stepper:after{position:absolute;inset:0;background-color:currentcolor;content:"";opacity:0;pointer-events:none;transition:opacity var(--sys-motion-duration-short-3) var(--sys-motion-easing-standard)}.ui-number-input__stepper:enabled:hover:after{opacity:.08}.ui-number-input__stepper:enabled:active:after{opacity:.12}.ui-number-input__stepper:disabled{color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent);cursor:default}.ui-number-input--split .ui-number-input__stepper{width:var(--ui-number-input-stepper-size);height:var(--ui-number-input-stepper-size);margin-inline:4rem;font-size:24rem}.ui-number-input__stacked{display:flex;flex:0 0 auto;flex-direction:column;align-self:center;gap:1rem;width:30rem;height:var(--ui-number-input-stacked-height);margin-inline:4rem;border-radius:var(--ui-number-input-zone-radius)}.ui-number-input__stacked .ui-number-input__stepper{flex:1;align-self:stretch;width:100%;margin:0;font-size:16rem}.ui-number-input__stacked .ui-number-input__stepper--increment{border-radius:var(--ui-number-input-zone-radius) var(--ui-number-input-zone-radius) 0 0}.ui-number-input__stacked .ui-number-input__stepper--decrement{border-radius:0 0 var(--ui-number-input-zone-radius) var(--ui-number-input-zone-radius)}.ui-number-input__scrub{flex:0 0 auto;margin-right:12rem;border-bottom:1rem dotted var(--md-sys-color-primary);color:var(--md-sys-color-primary);cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight)}.ui-number-input--scrub .ui-number-input__input{padding-block:0}.ui-number-input--filled .ui-number-input__control{border-color:transparent;border-bottom-color:var(--md-sys-color-on-surface-variant);border-bottom-right-radius:0;border-bottom-left-radius:0;background-color:var(--md-sys-color-surface-container-highest)}.ui-number-input--filled .ui-number-input__stepper{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.ui-number-input--filled:where(.ui-number-input--interactive) .ui-number-input__control:hover{border-bottom-color:var(--md-sys-color-on-surface);background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,var(--md-sys-color-surface-container-highest))}.ui-number-input--filled.ui-number-input--focused:where(.ui-number-input--interactive) .ui-number-input__control{border-bottom-color:var(--md-sys-color-primary)}.ui-number-input--filled.ui-number-input--error .ui-number-input__control{border-bottom-color:var(--md-sys-color-error)}.ui-number-input--filled.ui-number-input--disabled .ui-number-input__control{border-bottom-color:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 4%,transparent)}.ui-number-input--outlined .ui-number-input__control{padding:1rem;border-width:0}.ui-number-input--outlined:where(.ui-number-input--interactive) .ui-number-input__control:hover{border-color:var(--md-sys-color-on-surface)}.ui-number-input--outlined.ui-number-input--focused:where(.ui-number-input--interactive) .ui-number-input__control{border-color:var(--md-sys-color-primary)}.ui-number-input--outlined.ui-number-input--error .ui-number-input__control{border-color:var(--md-sys-color-error)}.ui-number-input--outlined.ui-number-input--disabled .ui-number-input__control{border-color:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 4%,transparent)}.ui-number-input--focused:where(.ui-number-input--interactive) .ui-number-input__label{color:var(--md-sys-color-primary)}.ui-number-input--error .ui-number-input__label,.ui-number-input--error .ui-number-input__support{color:var(--md-sys-color-error)}.ui-number-input--disabled .ui-number-input__adornment,.ui-number-input--disabled .ui-number-input__input,.ui-number-input--disabled .ui-number-input__label,.ui-number-input--disabled .ui-number-input__scrub,.ui-number-input--disabled .ui-number-input__support,.ui-number-input--disabled .ui-number-input__unit{color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent)}.ui-number-input--disabled .ui-number-input__scrub{border-bottom-color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent);cursor:default}.ui-number-input--label-float.ui-number-input--focused.ui-number-input--filled .ui-number-input__label,.ui-number-input--label-float.ui-number-input--populated.ui-number-input--filled .ui-number-input__label,.ui-number-input--label-inset.ui-number-input--filled .ui-number-input__label{transform:var(--ui-number-input-label-raised-inside)}.ui-number-input--label-float.ui-number-input--focused.ui-number-input--outlined .ui-number-input__label,.ui-number-input--label-float.ui-number-input--populated.ui-number-input--outlined .ui-number-input__label,.ui-number-input--label-inset.ui-number-input--outlined .ui-number-input__label{transform:translate(var(--ui-number-input-label-notch-shift,0)) var(--ui-number-input-label-raised-notch)}.ui-number-input--label-float.ui-number-input--focused.ui-number-input--outlined .ui-number-input__notch,.ui-number-input--label-float.ui-number-input--populated.ui-number-input--outlined .ui-number-input__notch,.ui-number-input--label-inset.ui-number-input--outlined .ui-number-input__notch{max-width:100%}.ui-number-input--label-float.ui-number-input--filled .ui-number-input__input,.ui-number-input--label-inset.ui-number-input--filled .ui-number-input__input{padding-top:var(--ui-number-input-input-padding-top);padding-bottom:var(--ui-number-input-input-padding-bottom)}.ui-number-input--label-float.ui-number-input--filled .ui-number-input__stacked,.ui-number-input--label-float.ui-number-input--filled .ui-number-input__stepper,.ui-number-input--label-inset.ui-number-input--filled .ui-number-input__stacked,.ui-number-input--label-inset.ui-number-input--filled .ui-number-input__stepper{margin-top:var(--ui-number-input-zone-offset)}.ui-number-input--label-float .ui-number-input__input::-moz-placeholder{opacity:0}.ui-number-input--label-float .ui-number-input__input::placeholder{opacity:0}.ui-number-input--label-float.ui-number-input--focused .ui-number-input__input::-moz-placeholder,.ui-number-input--label-float.ui-number-input--populated .ui-number-input__input::-moz-placeholder,.ui-number-input--scrub .ui-number-input__input::-moz-placeholder{opacity:1}.ui-number-input--label-float.ui-number-input--focused .ui-number-input__input::placeholder,.ui-number-input--label-float.ui-number-input--populated .ui-number-input__input::placeholder,.ui-number-input--scrub .ui-number-input__input::placeholder{opacity:1}.ui-number-input--readonly .ui-number-input__scrub{cursor:default}.ui-number-input--scrubbing{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ui-number-input__support{padding-inline:16rem;margin:4rem 0 0;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight)}@media(prefers-reduced-motion:reduce){.ui-number-input__input::-moz-placeholder{-moz-transition:none;transition:none}.ui-number-input__control,.ui-number-input__input::placeholder,.ui-number-input__label,.ui-number-input__notch,.ui-number-input__outline,.ui-number-input__stepper{transition:none}}