.navigation-banner[component]{aspect-ratio:1;background-position:50%;background-size:cover;background-image:linear-gradient(to top, #00000080 0%, #0000 70%), var(--banner-bg-image);--background-color:var(--surface-container-primary);--foreground-color:var(--on-surface-container-primary);background-color:var(--background-color);color:var(--foreground-color);--primary:#336ecc;--on-primary:#fff;--secondary:#adbcdc;--on-secondary:#13171f;--active:#99c0ff;--on-active:#13171f;--success:#39c677;--on-success:#13171f;--warning:#ffc333;--on-warning:#13171f;--error:#f76e6e;--on-error:#13171f;--placeholder:#8592ad;--line:#525f7a;--signal:#66a1ff;display:block}.navigation-banner[component] .btn-secondary-navigation-banner{--background-color:var(--surface-container-default);--foreground-color:var(--on-surface-container-default);background-color:var(--background-color);width:auto;color:var(--foreground-color);--primary:var(--root-color-primary);--on-primary:var(--root-color-on-primary);--secondary:var(--root-color-secondary);--on-secondary:var(--root-color-on-secondary);--active:var(--root-color-active);--on-active:var(--root-color-on-active);--success:var(--root-color-success);--on-success:var(--root-color-on-success);--warning:var(--root-color-warning);--on-warning:var(--root-color-on-warning);--error:var(--root-color-error);--on-error:var(--root-color-on-error);--placeholder:var(--root-color-placeholder);--line:var(--root-color-line);--signal:var(--root-color-signal)}