:root{--cnav-plus-compressed:46px;--cnav-pill-compressed-w:236px}.cnav{width:calc(100% - var(--space-16));justify-content:center;align-items:stretch;gap:var(--space-8);pointer-events:none;margin:0 auto;left:0;right:0}.cnav>*{pointer-events:auto}.cnav>.pbn,.cnav>.dbn{width:auto;min-width:0;padding:6px var(--space-8);height:var(--cnav-plus-size,var(--space-56));max-width:min(400px, calc(100% - var(--space-8) - var(--space-56)));flex:1 1 0;transition:max-width .4s cubic-bezier(.33,0,.15,1),padding .4s cubic-bezier(.33,0,.15,1),height .4s cubic-bezier(.33,0,.15,1);position:relative;left:auto;transform:none}.cnav>.pbn--compressed,.cnav>.dbn--compressed{max-width:var(--cnav-pill-compressed-w)}.cnav--compressed{--cnav-plus-size:var(--cnav-plus-compressed)}.cnav .pbn-seg,.cnav .dbn-seg{padding-top:3px;padding-bottom:3px}.cnav .pbn-ico,.cnav .dbn-ico{margin-bottom:0}.cnav .pbn-label,.cnav .dbn-label{font-size:8px;line-height:10px}.cnav-plus{--cnav-plus-size:var(--space-56);width:var(--cnav-plus-size);border-radius:var(--radius-full);background:var(--surface-create-glass);border:.5px solid var(--surface-create-glass-border);box-shadow:var(--surface-glass-shadow);color:var(--text-create);cursor:pointer;flex:none;justify-content:center;align-self:stretch;align-items:center;padding:0;transition:width .4s cubic-bezier(.33,0,.15,1),background .25s;display:flex}.cnav--compressed .cnav-plus{--cnav-plus-size:var(--cnav-plus-compressed)}.cnav-plus:hover,.cnav-account:hover{background:color-mix(in srgb, var(--brand-yellow) 10%, var(--surface-create-glass))}.cnav-plus:focus-visible,.cnav-account:focus-visible{outline:2px solid var(--surface-create-glass-border);outline-offset:2px}.cnav-plus-ico{line-height:0;transition:transform .28s cubic-bezier(.33,0,.15,1);display:flex}.cnav-plus[aria-expanded=true] .cnav-plus-ico{transform:rotate(45deg)}.cnav-menu{width:280px;padding:var(--cnav-pad,10px);border-radius:20px}.cnav-menu[role=menu]{background:color-mix(in srgb, var(--surface-glass) 70%, var(--background-base))}.cnav-scroll{scrollbar-width:none}.cnav-scroll::-webkit-scrollbar{display:none}.cnav-group{gap:var(--cnav-row-gap,2px);flex-direction:column;display:flex}.cnav-group+.cnav-group{margin-top:4px}.cnav-group-label{padding:2px var(--cnav-inset,14px);font-size:var(--font-size-2xs);line-height:var(--line-height-2xs);margin:0}.cnav-row{min-height:38px;padding:0 var(--cnav-inset,14px);border-radius:var(--radius-full);gap:12px;font-size:15px;line-height:20px}@media (hover:none){.cnav-menu .cnav-row:hover{background:0 0}}.cnav-menu .cnav-row:active{background:color-mix(in srgb, currentColor 14%, transparent)}.cnav-menu .cnav-row:focus-visible{background:color-mix(in srgb, currentColor 14%, transparent);outline:none}.cnav-menu[data-pointer-open=true] .cnav-row:focus-visible:not(:hover){background:0 0}.cnav-grow{transform-origin:100% 100%;transition:opacity .28s cubic-bezier(.33,0,.15,1),transform .28s cubic-bezier(.33,0,.15,1)}.cnav-grow[data-open=false]{opacity:0;pointer-events:none;transform:translateY(10px)scale(.96)}.cnav-grow[data-open=true]{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.cnav-pill-menu,.cnav-plus-menu{--cnav-tail:var(--space-64);--cnav-pill-w:min(400px, calc(100% - var(--space-16) - var(--cnav-tail)));--cnav-side:calc((100% - var(--cnav-pill-w) - var(--cnav-tail)) / 2);margin:0}.cnav-pill-menu{left:var(--cnav-side);width:var(--cnav-pill-w);right:auto}.cnav-plus-menu{--cnav-nav-h:var(--space-56);--cnav-menu-bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-16) + var(--cnav-nav-h) + var(--space-16));left:auto;right:var(--cnav-side);bottom:var(--cnav-menu-bottom);max-height:calc(100svh - var(--cnav-menu-bottom) - var(--nav-total) - var(--pro-banner-h,0px) - var(--space-8));transform-origin:100% 100%}.cnav-plus-menu[data-compressed=true]{--cnav-nav-h:var(--cnav-plus-compressed);--cnav-tail:calc(var(--space-8) + var(--cnav-plus-compressed));--cnav-pill-w:min(var(--cnav-pill-compressed-w), calc(100% - var(--space-16) - var(--cnav-tail)))}.cnav-menu.cnav-plus-menu{transition:opacity .28s cubic-bezier(.33,0,.15,1),transform .28s cubic-bezier(.33,0,.15,1),right .4s cubic-bezier(.33,0,.15,1),bottom .4s cubic-bezier(.33,0,.15,1)}.cnav-plus--solo{--cnav-solo-inset:var(--space-16);right:var(--cnav-solo-inset);bottom:calc(max(env(safe-area-inset-bottom,0px), var(--cnav-solo-lift,0px)) + var(--cnav-solo-inset));width:var(--space-56);height:var(--space-56);transition:bottom .4s cubic-bezier(.33,0,.15,1),background .25s}.cnav-solo-menu{--cnav-solo-inset:var(--space-16);--cnav-menu-bottom:calc(max(env(safe-area-inset-bottom,0px), var(--cnav-solo-lift,0px)) + var(--cnav-solo-inset) + var(--space-56) + var(--space-16));right:var(--cnav-solo-inset);bottom:var(--cnav-menu-bottom);max-height:calc(100svh - var(--cnav-menu-bottom) - var(--nav-total) - var(--pro-banner-h,0px) - var(--space-8))}@media (min-width:810px){.cnav-plus--solo,.cnav-solo-menu{--cnav-solo-inset:var(--space-24)}}.cnav-plus--desktop{right:var(--space-24);bottom:var(--space-24);width:var(--space-56);height:var(--space-56);display:none}@media (min-width:810px){.cnav-plus--desktop[data-desktop=md]{display:flex}.cnav-plus-menu[data-desktop=md]{--cnav-menu-bottom:92px;right:var(--space-24)}.cnav-menu[data-desktop=md],.cnav-solo-menu{--cnav-pad:var(--space-8);--cnav-row-gap:0px;--cnav-inset:var(--space-16)}.cnav-menu[data-desktop=md] .cnav-row,.cnav-solo-menu .cnav-row{min-height:44px}}@media (min-width:1200px){.cnav-plus--desktop[data-desktop=lg]{display:flex}.cnav-plus-menu[data-desktop=lg]{--cnav-menu-bottom:92px;right:var(--space-24)}.cnav-menu[data-desktop=lg]{--cnav-pad:var(--space-8);--cnav-row-gap:0px;--cnav-inset:var(--space-16)}.cnav-menu[data-desktop=lg] .cnav-row{min-height:44px}}.cnav-panel{background:var(--surface-glass);border:.5px solid var(--surface-glass-border);color:var(--text-strong)}.cnav-panel-row{color:inherit}.cnav-panel-row:hover{background:var(--fill-hover)}.cnav-row{font-size:15px;line-height:20px}.cnav-account{width:100%;height:34px;padding:0 var(--space-16);border-radius:var(--radius-full);background:color-mix(in srgb, var(--surface-create-glass) 70%, transparent);border:.5px solid var(--surface-create-glass-border);color:var(--text-create);flex:none;justify-content:center;align-items:center;margin-top:12px;transition:background .25s;display:flex;position:relative}.cnav-account:before{content:"";position:absolute;inset:-5px 0}@media (prefers-reduced-motion:reduce){.cnav-plus,.cnav-plus-ico,.cnav-account,.cnav-grow,.cnav-menu.cnav-plus-menu{transition:none}}