<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.prod {
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 9px;
  padding: 10px 5px 5px 5px;
  margin: 10px 0px 2px 0px;
  width:200px;
  height: 386px;
  display: flex;
  flex-direction:column;
}

.actionBtn {
  font-family:"starjedi";
  text-align:center;
  color:white;
  font-size:12px;
  width: 82px; height: 37px;
  background-size: contain;
  line-height: 100%;
  padding-top:6px;
  cursor: pointer;
  position: relative;
}

.actionBtn.have { background-image:url("/images/buttons/blue.webp"); }
.actionBtn.want { background-image:url("/images/buttons/green.webp"); }
.actionBtn.preorder { background-image:url("/images/buttons/purple.webp"); }
.actionBtn.sell { background-image:url("/images/buttons/red.webp"); }
.actionBtn.buy { background-image:url("/images/buttons/yellow.webp"); }
.actionBtn.have:hover { background-image:url("/images/buttons/ltblue.webp"); }
.actionBtn.want:hover { background-image:url("/images/buttons/ltgreen.webp"); }
.actionBtn.preorder:hover { background-image:url("/images/buttons/ltpurple.webp"); }
.actionBtn.sell:hover { background-image:url("/images/buttons/ltred.webp"); }
.actionBtn.buy:hover { color:dimgray; background-image:url("/images/buttons/ltyellow.webp"); }
.actionBtn.have:hover .pop { display:flex }
.actionBtn.want:hover .pop { display:flex }

.btns {
  width: 95%px;
  margin-top: 9px;
  display: flex;
  justify-content: space-evenly;
  gap: 2px;
  flex-wrap: wrap;
}
.btns .have .pop { background-color:#146AF8; }
.btns .want .pop { background-color:#00DD18; }
.btns .preorder .pop { background-color:#CEC416; }
.btns .sell .pop { background-color:#ED3700; }

.pop {
  position: absolute;
  left: 5px;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding-top:7px;
  line-height: 170%;
  display: none;
  z-index: 1000;
  cursor:auto;
  right:6px;
  top:36px;
  padding-bottom: 5px;
  color:white;
}

.pop .fa {
  cursor:pointer;
  padding: 6px;
  border: 1px solid transparent;
}

.none {
  color:#BBBBBB;
  font-weight: normal;
}

.actionBtn.none .pop .fa-minus {
  cursor:auto;
  color:#BBBBBB;
}

.btns .pop .fa:hover {
  border: 1px solid white;
}

.btns .actionBtn.none .pop .fa-minus:hover {
  border: 1px solid transparent;
}

.btns .pop .link {
  cursor:pointer;
  border: 1px solid transparent;
  padding:2px;
}

.btns .pop .link:hover {
  border: 1px solid white;
}

@media screen and (max-width: 475px) {
  .prod { width: 180px; }
}

@media screen and (max-width: 400px) {
  .prod { width: 145px; }
  .actionBtn {
    font-size:9px;
    width: 60px;
    height: 28px;
    padding-top:4px;
  }
  .pop { top:26px; }
}

.prod a div {
  text-align:center;
  margin-top:10px;
}

.prod a div span {
  font-size: 10px;
}

.prod a {
  color:white;
  display:flex;
  flex-direction:column;
  align-items: center;

}

.prod a:hover {
  color:lime;
}

.prod .imgDiv {
  position: relative;
  min-width: 80px;
}

.prod .imgSz {
  min-height:142px;
}

.prod img {
  padding: 1px;
  border: 1px solid lightyellow;
  border-radius: 4px;
  max-height: 142px;
}

.prod .desc { height: 63px; }

.prod .seqNum {
  position:absolute;
  padding: 0px 8px 0px 8px;
  bottom: 0px;
  left: 0px;
  border: 1px solid white;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 4px;
  color:white;
}

.turtles .prod .seqNum {
  border-color: darkgrey;
  color: #202020;
  background-color: rgba(255, 255, 255, 0.75);
  font-size: 11px;
}

.turtles .prod .imgSz {
  min-height:102px;
}

.prod a .btns div {
  margin-top:0px;
}


.prod img:hover {
  cursor: pointer;
  box-shadow: 0px 0px 3px 3px #2653ab
}
</pre></body></html>