.ccvaa-dialog-header[data-ccvaa-dialog-header]{--ccvaa-dialog-header-fluid-spacing:clamp(var(--ccvaa-space-sm),1.5cqi,var(--ccvaa-space-lg));--ccvaa-dialog-header-btn-padding:clamp(1rem,1.5cqi,1.25rem);box-sizing:border-box;container-type:inline-size;position:sticky;inset-block-start:0;z-index:50;block-size:var(--ccvaa-header-height,var(--ccvaa-space-4xl));padding-block:var(--ccvaa-space-sm);padding-inline:var(--ccvaa-gutter);border-block-end:var(--ccvaa-border-width-regular) solid
var(--ccvaa-color-border-base);background:var(--ccvaa-color-surface-raised);transition:var(--ccvaa-transition-shadow),var(--ccvaa-transition-background)}html[data-brx-theme='dark'] .ccvaa-dialog-header[data-ccvaa-dialog-header]{background:var(--ccvaa-color-surface-base)}.ccvaa-dialog-header[data-ccvaa-dialog-header] .ccvaa-dialog-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--ccvaa-gap-content);max-inline-size:var(--ccvaa-size-container);margin-inline:auto}.ccvaa-dialog-header[data-ccvaa-dialog-header] .ccvaa-dialog-header__brand img{display:block;inline-size:min(var(--ccvaa-size-logo),58vw)}.ccvaa-dialog-header__desktop{display:none}.ccvaa-dialog-header__menu-button,.ccvaa-dialog-header__close-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ccvaa-space-sm);min-inline-size:var(--ccvaa-size-interaction-md);min-block-size:var(--ccvaa-size-interaction-md);padding:var(--ccvaa-space-sm) var(--ccvaa-space-md);border:var(--ccvaa-border-width-regular) solid
var(--ccvaa-color-border-base);border-radius:var(--ccvaa-radius-sm);background:var(--ccvaa-color-surface-raised);color:var(--ccvaa-color-text-heading);font:inherit;cursor:pointer;transition:var(--ccvaa-transition-colors),var(--ccvaa-transition-shadow)}.ccvaa-dialog-header__menu-button:hover:not(:focus-visible),.ccvaa-dialog-header__close-button:hover:not(:focus-visible){background:var(--ccvaa-color-tonal-brand-bg)}.ccvaa-dialog-header__menu-button .ccvaa-icon,.ccvaa-dialog-header__close-button .ccvaa-icon{inline-size:1rem;block-size:1rem;padding:0;font-size:inherit;line-height:1}.ccvaa-dialog-header__drawer{inset:0;inline-size:100%;max-inline-size:none;block-size:100dvh;max-block-size:none;margin:0;padding:0;border:0;background:var(--ccvaa-color-surface-raised);color:var(--ccvaa-color-text-primary);opacity:0;transform:translateY(calc(-1 * var(--ccvaa-space-sm)));overflow:auto;transition-property:opacity,transform,display,overlay;transition-duration:var(--ccvaa-transition-duration);transition-timing-function:var(--ccvaa-transition-easing);transition-behavior:allow-discrete}.ccvaa-dialog-header__drawer[open]{opacity:1;transform:translateY(0)}@starting-style{.ccvaa-dialog-header__drawer[open]{opacity:0;transform:translateY(calc(-1 * var(--ccvaa-space-sm)))}}.ccvaa-dialog-header__drawer::backdrop{background:transparent;transition-property:background,display,overlay;transition-duration:var(--ccvaa-transition-duration);transition-timing-function:var(--ccvaa-transition-easing);transition-behavior:allow-discrete}.ccvaa-dialog-header__drawer[open]::backdrop{background:color-mix(in srgb,var(--ccvaa-color-surface-brand) 65%,transparent)}@starting-style{.ccvaa-dialog-header__drawer[open]::backdrop{background:transparent}}.ccvaa-dialog-header__drawer-inner{display:flex;flex-direction:column;min-block-size:100dvh;padding:var(--ccvaa-space-lg) var(--ccvaa-gutter) var(--ccvaa-space-2xl)}.ccvaa-dialog-header__drawer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--ccvaa-gap-content);padding-block-end:var(--ccvaa-space-lg);border-block-end:var(--ccvaa-border-width-regular) solid
var(--ccvaa-color-border-base)}.ccvaa-dialog-header__drawer-title{margin:0;color:var(--ccvaa-color-text-heading);font-size:var(--ccvaa-type-h3-size);line-height:var(--ccvaa-line-height-heading)}.ccvaa-dialog-header__drawer-content,.ccvaa-dialog-header__navigation,.ccvaa-dialog-header__primary,.ccvaa-dialog-header__utility{min-inline-size:0}.ccvaa-dialog-header__drawer-content{flex:1}.ccvaa-dialog-header__navigation{display:flex;flex-direction:column;gap:var(--ccvaa-space-xl);padding-block:var(--ccvaa-space-lg)}.ccvaa-dialog-header__list,.ccvaa-dialog-header__utility-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.ccvaa-dialog-header__link{display:flex;inline-size:100%;padding-block:var(--ccvaa-space-md);border-block-end:var(--ccvaa-border-width-regular) solid
var(--ccvaa-color-border-base);color:var(--ccvaa-color-text-primary);font-size:var(--ccvaa-type-lead-size);font-weight:var(--ccvaa-font-weight-medium);line-height:var(--ccvaa-line-height-body);text-decoration:none;transition:var(--ccvaa-transition-colors)}.ccvaa-dialog-header__link:hover:not(:focus-visible){color:var(--ccvaa-color-link-hover)}.ccvaa-dialog-header__link[aria-current='page']:not(:focus-visible){color:var(--ccvaa-color-text-heading);font-weight:var(--ccvaa-font-weight-bold)}.ccvaa-dialog-header .ccvaa-btn--nav{--ccvaa-btn-min-block-size:var(--ccvaa-size-interaction-md)}.ccvaa-dialog-header__utility{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ccvaa-space-lg);padding-block-start:var(--ccvaa-space-md)}.ccvaa-dialog-header__utility-list{gap:var(--ccvaa-space-sm)}.ccvaa-dialog-header .ccvaa-dialog-header__theme-toggle{--ccvaa-toggle-bg-hover:var(--ccvaa-color-tonal-brand-bg);--ccvaa-toggle-border-color:var(--ccvaa-color-border-base);--ccvaa-toggle-text-color:var(--ccvaa-color-text-heading);--ccvaa-toggle-text-color-hover:var(--ccvaa-color-text-heading);box-sizing:border-box;display:inline-grid;place-items:center;inline-size:var(--ccvaa-size-interaction-md);block-size:var(--ccvaa-size-interaction-md);padding:0;border:var(--ccvaa-toggle-border-width) solid
var(--ccvaa-toggle-border-color);border-radius:var(--ccvaa-toggle-border-radius);background:var(--ccvaa-toggle-bg);color:var(--ccvaa-toggle-text-color);line-height:1;cursor:pointer;user-select:none;transition:background-color var(--ccvaa-toggle-transition),color var(--ccvaa-toggle-transition),border-color var(--ccvaa-toggle-transition)}.ccvaa-dialog-header__theme-toggle:active{--ccvaa-toggle-bg:var(--ccvaa-toggle-bg-pressed)}.ccvaa-dialog-header__theme-toggle svg{display:block;inline-size:var(--ccvaa-toggle-icon-size);block-size:var(--ccvaa-toggle-icon-size)}html:not([data-brx-theme='dark'])
.ccvaa-dialog-header__theme-toggle
.toggle.light,html[data-brx-theme='dark'] .ccvaa-dialog-header__theme-toggle .toggle.dark{display:none}html:not([data-brx-theme='dark'])
.ccvaa-dialog-header__theme-toggle
.toggle.dark,html[data-brx-theme='dark'] .ccvaa-dialog-header__theme-toggle .toggle.light{display:flex}.ccvaa-dialog-header-prototype__intro{max-inline-size:var(--ccvaa-measure);margin-inline:auto;padding:var(--ccvaa-section-space-md) var(--ccvaa-gutter)}.ccvaa-dialog-header-prototype__state{position:fixed;inset-inline:50% auto;inset-block:auto var(--ccvaa-space-md);translate:-50% 0;z-index:100;inline-size:max-content;max-inline-size:calc(100% - (2 * var(--ccvaa-gutter)));padding:var(--ccvaa-space-sm) var(--ccvaa-space-md);border-radius:var(--ccvaa-radius-sm);background:var(--ccvaa-color-surface-brand);color:var(--ccvaa-color-text-on-brand);font-size:var(--ccvaa-type-meta-size);box-shadow:var(--ccvaa-shadow-md)}@container (min-width:74.5rem){.ccvaa-dialog-header[data-ccvaa-dialog-header] .ccvaa-dialog-header__inner{gap:var(--ccvaa-space-lg)}.ccvaa-dialog-header[data-ccvaa-dialog-header]
.ccvaa-dialog-header__brand
img{inline-size:var(--ccvaa-size-logo)}.ccvaa-dialog-header__desktop{display:flex;flex:1;align-items:center;justify-content:flex-end;min-inline-size:0}.ccvaa-dialog-header__navigation{--ccvaa-header-link-font-size:1rem;--ccvaa-header-link-text-color:var(--ccvaa-color-text-secondary);--ccvaa-header-link-text-color-hover:var(--ccvaa-color-link-hover);flex:1;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--ccvaa-dialog-header-fluid-spacing);padding:0}.ccvaa-dialog-header__primary{display:flex;align-items:center}.ccvaa-dialog-header__link{line-height:1.5;padding:.75rem .625rem!important;height:100%}.ccvaa-dialog-header__list{flex-direction:row;align-items:center;gap:var(--ccvaa-gap-meta)}.ccvaa-dialog-header[data-ccvaa-dialog-header] .ccvaa-dialog-header__link{inline-size:auto;padding-block:0;border-block-end:0;color:var(--ccvaa-header-link-text-color);font-size:var(--ccvaa-header-link-font-size);white-space:nowrap}.ccvaa-btn--nav{padding-inline:var(--ccvaa-dialog-header-btn-padding)}.ccvaa-dialog-header[data-ccvaa-dialog-header]
.ccvaa-dialog-header__link::after{content:none}.ccvaa-dialog-header[data-ccvaa-dialog-header]
.ccvaa-dialog-header__link:hover:not(:focus-visible):not(:disabled):not([aria-disabled='true']){--ccvaa-header-link-text-color:var(--ccvaa-header-link-text-color-hover,var(--ccvaa-color-link-hover));text-decoration-line:var(--ccvaa-header-link-text-decoration-line,underline);text-decoration-thickness:var(--ccvaa-header-link-text-decoration-thickness,.15em);text-underline-offset:var(--ccvaa-header-link-text-underline-offset,.5em);text-underline-position:var(--ccvaa-header-link-text-underline-position,under);text-decoration-color:var(--ccvaa-header-link-text-decoration-color,var(--ccvaa-color-link))}.ccvaa-dialog-header[data-ccvaa-dialog-header]
.ccvaa-dialog-header__link[aria-current='page']:not(:focus-visible){--ccvaa-header-link-text-color:var(--ccvaa-color-text-primary);color:var(--ccvaa-header-link-text-color);text-decoration-line:var(--ccvaa-header-link-text-decoration-line,underline);text-decoration-thickness:var(--ccvaa-header-link-text-decoration-thickness,.15em);text-underline-offset:var(--ccvaa-header-link-text-underline-offset,.5em);text-underline-position:var(--ccvaa-header-link-text-underline-position,under);text-decoration-color:var(--ccvaa-header-link-text-decoration-color,var(--ccvaa-color-link))}.ccvaa-dialog-header__utility{flex-direction:row;flex:0 0 auto;align-items:center;gap:var(--ccvaa-dialog-header-fluid-spacing);padding:0}.ccvaa-dialog-header__utility-list{flex-direction:row;align-items:center;gap:var(--ccvaa-gap-nav);padding-inline:var(--ccvaa-dialog-header-fluid-spacing);border-inline:var(--ccvaa-border-width-regular) solid
var(--ccvaa-color-border-base)}.ccvaa-dialog-header__menu-button{display:none}}.ccvaa-dialog-header[data-ccvaa-dialog-header]:has(:focus-visible)
:is(a,button,input,textarea,select,[tabindex],[contenteditable]){transition:none!important}@media (prefers-reduced-motion:reduce){.ccvaa-dialog-header[data-ccvaa-dialog-header],.ccvaa-dialog-header__link,.ccvaa-dialog-header__menu-button,.ccvaa-dialog-header__close-button,.ccvaa-dialog-header__drawer,.ccvaa-dialog-header__theme-toggle,.ccvaa-dialog-header__drawer::backdrop{transition:none}.ccvaa-dialog-header__drawer,.ccvaa-dialog-header__drawer[open]{transform:none}}