*,*:before,*:after{box-sizing:border-box}html,body{display:flex;height:100%;width:100%;margin:0;padding:0}body{background:var(--COLOR-PAPER);color:var(--COLOR-INK);font-family:var(--FONT-SYSTEM);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}icon{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-font-smoothing:antialiased;user-select:none}drawer-menu{box-shadow:var(--SHADOW-1);z-index:2;--DRAWER-SCRIM: color-mix(in srgb, var(--COLOR-INK) 30%, transparent)}html:has(drawer-menu[changing=on])::view-transition-old(root){animation:none;opacity:0}html:has(drawer-menu[changing=on])::view-transition-new(root){animation:none;opacity:1}html:has(drawer-menu[changing=on])::view-transition-group(*){animation-duration:.3s;animation-timing-function:ease}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}drawer-menu[overlay=on]{box-shadow:var(--SHADOW-3)}slide-layer{--SLIDE-VEIL: color-mix(in srgb, var(--COLOR-PAPER) 70%, transparent)}