.cb-menu-shell{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--foreground);overflow:hidden}
.cb-menu-shell:not([open]){display:none}
.cb-menu-shell::backdrop{background:rgb(0 0 0 / .5)}
.cb-menu-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:calc(100% - 2rem);display:grid;gap:1rem;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);outline:none}
.cb-menu-title{position:relative;z-index:1;margin:0;letter-spacing:-.035em;line-height:1.1}
.cb-menu-shell[open] .cb-menu-card{animation:cb-menu-in .2s ease-out}
.cb-menu-shell[open]::backdrop{animation:cb-backdrop-in .2s ease-out}
.cb-menu-shell[data-closing] .cb-menu-card{animation:cb-menu-out .2s ease-in both}
.cb-menu-shell[data-closing]::backdrop{animation:cb-backdrop-out .2s ease-in both}
@media(min-width:640px){.cb-menu-card{max-width:32rem}}
@keyframes cb-menu-in{from{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes cb-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes cb-menu-out{from{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.95)}}
@keyframes cb-backdrop-out{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){.cb-menu-shell[open] .cb-menu-card,.cb-menu-shell[open]::backdrop{animation:none}}