.component--v3-input-range{flex-direction:column;gap:.5rem;display:flex}.component--v3-input-range.is-chip{display:inline-block}.v3-input-range__body{flex-direction:row;gap:.5rem;display:flex}.v3-input-range__col{flex-direction:column;flex:1 1 0;gap:.25rem;min-width:0;display:flex}.v3-input-range__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);font-size:.75rem;font-weight:600}.v3-input{width:100%;display:block}.v3-input .v3-input__field{border:1px solid var(--border);border-radius:var(--radius);width:100%;height:3rem;color:var(--text-2);text-align:left;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s,scale .45s var(--ease-press);--ripple:on;--ripple-color:currentColor;--ripple-opacity:.12;-webkit-tap-highlight-color:transparent;background-color:#0000;outline:none;align-items:center;padding:0 2.5rem 0 1rem;font-size:1rem;display:flex;position:relative}.v3-input .v3-input__field:active:where(:not(:has(:is(button,a,[role=button]):active))){transition-duration:80ms;transition-timing-function:ease-out;scale:.96}@media (prefers-reduced-motion:reduce){.v3-input .v3-input__field:active{scale:none}}@media (hover:hover){.v3-input .v3-input__field:hover{border-color:var(--border-2)}}.v3-input .v3-input__field:focus,.v3-input .v3-input__field[data-popper-shown]{border-color:var(--primary)}.v3-input .v3-input__field:disabled{opacity:.6;cursor:not-allowed;--ripple:off}.v3-input .v3-input__field.has-value{padding-right:4rem}.v3-input .v3-input__field.has-icon{padding-left:2.5rem}.v3-input .v3-input__field--chip{border-radius:var(--radius);width:auto;height:2.5rem;color:var(--text-3);background-color:var(--v3-chip-bg,var(--surface));padding:0 2.5rem 0 .875rem;font-size:.875rem;font-weight:500}.v3-input .v3-input__field--chip.has-value{color:var(--text-2);padding-right:2.5rem}.v3-input .v3-input__field--chip.has-value .v3-input__value{color:inherit}.v3-input .v3-input__field--chip.has-icon{padding-left:2.25rem}.v3-input .v3-input__icon{color:var(--text-3);pointer-events:none;font-size:1rem;line-height:1;position:absolute;left:.75rem}.v3-input .v3-input__value{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;max-width:14rem;overflow:hidden}.v3-input .v3-input__value.is-muted{color:var(--text-3)}.v3-input .v3-input__clear{width:1.5rem;height:1.5rem;color:var(--text-3);cursor:pointer;transition:color .2s,scale .45s var(--ease-press);--ripple:on;--ripple-color:currentColor;--ripple-opacity:.12;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;right:2.25rem}.v3-input .v3-input__clear:active:where(:not(:has(:is(button,a,[role=button]):active))){transition-duration:80ms;transition-timing-function:ease-out;scale:.92}@media (prefers-reduced-motion:reduce){.v3-input .v3-input__clear:active{scale:none}}.v3-input .v3-input__clear i{font-size:.875rem}.v3-input .v3-input__clear:hover{color:var(--text)}.v3-input .v3-input__floating-label{background:var(--floating-label-bg,var(--background));color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;pointer-events:none;border-radius:var(--radius);padding:0 .375rem;font-size:.625rem;font-weight:500;line-height:1;position:absolute;top:0;left:.5rem;transform:translateY(-50%)}.v3-input .v3-input__chevron{color:var(--text-3);pointer-events:none;transition:transform .2s;position:absolute;right:1rem}.v3-input .v3-input__field.is-open .v3-input__chevron{transform:rotate(180deg)}.v3-input__popover{min-width:18rem;color:var(--text);flex-direction:column;display:flex}.v3-input__body{padding:.75rem}.v3-input__popover input.v3-input__inner-field{background-color:var(--popover-2);border-radius:var(--radius);width:100%;height:2.5rem;color:var(--text);border:1px solid #0000;outline:none;padding:0 .875rem;font-size:1rem;transition:background-color .2s,border-color .2s}.v3-input__popover input.v3-input__inner-field::placeholder{color:var(--text-3)}@media (hover:hover){.v3-input__popover input.v3-input__inner-field:hover{background-color:var(--popover-3)}}.v3-input__popover input.v3-input__inner-field:focus{border-color:var(--primary);background-color:#0000}.v3-input__footer{border-top:1px solid color-mix(in srgb,var(--text) 8%,transparent);align-items:stretch;gap:.5rem;padding:.75rem;display:flex}.v3-input__footer .v3-input__action{flex:1}