/**
 * BeaMii components/chips
 * Flyttet 1:1 fra app-shell-parity.css for at afkoble parity-laget.
 */

.chips,
.topbar .chips{
  width:100% !important;
  max-width:var(--places-max, 1280px) !important;
  margin:0 auto !important;
  padding:0 0 4px !important;
  pointer-events:auto !important;
  overflow-x:auto !important;
  overflow-y:visible !important;
  scrollbar-width:none !important;
  -webkit-overflow-scrolling:touch !important;
  box-sizing:border-box !important;
}

.chips::-webkit-scrollbar{
  display:none !important;
}

.chips-track{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  width:max-content !important;
  min-width:100% !important;
  padding:0 2px !important;
}

.chip,
.chips .chip{
  min-height:var(--beamii-shell-chip-row-h) !important;
  padding:0 15px !important;
  border-radius:999px !important;
  white-space:nowrap !important;
  font-size:13px !important;
  box-shadow:none !important;
}

.chip i,
.chips .chip i{
  font-size:13px !important;
}

@media (max-width:760px){
  .chips,
  .topbar .chips{
    max-width:none !important;
    margin:0 !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }
}