/******************************************************************************\
|                                                                              |
|                                  custom.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|       This defines various CSS styles used in this application.              |
|                                                                              |
|       Author(s): Abe Megahed                                                 |
|                                                                              |
|       This file is subject to the terms and conditions defined in            |
|       'LICENSE.md', which is part of this source code distribution.          |
|                                                                              |
|******************************************************************************|
|       Copyright (C) 2016 - 2025, Megahed Labs LLC, www.sharedigm.com         |
\******************************************************************************/
.indies {
  width: 100%;
  max-width: 100% !important;
  max-height: calc(100% - 50px);
  margin: 0 auto !important;
  aspect-ratio: 1.5;
}
.indies table {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.indies table tr td {
  position: relative;
}
.indies table tr td label {
  position: absolute;
  top: 0;
  left: 10px;
}
.indies table tr td img {
  width: auto !important;
  height: auto !important;
  width: 66% !important;
}
.indies table.outlined tr:not(:first-child) td {
  border-top: 2px solid black;
}
.indies table.outlined tr:not(:last-child) td {
  border-bottom: 2px solid black;
}
.indies table.outlined tr td:not(:first-child) {
  border-left: 2px solid black;
}
.indies table.outlined tr td:not(:last-child) {
  border-right: 2px solid black;
}

.indie label {
  font-family: "Futura";
  color: white;
}
.indie.chats {
  background: hsl(220, 50%, 50%) !important;
}
.indie.maps {
  background: hsl(220, 66%, 66%) !important;
}
.indie.data {
  background: hsl(90, 50%, 60%) !important;
}
.indie.photos {
  background: hsl(40, 90%, 66%) !important;
}
.indie.coder {
  background: hsl(25, 90%, 66%) !important;
}
.indie.files {
  background: hsl(30, 25%, 50%) !important;
}
.indie.buckets {
  background: hsl(10, 90%, 66%) !important;
}
.indie.images {
  background: hsl(300, 33%, 50%) !important;
}
.indie.audio {
  background: hsl(250, 50%, 60%) !important;
}
.indie.video {
  background: hsl(350, 90%, 66%) !important;
}

.indies.carousel {
  margin: 20px -50px !important;
  width: calc(100% + 100px) !important;
  height: 200px !important;
  max-width: none !important;
}
.indies.carousel .flickity-viewport {
  height: 200px !important;
}
.indies.carousel .flickity-viewport .carousel-cell {
  width: 200px !important;
  height: 200px !important;
  border-radius: 0 !important;
  margin-right: 0 !important;
  vertical-align: middle;
  padding: 10px;
}
.indies.carousel .flickity-viewport .carousel-cell img {
  width: auto !important;
  height: auto !important;
}

.scroller .clouds {
  filter: blur(3px) drop-shadow(rgba(0, 0, 0, 0.25) 5px 5px 10px);
  transform: translateZ(0);
}

body.dark .scroller .objects {
  filter: brightness(0.5);
}

/*# sourceMappingURL=custom.css.map */