@import (reference) "./mixins/_logical-properties.less";

/* DEPRECATED: use <Flag /> component instead */
.currency-flag {
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.6);

  .np-theme-personal & {
    box-shadow: inset 0 0 0 1px var(--color-border-neutral);
    border-radius: 50%;
  }

  .btn &,
  .dropdown-menu li & {
    vertical-align: -3px;
    line-height: 16px;
  }

  .btn-sm &,
  .form-group-sm .btn &,
  .input-group-sm .btn & {
    vertical-align: -4px;
  }

  .btn-lg &,
  .form-group-lg .btn &,
  .input-group-lg .btn & {
    vertical-align: -1px;
  }
}

li,
li > a {
  > .currency-flag:first-child {
    .margin(right, var(--size-8));
  }
}

.btn {
  .currency-flag:first-child {
    .margin(right, var(--size-8));
  }
}
