/* ========================================================================
   Component: Tokens List
 ========================================================================== */
/*
 * List item
 */
.uk-tokens-list-item {
  box-sizing: border-box;
  column-gap: var(--global-small-gutter);
  cursor: pointer;
  padding: var(--global-small-gutter) 0;
}

.uk-tokens-list-item.uk-disabled {
  cursor: default;
  pointer-events: none;
  user-select: none;
}

.uk-tokens-list-item.uk-disabled > * {
  opacity: 0.32;
}

/* Currency with tip3 token combobox wrapper */
.uk-currency-with-tip3-combobox-items {
  margin-left: 36px;
}

.uk-currency-with-tip3-combobox-items .uk-tokens-list-item {
  border-top: var(--global-border-width) var(--global-border-style) var(--global-border);
}

.uk-currency-with-tip3-item {
  box-sizing: border-box;
  column-gap: var(--global-small-gutter);
  cursor: pointer;
  padding: var(--global-small-gutter) 0;
}

/* Currency with tip3 item */
.uk-currency-with-tip3-item .uk-currency-with-tip3-item-icons {
  flex-shrink: 0;
  height: 36px;
}

.uk-currency-with-tip3-item .uk-currency-with-tip3-item-icons .uk-token-icon {
  display: block;
}

.uk-currency-with-tip3-item .uk-currency-with-tip3-item-icons .uk-token-icon + .uk-token-icon {
  margin-left: 8px;
  margin-top: -8px;
}

.uk-currency-with-tip3-item.uk-disabled {
  cursor: default;
  pointer-events: none;
  user-select: none;
}

.uk-currency-with-tip3-item.uk-disabled > * {
  opacity: 0.32;
}

.uk-tokens-list-item-wrapper + .uk-tokens-list-item-wrapper {
  border-top: var(--global-border-width) var(--global-border-style) var(--global-border);
}