.overflow-morph{isolation:isolate;--collapsed-menu:inset(0 0 calc(100% - 44px) calc(100% - 44px) round 22px);background:0 0;border:0;border-radius:22px;min-width:220px;padding:8px;position:relative;overflow:visible}.overflow-morph:before{content:"";box-sizing:border-box;z-index:-1;background:var(--color-surface);border:1px solid var(--color-line);border-radius:22px;width:100%;height:100%;position:absolute;top:0;right:0;box-shadow:0 4px 16px #0000000d}.overflow-morph-dots{opacity:0;pointer-events:none;place-items:center;width:44px;height:44px;font-size:24px;line-height:1;display:grid;position:absolute;top:0;right:0}.overflow-morph-items{position:relative}.overflow-morph-trigger[data-state=open]{opacity:0}.overflow-morph[data-side=top]{--collapsed-menu:inset(calc(100% - 44px) 0 0 calc(100% - 44px) round 22px)}.overflow-morph[data-side=top]:before,.overflow-morph[data-side=top] .overflow-morph-dots{top:auto;bottom:0}@media (prefers-reduced-motion:no-preference){.overflow-morph[data-state=open]{animation:.32s overflow-lifetime}.overflow-morph[data-state=closed]{pointer-events:none;animation:.24s overflow-lifetime-out}.overflow-morph[data-state=open]:before{animation:.32s cubic-bezier(.22,1,.36,1) both overflow-surface}.overflow-morph[data-state=closed]:before{animation:.24s cubic-bezier(.4,0,.2,1) both overflow-surface-out}.overflow-morph[data-state=open] .overflow-morph-items{animation:.32s cubic-bezier(.22,1,.36,1) both overflow-labels}.overflow-morph[data-state=closed] .overflow-morph-items{animation:.24s both overflow-labels-out}.overflow-morph[data-state=open] .overflow-morph-dots{animation:.32s both overflow-dots}.overflow-morph[data-state=closed] .overflow-morph-dots{animation:.24s both overflow-dots-out}.overflow-morph-trigger[data-has-opened][data-state=closed]{animation:.24s overflow-trigger-return}}@keyframes overflow-lifetime{0%{opacity:1}to{opacity:1}}@keyframes overflow-surface{0%{background:color-mix(in srgb, var(--color-surface), transparent 55%);border-color:color-mix(in srgb, var(--color-line), transparent 40%);width:44px;height:44px;box-shadow:inset 0 1px #ffffff80,0 4px 16px #0000000d}to{background:var(--color-surface);border-color:var(--color-line);width:100%;height:100%;box-shadow:inset 0 1px #fff0,0 4px 16px #0000000d}}@keyframes overflow-labels{0%,20%{clip-path:var(--collapsed-menu);opacity:0}to{clip-path:inset(0 round 22px);opacity:1}}@keyframes overflow-dots{0%,15%{opacity:1}45%,to{opacity:0}}@keyframes overflow-trigger-return{0%,99%{opacity:0}to{opacity:1}}:is([data-slot=dropdown-menu-content],[data-slot=dropdown-menu-sub-content])[data-input=pointer] [role^=menuitem]:focus-visible{outline:none}@keyframes overflow-lifetime-out{0%{opacity:1}to{opacity:1}}@keyframes overflow-surface-out{0%{background:var(--color-surface);border-color:var(--color-line);width:100%;height:100%;box-shadow:inset 0 1px #fff0,0 4px 16px #0000000d}to{background:color-mix(in srgb, var(--color-surface), transparent 55%);border-color:color-mix(in srgb, var(--color-line), transparent 40%);width:44px;height:44px;box-shadow:inset 0 1px #ffffff80,0 4px 16px #0000000d}}@keyframes overflow-labels-out{0%{clip-path:inset(0 round 22px);opacity:1}80%,to{clip-path:var(--collapsed-menu);opacity:0}}@keyframes overflow-dots-out{0%,55%{opacity:0}85%,to{opacity:1}}.overflow-morph:before{-webkit-backdrop-filter:blur(24px)saturate(1.5);backdrop-filter:blur(24px)saturate(1.5)}.overflow-morph-dots svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.title-menu{isolation:isolate;--title-w:var(--radix-dropdown-menu-trigger-width);--title-h:var(--radix-dropdown-menu-trigger-height);--collapsed-menu:inset(0 calc(50% - var(--title-w) / 2) calc(100% - var(--title-h)) calc(50% - var(--title-w) / 2) round 22px);background:0 0;border:0;border-radius:22px;min-width:220px;padding:8px;position:relative;overflow:visible}.title-menu:before{content:"";box-sizing:border-box;z-index:-1;background:var(--color-surface);border:1px solid var(--color-line);-webkit-backdrop-filter:blur(24px)saturate(1.5);backdrop-filter:blur(24px)saturate(1.5);border-radius:22px;width:100%;height:100%;position:absolute;top:0;left:50%;translate:-50%;box-shadow:0 4px 16px #0000000d}.title-menu-items{position:relative}.title-menu[data-side=top]{--collapsed-menu:inset(calc(100% - var(--title-h)) calc(50% - var(--title-w) / 2) 0 calc(50% - var(--title-w) / 2) round 22px)}.title-menu[data-side=top]:before{top:auto;bottom:0}@media (prefers-reduced-motion:no-preference){.title-menu[data-state=open]{animation:.32s overflow-lifetime}.title-menu[data-state=closed]{pointer-events:none;animation:.24s overflow-lifetime-out}.title-menu[data-state=open]:before{animation:.32s cubic-bezier(.22,1,.36,1) both title-menu-surface}.title-menu[data-state=closed]:before{animation:.24s cubic-bezier(.4,0,.2,1) both title-menu-surface-out}.title-menu[data-state=open] .title-menu-items{animation:.32s cubic-bezier(.22,1,.36,1) both overflow-labels}.title-menu[data-state=closed] .title-menu-items{animation:.24s both overflow-labels-out}}@keyframes title-menu-surface{0%{width:var(--title-w);height:var(--title-h);background:color-mix(in srgb, var(--color-surface), transparent 55%);border-color:color-mix(in srgb, var(--color-line), transparent 40%)}to{background:var(--color-surface);border-color:var(--color-line);width:100%;height:100%}}@keyframes title-menu-surface-out{0%{background:var(--color-surface);border-color:var(--color-line);width:100%;height:100%}to{width:var(--title-w);height:var(--title-h);background:color-mix(in srgb, var(--color-surface), transparent 55%);border-color:color-mix(in srgb, var(--color-line), transparent 40%)}}