.c-app-pick{min-width:0;transition:background-color var(--dur-quick) var(--ease-out);border-radius:999px;align-items:stretch;display:inline-flex}.c-app-pick:hover{background:var(--color-surface)}.c-app-pick:has(.c-app-pick__switch.open){background:var(--color-surface)}.c-app-pick>button{cursor:pointer;transition:background-color var(--dur-quick) var(--ease-out);background:0 0;border:0;align-items:center;display:inline-flex}.c-app-pick>button:hover,.c-app-pick>.c-app-pick__switch.open{background:var(--color-surface-hover)}.c-app-pick__home{height:var(--crumb-h,36px);min-width:0;font:500 var(--text-body,14px) var(--font-label);color:var(--color-text-primary);white-space:nowrap;border-radius:999px 0 0 999px;gap:8px;padding:0 8px 0 6px}.c-app-pick__name{text-overflow:ellipsis;min-width:0;overflow:hidden}.c-app-pick__home{min-width:calc(6px + var(--av,24px) + 8px)}.c-app-pick__home>.av{flex:none}.c-app-pick__switch{width:max(30px, calc(var(--hit,0px) - 8px));height:var(--crumb-h,36px);color:var(--color-text-secondary);border-radius:0 999px 999px 0;flex:none;justify-content:center;padding:0 4px 0 0}.c-app-pick>.c-app-pick__switch:hover,.c-app-pick>.c-app-pick__switch.open{color:var(--color-text-primary)}.c-app-pick__switch .hi{width:var(--icon,16px);height:var(--icon,16px)}@media (max-width:599px){.c-app-pick>button{position:relative}.c-app-pick>button:before{content:"";inset:min(0px, calc((100% - var(--hit,0px)) / 2));position:absolute}}.c-app-pick[data-variant=head]>.c-app-pick__home>.av{--av:var(--tile-sm,24px);font-size:var(--tile-sm-fs,12px)}.c-app-pick__home[data-roll] .av,.c-app-pick__home[data-roll] .c-app-pick__name{animation:.32s cubic-bezier(.16,1,.3,1) both pm-roll-in}.c-app-pick__home[data-roll] .c-app-pick__name{animation-delay:40ms}@keyframes pm-roll-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.c-app-pick__home[data-roll] .av,.c-app-pick__home[data-roll] .c-app-pick__name{animation:none}}.c-app-pick[data-variant=rail]{background:0 0;border-radius:12px;flex-direction:row;width:40px;height:40px;position:relative;overflow:visible}.c-app-pick[data-variant=rail]:after{content:"";width:34px;height:40px;position:absolute;top:0;left:100%}.c-app-pick[data-variant=rail]:hover,.c-app-pick[data-variant=rail]:focus-within{background:0 0}.c-app-pick[data-variant=rail]:has(.c-app-pick__switch.open){background:0 0}.c-app-pick[data-variant=rail]>.c-app-pick__home{border-radius:0;justify-content:center;width:40px;height:40px;padding:0}.c-app-pick[data-variant=rail]:focus-within>.c-app-pick__home{background:var(--color-surface);border-radius:12px 0 0 12px}.c-app-pick[data-variant=rail]:has(.c-app-pick__switch.open)>.c-app-pick__home{background:var(--color-surface);border-radius:12px 0 0 12px}.c-app-pick[data-variant=rail]:hover>.c-app-pick__home{background:var(--color-surface-hover);border-radius:12px 0 0 12px}.c-app-pick[data-variant=rail]>.c-app-pick__switch{z-index:1;background:var(--color-surface-hover);opacity:0;pointer-events:none;width:30px;height:40px;transition:opacity var(--dur-quick) var(--ease-out), transform .26s cubic-bezier(.16, 1, .3, 1), background-color var(--dur-quick) var(--ease-out);border-radius:0 12px 12px 0;padding:0 2px 0 0;position:absolute;top:0;left:100%;transform:translate(-10px)}.c-app-pick[data-variant=rail]:hover>.c-app-pick__switch,.c-app-pick[data-variant=rail]:focus-within>.c-app-pick__switch,.c-app-pick[data-variant=rail]>.c-app-pick__switch.open{opacity:1;pointer-events:auto;transform:none}@media (prefers-reduced-motion:reduce){.c-app-pick[data-variant=rail]>.c-app-pick__switch{transition:none;transform:none}}
