/* Abyss template — abyss.css — TEMPLATE */
@import url("./standard.css");

/* override variables */
:root {
  --modal-bg: rgba(3, 8, 22, 0.85);
  --text-main: #9cc9ff;
  --glow-main: #4db8ff;
  --button-bg: #0d6efd;
  --button-hover-bg: #339cff;
  --price-color: #aad7ff;
  --price-glow: #4db8ff;
  --list-hover-bg: rgba(45, 114, 178, 0.18);
  --emoji-glow: #4db8ff;
  --bg-image: url('../backgrounds/abyss.jpg');
  
  
  
	/* these variables were out of a misfire so not sure if they apply, really same with the above, anyways, these were spit out two different iterations */
    --modal-width: 620px;
    --modal-padding: 2.4rem;
    --modal-radius: 5px;
    --font-main: 'Share Tech Mono', monospace;
}

.sale-modal {
	/* these properties were out of a misfire so not sure if they apply, really same with the above, anyways, these were spit out two different iterations */
    width: var(--modal-width);
    padding: var(--modal-padding);
    border-radius: var(--modal-radius);
    font-family: var(--font-main);
}
/* optional abyss-specific effects */
.sale-modal {
  border: 1px solid rgba(80,160,255,0.3);
  backdrop-filter: blur(14px) saturate(160%);
}