/* Resting chrome stays quiet; the optical material only lifts under a finger. */
html body .dao-bottom-nav.is-pressing button.is-preview svg{transform:none}
html body .dao-bottom-nav [data-nav-part]{transform-box:fill-box;transform-origin:center}
html body .dao-bottom-nav .dao-nav-optics{display:none;position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;overflow:hidden;pointer-events:none;stroke:none;fill:none;transform-origin:center}
html body .dao-bottom-nav.has-nav-optics .dao-nav-lens{z-index:3;transition:none;background:var(--nav-lens);border:1px solid var(--nav-rim);box-shadow:inset 0 1px 2px #ffffffb0,0 8px 20px -8px var(--nav-depth)}
html body .dao-bottom-nav.has-nav-optics .dao-nav-optics{display:block}
html body .dao-bottom-nav .dao-nav-optics .dao-nav-optic-icon{stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none;overflow:visible}
html body .dao-bottom-nav.is-pressing .dao-nav-lens::before,
html body .dao-bottom-nav.is-pressing .dao-nav-lens::after{display:block;z-index:4}
html body .dao-bottom-nav.is-pressing .dao-nav-lens::before{padding:2px;opacity:.95}
html body .dao-bottom-nav.is-pressing .dao-nav-lens::after{opacity:.55;background:radial-gradient(ellipse at 0% 65%,#7cdaff50,transparent 19%),radial-gradient(ellipse at 100% 40%,#cb9cff48,transparent 18%);box-shadow:inset 0 2px 2px #ffffffa0,inset 0 -2px 3px #a6beff65}
@media(prefers-reduced-motion:reduce),(prefers-reduced-transparency:reduce),(forced-colors:active){
 html body .dao-bottom-nav .dao-nav-optics{display:none!important}
 html body .dao-bottom-nav.is-pressing .dao-nav-lens{top:5px;bottom:5px;transform:translateX(var(--lens-x));transition:none}
 html body .dao-bottom-nav.is-pressing .dao-nav-lens::before,html body .dao-bottom-nav.is-pressing .dao-nav-lens::after{display:none}
}