/* ========================================================================
   Component: Icons Set
 ========================================================================== */
.uk-icons-set {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  width: max-content;
}

.uk-icons-set > .uk-icons-set-item {
  display: flex;
  flex: 1;
}

.uk-icons-set .uk-icons-set-more {
  align-items: center;
  background-color: var(--global-muted-background);
  border-radius: 100px;
  cursor: pointer;
  display: flex;
  flex: 1;
  justify-content: center;
  min-height: 20px;
  min-width: 20px;
}

.uk-icons-set.uk-icons-set-stack {
  align-items: flex-start;
  flex-direction: column;
  row-gap: var(--global-xsmall-gutter);
}

.uk-icons-set-overlay {
  max-height: 200px;
  overflow: hidden auto;
  -webkit-overflow-scrolling: touch;
  transform: translate3d(0, 0, 0);
}

body:not([dir]) .uk-icons-set:not(.uk-icons-set-rtl, .uk-icons-set-stack) > .uk-icons-set-item:nth-child(n+2),
[dir=ltr] .uk-icons-set:not(.uk-icons-set-rtl, .uk-icons-set-stack) > .uk-icons-set-item:nth-child(n+2),
body:not([dir]) .uk-icons-set:not(.uk-icons-set-rtl, .uk-icons-set-stack) .uk-icons-set-more,
[dir=ltr] .uk-icons-set:not(.uk-icons-set-rtl, .uk-icons-set-stack) .uk-icons-set-more {
  margin-left: -0.667rem;
}

[dir=rtl] .uk-icons-set:not(.uk-icons-set-stack) > .uk-icons-set-item:nth-child(n+2),
.uk-icons-set.uk-icons-set-rtl:not(.uk-icons-set-stack) > .uk-icons-set-item:nth-child(n+2),
[dir=rtl] .uk-icons-set:not(.uk-icons-set-stack) .uk-icons-set-more,
.uk-icons-set.uk-icons-set-rtl:not(.uk-icons-set-stack) .uk-icons-set-more {
  margin-right: -0.667rem;
}