/* In your styles.css file */
.artworks-container {
    max-height: 500px;
    overflow-y: auto;
    border-top: 3px solid orangered;
    border-bottom: 3px solid orangered;
    padding: 12px;
    /* margin: 10px; */
    /*background: #2e3842;*/
}

.custom-column-klein-padding{
    padding-left: 0.25em;
    padding-right: 0.25em;
}

.custom-row{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
}

.custom-footer {
    border-top: 3px solid orangered;
    background-color: #333; /* Dark background color */
    color: #fff; /* Text color */
    padding: 20px 0; /* Adjust padding as needed */
}

.card{
    border: 0px solid rgba(0,0,0,.125);
    border-radius: 0rem;
}

#scatter-plot-container {
    position: relative;
    width: 100%;
    height: 600px;
    border: 1px solid #ffffff;
    /*background: linear-gradient(0deg, rgba(40, 44, 52, 1) 0%, rgba(103, 103, 103, 1) 100%);*/
}

.rarity5, .rarity5:hover {
  background-color: #278eff;
  border: solid 0px white;
}
.rarity4, .rarity4:hover {
  background-color: #6766ff;
  border: solid 0px white;
}
.rarity3, .rarity3:hover {
  background-color: #9e46ff;
  border: solid 0px white;
}
.rarity2, .rarity2:hover {
  background-color: #c437d6;
  border: solid 0px white;
}
.rarity1, .rarity1:hover {
  background-color: #f143aa;
  border: solid 0px white;
}
.rarity0, .rarity0:hover {
  background-color: #888888;
  border: solid 0px white;
}

.pulsing-button {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

.ipfs-links {
        color: black;          /* Black color */
        text-decoration: underline; /* Underline */
        font-family: monospace; /* Monospace font */
    }

.bubble{
  display: contents;
}

.btn {
    border-radius: 0;
}

.image-container {
  position: relative;
  display: inline-block;
}

.edit-button {
    position: absolute;
    bottom: 3px;
    right: 6px;
    border: solid 0px black;
    background: white;
    border-left: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
}

.public-icon,
.private-icon {
    position: absolute;
    top: 4px;
    left: 8px;
    border: solid 0px black;
    background: white;
    font-size: large;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}