.btn {
  padding: 0.5rem 1.5rem;
  align-items: center;
  border-radius: var(--radius-button);
  border: none;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  color: inherit;
}
.btn--primary {
  background: var(--primary-gradient);
  color: #fcfcfc !important;
}
.btn--secondary {
  padding: 0.375rem 1.5rem;
  border: 2px solid rgb(var(--primary-text-color));
  background: transparent;
  color: rgb(var(--primary-text-color)) !important;
}
.btn--transparent {
  border: 2px solid transparent !important;
  background: transparent !important;
  color: rgb(var(--primary-text-color)) !important;
}
.btn--blue-gradient {
  background: var(--blue-gradient);
}
.btn--orange-gradient {
  background: var(--orange-gradient);
}
.btn--primary.btn--inner {
  outline: none !important;
  border: 2px solid var(--accent-color) !important;
}
.btn--primary.btn--black {
  outline: 2px solid rgb(var(--primary-text-color)) !important;
}

.tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.tabs__tab {
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 26px;
  border: 2px dotted rgba(var(--primary-text-color), 0.5);
  cursor: pointer;
  color: inherit;
}
.tabs__tab--active {
  background: var(--primary-gradient);
  border-color: transparent !important;
}
.tabs__tab--active span {
  color: #fff !important;
}

.profile__header {
  margin-bottom: 1rem;
}
.profile__player-points {
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
  background: #fff;
  box-shadow: var(--shadow-normal);
  border-radius: var(--radius-normal);
  margin-bottom: 1rem;
}

/*# sourceMappingURL=main.css.map */