.wrapper {
  position: relative;
  margin: 5px;
  border-radius: 8px;
  padding: 2px;
  height: 100%;
}

.edgeBar {
  position: absolute;
  left: 0px;
  right: 0px;
  height: 2px;
  pointer-events: none;
  z-index: 0;
}

.edgeBarTop {
  top: 0px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.edgeBarBottom {
  bottom: 0px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}


.paper {
  height: 100%;
  position: relative;
  max-width: 100%;
  background: var(--player-card-box-bg);
  box-shadow: var(--player-card-box-shadow);
}

.clipInner {
  position: relative;
  overflow: hidden;
  border-radius: var(--mantine-radius-md);
  height: 100%;
}

.content {
  position: relative;
  z-index: 1;
}

.factionClip {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  border-radius: var(--mantine-radius-md);
  pointer-events: none;
  z-index: 0;
}

.factionBackground {
  position: absolute;
  bottom: -60px;
  right: -40px;
  opacity: 0.05;
  height: 250px;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

:global(.theme-vaporwavetheme) .innerGlow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(255, 0, 170, 0.08) 0%, transparent 60%), radial-gradient(ellipse at 70% 30%, rgba(0, 240, 255, 0.06) 0%, transparent 50%);
}
