.m3-top-app-bar{--bar-display:flex;--bar-align-items:center;--bar-background:var(--color-surface);--bar-height:4rem;--bar-padding:0 0.5rem;--bar-box-shadow:none;--bar-border-bottom:none;--bar-color:var(--color-text);--bar-position:static;--bar-top:auto;--bar-z-index:auto;--bar-title-size:1.125rem;--bar-title-weight:500;--bar-title-color:var(--color-text);--bar-title-padding:0 0.5rem;--bar-title-flex:1;--bar-title-overflow:hidden;--bar-title-white-space:nowrap;--bar-title-text-overflow:ellipsis;--bar-title-text-align:start;--bar-icon-size:3rem;--bar-icon-color:var(--color-text);--bar-icon-radius:50%;--bar-icon-background:transparent;--bar-icon-cursor:pointer;--bar-trailing-gap:var(--space-3);--bar-state-hover-opacity:0.08;--bar-transition:box-shadow var(--duration-normal) var(--ease-out);align-items:var(--bar-align-items);background-color:var(--bar-background);border-bottom:var(--bar-border-bottom);box-shadow:var(--bar-box-shadow);box-sizing:border-box;color:var(--bar-color);display:var(--bar-display);height:var(--bar-height);padding:var(--bar-padding);position:var(--bar-position);top:var(--bar-top);transition:var(--bar-transition);z-index:var(--bar-z-index)}.m3-top-app-bar .bar-title{color:var(--bar-title-color);flex:var(--bar-title-flex);font-size:var(--bar-title-size);font-weight:var(--bar-title-weight);margin:0;overflow:var(--bar-title-overflow);padding:var(--bar-title-padding);text-align:var(--bar-title-text-align);text-overflow:var(--bar-title-text-overflow);white-space:var(--bar-title-white-space)}.m3-top-app-bar .bar-leading,.m3-top-app-bar .bar-trailing a:not([class*=m3-]),.m3-top-app-bar .bar-trailing button:not([class*=m3-]){align-items:center;background:var(--bar-icon-background);border:none;border-radius:var(--bar-icon-radius);color:var(--bar-icon-color);cursor:var(--bar-icon-cursor);display:flex;font-family:inherit;height:var(--bar-icon-size);justify-content:center;padding:0;transition:var(--bar-transition);width:var(--bar-icon-size)}.m3-top-app-bar .bar-leading:hover,.m3-top-app-bar .bar-trailing a:not([class*=m3-]):hover,.m3-top-app-bar .bar-trailing button:not([class*=m3-]):hover{background-image:linear-gradient(color-mix(in srgb,var(--bar-icon-color) calc(var(--bar-state-hover-opacity)*100%),transparent),color-mix(in srgb,var(--bar-icon-color) calc(var(--bar-state-hover-opacity)*100%),transparent))}.m3-top-app-bar .bar-trailing{align-items:center;display:flex;gap:var(--bar-trailing-gap)}.m3-top-app-bar.bar\:center{--bar-title-text-align:center}.m3-top-app-bar.bar\:fixed{--bar-position:sticky;--bar-top:0;--bar-z-index:var(--z-sticky)}.m3-top-app-bar.bar\:elevated{--bar-box-shadow:var(--shadow-sm)}.m3-top-app-bar.bar\:outlined{--bar-border-bottom:0.0625rem solid var(--color-border-subtle)}.m3-top-app-bar.bar-color\:primary{--bar-background:var(--color-primary);--bar-color:var(--color-on-primary);--bar-title-color:var(--color-on-primary);--bar-icon-color:var(--color-on-primary)}.m3-top-app-bar.bar-color\:surface{--bar-background:var(--color-surface);--bar-color:var(--color-text)}.m3-top-app-bar.bar-color\:surface-1{--bar-background:var(--color-surface-1)}