/* Consistent outline icons with inherited UI colors. */
.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;margin-right:4px;flex-shrink:0}
.so-cards>div>span>.ui-icon{width:34px;height:34px;margin:0;vertical-align:middle}.nav-icon>.ui-icon{width:16px;height:16px;margin:0}.page-heading>span>.ui-icon{width:14px;height:14px}
/* Use geometry instead of font glyph baselines for all dropdown indicators. */
.ui-dropdown-arrow{display:inline-block;width:12px;height:12px;vertical-align:middle;margin-left:5px;position:relative;pointer-events:none;flex:none}
.ui-dropdown-arrow::after,.filter-pair .sf-trigger .sf-arrow::after{content:"";position:absolute;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;left:50%;top:50%;transform:translate(-50%,-70%) rotate(45deg)}
.filter-pair .sf-trigger .sf-arrow{position:relative;display:block;width:14px;height:14px;font-size:0;line-height:0;flex:none;align-self:center}
.nav-trigger{display:inline-flex;align-items:center;justify-content:center}
.topnav .nav-trigger>.ui-icon,.topnav .nav-menu button>.ui-icon{width:16px;height:16px;margin-right:8px;flex:0 0 16px}
.topnav .nav-menu button{display:flex;align-items:center;min-height:34px}
.table-tools button[data-ui-icon]{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.table-tools button>.ui-icon,.shipment-tool-menu button>.ui-icon{width:15px;height:15px;flex:0 0 15px;margin-right:0}
.shipment-tool-menu button[data-ui-icon]{display:flex;align-items:center;gap:8px}
select:not([multiple]):not([size]){background-position:right 7px center!important}