.m_18a11a80 {
  width: calc(2.125rem * var(--mantine-scale));
  height: calc(2.125rem * var(--mantine-scale));
  border-radius: var(--mantine-radius-md);
  border: calc(0.0625rem * var(--mantine-scale)) solid;
  display: flex;
  align-items: center;
  justify-content: center;
}

  [data-mantine-color-scheme='light'] .m_18a11a80 {
    border-color: var(--mantine-color-gray-3);
    color: var(--mantine-color-gray-7);
    background-color: var(--mantine-color-white);
}

  @media (hover: hover) {

  [data-mantine-color-scheme='light'] .m_18a11a80:hover {
      background-color: var(--mantine-color-gray-0);
  }
}

  @media (hover: none) {

  [data-mantine-color-scheme='light'] .m_18a11a80:active {
      background-color: var(--mantine-color-gray-0);
  }
}

  [data-mantine-color-scheme='dark'] .m_18a11a80 {
    border-color: var(--mantine-color-dark-4);
    color: var(--mantine-color-white);
    background-color: var(--mantine-color-dark-6);
}

  @media (hover: hover) {

  [data-mantine-color-scheme='dark'] .m_18a11a80:hover {
      background-color: var(--mantine-color-dark-5);
  }
}

  @media (hover: none) {

  [data-mantine-color-scheme='dark'] .m_18a11a80:active {
      background-color: var(--mantine-color-dark-5);
  }
}

.m_83c3d5d1 {
  width: calc(1.375rem * var(--mantine-scale));
  height: calc(1.375rem * var(--mantine-scale));
}

[data-mantine-color-scheme='dark'] .m_83c188ce {
    display: none;
}

[data-mantine-color-scheme='light'] .m_83c188ce {
    display: block;
}

[data-mantine-color-scheme='light'] .m_f4e3c6be {
    display: none;
}

[data-mantine-color-scheme='dark'] .m_f4e3c6be {
    display: block;
}

.m_19df8210 {
  --discord-color: #5865f2;
  --discord-color-hover: #4f5bd5;
}

  [data-mantine-color-scheme] .m_19df8210 {
    background-color: var(--discord-color);
    border-color: var(--discord-color);
    color: var(--mantine-color-white);
  }

  @media (hover: hover) {

  [data-mantine-color-scheme] .m_19df8210:hover {
      background-color: var(--discord-color-hover);
      border-color: var(--discord-color-hover);
  }
}

  @media (hover: none) {

  [data-mantine-color-scheme] .m_19df8210:active {
      background-color: var(--discord-color-hover);
      border-color: var(--discord-color-hover);
  }
}

.m_6e98493a {
  height: calc(2.125rem * var(--mantine-scale));
  padding-left: var(--mantine-spacing-sm);
  padding-right: calc(0.25rem * var(--mantine-scale));
  border-radius: var(--mantine-radius-md);
  color: var(--mantine-color-placeholder);
  border: calc(0.0625rem * var(--mantine-scale)) solid;
}

  [data-mantine-color-scheme='light'] .m_6e98493a {
    border-color: var(--mantine-color-gray-3);
    background-color: var(--mantine-color-white);
}

  [data-mantine-color-scheme='dark'] .m_6e98493a {
    border-color: var(--mantine-color-dark-4);
    background-color: var(--mantine-color-dark-6);
}

  [dir="rtl"] .m_6e98493a {
    padding-left: calc(0.25rem * var(--mantine-scale));
    padding-right: var(--mantine-spacing-sm);
}

.m_602cb89e {
  font-size: calc(0.6875rem * var(--mantine-scale));
  line-height: 1;
  padding: calc(0.25rem * var(--mantine-scale)) calc(0.4375rem * var(--mantine-scale));
  border-radius: var(--mantine-radius-sm);
  border: calc(0.0625rem * var(--mantine-scale)) solid;
  font-weight: bold;
}

[data-mantine-color-scheme='light'] .m_602cb89e {
    color: var(--mantine-color-gray-7);
    border-color: var(--mantine-color-gray-2);
    background-color: var(--mantine-color-gray-0);
}

[data-mantine-color-scheme='dark'] .m_602cb89e {
    color: var(--mantine-color-dark-0);
    border-color: var(--mantine-color-dark-7);
    background-color: var(--mantine-color-dark-7);
}

[data-mantine-color-scheme='light'] .m_949387b0 {
    color: var(--mantine-color-red-8);
}
  [data-mantine-color-scheme='dark'] .m_949387b0 {
    color: var(--mantine-color-white);
    background-color: var(--mantine-color-red-9);
    border-color: var(--mantine-color-red-9);
}
  @media (hover: hover) {
    [data-mantine-color-scheme='dark'] .m_949387b0:hover {
      background-color: var(--mantine-color-red-8);
      border-color: var(--mantine-color-red-8);
    }
}
  @media (hover: none) {
    [data-mantine-color-scheme='dark'] .m_949387b0:active {
      background-color: var(--mantine-color-red-8);
      border-color: var(--mantine-color-red-8);
    }
}