.collection-sort-trigger{justify-content:center;align-items:center;gap:calc(6px * var(--ui-scale,1));min-height:calc(32px * var(--ui-scale,1));padding:0 calc(10px * var(--ui-scale,1));border:1px solid var(--border);border-radius:calc(8px * var(--ui-scale,1));background:var(--popover);color:var(--foreground);font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:calc(20px * var(--ui-scale,1));white-space:nowrap;cursor:pointer;display:inline-flex}.collection-sort-trigger svg{width:calc(14px * var(--ui-scale,1));height:calc(14px * var(--ui-scale,1));color:var(--muted-foreground);flex-shrink:0}.collection-sort-trigger>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.collection-sort-trigger__chevron{transition:transform .12s ease-out}.collection-sort-trigger[data-state=open] .collection-sort-trigger__chevron{transform:rotate(180deg)}.collection-sort-trigger,.collection-sort-head__button,.collection-sort-head__help{transition:background-color .12s ease-out,color .12s ease-out}.collection-sort-trigger:hover,.collection-sort-trigger[data-state=open],.collection-sort-head__button:hover,.collection-sort-head__help:hover{background:var(--secondary);color:var(--foreground)}.collection-sort-trigger:focus-visible,.collection-sort-head__button:focus-visible,.collection-sort-head__help:focus-visible{outline:calc(2px * var(--ui-scale,1)) solid var(--ring);outline-offset:calc(2px * var(--ui-scale,1))}.collection-sort-menu{min-width:calc(176px * var(--ui-scale,1))}.collection-sort-menu [data-slot=dropdown-menu-radio-item][data-state=checked]{background:var(--secondary);color:var(--foreground)}.collection-sort-menu [data-slot=dropdown-menu-radio-item][data-state=checked] svg{color:var(--foreground)}.collection-sort-menu [data-slot=dropdown-menu-radio-item][data-state=checked][data-highlighted]{box-shadow:inset 0 0 0 1px var(--border)}.collection-sort-head{text-align:right}.collection-sort-head__content{justify-content:flex-end;align-items:center;gap:calc(2px * var(--ui-scale,1));vertical-align:middle;display:inline-flex}.collection-sort-head__button{justify-content:flex-end;align-items:center;gap:calc(4px * var(--ui-scale,1));min-height:calc(32px * var(--ui-scale,1));padding:0 calc(4px * var(--ui-scale,1));border-radius:calc(5px * var(--ui-scale,1));color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;display:inline-flex}.collection-sort-head__direction{width:calc(14px * var(--ui-scale,1));height:calc(14px * var(--ui-scale,1));color:var(--muted-foreground);opacity:0;flex-shrink:0;transition:opacity .12s ease-out}.collection-sort-head__button[data-active=true]{color:var(--primary)}.collection-sort-head__button[data-active=true] .collection-sort-head__direction{color:currentColor}.collection-sort-head__content:has(.collection-sort-head__help) .collection-sort-head__button{padding-right:0}.collection-sort-head__button[data-active=true] .collection-sort-head__direction,.collection-sort-head__button:hover .collection-sort-head__direction,.collection-sort-head__button:focus-visible .collection-sort-head__direction{opacity:1}.collection-sort-head__help{width:calc(24px * var(--ui-scale,1));height:calc(32px * var(--ui-scale,1));padding:0 0 0 calc(6px * var(--ui-scale,1));border-radius:calc(5px * var(--ui-scale,1));color:var(--muted-foreground);cursor:help;background:0 0;border:0;justify-content:flex-start;align-items:center;display:inline-flex}.collection-sort-head__help svg{width:calc(13px * var(--ui-scale,1));height:calc(13px * var(--ui-scale,1))}@media (pointer:coarse){.collection-sort-trigger,.collection-sort-head__button,.collection-sort-head__help{min-width:calc(44px * var(--ui-scale,1));min-height:calc(44px * var(--ui-scale,1))}.collection-sort-head__direction{opacity:1}}@media (prefers-reduced-motion:reduce){.collection-sort-trigger,.collection-sort-trigger__chevron,.collection-sort-head__button,.collection-sort-head__direction,.collection-sort-head__help{transition:none}}.collection-sort-head[data-field=name]{text-align:left}.collection-sort-head[data-field=name] .collection-sort-head__content{justify-content:flex-start}