@visa/nova-styles/components/input/index.css

Visa Product Design System Nova HTML+CSS library

/**
 *              Copyright (c) 2025 Visa, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *         http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 **/
@layer components{}@layer components{.v-input-otp{--v-input-font-size:2.143rem;--typography-letter-spacing:.286rem;--typography-line-height:2.571rem;text-align:center}.v-input-container:has(.v-input:disabled) .v-button{--v-button-default-background:var(--v-button-default-disabled-background);--v-button-default-border-color:var(--v-button-default-disabled-border-color);--v-button-default-foreground:var(--v-button-default-disabled-foreground);cursor:default}textarea.v-input{margin-block-start:calc((var(--v-input-container-block-size) - 2*var(--v-input-container-padding-block) - var(--typography-body-2-line-height))/2);min-block-size:calc(var(--v-input-container-block-size) - 2*var(--v-input-container-padding-block) - (var(--v-input-container-block-size) - 2*var(--v-input-container-padding-block) - var(--typography-body-2-line-height))/2)}textarea.v-input:not([rows]){block-size:calc(var(--v-input-container-block-size) - 2*var(--v-input-container-padding-block) - (var(--v-input-container-block-size) - 2*var(--v-input-container-padding-block) - var(--typography-body-2-line-height))/2)}textarea.v-input-resize-none{resize:none}}