.oros-list-ux-tools{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:10px;
  align-items:end;
  padding:12px 14px;
  margin:0 0 10px;
  border:1px solid #eadfca;
  border-radius:14px;
  background:#fffdf8;
}
.oros-list-ux-tools label{display:grid;gap:5px;font-size:.76rem;font-weight:750;color:#5e5548}
.oros-list-ux-tools input,.oros-list-ux-tools select{
  width:100%;min-height:40px;border:1px solid #dccba9;border-radius:9px;background:#fff;padding:8px 10px;color:inherit
}
.oros-list-ux-tools input:focus,.oros-list-ux-tools select:focus{
  outline:2px solid #d9bd7c;outline-offset:1px;border-color:#b58a3e
}
.oros-list-ux-count{align-self:center;justify-self:end;color:#756d62;font-weight:700}
.oros-list-ux-surface{scrollbar-gutter:stable}
.oros-list-ux-surface.oros-list-ux-limited{
  max-height:var(--oros-list-ux-max-height,520px);
  overflow:auto!important;
  overflow-x:auto!important;
  overflow-y:scroll!important;
  overscroll-behavior:contain;
}
.oros-list-ux-surface.oros-list-ux-limited table thead th{
  position:sticky;top:0;z-index:2;background:#fffcf6;box-shadow:0 1px 0 #eadfca
}
.oros-list-ux-surface.oros-list-ux-limited::-webkit-scrollbar{width:10px;height:10px}
.oros-list-ux-surface.oros-list-ux-limited::-webkit-scrollbar-thumb{background:#d7c39c;border-radius:999px;border:2px solid #fff}
.oros-list-ux-surface.oros-list-ux-limited::-webkit-scrollbar-track{background:#fff8e9}
@media(max-width:720px){
  .oros-list-ux-tools{grid-template-columns:1fr;padding:10px}
  .oros-list-ux-count{justify-self:start}
  .oros-list-ux-surface.oros-list-ux-limited{max-height:min(var(--oros-list-ux-max-height,520px),68vh)}
}