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

Visa Product Design System Nova HTML+CSS library

/**
 *              © 2025-2026 Visa
 *
 * 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-flag{--v-message-border-block-start-size:0px;--v-message-border-inline-end-size:0px;--v-message-border-inline-start-size:0px;--v-message-border-radius:var(--size-rounded-large);--v-message-max-inline-size:360px;--v-message-elevation:var(--elevation-xlarge);--v-message-padding-block-end:var(--size-scalable-12);--v-message-padding-block-start:var(--size-scalable-12);--v-message-padding-inline-end:var(--size-scalable-12);--v-message-padding-inline-start:var(--size-scalable-12);--v-message-flag-content-color:var(--palette-default-text);--v-message-background:var(--palette-default-surface-1)}.v-flag .v-message-content{--v-message-text:var(--v-message-flag-content-color)}.v-flag .v-message-icon{--v-icon-height:var(--v-message-icon-size);--v-icon-width:var(--v-message-icon-size)}}