.designer-music-track-card{
	border:  1px solid gainsboro;
}

.designer-music-track-title{
	border:  1px solid gainsboro;
	width: 100%;
}

.designer-music-track-list{
	display: flex;
	justify-content: center;
}

.designer-music-track-cover-section{
	width: 260px;
}


.song-split-benefactors{
	display: flex;
	align-content: center;
	justify-content: center;
}

.album-info-container{
	display: flex;
	align-content: center;
	justify-content: center;
}

.flex-section{
	display: flex;
	align-content: center;
	justify-content: center;
}

.album-info-table{
	padding: 10px;
}
.album-info-table td{
	padding: 2px;
}

.cover-art{
	margin: 12px;
}

.text-danger {
  color: red;
}

.width-100-percent{
	width: 100%;
}

.btn-cancel-designer-flow{
	border: 2px solid red;
	box-shadow: 0 0 3px red;
}

.btn-cancel-designer-flow:hover{
	box-shadow: 0 0 13px red;
	background-color: #FF000033;
}

.placeholder-component{
	box-shadow: 0 0 3px red;
	background-color: #FF000033;
	height: 200px;
	width: 400px;
	margin-bottom: 30px;
}

.designer-music-track-card{
	margin: 8px;
}


.track-card {
  /* Your styles for the card */
}

.split-details {
  display: none;
  /* Additional styles */
}

.btn-expand {
  /* Button styles */
}



.component-preview-area{
  display: flex;
  justify-content: center;
}

.glare-gradient {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.1) 25%,
    rgba(0, 0, 0, 0.03) 50%,
    rgba(255, 255, 255, 0.1) 75%
  );
}

.zoomer-control{
  position: absolute;
  inset: 0;
}


.zoomed-out {
  transform: scale(0.25);
  transition: transform 0.3s ease;
  transform-origin: top left; /* Origin point is the top left corner of the element */
}

.zoomed-in {
  transform: scale(1);
  transition: transform 0.3s ease;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  z-index: 120;
  transform-origin: top left; /* Origin point is the top left corner of the element */
  background: rgba(0, 0, 0, 0.7);
}

.hidden{
  display: none;
}

.zoom-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 33;
}

.component-placeholder {
  position: relative;
  margin: 12px;
  margin-bottom: 24px;
  border: 1px solid #FFFFFF33;
}

.fake-component {
  border: 1px solid #FFFFFF33;
  text-align: center;
  position: absolute;
  inset: 0;
  transition: transform 0.3s ease-in-out;
}

.designer-music-album-cover{
  border: 1px solid #FFFFFF33;
  height: 240px;
  width: 240px;
  margin: 12px;
  background-color: #FFFFFF11;
}

.designer-music-album-insert{
  display: flex;
  justify-content: center;
}

.designer-music-album-insert-example{
  border: 1px solid #FFFFFF33;
  height: 240px;
  width: 240px;
  margin: 0;
  background-color: #FFFFFF11;
}

.track-overview-body{
  border: 1px solid lightyellow;
}

.wallet-watermark{
	position: fixed;
	right:10vh;
	bottom:10vh;
	height: 50vh;
	width: 50vh;
	opacity: 0.4;
}



.btn-small {
	height: 22px;
}

th{
    text-align: left;
}

.text-monospace{
	font-family: monospace;
	font-size: 0.9em;
}