/* Compact controls shared by the directory and every project home. */
.view-switch.view-switch--icons{width:fit-content;max-width:100%;flex:0 0 auto;gap:4px;align-items:center}
.view-switch.view-switch--icons .view-icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;line-height:1}
.view-icon-button svg{display:block;width:22px;height:22px;flex:none;pointer-events:none}
.view-switch--icons .view-icon-button[aria-pressed=true]{box-shadow:inset 0 0 0 2px currentColor,0 1px 3px #173b2c22}
@media(forced-colors:active){.view-switch--icons .view-icon-button[aria-pressed=true]{outline:2px solid Highlight;outline-offset:-4px}}
.browser-controls .view-row:has(.view-switch--icons) .sort-field{min-width:180px}
.view-row:has(.view-switch--icons) .sort-field>span{white-space:nowrap}
.view-row:has(.view-switch--icons) .sort-field select{min-width:0}