.NavMenu{gap:var(--spacing-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.NavMenu__item,.NavMenu__subitem{appearance:none;font:inherit;text-align:left;cursor:pointer;color:var(--colors-foreground);box-sizing:border-box;white-space:nowrap;background:0 0;border:0;width:100%;text-decoration:none;transition:background-color .15s}.NavMenu__item:hover,.NavMenu__subitem:hover{color:var(--colors-foreground);background-color:var(--colors-light-alpha-95)}.NavMenu__item{align-items:center;gap:var(--spacing-3);min-height:48px;padding:var(--spacing-3);border-radius:var(--radius-99xl);--nav-button-outline:var(--colors-foreground);--nav-button-fill-opacity:0;display:flex}.NavMenu__item[aria-current=page],.NavMenu__item[aria-expanded=true]{background-color:var(--colors-light-alpha-90)}.NavMenu__item[aria-current=page] .PieAvatar,.NavMenu__item[aria-expanded=true] .PieAvatar{border:var(--spacing-0-5) solid var(--colors-select)}.NavMenu__item[aria-current=page] .NavMenu__item-icon [stroke-width="16"],.NavMenu__item[aria-expanded=true] .NavMenu__item-icon [stroke-width="16"]{stroke-width:24px}.NavMenu__item[aria-current=page] .NavMenu__item-icon path:not([stroke]):not([fill=none]),.NavMenu__item[aria-current=page] .NavMenu__item-icon rect:not([stroke]):not([width="256"]):not([fill=none]),.NavMenu__item[aria-expanded=true] .NavMenu__item-icon path:not([stroke]):not([fill=none]),.NavMenu__item[aria-expanded=true] .NavMenu__item-icon rect:not([stroke]):not([width="256"]):not([fill=none]){stroke:currentColor;stroke-width:1px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.NavMenu__item-icon{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:relative}.NavMenu__item-badge{top:calc(var(--spacing-1)*-1);right:calc(var(--spacing-1)*-1);box-sizing:border-box;min-width:16px;height:16px;padding:0 var(--spacing-1);border-radius:var(--radius-99xl);background:var(--colors-primary);color:var(--colors-primary-foreground);font-family:var(--font-san-serif);font-variant-numeric:lining-nums proportional-nums;justify-content:center;align-items:center;font-size:10px;font-weight:700;line-height:16px;display:inline-flex;position:absolute}.NavMenu__create{position:relative}.NavMenu__item--create .NavMenu__item-icon svg{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}@media (prefers-reduced-motion:reduce){.NavMenu__item--create .NavMenu__item-icon svg{transition:none}}.NavMenu__item--create[aria-expanded=true] .NavMenu__item-icon svg{transform:rotate(135deg)}.NavMenu__submenu{top:calc(100% + var(--spacing-1));z-index:2;padding:var(--spacing-2);border:1px solid var(--colors-light-alpha-90);border-radius:var(--radius-3xl);background-color:var(--colors-muted);box-shadow:0 var(--spacing-3) var(--spacing-8) var(--colors-dark-alpha-50);transform-origin:top;opacity:0;visibility:hidden;transform:translateY(calc(var(--spacing-2) * -1)) scale(.92);filter:blur(4px);flex-direction:column;margin:0;list-style:none;transition:opacity .18s,transform .18s,filter .18s,visibility 0s linear .18s;display:flex;position:absolute;left:0;right:0}.NavMenu__submenu>li{opacity:0;transform:translateX(calc(var(--spacing-3) * -1));transition:opacity .12s,transform .12s}.NavMenu__submenu[data-open=true]{opacity:1;visibility:visible;filter:none;transition:opacity .2s,transform .42s cubic-bezier(.34,1.56,.64,1),filter .2s,visibility;transform:none}.NavMenu__submenu[data-open=true]>li{opacity:1;transition:opacity .24s,transform .38s cubic-bezier(.34,1.56,.64,1);transform:none}.NavMenu__submenu[data-open=true]>li:first-child{transition-delay:60ms}.NavMenu__submenu[data-open=true]>li:nth-child(2){transition-delay:.11s}.NavMenu__submenu[data-open=true]>li:nth-child(3){transition-delay:.16s}@media (prefers-reduced-motion:reduce){.NavMenu__submenu,.NavMenu__submenu[data-open=true],.NavMenu__submenu>li,.NavMenu__submenu[data-open=true]>li{filter:none;transition-duration:0s;transition-delay:0s;transform:none}}.NavMenu__subitem{padding:var(--spacing-3);border-radius:var(--radius-2xl);font-size:1.125rem;display:block}@keyframes nav-icon-roof-lift{0%{animation-timing-function:ease-out;transform:translateY(0)}35%{animation-timing-function:cubic-bezier(.3,1.6,.5,1);transform:translateY(-34.48px)}to{transform:translateY(0)}}@keyframes nav-icon-ring-tug{0%{animation-timing-function:ease-out;transform:scaleY(1)}30%,45%{animation-timing-function:cubic-bezier(.3,1.6,.5,1);transform:scaleY(1.3)}to{transform:scaleY(1)}}@keyframes nav-icon-frame-lift{0%,25%{animation-timing-function:ease-out;transform:translateY(0)}45%{animation-timing-function:cubic-bezier(.3,1.6,.5,1);transform:translateY(-1px)}to{transform:translateY(0)}}@keyframes nav-icon-squish{0%{animation-timing-function:ease-out;transform:scale(1)}30%{animation-timing-function:cubic-bezier(.3,1.6,.5,1);transform:scale(1.12,.8)}to{transform:scale(1)}}@keyframes nav-icon-clapper{0%,to{transform:translate(0)rotate(0)}15%{transform:translate(-16px)rotate(14deg)}35%{transform:translate(16px)rotate(-14deg)}55%{transform:translate(-10.67px)rotate(16deg)}75%{transform:translate(5.33px)rotate(-8deg)}}@keyframes nav-icon-handle-settle{0%,to{transform:rotate(0)}25%{transform:rotate(16deg)}50%{transform:rotate(-8deg)}72%{transform:rotate(3.5deg)}88%{transform:rotate(-1deg)}}@keyframes nav-icon-quarter-cw{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes nav-icon-quarter-ccw{0%{transform:rotate(0)}to{transform:rotate(-90deg)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.NavMenu__item .NavMenu__item-icon>:first-child{animation-duration:.6s;animation-timing-function:ease-in-out;animation-delay:.5s}.NavMenu__item--plans [class$=CalendarRingLeft],.NavMenu__item--plans [class$=CalendarRingRight]{transform-box:fill-box;transform-origin:bottom}.NavMenu__item--messages .NavMenu__item-icon>:first-child{transform-origin:13.4% 86.6%}.NavMenu__item--notifications [class$=BellClapper]{transform-box:fill-box;transform-origin:top}.NavMenu__item--search [class$=MagnifyingGlassHandle]{transform-box:fill-box;transform-origin:0 0}.NavMenu__item--home:hover [class$=HomeRoof]{animation:.6s .5s nav-icon-roof-lift}.NavMenu__item--plans:hover .NavMenu__item-icon>:first-child{animation-name:nav-icon-frame-lift;animation-duration:.65s}.NavMenu__item--plans:hover [class$=CalendarRingLeft]{animation:.65s .5s nav-icon-ring-tug}.NavMenu__item--plans:hover [class$=CalendarRingRight]{animation:.65s .56s nav-icon-ring-tug}.NavMenu__item--messages:hover .NavMenu__item-icon>:first-child{animation-name:nav-icon-squish;animation-duration:.55s}.NavMenu__item--notifications:hover [class$=BellClapper]{animation:.7s ease-in-out .5s nav-icon-clapper}.NavMenu__item--search:hover [class$=MagnifyingGlassHandle]{animation:.8s ease-in-out .5s nav-icon-handle-settle}.NavMenu__item--creator [class$=FourSquareTL],.NavMenu__item--creator [class$=FourSquareTR],.NavMenu__item--creator [class$=FourSquareBL],.NavMenu__item--creator [class$=FourSquareBR]{transform-box:fill-box;transform-origin:50%}.NavMenu__item--creator:hover [class$=FourSquareTL],.NavMenu__item--creator:hover [class$=FourSquareBR]{animation:.6s cubic-bezier(.34,1.56,.64,1) .5s nav-icon-quarter-cw}.NavMenu__item--creator:hover [class$=FourSquareTR],.NavMenu__item--creator:hover [class$=FourSquareBL]{animation:.6s cubic-bezier(.34,1.56,.64,1) .5s nav-icon-quarter-ccw}}
