/**
 *              © 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{:root,.v-alternate{--v-nav-background:var(--palette-default-surface-1);--v-nav-foreground:var(--palette-default-active);--v-nav-horizontal-active-line-padding:var(--size-responsive-16);--v-nav-horizontal-min-block-size:62px;--v-nav-horizontal-expanded-block-size:80px;--v-nav-horizontal-padding-block-start:var(--size-responsive-0);--v-nav-horizontal-padding-block-end:var(--size-responsive-0);--v-nav-horizontal-padding-inline-start:var(--size-responsive-24);--v-nav-horizontal-padding-inline-end:var(--size-responsive-24);--v-nav-horizontal-tabs-group-gap:var(--size-scalable-8);--v-nav-horizontal-align:center;--v-nav-vertical-align:flex-start;--v-nav-vertical-block-size:100%;--v-nav-vertical-padding-block-start:var(--size-responsive-10);--v-nav-vertical-padding-block-end:var(--size-responsive-8);--v-nav-vertical-padding-inline-start:var(--size-responsive-0);--v-nav-vertical-padding-inline-end:var(--size-responsive-0);--v-nav-vertical-tabs-padding-inline-end:var(--size-responsive-14);--v-nav-elevation:var(--elevation-small);--v-nav-elevation-drawer:var(--elevation-xxlarge);--v-nav-app-name:var(--palette-accent-app-name)}}@layer abstracts{:root,.v-alternate{--v-surface-background:var(--palette-default-surface-1);--v-surface-border-color:var(--palette-default-border);--v-surface-border-radius:var(--size-rounded-none);--v-surface-border-size:0px;--v-surface-border-style:solid;--v-surface-foreground:var(--palette-default-text);--v-surface-inline-size:100%;--v-surface-padding-block:var(--size-scalable-8);--v-surface-padding-inline:var(--size-scalable-8)}}@layer abstracts{.v-nav,.v-surface{background-color:var(--v-surface-background);border-color:var(--v-surface-border-color);border-radius:var(--v-surface-border-radius);border-style:var(--v-surface-border-style);border-width:var(--v-surface-border-size);color:var(--v-surface-foreground);inline-size:var(--v-surface-inline-size);padding-block:var(--v-surface-padding-block);padding-inline:var(--v-surface-padding-inline)}.v-surface-2{background-color:var(--v-surface-background);border-color:var(--v-surface-border-color);border-radius:var(--v-surface-border-radius);border-style:var(--v-surface-border-style);border-width:var(--v-surface-border-size);color:var(--v-surface-foreground);inline-size:var(--v-surface-inline-size);padding-block:var(--v-surface-padding-block);padding-inline:var(--v-surface-padding-inline);--v-surface-background:var(--palette-default-surface-2)}.v-surface-3{background-color:var(--v-surface-background);border-color:var(--v-surface-border-color);border-radius:var(--v-surface-border-radius);border-style:var(--v-surface-border-style);border-width:var(--v-surface-border-size);color:var(--v-surface-foreground);inline-size:var(--v-surface-inline-size);padding-block:var(--v-surface-padding-block);padding-inline:var(--v-surface-padding-inline);--v-surface-background:var(--palette-default-surface-3)}}@layer components{.v-nav{align-items:var(--v-nav-horizontal-align);box-shadow:var(--v-nav-elevation);display:flex;min-block-size:var(--v-nav-horizontal-min-block-size);padding-block-end:var(--v-nav-horizontal-padding-block-end);padding-block-start:var(--v-nav-horizontal-padding-block-start);padding-inline-end:var(--v-nav-horizontal-padding-inline-end);padding-inline-start:var(--v-nav-horizontal-padding-inline-start);--v-surface-background:var(--v-nav-background);--v-surface-foreground:var(--v-nav-foreground);--v-surface-padding-block:var(--v-nav-horizontal-padding-block-start) var(--v-nav-horizontal-padding-block-end);--v-surface-padding-inline:var(--v-nav-horizontal-padding-inline-start) var(--v-nav-horizontal-padding-inline-end);--v-surface-border-color:var(--v-surface-background);--v-surface-border-radius:var(--size-rounded-none);--v-surface-border-size:var(--size-scalable-0)}:has(>.v-nav:not(.v-nav-vertical)),:has(>.v-nav .v-tabs-horizontal),:has(>.v-nav .v-tabs:not(.v-tabs-vertical)){container:nav-container/inline-size}.v-nav .v-nav-app-name{color:var(--v-nav-app-name)}.v-nav:has(.v-tabs:not(.v-tabs-vertical)),.v-nav:has(.v-tabs-horizontal),.v-nav-horizontal{flex-direction:row;--v-tabs-active-line-padding:var(--v-nav-horizontal-active-line-padding)}.v-nav:has(.v-tabs:not(.v-tabs-vertical)) .v-tabs,.v-nav:has(.v-tabs-horizontal) .v-tabs,.v-nav-horizontal .v-tabs{padding-block-start:var(--v-tabs-active-line-padding);--v-tabs-group-gap:var(--v-nav-horizontal-tabs-group-gap)}.v-nav:has(.v-tabs:not(.v-tabs-vertical)) .v-tabs .v-tab:only-of-type,.v-nav:has(.v-tabs-horizontal) .v-tabs .v-tab:only-of-type,.v-nav-horizontal .v-tabs .v-tab:only-of-type{padding-block-start:0}.v-nav:has(.v-tabs:not(.v-tabs-vertical))>*,.v-nav:has(.v-tabs-horizontal)>*,.v-nav-horizontal>*{align-items:var(--v-nav-horizontal-align)}.v-nav:has(.v-tabs:not(.v-tabs-vertical)) .v-tab:only-of-type:not(li),.v-nav:has(.v-tabs-horizontal) .v-tab:only-of-type:not(li),.v-nav-horizontal .v-tab:only-of-type:not(li){padding-block-start:var(--v-tabs-active-line-padding)}.v-nav:has(.v-tabs:not(.v-tabs-vertical)):has(.v-surface),.v-nav:has(.v-tabs-horizontal):has(.v-surface),.v-nav-horizontal:has(.v-surface){min-block-size:var(--v-nav-horizontal-expanded-block-size)}@container nav-container (max-width: 768px){.v-nav:has(.v-tabs:not(.v-tabs-vertical)):has(.v-surface),.v-nav:has(.v-tabs-horizontal):has(.v-surface),.v-nav-horizontal:has(.v-surface){--v-nav-horizontal-expanded-block-size: 62px}}.v-nav-vertical{flex-direction:column;overflow-y:auto;--v-nav-horizontal-align:var(--v-nav-vertical-align);--v-nav-horizontal-min-block-size:var(--v-nav-vertical-block-size);--v-nav-horizontal-padding-block-end:var(--v-nav-vertical-padding-block-end);--v-nav-horizontal-padding-block-start:var(--v-nav-vertical-padding-block-start);--v-nav-horizontal-padding-inline-end:var(--v-nav-vertical-padding-inline-end);--v-nav-horizontal-padding-inline-start:var(--v-nav-vertical-padding-inline-start)}.v-nav-vertical nav{inline-size:100%}.v-nav-vertical .v-tabs,.v-nav-vertical .v-tab:only-of-type{padding-inline-end:var(--v-nav-vertical-tabs-padding-inline-end)}.v-nav-vertical .v-tabs .v-tabs,.v-nav-vertical .v-tabs .v-tab:only-of-type,.v-nav-vertical .v-tab:only-of-type .v-tabs,.v-nav-vertical .v-tab:only-of-type .v-tab:only-of-type{padding-inline-end:0}.v-nav-vertical:has(.v-avatar){container-type:inline-size}.v-nav-drawer{--v-nav-elevation:var(--v-nav-elevation-drawer)}}